@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;1,400;1,500&display=swap");

@font-face {
    font-display: swap;
    font-family: futura-condensed;
    font-style: normal;
    font-weight: 500;
    src: url(https://www.softcat.com/application/themes/rawnet/app/fonts/Futura-CondensedMedium.woff2) format("woff2"),url(https://www.softcat.com/application/themes/rawnet/app/fonts/Futura-CondensedMedium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: futura-condensed;
    font-style: normal;
    font-weight: 900;
    src: url(https://www.softcat.com/application/themes/rawnet/app/fonts/Futura-CondensedExtraBold.woff2) format("woff2"),url(https://www.softcat.com/application/themes/rawnet/app/fonts/Futura-CondensedExtraBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: futura-medium;
    font-style: normal;
    font-weight: 500;
    src: url(https://www.softcat.com/application/themes/rawnet/app/fonts/Futura-Medium.woff2) format("woff2"),url(https://www.softcat.com/application/themes/rawnet/app/fonts/Futura-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: futura-medium;
    font-style: italic;
    font-weight: 500;
    src: url(https://www.softcat.com/application/themes/rawnet/app/fonts/Futura-MediumItalic.woff2) format("woff2"),url(https://www.softcat.com/application/themes/rawnet/app/fonts/Futura-MediumItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: futura-book;
    font-style: normal;
    font-weight: 400;
    src: url(https://www.softcat.com/application/themes/rawnet/app/fonts/FuturaLTPro-Book.woff2) format("woff2"),url(https://www.softcat.com/application/themes/rawnet/app/fonts/FuturaLTPro-Book.woff) format("woff")
}

/* #region Glide */
.glide {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

    .glide * {
        box-sizing: inherit
    }

.glide__slides, .glide__track {
    overflow: hidden
}

.glide__slides {
    backface-visibility: hidden;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    touch-action: pan-Y;
    transform-style: preserve-3d;
    white-space: nowrap;
    width: 100%;
    will-change: transform
}

.glide__slide, .glide__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide__slide {
    flex-shrink: 0;
    height: 100%;
    white-space: normal;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

    .glide__slide a {
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -moz-user-select: none;
        -ms-user-select: none
    }

.glide__arrows, .glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}
/* #endregion */
/* #region Swiper */
@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

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

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

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

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

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

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

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

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

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

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

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10
    }

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

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
    }

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

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

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

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

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

.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}
/* #endregion */

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body, button, dd, dl, dt, fieldset, figcaption, figure, h1, h2, h3, h4, h5, h6, ol, p, ul {
    font-weight: 400;
    margin: 0
}

ol, ul {
    padding-left: 0
}

details, main, summary {
    display: block
}

b, strong {
    font-weight: 700
}

textarea {
    overflow: auto
}

table {
    border-collapse: separate;
    border-spacing: 0
}

fieldset, legend, td, th {
    padding: 0
}

address, cite {
    font-style: normal
}

select::-ms-expand {
    display: none
}

div#ccm-intelligent-search-results {
    z-index: 900001
}

/* #region Osano */
.osano-cm-window .osano-cm-dialog {
    background: #f2f3f6;
    max-width: 420px;
    padding: 15px
}

.osano-cm-window .osano-cm-dialog__close {
    background-color: unset;
    border: none;
    color: #80296F;
    stroke: #80296F
}

    .osano-cm-window .osano-cm-dialog__close:focus, .osano-cm-window .osano-cm-dialog__close:hover {
        background-color: unset;
        color: #7b4783;
        stroke: #7b4783
    }

.osano-cm-window .osano-cm-dialog__content {
    color: #000;
    padding: 15px
}

    .osano-cm-window .osano-cm-dialog__content .osano-cm-message {
        margin: 0
    }

.osano-cm-window .osano-cm-dialog__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0
}

    .osano-cm-window .osano-cm-dialog__buttons .osano-cm-button {
        font-weight: 400
    }

    .osano-cm-window .osano-cm-dialog__buttons .osano-cm-manage {
        font-size: 0;
        order: 1;
        padding: 0;
        visibility: hidden
    }

        .osano-cm-window .osano-cm-dialog__buttons .osano-cm-manage:after {
            background-color: transparent;
            border: none;
            color: #000;
            content: "Preferences";
            display: block;
            font-size: medium;
            visibility: visible
        }

    .osano-cm-window .osano-cm-dialog__buttons .osano-cm-accept-all {
        font-size: 0;
        order: 3;
        padding: 0;
        visibility: hidden
    }

        .osano-cm-window .osano-cm-dialog__buttons .osano-cm-accept-all:after {
            background-color: #00b050;
            border-radius: .25em;
            content: "Accept All & Close";
            display: block;
            font-size: medium;
            visibility: visible
        }

        .osano-cm-window .osano-cm-dialog__buttons .osano-cm-accept-all:focus:after, .osano-cm-window .osano-cm-dialog__buttons .osano-cm-accept-all:hover:after {
            background-color: #007d39
        }

    .osano-cm-window .osano-cm-dialog__buttons .osano-cm-denyAll {
        background-color: #e9114a;
        order: 2
    }

        .osano-cm-window .osano-cm-dialog__buttons .osano-cm-denyAll:focus, .osano-cm-window .osano-cm-dialog__buttons .osano-cm-denyAll:hover {
            background-color: #b90e3b
        }

    .osano-cm-window .osano-cm-dialog__buttons .osano-cm-accept-all:after, .osano-cm-window .osano-cm-dialog__buttons .osano-cm-denyAll {
        border: 1px solid #000;
        color: #fff;
        padding: 10px 15px
    }
/* #endregion */

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #000;
    font-family: proxima-nova, sans-serif;
    font-kerning: normal;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

h1, .heading--1, h2, .heading--2, h3, .heading--3, h4, .heading--4, .heading--404, .heading--mega, .wysiwyg .heading--1, .wysiwyg .heading--2, .wysiwyg .heading--3, .wysiwyg .heading--4, .wysiwyg blockquote p, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4 {
    font-family: "proxima-nova-condensed";
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5;
    margin-top: 0
}

.copy--1, .copy--2, .copy--3, .copy--4, .wysiwyg h5 {
    color: #4e485b;
    font-family: "proxima-nova";
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5
}

h1, .heading--1 {
    font-size: clamp(1.875rem,1.5416666667rem + 1.6666666667vw,3rem);
    line-height: 1.2
}

h1, .heading--1, h2, .heading--2 {
    color: #472566;
    font-family: "proxima-nova-condensed";
    font-weight: 500;
    margin-top: 0
}

h2, .heading--2 {
    font-size: clamp(1.75rem,1.6018518519rem + .7407407407vw,2.25rem);
    line-height: 1.2857142857
}

h3, .heading--3 {
    font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
    line-height: 1.4
}

h3, .heading--3, h4, .heading--4 {
    color: #472566;
    font-family: Jost,sans-serif;
    font-weight: 500;
    margin-top: 0
}

h4, .heading--4 {
    font-size: clamp(1.25rem,1.212962963rem + .1851851852vw,1.375rem);
    line-height: 1.5
}

.heading--dark-blue {
    color: #472566
}

.heading--white {
    color: #fff
}

.heading--pink {
    color: #ED008C
}

.heading--teal {
    color: #2D7F94
}

.heading--green {
    color: #94C93D
}

.heading--cerulean-blue {
    color: #2D7F94
}

.heading--yellow {
    color: #EDE80A
}

.heading--purple {
    color: #80296F
}

.heading--dark-purple {
    color: #653466
}

.heading--futura {
    font-family: futura-pt,Jost,sans-serif !important
}

.heading--futura-bold {
    font-family: futura-pt-bold,Jost,sans-serif !important
}

.heading--mega {
    font-size: 3.75rem
}

.heading--mega--dark-blue {
    color: #472566
}

.heading--mega--white {
    color: #fff
}

.heading--mega--pink {
    color: #ED008C
}

.heading--mega--teal {
    color: #2D7F94
}

.heading--mega--green {
    color: #94C93D
}

.heading--mega--cerulean-blue {
    color: #2D7F94
}

.heading--mega--yellow {
    color: #EDE80A
}

.heading--mega--purple {
    color: #80296F
}

.heading--mega--dark-purple {
    color: #653466
}

@media screen and (max-width: 567px) {
    .heading--mega {
        font-size: 2.5rem
    }
}

.heading--404 {
    color: #fff;
    font-size: 7.5rem;
    line-height: 160px;
    position: relative
}

    .heading--404 span {
        color: #EDE80A;
        font-size: 1.625rem;
        line-height: 30px;
        position: absolute;
        top: 0
    }

@media screen and (max-width: 768px) {
    .heading--404 {
        font-size: 6.25rem;
        line-height: 140px
    }

        .heading--404 span {
            font-size: 1.125rem;
            line-height: 18px;
            top: -5px
        }
}

.copy--1 {
    font-size: clamp(1.875rem,1.5416666667rem + 1.6666666667vw,3rem);
    line-height: 1.2
}

.copy--2 {
    font-size: clamp(1.75rem,1.6018518519rem + .7407407407vw,2.25rem);
    line-height: 1.2857142857
}

.copy--3 {
    font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
    line-height: 1.4
}

.copy--4 {
    font-size: clamp(1.25rem,1.212962963rem + .1851851852vw,1.375rem);
    line-height: 1.5
}

.copy--small {
    font-size: clamp(.875rem, .837962963rem + .1851851852vw, 1rem);
}

.copy--white {
    color: #fff
}

.copy--mulled-wine {
    color: #4e485b
}

.copy--mid {
    color: #7f7790
}

.copy--dark {
    color: #472566
}

.error {
    color: #e9114a
}

.success {
    color: #94C93D
}

.sr-only {
    border: 0;
    height: 1px;
    width: 1px;
    clip: rect(0,0,0,0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.wysiwyg {
    width: 100%
}

    .wysiwyg:after {
        clear: both;
        content: "";
        display: table
    }

    .wysiwyg img.wysiwyg__image.wysiwyg__image--center {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .wysiwyg .heading--1, .wysiwyg h1 {
        color: #472566;
        font-family: Jost,sans-serif;
        font-size: clamp(1.875rem,1.5416666667rem + 1.6666666667vw,3rem);
        font-weight: 500;
        line-height: 1.2;
        margin-bottom: 20px;
        margin-top: 0
    }

        .wysiwyg .heading--1:not(:first-child), .wysiwyg h1:not(:first-child) {
            margin-top: 20px
        }

    .wysiwyg .heading--2, .wysiwyg h2 {
        color: #472566;
        font-family: Jost,sans-serif;
        font-size: clamp(1.75rem,1.6018518519rem + .7407407407vw,2.25rem);
        font-weight: 500;
        line-height: 1.2857142857;
        margin-bottom: 20px;
        margin-top: 0
    }

        .wysiwyg .heading--2:not(:first-child), .wysiwyg h2:not(:first-child) {
            margin-top: 20px
        }

    .wysiwyg .heading--3, .wysiwyg h3 {
        color: #472566;
        font-family: Jost,sans-serif;
        font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 20px;
        margin-top: 0
    }

        .wysiwyg .heading--3:not(:first-child), .wysiwyg h3:not(:first-child) {
            margin-top: 20px
        }

    .wysiwyg .heading--4, .wysiwyg h4 {
        color: #472566;
        font-family: Jost,sans-serif;
        font-size: clamp(1.25rem,1.212962963rem + .1851851852vw,1.375rem);
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: 20px;
        margin-top: 0
    }

        .wysiwyg .heading--4:not(:first-child), .wysiwyg h4:not(:first-child) {
            margin-top: 20px
        }

    .wysiwyg h5 {
        font-size: 1.375rem;
        line-height: 30px
    }

    .wysiwyg .u-size-super {
        font-size: clamp(3.75rem,3.287037037rem + 2.3148148148vw,5.3125rem);
        line-height: 1.1333333333
    }

    .wysiwyg .u-size-giga {
        font-size: clamp(3.125rem,2.662037037rem + 2.3148148148vw,4.6875rem);
        line-height: 1.2
    }

    .wysiwyg .u-size-mega {
        font-size: clamp(2.5rem,2.1296296296rem + 1.8518518519vw,3.75rem);
        line-height: 1.25
    }

    .wysiwyg .u-size-large {
        font-size: clamp(2.25rem,1.8796296296rem + 1.8518518519vw,3.5rem);
        line-height: 1
    }

    .wysiwyg .u-size-h1 {
        font-size: clamp(1.875rem,1.5416666667rem + 1.6666666667vw,3rem);
        line-height: 1.2
    }

    .wysiwyg .u-size-h2 {
        font-size: clamp(1.75rem,1.6018518519rem + .7407407407vw,2.25rem);
        line-height: 1.2857142857
    }

    .wysiwyg .u-size-h3 {
        font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
        line-height: 1.4
    }

    .wysiwyg .u-size-h4 {
        font-size: clamp(1.25rem,1.212962963rem + .1851851852vw,1.375rem);
        line-height: 1.5
    }

    .wysiwyg .u-size-default {
        font-size: clamp(1.125rem,1.125rem + 0vw,1.125rem)
    }

    .wysiwyg .u-size-small {
        font-size: clamp(.875rem,.875rem + 0vw,.875rem)
    }

    .wysiwyg .u-size-tiny {
        font-size: clamp(.75rem,.75rem + 0vw,.75rem)
    }

    .wysiwyg a:not(.button):not(.link) {
        color: #80296F;
        text-decoration: underline;
        text-decoration-color: #80296F
    }

        .wysiwyg a:not(.button):not(.link):active, .wysiwyg a:not(.button):not(.link):focus, .wysiwyg a:not(.button):not(.link):hover {
            outline: none;
            text-decoration: none
        }

    .wysiwyg .button {
        text-decoration: none
    }

    .wysiwyg ol, .wysiwyg ul {
        list-style: none;
        margin-bottom: 10px;
        margin-left: 0;
        margin-top: 0;
        padding-left: 0
    }

        .wysiwyg ol li, .wysiwyg ul li {
            margin-bottom: 25px;
            position: relative
        }

        .wysiwyg ol:last-child, .wysiwyg ul:last-child {
            margin-bottom: 0
        }

        .wysiwyg ul li {
            padding-left: 27px
        }

            .wysiwyg ul li:before {
                background-color: #80296F;
                border-radius: 50%;
                content: "";
                display: inline-block;
                height: 12px;
                margin-left: -27px;
                margin-right: 15px;
                width: 12px
            }

            .wysiwyg ul li a + ul {
                margin-top: 25px
            }

    .wysiwyg ol {
        counter-reset: item
    }

        .wysiwyg ol li {
            counter-increment: item;
            margin-bottom: 5px;
            padding-left: 25px
        }

            .wysiwyg ol li:before {
                border-radius: 100%;
                color: #80296F;
                content: counter(item) ".";
                display: inline-block;
                left: 0;
                position: absolute;
                top: 2px
            }

    .wysiwyg hr {
        background: #dbdbdb;
        border: 0;
        height: 1px;
        margin: 40px 0
    }

        .wysiwyg hr + h1:not(:first-child), .wysiwyg hr + h2:not(:first-child), .wysiwyg hr + h3:not(:first-child), .wysiwyg hr + h4:not(:first-child) {
            margin-top: 0
        }

    .wysiwyg table {
        border: 1px solid #c9cfd3;
        border-collapse: collapse;
        -webkit-hyphens: auto;
        hyphens: auto;
        table-layout: fixed;
        width: 100%
    }

        .wysiwyg table td, .wysiwyg table th {
            box-sizing: border-box;
            padding: 25px 30px;
            text-align: left
        }

        .wysiwyg table thead {
            background-color: #80296F;
            color: #fff;
            font-size: 1.375rem;
            font-weight: 500;
            padding: 20px
        }

        .wysiwyg table tbody tr:nth-child(odd) {
            background-color: #fff
        }

        .wysiwyg table tbody tr:nth-child(2n) {
            background-color: #f2f3f6
        }

        .wysiwyg table tbody td {
            font-size: 1.125rem;
            line-height: 24px;
            padding: 25px 30px
        }

@media screen and (max-width: 499px) {
    .wysiwyg table tbody td {
        padding: 10px
    }

    .wysiwyg table {
        display: block;
        overflow-x: auto;
        table-layout: fixed
    }

        .wysiwyg table tbody {
            display: table
        }
}

.wysiwyg img {
    margin: 40px 0
}

.wysiwyg blockquote p {
    color: #472566;
    font-family: Jost,sans-serif;
    font-size: clamp(1.75rem,1.6018518519rem + .7407407407vw,2.25rem);
    font-weight: 500;
    line-height: 1.2857142857;
    margin-top: 0;
    text-align: center
}

.wysiwyg p:not(:last-child) {
    margin-bottom: 20px
}

.wysiwyg--with-tick-list ul li {
    display: flex;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 24px;
    padding-left: 45px;
    position: relative
}

    .wysiwyg--with-tick-list ul li:not(:last-of-type) {
        margin-bottom: 22px
    }

    .wysiwyg--with-tick-list ul li:before {
        background-color: transparent;
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_tick_circle.svg);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 30px;
        left: 0;
        margin-left: 0;
        position: absolute;
        width: 30px
    }

    .wysiwyg--with-tick-list ul li.no-tick:before {
        background-image: none
    }

.wysiwyg--with-tick-list ul ul li {
    font-weight: 400;
    padding-left: 27px
}

    .wysiwyg--with-tick-list ul ul li:before {
        background-color: #80296F;
        background-image: none;
        border-radius: 50%;
        content: "";
        height: 12px;
        transform: translateY(50%);
        width: 12px
    }

.wysiwyg--light h1, .wysiwyg--light h2, .wysiwyg--light h3, .wysiwyg--light h4, .wysiwyg--light p {
    color: #fff
}

.wysiwyg--light a:not(.button):not(.link) {
    color: #fff;
    text-decoration-color: #fff
}

.wysiwyg--investis-table table thead {
    background-color: #472566
}

.wysiwyg--investis-table a {
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/chevron_static.svg);
    background-position: 0;
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    padding-left: 30px
}

    .wysiwyg--investis-table a:active, .wysiwyg--investis-table a:focus, .wysiwyg--investis-table a:hover {
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/chevron_hover.svg);
        outline: none
    }

    .wysiwyg--investis-table a[href^="https://www.youtube.com/"] {
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/play_static.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        height: 25px;
        width: 25px
    }

        .wysiwyg--investis-table a[href^="https://www.youtube.com/"]:active, .wysiwyg--investis-table a[href^="https://www.youtube.com/"]:focus, .wysiwyg--investis-table a[href^="https://www.youtube.com/"]:hover {
            background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/play_hover.svg);
            outline: none
        }

@media screen and (max-width: 899px) {
    .wysiwyg--investis-table {
        overflow-x: auto
    }

        .wysiwyg--investis-table table {
            table-layout: auto;
            width: auto
        }
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    background-color: #f9f9f9;
    margin: 0 auto;
    /*max-width: 1600px*/
}

    body .page {
        background-color: #fff
    }

main {
    display: block
}

figure {
    margin: 0
}

img {
    display: block;
    height: auto
}

img, svg {
    max-width: 100%
}

svg {
    flex-shrink: 0
}

a {
    color: inherit;
    text-decoration: none
}

    a h1, a h2, a h3, a h4, a h5, a h6, p {
        margin-top: 0
    }

        p a {
            text-decoration: underline
        }

            p a:active, p a:focus, p a:hover {
                outline: none;
                text-decoration: underline
            }

blockquote {
    margin: 0
}

address {
    font-style: normal
}

button > * {
    pointer-events: none
}

iframe {
    border: 0;
    display: block;
    margin: 0 auto;
    max-width: 100%
}

fieldset {
    border: none;
    font-weight: 400;
    margin: 0;
    min-width: 0
}

fieldset, legend {
    padding: 0;
    width: 100%
}

[id] {
    scroll-margin-top: 164px
}

.container {
    box-sizing: unset;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px
}

    .container .container {
        padding-left: 0;
        padding-right: 0
    }

.container--big {
    max-width: 1438px
}

.container--medium {
    max-width: 1064px
}

.container--small {
    max-width: 955px
}

.container--847 {
    max-width: 847px
}

.container--slim {
    max-width: 835px
}

.container--802 {
    max-width: 802px
}

.container--tiny {
    max-width: 713px
}

.container--772 {
    max-width: 772px
}

.container--mini {
    max-width: 640px
}

.container--502 {
    max-width: 502px
}

.container--compact {
    max-width: 414px
}

@media screen and (min-width: 568px) {
    .container {
        padding-left: 20px;
        padding-right: 20px
    }

        .container .container {
            padding-left: 0;
            padding-right: 0
        }
}

@media screen and (max-width: 768px) {
    .container--not-contained\@medium {
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 567px) {
    .container--pr-0\@small {
        padding-right: 0
    }
}

.cookie-bar {
    background-color: #000;
    color: #fff;
    height: 0;
    margin: auto;
    max-width: 1600px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

.cookie-bar__link {
    color: inherit;
    text-decoration: underline
}

    .cookie-bar__link:active, .cookie-bar__link:focus, .cookie-bar__link:hover {
        outline: none;
        text-decoration: none
    }

.cookie-bar--active {
    height: auto
}

.ccm-toolbar-visible .cookie-bar {
    display: none
}

.display {
    display: grid;
    grid-auto-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px
}

.display--2-col-stack {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(1,minmax(1px,1fr));
    grid-template-rows: repeat(3,1fr)
}

@media screen and (min-width: 568px) {
    .display--1-col {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

.display--align-start {
    align-items: flex-start
}

.display--justify-start {
    justify-items: flex-start
}

.display--align-end {
    align-items: flex-end
}

.display--justify-end {
    justify-items: flex-end
}

.display--align-center {
    align-items: center
}

.display--justify-center {
    justify-items: center
}

.display--align-stretch {
    align-items: stretch
}

.display--justify-stretch {
    justify-items: stretch
}

.display--align-space-between {
    align-items: space-between
}

.display--justify-space-between {
    justify-items: space-between
}

@media screen and (max-width: 1449px) {
    .display--1-col\@xxlarge {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@xxlarge {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@xxlarge {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@xxlarge {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@xxlarge {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (max-width: 1319px) {
    .display--1-col\@xlarge-accents {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@xlarge-accents {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@xlarge-accents {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@xlarge-accents {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@xlarge-accents {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (max-width: 1279px) {
    .display--1-col\@xlarge {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@xlarge {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@xlarge {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@xlarge {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@xlarge {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (max-width: 1023px) {
    .display--1-col\@large {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@large {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@large {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@large {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@large {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (max-width: 768px) {
    .display--1-col\@medium {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@medium {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@medium {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@medium {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@medium {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (max-width: 567px) {
    .display--1-col\@small {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@small {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@small {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@small {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@small {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (max-width: 413px) {
    .display--1-col\@xsmall {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@xsmall {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@xsmall {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@xsmall {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@xsmall {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (min-width: 1280px) {
    .display--2-col-stack {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }
}

@media screen and (max-width: 1023px) {
    .display--col-gap-30\@large {
        grid-column-gap: 30px
    }

    .display--col-gap-20\@large {
        grid-column-gap: 20px
    }

    .display--row-gap-30\@large {
        grid-row-gap: 30px
    }
}

@media screen and (min-width: 1024px) {
    .display--2-col-stack {
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(2,1fr)
    }

        .display--2-col-stack .display__item:nth-child(3n+1) {
            grid-area: 1/1/3/2
        }

        .display--2-col-stack .display__item:nth-child(3n+2) {
            grid-area: 1/2/2/3
        }

        .display--2-col-stack .display__item:nth-child(3n+3) {
            grid-area: 2/2/3/3
        }
}

@media screen and (max-width: 768px) {
    .display--col-gap-10\@medium {
        grid-column-gap: 10px
    }

    .display--row-gap-10\@medium {
        grid-row-gap: 10px
    }
}

@media screen and (min-width: 769px) {
    .display--col-gap-10 {
        grid-column-gap: 10px
    }

    .display--col-gap-60 {
        grid-column-gap: 60px
    }

    .display--col-gap-80 {
        grid-column-gap: 80px
    }

    .display--row-gap-60 {
        grid-row-gap: 60px
    }
}

.grid {
    flex-wrap: wrap;
    margin-bottom: -20px
}

.grid, .grid--equal-height .grid__item {
    display: flex
}

    .grid--equal-height .grid__item > * {
        flex-grow: 1
    }

.grid--align-start {
    align-items: flex-start
}

.grid--justify-start {
    justify-content: flex-start
}

.grid--align-end {
    align-items: flex-end
}

.grid--justify-end {
    justify-content: flex-end
}

.grid--align-center {
    align-items: center
}

.grid--justify-center {
    justify-content: center
}

.grid--align-stretch {
    align-items: stretch
}

.grid--justify-stretch {
    justify-content: stretch
}

.grid--align-space-between {
    align-items: space-between
}

.grid--justify-space-between {
    justify-content: space-between
}

.grid__item {
    flex: none;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%
}

.grid__item--grow {
    flex-grow: 1
}

.grid__item--align-start {
    align-self: flex-start
}

.grid__item--align-end {
    align-self: flex-end
}

.grid__item--align-center {
    align-self: center
}

.grid__item--align-stretch {
    align-self: stretch
}

.grid__item--align-space-between {
    align-self: space-between
}

@media screen and (min-width: 568px) {
    .grid {
        margin-right: -20px
    }

    .grid__item {
        margin-right: 20px;
        width: auto
    }

    .grid__item--65 {
        width: calc(65% - 20px)
    }

    .grid__item--35 {
        width: calc(35% - 20px)
    }

    .grid__item--67 {
        width: calc(67% - 20px)
    }

    .grid__item--66 {
        width: calc(66% - 20px)
    }

    .grid__item--33 {
        width: calc(33% - 20px)
    }

    .grid__item--6 {
        width: calc(6% - 20px)
    }

    .grid__item--27 {
        width: calc(27% - 20px)
    }

    .grid__item--25 {
        width: calc(25% - 20px)
    }

    .grid__item--75 {
        width: calc(75% - 20px)
    }

    .grid__item--30 {
        width: calc(30% - 20px)
    }

    .grid__item--70 {
        width: calc(70% - 20px)
    }

    .grid--1-col > .grid__item {
        width: calc(100% - 20px)
    }

    .grid--2-col > .grid__item {
        width: calc(50% - 20px)
    }

    .grid--3-col > .grid__item {
        width: calc(33.33333% - 20px)
    }

    .grid--4-col > .grid__item {
        width: calc(25% - 20px)
    }

    .grid--5-col > .grid__item {
        width: calc(20% - 20px)
    }

    .grid--6-col > .grid__item {
        width: calc(16.66667% - 20px)
    }
}

@media screen and (max-width: 1449px) {
    .grid--align-start\@xxlarge {
        align-items: flex-start
    }

    .grid--justify-start\@xxlarge {
        justify-content: flex-start
    }

    .grid--align-end\@xxlarge {
        align-items: flex-end
    }

    .grid--justify-end\@xxlarge {
        justify-content: flex-end
    }

    .grid--align-center\@xxlarge {
        align-items: center
    }

    .grid--justify-center\@xxlarge {
        justify-content: center
    }

    .grid--align-stretch\@xxlarge {
        align-items: stretch
    }

    .grid--justify-stretch\@xxlarge {
        justify-content: stretch
    }

    .grid--align-space-between\@xxlarge {
        align-items: space-between
    }

    .grid--justify-space-between\@xxlarge {
        justify-content: space-between
    }

    .grid--1-col\@xxlarge {
        margin-right: 0
    }

        .grid--1-col\@xxlarge > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@xxlarge {
        margin-right: -20px
    }

        .grid--2-col\@xxlarge > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@xxlarge {
        margin-right: -20px
    }

        .grid--3-col\@xxlarge > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@xxlarge {
        margin-right: -20px
    }

        .grid--4-col\@xxlarge > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@xxlarge {
        margin-right: -20px
    }

        .grid--5-col\@xxlarge > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@xxlarge {
        margin-right: -20px
    }

        .grid--6-col\@xxlarge > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (max-width: 1319px) {
    .grid--align-start\@xlarge-accents {
        align-items: flex-start
    }

    .grid--justify-start\@xlarge-accents {
        justify-content: flex-start
    }

    .grid--align-end\@xlarge-accents {
        align-items: flex-end
    }

    .grid--justify-end\@xlarge-accents {
        justify-content: flex-end
    }

    .grid--align-center\@xlarge-accents {
        align-items: center
    }

    .grid--justify-center\@xlarge-accents {
        justify-content: center
    }

    .grid--align-stretch\@xlarge-accents {
        align-items: stretch
    }

    .grid--justify-stretch\@xlarge-accents {
        justify-content: stretch
    }

    .grid--align-space-between\@xlarge-accents {
        align-items: space-between
    }

    .grid--justify-space-between\@xlarge-accents {
        justify-content: space-between
    }

    .grid--1-col\@xlarge-accents {
        margin-right: 0
    }

        .grid--1-col\@xlarge-accents > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@xlarge-accents {
        margin-right: -20px
    }

        .grid--2-col\@xlarge-accents > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@xlarge-accents {
        margin-right: -20px
    }

        .grid--3-col\@xlarge-accents > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@xlarge-accents {
        margin-right: -20px
    }

        .grid--4-col\@xlarge-accents > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@xlarge-accents {
        margin-right: -20px
    }

        .grid--5-col\@xlarge-accents > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@xlarge-accents {
        margin-right: -20px
    }

        .grid--6-col\@xlarge-accents > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (max-width: 1279px) {
    .grid--align-start\@xlarge {
        align-items: flex-start
    }

    .grid--justify-start\@xlarge {
        justify-content: flex-start
    }

    .grid--align-end\@xlarge {
        align-items: flex-end
    }

    .grid--justify-end\@xlarge {
        justify-content: flex-end
    }

    .grid--align-center\@xlarge {
        align-items: center
    }

    .grid--justify-center\@xlarge {
        justify-content: center
    }

    .grid--align-stretch\@xlarge {
        align-items: stretch
    }

    .grid--justify-stretch\@xlarge {
        justify-content: stretch
    }

    .grid--align-space-between\@xlarge {
        align-items: space-between
    }

    .grid--justify-space-between\@xlarge {
        justify-content: space-between
    }

    .grid--1-col\@xlarge {
        margin-right: 0
    }

        .grid--1-col\@xlarge > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@xlarge {
        margin-right: -20px
    }

        .grid--2-col\@xlarge > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@xlarge {
        margin-right: -20px
    }

        .grid--3-col\@xlarge > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@xlarge {
        margin-right: -20px
    }

        .grid--4-col\@xlarge > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@xlarge {
        margin-right: -20px
    }

        .grid--5-col\@xlarge > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@xlarge {
        margin-right: -20px
    }

        .grid--6-col\@xlarge > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (max-width: 1023px) {
    .grid--align-start\@large {
        align-items: flex-start
    }

    .grid--justify-start\@large {
        justify-content: flex-start
    }

    .grid--align-end\@large {
        align-items: flex-end
    }

    .grid--justify-end\@large {
        justify-content: flex-end
    }

    .grid--align-center\@large {
        align-items: center
    }

    .grid--justify-center\@large {
        justify-content: center
    }

    .grid--align-stretch\@large {
        align-items: stretch
    }

    .grid--justify-stretch\@large {
        justify-content: stretch
    }

    .grid--align-space-between\@large {
        align-items: space-between
    }

    .grid--justify-space-between\@large {
        justify-content: space-between
    }

    .grid--1-col\@large {
        margin-right: 0
    }

        .grid--1-col\@large > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@large {
        margin-right: -20px
    }

        .grid--2-col\@large > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@large {
        margin-right: -20px
    }

        .grid--3-col\@large > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@large {
        margin-right: -20px
    }

        .grid--4-col\@large > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@large {
        margin-right: -20px
    }

        .grid--5-col\@large > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@large {
        margin-right: -20px
    }

        .grid--6-col\@large > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (max-width: 768px) {
    .grid--align-start\@medium {
        align-items: flex-start
    }

    .grid--justify-start\@medium {
        justify-content: flex-start
    }

    .grid--align-end\@medium {
        align-items: flex-end
    }

    .grid--justify-end\@medium {
        justify-content: flex-end
    }

    .grid--align-center\@medium {
        align-items: center
    }

    .grid--justify-center\@medium {
        justify-content: center
    }

    .grid--align-stretch\@medium {
        align-items: stretch
    }

    .grid--justify-stretch\@medium {
        justify-content: stretch
    }

    .grid--align-space-between\@medium {
        align-items: space-between
    }

    .grid--justify-space-between\@medium {
        justify-content: space-between
    }

    .grid--1-col\@medium {
        margin-right: 0
    }

        .grid--1-col\@medium > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@medium {
        margin-right: -20px
    }

        .grid--2-col\@medium > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@medium {
        margin-right: -20px
    }

        .grid--3-col\@medium > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@medium {
        margin-right: -20px
    }

        .grid--4-col\@medium > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@medium {
        margin-right: -20px
    }

        .grid--5-col\@medium > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@medium {
        margin-right: -20px
    }

        .grid--6-col\@medium > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (max-width: 567px) {
    .grid--align-start\@small {
        align-items: flex-start
    }

    .grid--justify-start\@small {
        justify-content: flex-start
    }

    .grid--align-end\@small {
        align-items: flex-end
    }

    .grid--justify-end\@small {
        justify-content: flex-end
    }

    .grid--align-center\@small {
        align-items: center
    }

    .grid--justify-center\@small {
        justify-content: center
    }

    .grid--align-stretch\@small {
        align-items: stretch
    }

    .grid--justify-stretch\@small {
        justify-content: stretch
    }

    .grid--align-space-between\@small {
        align-items: space-between
    }

    .grid--justify-space-between\@small {
        justify-content: space-between
    }

    .grid--1-col\@small {
        margin-right: 0
    }

        .grid--1-col\@small > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@small {
        margin-right: -20px
    }

        .grid--2-col\@small > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@small {
        margin-right: -20px
    }

        .grid--3-col\@small > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@small {
        margin-right: -20px
    }

        .grid--4-col\@small > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@small {
        margin-right: -20px
    }

        .grid--5-col\@small > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@small {
        margin-right: -20px
    }

        .grid--6-col\@small > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (max-width: 413px) {
    .grid--align-start\@xsmall {
        align-items: flex-start
    }

    .grid--justify-start\@xsmall {
        justify-content: flex-start
    }

    .grid--align-end\@xsmall {
        align-items: flex-end
    }

    .grid--justify-end\@xsmall {
        justify-content: flex-end
    }

    .grid--align-center\@xsmall {
        align-items: center
    }

    .grid--justify-center\@xsmall {
        justify-content: center
    }

    .grid--align-stretch\@xsmall {
        align-items: stretch
    }

    .grid--justify-stretch\@xsmall {
        justify-content: stretch
    }

    .grid--align-space-between\@xsmall {
        align-items: space-between
    }

    .grid--justify-space-between\@xsmall {
        justify-content: space-between
    }

    .grid--1-col\@xsmall {
        margin-right: 0
    }

        .grid--1-col\@xsmall > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@xsmall {
        margin-right: -20px
    }

        .grid--2-col\@xsmall > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@xsmall {
        margin-right: -20px
    }

        .grid--3-col\@xsmall > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@xsmall {
        margin-right: -20px
    }

        .grid--4-col\@xsmall > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@xsmall {
        margin-right: -20px
    }

        .grid--5-col\@xsmall > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@xsmall {
        margin-right: -20px
    }

        .grid--6-col\@xsmall > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (min-width: 769px) {
    .grid__item--65\@medium-min {
        width: calc(65% - 20px)
    }

    .grid__item--35\@medium-min {
        width: calc(35% - 20px)
    }

    .grid__item--67\@medium-min {
        width: calc(67% - 20px)
    }

    .grid__item--66\@medium-min {
        width: calc(66% - 20px)
    }

    .grid__item--33\@medium-min {
        width: calc(33% - 20px)
    }

    .grid__item--6\@medium-min {
        width: calc(6% - 20px)
    }

    .grid__item--27\@medium-min {
        width: calc(27% - 20px)
    }

    .grid__item--25\@medium-min {
        width: calc(25% - 20px)
    }

    .grid__item--75\@medium-min {
        width: calc(75% - 20px)
    }

    .grid__item--30\@medium-min {
        width: calc(30% - 20px)
    }

    .grid__item--70\@medium-min {
        width: calc(70% - 20px)
    }
}

@media screen and (min-width: 1024px) {
    .grid--row-gap-medium {
        margin-bottom: -40px
    }

        .grid--row-gap-medium .grid__item {
            margin-bottom: 40px
        }

    .grid--row-gap-large {
        margin-bottom: -60px
    }

        .grid--row-gap-large .grid__item {
            margin-bottom: 60px
        }

    .grid--col-gap-medium {
        margin-bottom: -70px
    }

        .grid--col-gap-medium .grid__item {
            margin-bottom: 70px
        }

    .grid--col-gap-big {
        margin-bottom: -90px
    }

        .grid--col-gap-big .grid__item {
            margin-bottom: 90px
        }

    .grid--col-gap-double {
        margin-bottom: -40px
    }

        .grid--col-gap-double .grid__item {
            margin-bottom: 40px
        }

    .grid--1-col.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid--1-col.grid--col-gap-medium > .grid__item {
            margin-right: 70px;
            width: calc(100% - 70px)
        }

    .grid--1-col.grid--col-gap-big {
        margin-right: -90px
    }

        .grid--1-col.grid--col-gap-big > .grid__item {
            margin-right: 90px;
            width: calc(100% - 90px)
        }

    .grid--1-col.grid--col-gap-double {
        margin-right: -40px
    }

        .grid--1-col.grid--col-gap-double > .grid__item {
            margin-right: 40px;
            width: calc(100% - 40px)
        }

    .grid--2-col.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid--2-col.grid--col-gap-medium > .grid__item {
            margin-right: 70px;
            width: calc(50% - 70px)
        }

    .grid--2-col.grid--col-gap-big {
        margin-right: -90px
    }

        .grid--2-col.grid--col-gap-big > .grid__item {
            margin-right: 90px;
            width: calc(50% - 90px)
        }

    .grid--2-col.grid--col-gap-double {
        margin-right: -40px
    }

        .grid--2-col.grid--col-gap-double > .grid__item {
            margin-right: 40px;
            width: calc(50% - 40px)
        }

    .grid--3-col.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid--3-col.grid--col-gap-medium > .grid__item {
            margin-right: 70px;
            width: calc(33.33333% - 70px)
        }

    .grid--3-col.grid--col-gap-big {
        margin-right: -90px
    }

        .grid--3-col.grid--col-gap-big > .grid__item {
            margin-right: 90px;
            width: calc(33.33333% - 90px)
        }

    .grid--3-col.grid--col-gap-double {
        margin-right: -40px
    }

        .grid--3-col.grid--col-gap-double > .grid__item {
            margin-right: 40px;
            width: calc(33.33333% - 40px)
        }

    .grid--4-col.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid--4-col.grid--col-gap-medium > .grid__item {
            margin-right: 70px;
            width: calc(25% - 70px)
        }

    .grid--4-col.grid--col-gap-big {
        margin-right: -90px
    }

        .grid--4-col.grid--col-gap-big > .grid__item {
            margin-right: 90px;
            width: calc(25% - 90px)
        }

    .grid--4-col.grid--col-gap-double {
        margin-right: -40px
    }

        .grid--4-col.grid--col-gap-double > .grid__item {
            margin-right: 40px;
            width: calc(25% - 40px)
        }

    .grid--5-col.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid--5-col.grid--col-gap-medium > .grid__item {
            margin-right: 70px;
            width: calc(20% - 70px)
        }

    .grid--5-col.grid--col-gap-big {
        margin-right: -90px
    }

        .grid--5-col.grid--col-gap-big > .grid__item {
            margin-right: 90px;
            width: calc(20% - 90px)
        }

    .grid--5-col.grid--col-gap-double {
        margin-right: -40px
    }

        .grid--5-col.grid--col-gap-double > .grid__item {
            margin-right: 40px;
            width: calc(20% - 40px)
        }

    .grid--6-col.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid--6-col.grid--col-gap-medium > .grid__item {
            margin-right: 70px;
            width: calc(16.66667% - 70px)
        }

    .grid--6-col.grid--col-gap-big {
        margin-right: -90px
    }

        .grid--6-col.grid--col-gap-big > .grid__item {
            margin-right: 90px;
            width: calc(16.66667% - 90px)
        }

    .grid--6-col.grid--col-gap-double {
        margin-right: -40px
    }

        .grid--6-col.grid--col-gap-double > .grid__item {
            margin-right: 40px;
            width: calc(16.66667% - 40px)
        }

    .grid.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid.grid--col-gap-medium > .grid__item {
            margin-right: 70px
        }

        .grid.grid--col-gap-medium > .grid__item--65 {
            width: calc(65% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--35 {
            width: calc(35% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--67 {
            width: calc(67% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--66 {
            width: calc(66% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--33 {
            width: calc(33% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--6 {
            width: calc(6% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--27 {
            width: calc(27% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--25 {
            width: calc(25% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--75 {
            width: calc(75% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--30 {
            width: calc(30% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--70 {
            width: calc(70% - 70px)
        }

    .grid.grid--col-gap-big {
        margin-right: -90px
    }

        .grid.grid--col-gap-big > .grid__item {
            margin-right: 90px
        }

        .grid.grid--col-gap-big > .grid__item--65 {
            width: calc(65% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--35 {
            width: calc(35% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--67 {
            width: calc(67% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--66 {
            width: calc(66% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--33 {
            width: calc(33% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--6 {
            width: calc(6% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--27 {
            width: calc(27% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--25 {
            width: calc(25% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--75 {
            width: calc(75% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--30 {
            width: calc(30% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--70 {
            width: calc(70% - 90px)
        }

    .grid.grid--col-gap-double {
        margin-right: -40px
    }

        .grid.grid--col-gap-double > .grid__item {
            margin-right: 40px
        }

        .grid.grid--col-gap-double > .grid__item--65 {
            width: calc(65% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--35 {
            width: calc(35% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--67 {
            width: calc(67% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--66 {
            width: calc(66% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--33 {
            width: calc(33% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--6 {
            width: calc(6% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--27 {
            width: calc(27% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--25 {
            width: calc(25% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--75 {
            width: calc(75% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--30 {
            width: calc(30% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--70 {
            width: calc(70% - 40px)
        }
}

@media screen and (max-width: 1023px) {
    .grid--row-gap-small\@large {
        margin-bottom: -40px
    }

        .grid--row-gap-small\@large .grid__item {
            margin-bottom: 40px
        }
}

.grid--no-wrap {
    flex-wrap: nowrap
}

.grid__item--section-pt-0 .section {
    padding-top: 0
}

:root {
    --header-top-height: 40px;
    --header-main-height: 80px;
    --header-height: calc(var(--header-top-height) + var(--header-main-height));
}

@media screen and (max-width: 567px) {
    :root {
        --header-main-height: 83px
    }
}

.header {
    background-color: green;
    max-width: 1600px;
    position: relative;
    transform: translateY(0);
    transition: transform 1s;
    width: 100%;
    z-index: 100
}

.header__top {
    align-items: center;
    background-color: #653466;
    height: var(--header-top-height);
    position: relative;
    z-index: 9;
}

.header__top, .header__top-links {
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width: 768px) {
    .header__top-links {
        justify-content: center
    }
}

.header__main {
    align-items: center;
    background-color: #472566;
    box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2);
    display: flex;
    height: var(--header-main-height);
    justify-content: space-between;
    position: relative
}

.header__logo {
    font-size: 0
}

.header__subnav {
    background-color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
    overflow-x: auto
}

    .header__subnav .container {
        box-sizing: unset
    }

@media screen and (max-width: 1339px) {
    .header__subnav .container {
        box-sizing: border-box
    }
}

.header .link--white:active, .header .link--white:focus, .header .link--white:hover {
    outline: none
}

    .header .link--white:active .link__text, .header .link--white:focus .link__text, .header .link--white:hover .link__text {
        color: #94c83d
    }

    .header .link--white:active svg, .header .link--white:focus svg, .header .link--white:hover svg {
        fill: #94c83d
    }

.header.xmas .header__top {
    background-color: #f2f3f6
}

    .header.xmas .header__top .link svg {
        fill: #4e485b
    }

    .header.xmas .header__top .link__text {
        color: #4e485b
    }

    .header.xmas .header__top .link__icon {
        border-color: #4e485b
    }

    .header.xmas .header__top .link:active, .header.xmas .header__top .link:focus, .header.xmas .header__top .link:hover {
        outline: none
    }

        .header.xmas .header__top .link:active .link__text, .header.xmas .header__top .link:focus .link__text, .header.xmas .header__top .link:hover .link__text {
            color: #472566
        }

        .header.xmas .header__top .link:active svg, .header.xmas .header__top .link:focus svg, .header.xmas .header__top .link:hover svg {
            fill: #472566
        }

    .header.xmas .header__top .link-selector__trigger {
        border-color: #4e485b
    }

        .header.xmas .header__top .link-selector__trigger svg {
            fill: #4e485b
        }

    .header.xmas .header__top .link-selector__text {
        color: #4e485b
    }

    .header.xmas .header__top .link-selector:active, .header.xmas .header__top .link-selector:focus, .header.xmas .header__top .link-selector:hover {
        outline: none
    }

        .header.xmas .header__top .link-selector:active .link-selector__text, .header.xmas .header__top .link-selector:focus .link-selector__text, .header.xmas .header__top .link-selector:hover .link-selector__text {
            color: #472566
        }

        .header.xmas .header__top .link-selector:active .link-selector__trigger svg, .header.xmas .header__top .link-selector:focus .link-selector__trigger svg, .header.xmas .header__top .link-selector:hover .link-selector__trigger svg {
            fill: #472566
        }

@media screen and (min-width: 769px) {
    .header.xmas .header__logo {
        position: relative
    }

        .header.xmas .header__logo:after {
            background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/holly.svg);
            background-repeat: no-repeat;
            background-size: 50px 50px;
            content: "";
            display: block;
            height: 50px;
            position: absolute;
            right: -15px;
            top: -10px;
            width: 50px
        }
}

.header__search {
    background-color: #472566;
    bottom: 0;
    gap: 5px;
    left: 0;
    max-height: var(--header-main-height);
    padding: 14px 38px;
    position: absolute;
    right: 0;
    z-index: 1;
}

@media screen and (max-width: 567px) {
    .header__search {
        padding: 16px
    }
}

.header__search--button {
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_search.svg);
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 3px
}

.header__search--hide-button {
    background: 0;
    border: 0;
    cursor: pointer;
    height: 50px;
    width: 50px
}

.header__search--hide-icon {
    filter: brightness(0) invert(1)
}

.header__search--icon {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    height: 44px;
    width: 44px
}

.header__search .input-group {
    display: inline-flex;
    flex-grow: 1;
    position: relative;
    width: auto;
    flex-wrap: initial;
    align-items: initial;
}

.header__search .loading--whiteout {
    display: flex;
    justify-content: right;
    padding: 0 10px 0 0
}

.header__search .loading__spinner {
    height: 28px;
    width: 28px
}

.header .search {
    margin-bottom: 0
}

.header .search__button {
    background: none;
    border: none;
    cursor: pointer;
    filter: brightness(0) invert(1);
    height: 44px;
    margin: 0 20px;
    width: 44px
}

.page {
    overflow: hidden
}

.page__skip {
    opacity: 0;
    pointer-events: none
}

    .page__skip.button {
        position: absolute
    }

    .page__skip:focus {
        opacity: 1;
        pointer-events: auto;
        position: relative
    }

.ccm-page-id-172 .section.section--large.section--with-curves.section--dark .section__curve--bare {
    display: none
}

.section {
    padding: 50px 0;
    position: relative
}

.section--bg-default + .section--bg-default:not(.section--keep-padding) {
    padding-top: 0
}

    .section--bg-default + .section--bg-default:not(.section--keep-padding):has(.video-banner) {
        padding-top: 100px
    }

.section--white {
    background-color: #fff
}

    .section--white + .section--white:not(.section--keep-padding) {
        padding-top: 0
    }

        .section--white + .section--white:not(.section--keep-padding):has(.video-banner) {
            padding-top: 100px
        }

.section--shaded {
    background-color: #f2f3f6
}

    .section--shaded + .section--shaded:not(.section--keep-padding) {
        padding-top: 0
    }

        .section--shaded + .section--shaded:not(.section--keep-padding):has(.video-banner) {
            padding-top: 100px
        }

.section--dark {
    background-color: #472566
}

    .section--dark + .section--dark:not(.section--keep-padding) {
        padding-top: 0
    }

        .section--dark + .section--dark:not(.section--keep-padding):has(.video-banner) {
            padding-top: 100px
        }

.section--pink {
    background-color: #ED008C
}

    .section--pink + .section--pink {
        padding-top: 0
    }

.section--teal {
    background-color: #2D7F94
}

    .section--teal + .section--teal {
        padding-top: 0
    }

.section--green {
    background-color: #94C93D
}

    .section--green + .section--green {
        padding-top: 0
    }

.section--cerulean-blue {
    background-color: #2D7F94
}

    .section--cerulean-blue + .section--cerulean-blue {
        padding-top: 0
    }

.section--yellow {
    background-color: #EDE80A
}

    .section--yellow + .section--yellow {
        padding-top: 0
    }

.section--purple {
    background-color: #80296F
}

    .section--purple + .section--purple {
        padding-top: 0
    }

.section--dark-purple {
    background-color: #653466
}

    .section--dark-purple + .section--dark-purple {
        padding-top: 0
    }

.section--subtle {
    background-color: hsla(0,0%,100%,.5)
}

    .section--subtle + .section--subtle {
        padding-top: 0
    }

.section--bare {
    background-color: hsla(0,0%,100%,.05)
}

    .section--bare + .section--bare {
        padding-top: 0
    }

.section--grey {
    background-color: rgba(242,243,246,.5)
}

    .section--grey + .section--grey {
        padding-top: 0
    }

.section--dark-blue {
    background-color: #472566
}

    .section--dark-blue + .section--dark-blue {
        padding-top: 0
    }

.section--electric-violet {
    background-color: #492D7F
}

    .section--electric-violet + .section--electric-violet {
        padding-top: 0
    }

.section--picton-blue {
    background-color: #2D7F94
}

    .section--picton-blue + .section--picton-blue {
        padding-top: 0
    }

.section--large {
    padding: 60px 0
}

.section--small {
    padding: 30px 0
}

.section--fixed-h-scroll {
    overflow: scroll
}

    .section--fixed-h-scroll .container {
        width: 1280px
    }

.section--no-pad {
    padding: 0
}

.section--dark .glide__bullet--active {
    background: #2D7F94
}

.section--purple .glide__bullet {
    background-color: #fff
}

    .section--purple .glide__bullet:active, .section--purple .glide__bullet:focus, .section--purple .glide__bullet:hover {
        background-color: #483377;
        outline: none
    }

.section--purple .glide__bullet--active {
    background: #483377
}

.section--overflow-hidden {
    overflow: hidden
}

.section--with-curves {
    z-index: 1
}

.section__swoosh {
    position: absolute
}

.section__swoosh--pink {
    fill: #ED008C
}

.section__swoosh--teal {
    fill: #2D7F94
}

.section__swoosh--green {
    fill: #94C93D
}

.section__swoosh--cerulean-blue {
    fill: #2D7F94
}

.section__swoosh--yellow {
    fill: #EDE80A
}

.section__swoosh--purple {
    fill: #80296F
}

.section__swoosh--dark-purple {
    fill: #653466
}

.section__swoosh--subtle {
    fill: hsla(0,0%,100%,.5)
}

.section__swoosh--bare {
    fill: hsla(0,0%,100%,.05)
}

.section__swoosh--grey {
    fill: rgba(242,243,246,.5)
}

.section__swoosh--dark-blue {
    fill: #472566
}

.section__swoosh--electric-violet {
    fill: #492D7F
}

.section__swoosh--picton-blue {
    fill: #2D7F94
}

.section__swoosh--bottom-right {
    bottom: -93px;
    right: -1px
}

.section__swoosh--bottom-left {
    left: -59px;
    top: 115px
}

.section__swoosh--bottom-left-154 {
    bottom: -154px;
    left: -14px;
    top: auto
}

.section__swoosh--top-left {
    left: 0;
    top: 310px
}

.section__swoosh--minus-top-left {
    left: 0;
    top: -70px
}

.section__swoosh--flip {
    transform: scaleX(-1)
}

.section__swoosh--side-bar {
    left: auto;
    min-width: 463px;
    right: 0;
    top: -170px
}

.section__swoosh--single-left {
    left: 0;
    top: -170px;
    width: 20%
}

.section__swoosh--single-right {
    right: 0;
    top: -170px;
    width: 20%
}

.section__curve {
    position: absolute
}

.section__curve--pink {
    fill: #ED008C
}

.section__curve--teal {
    fill: #2D7F94
}

.section__curve--green {
    fill: #94C93D
}

.section__curve--cerulean-blue {
    fill: #2D7F94
}

.section__curve--yellow {
    fill: #EDE80A
}

.section__curve--purple {
    fill: #80296F
}

.section__curve--dark-purple {
    fill: #653466
}

.section__curve--subtle {
    fill: hsla(0,0%,100%,.5)
}

.section__curve--bare {
    fill: hsla(0,0%,100%,.05)
}

.section__curve--grey {
    fill: rgba(242,243,246,.5)
}

.section__curve--dark-blue {
    fill: #472566
}

.section__curve--electric-violet {
    fill: #492D7F
}

.section__curve--picton-blue {
    fill: #2D7F94
}

.section__curve--top-left {
    left: -293px;
    top: 0
}

.section__curve--top-right {
    right: -260px;
    top: 0;
    transform: scaleX(-1)
}

.section__curve--top {
    top: 0
}

.section__curve--flip {
    transform: scaleX(-1)
}

.section--banner-large {
    margin-bottom: 133px
}

.section--banner-small {
    margin-bottom: 116px
}

.section--banner-0 {
    margin-bottom: 0
}

.section--lines {
    margin-bottom: 2.25rem;
    position: relative
}

    .section--lines:after, .section--lines:before {
        content: "";
        height: 15px;
        position: absolute;
        right: 0;
        z-index: 1
    }

    .section--lines:after {
        background-color: #80296F;
        bottom: -7px;
        right: 0;
        width: 416px
    }

    .section--lines:before {
        background-color: #472566;
        bottom: 0;
        width: 316px
    }

    .section--lines .section__curve {
        left: -293px;
        top: -45px
    }

.section--lines-left:after, .section--lines-left:before {
    left: 0;
    right: auto
}

.section--lines-left .section__curve {
    left: auto;
    right: -260px;
    top: -45px;
    transform: scaleX(-1)
}

@media screen and (max-width: 1319px) {
    .section__swoosh--single-left, .section__swoosh--single-right {
        height: 320px;
        top: -140px
    }
}

@media screen and (max-width: 1279px) {
    .section__swoosh--bottom-left-154 {
        bottom: -90px;
        height: 479px;
        width: 389px
    }
}

@media screen and (max-width: 1023px) {
    .section__swoosh--top-left {
        left: -60px;
        top: 150px
    }
}

@media screen and (max-width: 768px) {
    .section__swoosh--bottom-right {
        right: -120px
    }

    .section__swoosh--bottom-left-154 {
        bottom: -90px;
        height: 479px;
        width: 389px
    }

    .section__swoosh--side-bar {
        height: 360px;
        left: -22px;
        max-width: 300px;
        min-width: unset;
        right: auto;
        top: -80px
    }

    .section__swoosh--single-left, .section__swoosh--single-right {
        height: 235px;
        width: 25%
    }

    .section__lines .section__curve {
        height: 433px;
        left: -217px;
        width: 433px
    }

    .section__lines--left .section__curve {
        right: -260px;
        top: -45px
    }

    .section__curve--top-left {
        height: 433px;
        left: -217px;
        width: 433px
    }
}

@media screen and (max-width: 567px) {
    .section--lines:before {
        width: 109px
    }

    .section--lines:after {
        width: 209px
    }

    .section--lines .section__curve {
        height: 433px;
        left: -216px;
        width: 433px
    }

    .section--lines-left .section__curve {
        right: -216px
    }

    .section__swoosh--side-bar {
        top: -40px
    }

    .section__swoosh--single-left, .section__swoosh--single-right {
        height: 140px;
        top: -60px;
        width: 28%
    }
}

@media screen and (min-width: 568px) {
    .section {
        padding: 100px 0
    }

    .section--large {
        padding: 120px 0
    }

    .section--small {
        padding: 60px 0
    }

    .section--no-pad {
        padding: 0
    }
}

.section--short-padding {
    padding: 40px 0
}

@media screen and (min-width: 568px) {
    .section--short-padding {
        padding: 40px 0
    }
}

@media screen and (min-width: 1024px) {
    .page-type-home .main.xmas .section:nth-child(2) {
        position: relative
    }

        .page-type-home .main.xmas .section:nth-child(2):after {
            background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/cta-background__wreath.png);
            background-repeat: no-repeat;
            background-size: 500px 500px;
            content: "";
            display: block;
            height: 500px;
            position: absolute;
            right: -200px;
            top: 50px;
            width: 500px
        }
}

.checkbox__input {
    opacity: 0;
    position: absolute
}

    .checkbox__input[disabled] + .checkbox__label {
        filter: grayscale(1);
        opacity: .7;
        pointer-events: none
    }

    .checkbox__input:active, .checkbox__input:focus, .checkbox__input:hover {
        outline: none
    }

        .checkbox__input:active + .checkbox__label:before, .checkbox__input:focus + .checkbox__label:before, .checkbox__input:hover + .checkbox__label:before {
            background: rgba(145,93,163,.1)
        }

    .checkbox__input:checked + .checkbox__label:before {
        background: #80296F;
        border-color: #80296F
    }

    .checkbox__input:checked + .checkbox__label:after {
        opacity: 1
    }

.checkbox__label {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    position: relative
}

    .checkbox__label:before {
        background: #fff;
        border: 2px solid #dbdbdb;
        border-radius: 2px;
        content: "";
        display: inline-block;
        flex-shrink: 0;
        height: 30px;
        margin-right: 20px;
        transition: background .3s,border-color .3s;
        width: 30px
    }

    .checkbox__label:after {
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_tick.svg);
        content: "";
        height: 15px;
        left: 7px;
        opacity: 0;
        position: absolute;
        top: 8px;
        width: 19px
    }

.checkbox--inline .checkbox__label {
    flex-direction: column;
    padding-left: 34px
}

    .checkbox--inline .checkbox__label:before {
        height: 20px;
        left: 0;
        margin-right: 0;
        position: absolute;
        width: 20px
    }

    .checkbox--inline .checkbox__label:after {
        background-size: 14px 12px;
        height: 12px;
        left: 5px;
        top: 6px;
        width: 14px
    }

    .checkbox--inline .checkbox__label span {
        line-height: 28px
    }

.form, .form__item {
    position: relative
}

.form__item {
    margin-bottom: 10px
}

.form__filters, .form__sorting {
    align-items: center;
    display: flex
}

.form__sorting {
    justify-content: flex-end;
    width: 370px
}

.form__filters {
    justify-content: space-between;
    margin-bottom: 60px
}

.form__results-range {
    border-right: 1px solid #dbdbdb;
    margin-right: 20px;
    padding-right: 20px
}

.form .pristine-error {
    color: #e9114a;
    font-size: .875rem;
    margin-bottom: 10px
}

.form .loading {
    align-items: center;
    background: hsla(0,0%,100%,.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 1023px) {
    .form__filters {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 30px
    }

    .form__sorting {
        justify-content: flex-start;
        margin-top: 10px
    }
}

.formify-field-container {
    margin-bottom: 32px;
    position: relative
}

.formify-field-label {
    background-color: #fff;
    display: inline-block;
    left: 11px;
    padding: 0 9px;
    position: relative;
    right: 11px;
    top: 12px;
    width: calc(100% - 22px)
}

    .formify-field-label label {
        color: #4e485b;
        font-size: .875rem;
        line-height: 22px
    }

.formify-field-input.formify-email input, .formify-field-input.formify-phone input, .formify-field-input.formify-textbox input, .formify-textarea textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #dbdbdb;
    border-radius: 6px;
    color: #4e485b;
    display: block;
    font-size: 18px;
    padding: 12px 20px 13px;
    transition: border-color .3s;
    width: 100%
}

    .formify-field-input.formify-email input::-moz-placeholder, .formify-field-input.formify-phone input::-moz-placeholder, .formify-field-input.formify-textbox input::-moz-placeholder, .formify-textarea textarea::-moz-placeholder {
        color: rgba(78,72,91,.3)
    }

    .formify-field-input.formify-email input::placeholder, .formify-field-input.formify-phone input::placeholder, .formify-field-input.formify-textbox input::placeholder, .formify-textarea textarea::placeholder {
        color: rgba(78,72,91,.3)
    }

    .formify-field-input.formify-email input:active, .formify-field-input.formify-email input:focus, .formify-field-input.formify-email input:hover, .formify-field-input.formify-phone input:active, .formify-field-input.formify-phone input:focus, .formify-field-input.formify-phone input:hover, .formify-field-input.formify-textbox input:active, .formify-field-input.formify-textbox input:focus, .formify-field-input.formify-textbox input:hover, .formify-textarea textarea:active, .formify-textarea textarea:focus, .formify-textarea textarea:hover {
        border-color: #80296F;
        outline: none
    }

    .formify-field-input.formify-email input:active, .formify-field-input.formify-email input:focus, .formify-field-input.formify-phone input:active, .formify-field-input.formify-phone input:focus, .formify-field-input.formify-textbox input:active, .formify-field-input.formify-textbox input:focus, .formify-textarea textarea:active, .formify-textarea textarea:focus {
        border-color: #80296F;
        box-shadow: 0;
        outline: 0
    }

.formify-field-input input {
    line-height: 14px
}

.formify-textarea textarea {
    font-family: Jost,sans-serif;
    line-height: 1.5;
    min-height: 100px;
    resize: vertical
}

.formify-field-input input[type=submit] {
    align-items: center;
    background: #80296F;
    border: 0;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: Jost,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    height: 50px;
    justify-content: center;
    line-height: 1.5;
    min-width: 200px;
    padding: 12px 40px 14px;
    text-decoration: none;
    transition: background .3s,color .3s,border-color .3s;
    vertical-align: middle
}

.formify-field-input.formify-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/chevron-down.svg);
    background-position: calc(100% - 19px) 50%;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    border: 2px solid #dbdbdb;
    border-radius: 6px;
    color: #4e485b;
    font-family: Jost,sans-serif;
    font-size: 18px;
    line-height: 1.5;
    padding: 10px 50px 9px 20px;
    transition: border-color .3s;
    width: 100%
}

.formify-checkbox-label {
    align-items: flex-start;
    display: flex
}

.formify-field.formify-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #dbdbdb;
    border-radius: 2px;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 30px;
    margin-right: 20px;
    outline: none;
    width: 30px
}

    .formify-field.formify-checkbox:checked {
        background: #80296F;
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_tick.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        border-color: #80296F
    }

.formify-checkboxes .formify-fieldset {
    display: flex;
    flex-direction: column
}

.formify-checkboxes .formify-checkbox-label {
    align-items: center
}

.formify-checkboxes .formify-legend {
    font-weight: 500;
    margin-bottom: 10px
}

.formify-date {
    padding-top: 20px
}

    .formify-date select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/chevron-down.svg);
        background-position: calc(100% - 19px) 50%;
        background-repeat: no-repeat;
        background-size: 18px 12px;
        border: 2px solid #dbdbdb;
        border-radius: 6px;
        color: #4e485b;
        font-family: Jost,sans-serif;
        font-size: 18px;
        line-height: 1.5;
        padding: 10px 50px 9px 20px;
        transition: border-color .3s
    }

        .formify-date select:active, .formify-date select:focus, .formify-date select:hover {
            border-color: #80296F;
            outline: none
        }

.formify-error .formify-field-input.formify-email input, .formify-error .formify-field-input.formify-phone input, .formify-error .formify-field-input.formify-select select, .formify-error .formify-field-input.formify-textbox input, .formify-error .formify-field.formify-checkbox, .formify-error .formify-textarea textarea {
    border-color: #e9114a
}

.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #dbdbdb;
    border-radius: 4px !important;
    color: #000;
    display: block;
    font-family: proxima-nova, sans-serif;
    font-size: 20px;
    line-height: 14px;
    padding: 12px 20px 13px;
    transition: border-color .3s;
    width: 100%;
    max-height: 51.4px;
}

    .input::-moz-placeholder {
        color: rgba(78,72,91,.3)
    }

    .input::placeholder {
        color: rgba(78,72,91,.3)
    }

    .input:active, .input:focus, .input:hover {
        border-color: #80296F;
        outline: none
    }

.form__success .input {
    border-color: #94C93D
}

.form__error .input {
    border-color: #e9114a
}

.label {
    color: #4e485b;
    font-size: .875rem;
    line-height: 22px
}

.label--floating {
    background-color: #fff;
    left: 11px;
    padding: 0 9px;
    position: absolute;
    top: -10px
}

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

.pagination__select {
    margin: 0 15px
}

.password-reveal {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    position: relative
}

.password-reveal__trigger {
    align-items: center;
    background: transparent;
    background: #80296F;
    border: 2px solid #80296F;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    color: #4e485b;
    cursor: pointer;
    display: flex;
    font-family: Jost,sans-serif;
    font-size: 18px;
    height: 100%;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: border-color .3s;
    width: 46px
}

    .password-reveal__trigger:active, .password-reveal__trigger:focus, .password-reveal__trigger:hover {
        outline: none
    }

        .password-reveal__trigger:active .password-reveal__icon, .password-reveal__trigger:focus .password-reveal__icon, .password-reveal__trigger:hover .password-reveal__icon {
            stroke: #80296F
        }

.password-reveal__icon {
    display: block;
    margin-right: 10px;
    stroke: #80296F;
    transition: stroke .3s
}

.password-reveal .input {
    border-right: 0;
    box-shadow: none;
    width: calc(100% - 43px)
}

    .password-reveal .input:active + .password-reveal__trigger, .password-reveal .input:focus + .password-reveal__trigger {
        background-color: #fff
    }

.radio-tabs {
    border: 2px solid #80296F;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px
}

.radio-tabs__radio {
    width: 100%
}

    .radio-tabs__radio:last-child .radio-tabs__label {
        border-right: 0
    }

    .radio-tabs__radio:last-child .radio-tabs__input:checked + .radio-tabs__label {
        border-right: 2px solid #80296F
    }

.radio-tabs__input {
    opacity: 0;
    position: absolute
}

    .radio-tabs__input:checked + .radio-tabs__label {
        background-color: #80296F;
        color: #fff
    }

.radio-tabs__label {
    align-items: center;
    border-right: 2px solid #80296F;
    color: #472566;
    display: flex;
    font-size: 1.375rem;
    font-weight: 500;
    height: 60px;
    justify-content: center;
    line-height: 30px;
    transition: background-color .3s;
    width: 100%
}

.radio-tabs__label--active {
    background-color: #80296F;
    color: #fff
}

.radio-tabs__label:active, .radio-tabs__label:focus, .radio-tabs__label:hover {
    background-color: rgba(145,93,163,.1);
    cursor: pointer;
    outline: none
}

@media screen and (max-width: 567px) {
    .radio-tabs {
        margin-bottom: 30px
    }

    .radio-tabs__label {
        font-size: 1.25rem;
        text-align: center
    }
}

.radio {
    display: flex;
    margin-bottom: 20px
}

.radio__input {
    opacity: 0;
    position: absolute
}

    .radio__input:active, .radio__input:focus, .radio__input:hover {
        outline: none
    }

        .radio__input:active + .radio__label:after, .radio__input:focus + .radio__label:after, .radio__input:hover + .radio__label:after {
            transform: scale(.5)
        }

    .radio__input:checked + .radio__label:before {
        background: #80296F;
        border-color: #80296F
    }

    .radio__input:checked + .radio__label:after {
        background-color: #fff;
        transform: scale(1)
    }

.radio__label {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative
}

    .radio__label:before {
        background: #fff;
        border: 1px solid #dbdbdb;
        border-radius: 50%;
        content: "";
        display: inline-block;
        flex-shrink: 0;
        height: 30px;
        margin-right: 20px;
        transition: border-color .3s;
        width: 30px
    }

    .radio__label:after {
        background: #80296F;
        border-radius: 50%;
        content: "";
        height: 18px;
        left: 7px;
        position: absolute;
        top: 7px;
        transform: scale(0);
        transition: transform .1s linear;
        width: 18px
    }

.search {
    margin-bottom: 30px;
    position: relative
}

.search__icon {
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px
}

.search__input::-webkit-input-placeholder {
    color: #4e485b;
    font-family: Jost,sans-serif;
    font-size: 18px;
    opacity: 1
}

.search__input::-moz-placeholder {
    color: #4e485b;
    font-family: Jost,sans-serif;
    font-size: 18px;
    opacity: 1
}

.search__input:-ms-input-placeholder {
    color: #4e485b;
    font-family: Jost,sans-serif;
    font-size: 18px;
    opacity: 1
}

@media screen and (max-width: 567px) {
    .search {
        margin-bottom: 30px
    }

    .search--mb-0\@small {
        margin-bottom: 0
    }
}

.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/chevron-down.svg);
    background-position: calc(100% - 19px) 50%;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    border: 2px solid #dbdbdb;
    border-radius: 6px;
    color: #4e485b;
    font-family: Jost,sans-serif;
    font-size: 18px;
    line-height: 1.5;
    padding: 10px 50px 9px 20px;
    transition: border-color .3s
}

    .select:not(.pagination__select):not(.select--simple) {
        min-width: 230px
    }

    .select:active, .select:focus, .select:hover {
        border-color: #80296F;
        outline: none
    }

    .select::-ms-expand {
        display: none
    }

.select--simple {
    background-position: 100% 50%;
    border: 0;
    border-radius: 0;
    color: #4e485b;
    font-weight: 500;
    line-height: 24px;
    padding: 9px 25px 11px 10px
}

.selects {
    display: flex
}

    .selects .select:not(:first-child) {
        margin-left: 20px
    }

@media screen and (max-width: 768px) {
    .selects {
        flex-direction: column
    }

        .selects .select {
            margin-bottom: 10px
        }

            .selects .select:not(:first-child) {
                margin-left: 0
            }
}

.textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #dbdbdb;
    border-radius: 6px;
    color: #4e485b;
    display: block;
    font-family: Jost,sans-serif;
    font-size: 18px;
    line-height: 1.5;
    min-height: 100px;
    padding: 12px 20px 13px;
    resize: vertical;
    transition: border-color .3s;
    width: 100%
}

    .textarea::-moz-placeholder {
        color: rgba(78,72,91,.6)
    }

    .textarea::placeholder {
        color: rgba(78,72,91,.6)
    }

    .textarea:active, .textarea:focus {
        border-color: #80296F;
        box-shadow: 0;
        outline: 0
    }

.form__success .textarea {
    border-color: #94C93D
}

.form__error .textarea {
    border-color: #e9114a
}

.toggle {
    display: inline-block;
    position: relative
}

.toggle__input {
    opacity: 0;
    position: absolute
}

    .toggle__input[disabled] + .toggle__label {
        filter: grayscale(1);
        opacity: .7;
        pointer-events: none
    }

    .toggle__input:active, .toggle__input:focus, .toggle__input:hover {
        outline: none
    }

        .toggle__input:active + .toggle__label:after, .toggle__input:focus + .toggle__label:after, .toggle__input:hover + .toggle__label:after {
            box-shadow: 1px 1px 5px rgba(0,0,0,.2)
        }

    .toggle__input:checked + .toggle__label:before {
        background: #80296F;
        opacity: 1
    }

    .toggle__input:checked + .toggle__label:after {
        transform: translateX(0)
    }

.toggle__label {
    align-items: center;
    color: #4e485b;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    height: 40px;
    padding-right: 77px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .toggle__label:before {
        background: #4e485b;
        border-radius: 89px;
        content: "";
        height: 40px;
        opacity: .1;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .3s;
        width: 67px
    }

    .toggle__label:after {
        background: #fff;
        border-radius: 50%;
        content: "";
        height: 34px;
        position: absolute;
        right: 3px;
        top: 3px;
        transform: translateX(-27px);
        transition: box-shadow .3s,transform .3s;
        width: 34px
    }

.accordion__summary {
    align-items: center;
    background-color: #80296F;
    border-radius: 42px;
    box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2);
    display: flex;
    justify-content: space-between;
    padding: 20px 40px;
    width: 100%
}

    .accordion__summary::-webkit-details-marker {
        display: none
    }

    .accordion__summary:active, .accordion__summary:focus, .accordion__summary:hover {
        background: #7b4783;
        cursor: pointer;
        outline: none
    }

.accordion__icon {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 28px;
    min-width: 28px;
    transform: rotate(-90deg);
    transition: transform .3s;
    width: 28px
}

    .accordion__icon svg {
        display: block;
        fill: #fff;
        margin: 0 auto
    }

.accordion__details {
    display: block
}

    .accordion__details:not(:last-child) {
        margin-bottom: 30px
    }

    .accordion__details .accordion__copy {
        display: none
    }

    .accordion__details--open .accordion__copy, .accordion__details[open] .accordion__copy {
        display: block
    }

    .accordion__details--open .accordion__icon, .accordion__details[open] .accordion__icon {
        transform: rotate(90deg)
    }

.accordion__copy {
    padding: 30px 40px 0
}

.alert {
    background-color: #f2f3f6;
    border-radius: 6px;
    font-size: .875rem;
    margin: 10px 0;
    padding: 10px 10px 10px 40px;
    position: relative
}

.alert--error:before, .alert--success:before {
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 20px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.alert--error:before {
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_cross.svg)
}

.alert--success:before {
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_tick_circle.svg)
}

.anchor-nav {
    background-color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
    display: block;
    height: 64px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1
}

.anchor-nav__container {
    gap: 1.25rem;
    height: 100%;
    margin: 0 auto;
    max-width: 1280px;
    padding: 20px;
    position: relative;
    transition: padding .3s ease-in-out
}

.anchor-nav__container, .anchor-nav__links {
    align-items: center;
    display: flex;
    width: 100%
}

.anchor-nav__links {
    flex-direction: row;
    gap: .9375rem;
    list-style: none;
    margin: 0;
    min-height: 50px;
    overflow-x: auto;
    padding: 0;
    scrollbar-width: none
}

.anchor-nav__link {
    color: rgba(71, 37, 102, .8);
    font-size: clamp(.875rem, .837962963rem + .1851851852vw, 1rem);
    font-weight: 500;
    transition: color .3s;
    white-space: nowrap;
}

    /*.anchor-nav__link:not(.anchor-nav__link--active) {
        opacity: .6
    }*/

.anchor-nav__link--active {
    position: relative
}

    .anchor-nav__link--active:after {
        background: #2D7F94;
        border-radius: 3px;
        content: "";
        height: 6px;
        inset: auto auto -8px 0;
        position: absolute;
        transition: all .25s;
        width: 100%
    }

.anchor-nav__link:active, .anchor-nav__link:focus, .anchor-nav__link:hover {
    opacity: 1;
    outline: none
}

.anchor-nav__button {
    white-space: nowrap
}

.anchor-nav__control {
    height: 100%;
    position: absolute;
    top: 0;
    width: 44px
}

    .anchor-nav__control:before {
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 40px;
        z-index: 1
    }

.anchor-nav__control--next {
    right: 0
}

    .anchor-nav__control--next:before {
        background: linear-gradient(90deg,transparent,#fff);
        right: 100%
    }

.anchor-nav__control--prev {
    left: 0
}

    .anchor-nav__control--prev:before {
        background: linear-gradient(270deg,transparent,#fff);
        left: 100%
    }

.anchor-nav__scroll-button {
    background: transparent;
    background: #fff;
    border: 2px solid #fff;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    transition: background .3s;
    width: 100%;
    z-index: 1
}

.anchor-nav__scroll-button--next .anchor-nav__button-icon {
    transform: rotate(0deg)
}

.anchor-nav__scroll-button--prev .anchor-nav__button-icon {
    transform: rotate(180deg)
}

.anchor-nav__scroll-button:active, .anchor-nav__scroll-button:focus, .anchor-nav__scroll-button:hover {
    border: 2px solid #80296F;
    outline: none
}

@media screen and (max-width: 1023px) {
    .anchor-nav__container {
        gap: 0;
        padding: 0 44px
    }

    .anchor-nav__link {
        background: #f2f3f6;
        border: 2px solid #f2f3f6;
        border-radius: 65px;
        color: #472566;
        padding: 8px 16px;
        transition: border .3s
    }

        .anchor-nav__link:not(.anchor-nav__link--active) {
            opacity: 1
        }

    .anchor-nav__link--active {
        background: #492D7F;
        color: #fff
    }

        .anchor-nav__link--active:after {
            content: none
        }

    .anchor-nav__link:active, .anchor-nav__link:focus, .anchor-nav__link:hover {
        border: 2px solid #80296F;
        outline: none
    }
}

@media screen and (min-width: 1024px) {
    .anchor-nav {
        height: 90px;
        padding: 0
    }

    .anchor-nav__control {
        display: none
    }

    .anchor-nav__links {
        gap: 1.875rem
    }

    .anchor-nav__link-item--absolute-right {
        position: absolute;
        right: 20px
    }

    .anchor-nav__container {
        padding: 20px
    }
}

.announcement {
    background-color: #80296F;
    padding: 11px 0;
    width: 100%
}

    .announcement.xmas {
        background-color: #2D7F94
    }

.audio-player__audio {
    display: none
}

.audio-player__controls {
    align-items: center;
    display: flex
}

.audio-player__mute {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    font-size: 0;
    margin: 0;
    padding: 0
}

.audio-player__progress {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 22px
}

.audio-player__scrubber {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(27,0,86,.1);
    border-radius: 3px;
    height: 6px;
    margin: 0 20px;
    width: 200px
}

    .audio-player__scrubber::-webkit-slider-thumb {
        -webkit-appearance: none;
        background-color: #80296F;
        border-radius: 50%;
        cursor: pointer;
        height: 13px;
        width: 13px
    }

    .audio-player__scrubber::-moz-range-thumb {
        background-color: #80296F;
        border-radius: 50%;
        cursor: pointer;
        height: 13px;
        width: 13px
    }

    .audio-player__scrubber::-ms-thumb {
        background-color: #80296F;
        border-radius: 50%;
        cursor: pointer;
        height: 13px;
        width: 13px
    }

    .audio-player__scrubber:focus {
        outline: #80296F
    }

@media screen and (max-width: 768px) {
    .audio-player {
        margin-bottom: 30px
    }
}

.author {
    align-items: center;
    display: flex
}

.author__image-container {
    border-radius: 0 0 27% 0;
    margin-right: 20px;
    overflow: hidden
}

.author__social {
    height: 40px;
    margin-left: 20px;
    width: 40px
}

.award {
    margin: 0 auto;
    max-width: 337px
}

.award__logo {
    margin: 0 auto 20px
}

.blockquote__container, .blockquote__footer {
    padding-left: 50px
}

.blockquote__container--small, .blockquote__footer--small {
    padding-left: 20px
}

.blockquote__container {
    position: relative
}

.blockquote__quote {
    margin-bottom: 30px;
    position: relative
}

.blockquote__quote--small {
    margin-bottom: 22px
}

.blockquote__quote--partner {
    font-family: futura-medium,Jost,sans-serif
}

.blockquote__lines {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

    .blockquote__lines:after, .blockquote__lines:before {
        content: "";
        height: calc(100% - 8px);
        position: absolute
    }

    .blockquote__lines:before {
        background-color: #472566;
        bottom: 0;
        right: 0;
        width: 10px
    }

    .blockquote__lines:after {
        background-color: #2D7F94;
        top: 0;
        width: 15px
    }

.blockquote__lines--l-0 {
    left: 0
}

.blockquote__lines--dark-blue:after {
    background-color: #472566
}

.blockquote__lines--white:after {
    background-color: #fff
}

.blockquote__lines--pink:after {
    background-color: #ED008C
}

.blockquote__lines--teal:after {
    background-color: #2D7F94
}

.blockquote__lines--green:after {
    background-color: #94C93D
}

.blockquote__lines--cerulean-blue:after {
    background-color: #2D7F94
}

.blockquote__lines--yellow:after {
    background-color: #EDE80A
}

.blockquote__lines--purple:after {
    background-color: #80296F
}

.blockquote__lines--dark-purple:after {
    background-color: #653466
}

.blockquote__author {
    color: #4e485b
}

.blockquote__author--dark {
    color: #472566;
    font-size: 1.125rem;
    font-weight: 500
}

@media screen and (min-width: 769px) {
    .blockquote:not(.blockquote--no-margin) {
        margin-left: 0
    }
}

@media screen and (min-width: 1024px) {
    .blockquote:not(.blockquote--no-margin) {
        margin-left: 89px
    }
}

.button {
    align-items: center;
    background: transparent;
    border: 2px solid #b8218e;
    border-radius: 84px;
    color: #472566;
    cursor: pointer;
    display: inline-flex;
    font-family: proxima-nova, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    height: 50px;
    justify-content: center;
    line-height: 1.5;
    padding: 11px 24px;
    text-decoration: none;
    transition: background .3s, color .3s, border-color .3s;
    vertical-align: middle;
    white-space: nowrap;
}

    .button:active, .button:focus, .button:hover {
        background: #7b4783;
        outline: none
    }

    .button:disabled {
        opacity: .3;
        pointer-events: none
    }

.button--electric-purple {
    background: #492D7F
}

.button--dark-blue {
    background: #472566
}

.button--ghost {
    border: 2px solid #fff;
    color: #fff;
}

    .button--ghost:active, .button--ghost:focus, .button--ghost:hover {
        background: #fff;
        color: #472566;
        outline: none;
    }

.button--ghost-white-text,
.button--ghost-white-text:hover,
header .button--ghost-white-text,
header .button--ghost-white-text:hover {
    background: transparent;
    border: 2px solid #b8218e;
    color: #fff
}

    .button--ghost-white-text:active, .button--ghost-white-text:focus, .button--ghost-white-text:hover,
    header .button--ghost-white-text:active, header .button--ghost-white-text:focus, header .button--ghost-white-text:hover {
        background: #b8218e;
        outline: none
    }

.button--secondary {
    background: #fff;
    color: #7b4783
}

    .button--secondary:active, .button--secondary:focus, .button--secondary:hover {
        background: #7b4783;
        color: #fff;
        outline: none
    }

.button--secondary-ghost {
    background: transparent;
    border: 2px solid #fff;
    color: #fff
}

    .button--secondary-ghost:active, .button--secondary-ghost:focus, .button--secondary-ghost:hover {
        border-color: #7b4783;
        outline: none
    }

.button--tertiary {
    background: #2D7F94;
    color: #fff
}

    .button--tertiary:active, .button--tertiary:focus, .button--tertiary:hover {
        background: #007972;
        outline: none
    }

.button--white {
    background: #fff;
    border-color: #fff;
    color: #80296F
}

    .button--white:active, .button--white:focus, .button--white:hover {
        background: #80296F;
        color: #fff;
        outline: none
    }

.button--quarternary {
    background: #492D7F;
    border: 2px solid #492D7F;
    color: #fff
}

    .button--quarternary:active, .button--quarternary:focus, .button--quarternary:hover {
        background: #fff;
        border-color: #492D7F;
        color: #492D7F;
        outline: none
    }

.button--blue {
    color: #472566
}

.button--image {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    font-size: 0;
    height: 48px;
    padding: 0;
    transition: opacity .3s ease-in-out;
    width: 208px
}

    .button--image:active, .button--image:focus, .button--image:hover {
        background: transparent;
        opacity: .6;
        outline: none
    }

.button--share {
    border-radius: 50%;
    font-size: 0;
    height: 50px;
    min-width: unset;
    padding: 0;
    width: 50px
}

    .button--share svg {
        height: 20px;
        width: 20px
    }

.button--share-secondary {
    background-color: #2D7F94;
    height: 40px;
    width: 40px
}

    .button--share-secondary:active, .button--share-secondary:focus, .button--share-secondary:hover {
        background: #007972;
        outline: none
    }

    .button--share-secondary svg {
        height: 18px;
        width: 16px
    }

/*.button--medium {
    font-size: 1.125rem;
    line-height: 24px;
    min-width: auto;
    padding-left: 33px;
    padding-right: 33px
}*/

.button--large {
    font-size: 1.25rem;
    line-height: 28px;
    min-width: auto;
    padding-left: 38px;
    padding-right: 38px
}

.button--small {
    font-size: 1rem;
    height: 40px;
    min-width: auto;
    padding-bottom: 9px;
    padding-top: 9px;
}

.button--full-width, .button--small {
    padding-left: 28px;
    padding-right: 28px
}

.button--full-width {
    min-width: unset;
    width: 100%
}

.button--futura {
    font-family: futura-pt,Jost,sans-serif;
    font-weight: 800
}

.button--futura-medium {
    font-family: futura-medium,Jost,sans-serif;
    font-weight: 500
}

.button--play {
    background-color: #80296F;
    border-radius: 50%;
    font-size: 0;
    height: 90px;
    min-width: 90px;
    padding: 0;
    width: 90px
}

    .button--play svg {
        fill: #fff
    }

.button--play-centered {
    background-color: hsla(0,0%,100%,.8);
    border-radius: 50%;
    font-size: 0;
    height: 110px;
    left: 50%;
    min-width: 110px;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 110px;
    z-index: 1
}

    .button--play-centered:active, .button--play-centered:focus, .button--play-centered:hover {
        background: #fff;
        outline: none
    }

    .button--play-centered svg {
        fill: #492D7F
    }

.button--pagination {
    background-color: #80296F;
    border-radius: 50%;
    font-size: 0;
    height: 60px;
    min-width: 60px;
    padding: 0;
    width: 60px
}

    .button--pagination svg {
        fill: #fff
    }

.button--play-ghost {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    gap: 7px
}

    .button--play-ghost svg {
        fill: #fff
    }

    .button--play-ghost:active, .button--play-ghost:focus, .button--play-ghost:hover {
        background: rgba(145,93,163,.1);
        outline: none
    }

@media screen and (max-width: 1023px) {
    .button--medium {
        height: 40px;
        padding-left: 25px;
        padding-right: 24px
    }

    .button--tertiary-ghost-large {
        background: #fff;
        border: 2px solid #492D7F;
        color: #472566
    }

        .button--tertiary-ghost-large:active, .button--tertiary-ghost-large:focus, .button--tertiary-ghost-large:hover {
            background: rgba(130,39,249,.1);
            outline: none
        }
}

@media screen and (max-width: 768px) {
    .button--play-centered {
        height: 95px;
        min-width: 95px;
        width: 95px
    }
}

@media screen and (max-width: 567px) {
    .button--medium {
        font-size: .9375rem;
        padding-left: 15px;
        padding-right: 14px
    }

    .button--play {
        height: 60px;
        min-width: 60px;
        width: 60px
    }

    .button--play-centered {
        height: 80px;
        min-width: 80px;
        width: 80px
    }
}

.calendar__date {
    align-items: center;
    display: flex
}

.calendar__day {
    background-color: #472566;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 85px;
    justify-content: center;
    margin-right: 20px;
    min-width: 85px
}

.footer {
    background-image: linear-gradient(90deg, #5d3863, #361c3b);
    position: relative;
    width: 100%;
    z-index: 50;
}

.ccm-toolbar-visible .footer {
    background-color: transparent;
    z-index: 0
}

.footer__main {
    border-top: 1px solid rgba(0,24,70,.2);
    display: flex;
    padding: 80px 0 62px
}

.footer__logo {
    display: block;
    margin-right: 58px
}

    .footer__logo:active, .footer__logo:focus, .footer__logo:hover {
        cursor: pointer;
        outline: none
    }

.footer__grid {
    margin-top: 15px;
    width: 100%
}

.footer__links {
    background-color: #3b1a3d;
    padding: 24px 0 22px
}

.footer__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.footer__nav-item {
    padding-right: 20px;
    width: 50%
}

    .footer__nav-item:not(:last-child) {
        margin-bottom: 16px
    }

.footer__link {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
}

.footer__list-item:not(:last-child) {
    margin-right: 20px
}

.footer__social {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 5px
}

.footer__legal {
    background-color: #351e57;
    padding: 22px 0 25px
}

@media screen and (max-width: 1023px) {
    .footer__main {
        flex-direction: column;
        padding-bottom: 48px
    }

    .footer__social {
        align-items: center;
        flex-direction: row;
        margin-top: 30px
    }
}

@media screen and (max-width: 768px) {
    .footer__links {
        padding: 30px 10px 29px
    }

    .footer__legal {
        padding: 14px 10px 16px
    }

    .footer__list {
        flex-direction: column
    }

    .footer__list-item:not(:last-child) {
        margin-bottom: 20px;
        margin-right: 0
    }

    .footer__nav-item {
        width: 100%
    }
}

@media screen and (max-width: 567px) {
    .footer__main {
        flex-direction: row;
        justify-content: space-between;
        padding: 30px 0
    }

    .footer__social {
        margin-top: 0
    }
}

.glide {
    cursor: default;
    margin: 0 auto
}

.glide__container {
    margin-left: -10px;
    position: relative
}

.glide__slide {
    height: auto
}

.glide--active {
    cursor: grab
}

    .glide--active:active {
        cursor: grabbing
    }

.glide--quote .glide__container {
    margin-left: 0
}

.glide--quote .glide__track {
    padding-left: 0
}

.glide__slides {
    overflow: visible;
    padding: 10px 0
}

.glide__track {
    z-index: 1
}

.glide__arrows {
    display: flex;
    justify-content: space-between;
    left: -70px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% + 150px)
}

.glide__arrow {
    align-items: center;
    background: transparent;
    background: #80296F;
    border: none;
    border-radius: 50%;
    color: #4e485b;
    cursor: pointer;
    display: flex;
    font-family: Jost,sans-serif;
    font-size: 18px;
    height: 60px;
    justify-content: center;
    margin: 0;
    padding: 0;
    transition: background .3s;
    width: 60px
}

.glide__arrow--left {
    transform: rotate(180deg)
}

.glide__arrow--disabled {
    opacity: .3;
    pointer-events: none
}

.glide__arrow:active, .glide__arrow:focus, .glide__arrow:hover {
    background: #744a83;
    outline: none
}

    .glide__arrow:hover.glide__arrow--left .glide__icon {
        transform: translateX(-6px)
    }

    .glide__arrow:hover.glide__arrow--right .glide__icon {
        transform: translateX(6px)
    }

.glide__icon {
    display: block;
    fill: #fff;
    transition: background .3s,transform .3s
}

.glide__bullets {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.glide__bullet {
    background: transparent;
    background: #80296F;
    border: none;
    border-radius: 50%;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    transition: background .3s;
    width: 10px;
    will-change: contents
}

    .glide__bullet:active, .glide__bullet:focus, .glide__bullet:hover {
        background: rgba(145,93,163,.5);
        outline: none
    }

    .glide__bullet:focus {
        background: #80296F
    }

.glide__bullet--active {
    background: #472566;
    border-radius: 5px;
    cursor: default;
    pointer-events: none;
    width: 30px
}

.glide .card__link {
    max-width: calc(100% - 20px);
    width: 100%
}

.glide .card__shape {
    left: 0
}

.glide .card__container {
    margin-left: 10px
}

.glide .card__image {
    width: 100%
}

.glide .card--bg .card__link, .glide .card--hot-topic .card__link, .glide .card--with-icon .card__link {
    max-width: calc(100% - 10px)
}

.glide .card--bg .card__shape, .glide .card--hot-topic .card__shape, .glide .card--with-icon .card__shape {
    left: 10px
}

@media screen and (min-width: 1280px) {
    .glide--hide-bullets\@xlarge-min .glide__bullets {
        margin: 0
    }
}

@media screen and (max-width: 1449px) {
    .glide--hide-arrows\@xxlarge .glide__arrows {
        display: none
    }
}

@media screen and (max-width: 1023px) {
    .glide__bullets--mt0\@large {
        margin-top: 0
    }
}

.hamburger {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    font-size: 0;
    margin: 0;
    padding: 0
}

.hamburger__lines {
    height: auto;
    transition: height .3s .3s,opacity .3s;
    width: auto
}

.hamburger__cross {
    transition: height .3s .3s,opacity .3s
}

.hamburger--active .hamburger__lines, .hamburger__cross {
    height: 0;
    opacity: 0;
    width: 0
}

.hamburger--active .hamburger__cross {
    height: auto;
    opacity: 1;
    width: auto
}

.hamburger:active, .hamburger:focus, .hamburger:hover {
    outline: 0;
    outline: none
}

.infographic {
    position: relative
}

.infographic__trigger {
    cursor: pointer;
    pointer-events: all
}

.infographic__button {
    inset: auto auto auto auto;
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.infographic__svg-container {
    max-width: 700px;
    width: 100%
}

.infographic__svg {
    height: 100%;
    width: 100%
}

@media screen and (min-width: 769px) {
    .infographic__button--1 {
        inset: 0 auto auto 20%
    }

    .infographic__button--2 {
        inset: 20% auto auto 60%
    }

    .infographic__button--3 {
        inset: 60% auto auto 60%
    }

    .infographic__button--4 {
        inset: 20% auto auto 20%
    }

    .infographic__button--5 {
        inset: 60% auto auto 20%
    }

    .infographic__button--6, .infographic__button--7, .infographic__button--8 {
        inset: 40% auto auto 40%
    }
}

.link-selector {
    position: relative;
    width: 80px
}

.link-selector__trigger {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    display: flex;
    font-family: proxima-nova, sans-serif;
    font-size: 20px;
    justify-content: space-between;
    margin: 0;
    padding: 5px 8px;
    width: 100%;
}

    .link-selector__trigger svg {
        fill: #fff;
        margin-left: 6px;
        transition: fill transform .3s .3s
    }

.link-selector__trigger--active {
    border-radius: 5px 5px 0 0
}

    .link-selector__trigger--active svg {
        transform: rotate(180deg)
    }

.link-selector__trigger:active, .link-selector__trigger:focus, .link-selector__trigger:hover {
    cursor: pointer;
    outline: none
}

    .link-selector__trigger:active .link-selector__text, .link-selector__trigger:focus .link-selector__text, .link-selector__trigger:hover .link-selector__text {
        color: #94c83d
    }

    .link-selector__trigger:active svg, .link-selector__trigger:focus svg, .link-selector__trigger:hover svg {
        fill: #94c83d
    }

.link-selector__link, .link-selector__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    transition: color .3s
}

.link-selector__text {
    color: #fff
}

.link-selector__options {
    display: none;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

.link-selector__options--active {
    display: block
}

.link-selector__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.link-selector__link {
    background-color: #fff;
    color: #80296F;
    display: flex;
    height: 100%;
    padding: 10px;
    transition: background-color .3s;
    width: 100%
}

    .link-selector__link:active, .link-selector__link:focus, .link-selector__link:hover {
        color: #472566;
        cursor: pointer;
        outline: none
    }

.link-selector--dark .link-selector__trigger {
    border-color: #80296F
}

    .link-selector--dark .link-selector__trigger svg {
        fill: #80296F
    }

.link-selector--dark .link-selector__link, .link-selector--dark .link-selector__text {
    color: #80296F
}

.link-selector--dark .link-selector__link {
    background-color: #fff
}

    .link-selector--dark .link-selector__link:active, .link-selector--dark .link-selector__link:focus, .link-selector--dark .link-selector__link:hover {
        color: #472566;
        outline: none
    }

.link {
    background: transparent;
    border: none;
    color: #000;
    cursor: pointer;
    font-family: proxima-nova, sans-serif;
    font-size: 20px;
    margin: 0;
    padding: 0;
}

    .link:not(.link--simple) {
        align-items: center;
        display: flex
    }

    .link:not(.link--start) {
        justify-content: center
    }

.link__text {
    color: #80296F;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    transition: color .3s
}

.link--small\@small .link__text {
    font-size: clamp(.75rem, .712962963rem + .1851851852vw, .875rem);
}

.link__icon {
    border: 2px solid #80296F;
    border-radius: 50%;
    height: 18px;
    margin-right: 6px;
    min-width: 18px;
    width: 18px
}

.link svg {
    display: block;
    fill: #80296F;
    margin: 0 auto;
    transition: fill .3s
}

.link:active, .link:focus, .link:hover {
    cursor: pointer;
    outline: none
}

    .link:active .link__text, .link:focus .link__text, .link:hover .link__text {
        color: #7b4783
    }

    .link:active svg, .link:focus svg, .link:hover svg {
        fill: #472566
    }

.link--simple {
    color: #80296F;
    transition: color .3s
}

    .link--simple:active, .link--simple:focus, .link--simple:hover {
        color: #7b4783;
        outline: none;
        text-decoration: underline
    }

.link--white, .link--white .link__text {
    color: #fff
}

    .link--white .link__icon {
        border-color: #fff
    }

    .link--white svg {
        fill: #fff
    }

    .link--white:active, .link--white:focus, .link--white:hover {
        outline: none
    }

        .link--white:active .link__text, .link--white:focus .link__text, .link--white:hover .link__text {
            color: #80296F
        }

        .link--white:active svg, .link--white:focus svg, .link--white:hover svg {
            fill: #80296F
        }

.link--large, .link--large .link__text {
    font-size: 1.375rem;
    line-height: 30px
}

@media screen and (max-width: 567px) {
    .link--small\@small .link__text {
        font-size: 1rem
    }
}

.list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    width: 100%
}

.list__item {
    color: #4e485b;
    display: flex;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 24px;
    min-height: 30px;
    padding: 40px 0 0 45px;
    position: relative;
    width: 50%
}

    .list__item:before {
        background-color: transparent;
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_tick_circle.svg);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 30px;
        left: 0;
        margin-left: 0;
        position: absolute;
        width: 30px
    }

.list__item--desc {
    color: #4e485b;
    margin: 16px 0
}

.list__item--brand {
    color: #80296F;
    margin: 16px 0
}

.list__item:not(:last-of-type) {
    margin-bottom: 13px
}

.list__item--with-description {
    flex-direction: column;
    height: auto;
    width: 100%
}

    .list__item--with-description:not(:last-of-type) {
        margin-bottom: 20px
    }

.list__item--auto-height {
    height: auto
}

.list__heading {
    color: #80296F;
    text-decoration: underline
}

.list--1-col .list__item {
    width: 100%
}

.list__separator {
    color: #001846;
    opacity: .2;
    width: 100%
}

.list__no-results {
    margin-bottom: 40px
}

.search__heading {
    margin: 0
}

.loading {
    align-items: center;
    animation: load-fade-in .5s forwards;
    display: flex;
    justify-content: center;
    opacity: 0
}

.loading__spinner {
    animation: loading-spinner 1.5s infinite;
    border: 4px solid #80296F;
    border-radius: 50%;
    border-right-color: transparent;
    height: 50px;
    width: 50px
}

.loading--whiteout {
    background: hsla(0,0%,100%,.7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}

@keyframes load-fade-in {
    to {
        opacity: 1
    }
}

@keyframes loading-spinner {
    to {
        transform: rotate(1turn)
    }
}

.modal {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    left: -9999px;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: scale(1.1);
    width: 100%;
    z-index: 999999
}

.ccm-toolbar-visible .modal {
    top: 48px
}

.modal:not(.ccm-ui .modal) {
    opacity: 0
}

.modal__bg {
    background: rgba(78,72,91,.95);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.modal__body {
    background: #fff;
    border-radius: 0 0 90px 0;
    box-sizing: border-box;
    margin: 20px;
    max-height: calc(100vh - 40px);
    max-width: 887px;
    overflow: auto;
    padding: 60px;
    position: relative;
    width: 100%;
    z-index: 1
}

.modal__body--large {
    max-width: 1280px
}

.modal__close {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    height: 44px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background .3s;
    width: 44px;
    z-index: 10
}

    .modal__close:after, .modal__close:before {
        background: #80296F;
        border-radius: 4px;
        content: "";
        height: 38%;
        left: calc(50% - 1px);
        position: absolute;
        top: 29%;
        transition: background .3s;
        width: 3px
    }

    .modal__close:before {
        transform: rotate(45deg)
    }

    .modal__close:after {
        transform: rotate(135deg)
    }

    .modal__close .modal__close-circle {
        border: 3px solid #80296F;
        border-radius: 50%;
        display: block;
        height: 32px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 32px
    }

    .modal__close:active, .modal__close:focus, .modal__close:hover {
        background: #80296F;
        outline: none
    }

        .modal__close:active:after, .modal__close:active:before, .modal__close:focus:after, .modal__close:focus:before, .modal__close:hover:after, .modal__close:hover:before {
            background: #fff
        }

.modal--active {
    left: 0;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
    transition: opacity .3s,transform .3s
}

    .modal--active:not(.ccm-ui .modal--active) {
        opacity: 1
    }

@media screen and (max-width: 567px) {
    .modal__body {
        border-radius: 0 0 50px 0;
        padding: 44px
    }
}

.nav__list {
    list-style: none;
    margin: 0;
    max-width: 740px;
    padding: 0
}

.nav__item, .nav__list {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.nav__item {
    padding: 50px 0
}

    .nav__item:not(:last-child) {
        margin-right: 50px
    }

.nav__item--active .nav__sub-list {
    height: auto;
    left: auto;
    left: 50%;
    opacity: 1;
    overflow: visible;
    position: relative;
    position: absolute;
    top: 126px;
    transform: translateX(-50%)
}

/*.nav__sub-main-grid .grid__item:first-child .sub-list__item--links {
    margin-left: 65px
}*/

.nav__sub-toggle {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    display: none;
    font-family: Jost,sans-serif;
    font-size: 18px;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 30px
}

.nav__link {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 26px;
    transition: color .3s;
}

.nav__chevron {
    fill: #fff;
    display: initial;
    transition: fill .3s
}

.nav__chevron--back {
    transform: rotate(90deg)
}

.nav__sub-list {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0 0 80px 0;
    box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2);
    height: 0;
    left: -10000px;
    max-width: 1280px;
    opacity: 0;
    overflow: hidden;
    padding: 50px 160px 59px 146px;
    position: absolute;
    transition: opacity .3s .3s;
    width: 100%;
    z-index: 100
}

.nav__sub-column-name {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 25px
}

.nav__sub-column-name--space-left {
    margin-left: 80px
}

@media screen and (max-width: 1279px) {
    .nav__item:not(:last-child) {
        margin-right: 20px
    }
}

@media screen and (min-width: 1024px) {
    .nav__item:active, .nav__item:focus, .nav__item:hover {
        outline: none
    }

        .nav__item:active .nav__link, .nav__item:focus .nav__link, .nav__item:hover .nav__link {
            color: #94c83d
        }

        .nav__item:active .nav__chevron, .nav__item:focus .nav__chevron, .nav__item:hover .nav__chevron {
            fill: #94c83d
        }

        .nav__item:active .nav__sub-list, .nav__item:focus .nav__sub-list, .nav__item:hover .nav__sub-list {
            height: auto;
            left: auto;
            left: 50%;
            opacity: 1;
            overflow: visible;
            position: relative;
            position: absolute;
            top: 103px;
            transform: translateX(-50%)
        }

        .nav__item:active .nav__sub-list--auto-width, .nav__item:focus .nav__sub-list--auto-width, .nav__item:hover .nav__sub-list--auto-width {
            top: 126px
        }

    .nav__sub-list--auto-width {
        min-width: 350px;
        padding-left: 60px;
        padding-right: 60px;
        width: auto
    }

    .nav__link {
        margin-right: 10px
    }
}

@media screen and (max-width: 1023px) {
    .nav {
        background-color: #fff;
        border-radius: 0 0 80px 0;
        box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2);
        height: calc(100vh - 176px);
        left: 0;
        padding: 40px 25px 40px 40px;
        position: absolute;
        top: 176px;
        transform: translateX(100%);
        transition: transform .3s;
        width: 100%;
        z-index: 2
    }

    .nav--open {
        transform: translateX(0)
    }

    .nav__list {
        align-items: flex-start;
        flex-direction: column;
        max-width: 100%
    }

    .nav__item {
        padding: 0 0 40px;
        width: 100%
    }

        .nav__item:not(:last-child) {
            margin-right: 0
        }

    .nav__item--active .nav__sub-list {
        height: auto;
        height: calc(100vh - 133px);
        left: auto;
        left: 0;
        max-width: 100%;
        overflow: visible;
        overflow: scroll;
        padding: 33px 46px 40px 26px;
        position: relative;
        position: absolute;
        top: 0;
        transform: translateX(0)
    }

    .nav__link {
        align-items: center;
        color: #80296F;
        display: flex;
        font-size: 1.5rem;
        justify-content: flex-start
    }

    .nav__chevron {
        fill: #80296F;
        height: 13px;
        width: 15px
    }

        .nav__chevron:not(.nav__chevron--back) {
            transform: rotate(-90deg)
        }

    .nav__sub-toggle {
        display: block;
        height: 40px;
        width: 40px
    }

    .nav__sub-list {
        height: 0;
        left: -10000px;
        overflow: hidden;
        position: absolute;
        transform: translateX(100%);
        transition: transform .3s
    }
}

@media screen and (max-width: 567px) {
    .nav {
        height: calc(100vh - 180px);
        top: 80px
    }

    .nav__link {
        justify-content: space-between
    }
}

.nav--autonav {
    display: block;
    height: auto;
    left: 0;
    position: relative;
    top: 0;
    transform: translateX(0)
}

.sub-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.sub-list--simple {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.sub-list__item:not(:last-child) {
    margin-bottom: 20px
}

.sub-list__item--lines {
    display: flex
}

.sub-list__item:active, .sub-list__item:focus, .sub-list__item:hover {
    outline: none
}

    .sub-list__item:active .sub-list__link, .sub-list__item:focus .sub-list__link, .sub-list__item:hover .sub-list__link {
        color: #80296F
    }

.sub-list__link {
    color: #472566;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    transition: color .3s
}

.search {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    width: 100%
}

.search__heading {
    color: #472566;
    margin: 48px 0 0
}

.search__item {
    display: flex;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 24px;
    min-height: 30px;
    padding: 0 10px 0 45px;
    position: relative
}

    .search__item:before {
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_tick_circle.svg);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 30px;
        left: 0;
        position: absolute;
        width: 30px
    }

.search__item--with-description {
    flex-direction: column;
    height: auto;
    width: 100%
}

    .search__item--with-description:not(:last-of-type) {
        margin-bottom: 20px
    }

.search__item--auto-height {
    height: auto
}

.search__item-desc {
    color: #4e485b
}

.search--1-col .search__item {
    width: 100%
}

.search__highlight {
    position: relative
}

    .search__highlight:before {
        background: #80296F;
        content: " ";
        height: 100%;
        left: 0;
        opacity: .3;
        position: absolute;
        top: 0;
        width: 100%
    }

.pagination {
    margin-bottom: 64px
}

.pagination__button {
    background-color: #7b4783;
    border: 0;
    border-radius: 30px;
    height: 50px;
    margin: 0 20px;
    width: 50px
}

    .pagination__button:disabled {
        background-color: rgba(61,54,75,.1)
    }

.pagination__icon {
    fill: #fff;
    cursor: pointer;
    margin: 5px 0 0 3px
}

.pagination__item {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/chevron-down.svg) no-repeat 50%/contain;
    background-position: calc(100% - 10px);
    background-size: 20px;
    border: 2px solid #80296F;
    border-radius: 6px;
    box-sizing: border-box;
    height: 50px;
    padding: 0 24px;
    width: 98px
}

.page-template-search .error {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 40px auto;
    max-width: 500px
}

.share {
    position: relative
}

.share__icon {
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 40px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: transform .3s .2s,opacity .3s,filter .3s;
    width: 40px
}

.share__icon--twitter {
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/social_twitter.svg)
}

.share__icon:first-of-type {
    transform: translate3d(0,-45px,0) translateX(-50%)
}

.share__icon:nth-of-type(2) {
    transform: translate3d(0,-90px,0) translateX(-50%)
}

.share--closed .share__icon {
    opacity: 0;
    pointer-events: none;
    transform: translateZ(0) translateX(-50%)
}

.social {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.social__item {
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    margin-right: 12px;
    position: relative;
    width: 40px
}

.social__item--twitter {
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/social_twitter.svg)
}

.social__item--instagram {
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/social_instagram.svg)
}

.social__item--youtube {
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/social_youtube.svg)
}

.social__item--linkedin {
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/social_linkedin.svg)
}

.social__link {
    display: block;
    font-size: 0;
    height: 100%;
    width: 100%
}

.subnav {
    flex-shrink: 0
}

.subnav__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.subnav__item, .subnav__list {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.subnav__item {
    flex-shrink: 0;
    padding: 32px 0;
    white-space: nowrap
}

@media screen and (max-width: 768px) {
    .subnav__item {
        padding: 15px 0
    }
}

.subnav__item:not(:last-child) {
    margin-right: 40px
}

.subnav__item--current .subnav__link {
    opacity: 1
}

    .subnav__item--current .subnav__link:after {
        background-color: #2D7F94;
        border-radius: 3px;
        bottom: -15px;
        content: "";
        height: 6px;
        left: 0;
        position: absolute;
        width: 100%
    }

.subnav__link {
    color: #472566;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.625rem;
    opacity: .6;
    position: relative;
    transition: color .3s;
    white-space: nowrap
}

.subnav__button {
    flex-shrink: 0;
    margin-left: 40px;
    white-space: nowrap
}

.tabs {
    background: #fff;
    border: 2px solid #80296F;
    border-radius: 6px;
    height: 60px;
    margin-bottom: 60px;
    width: 100%
}

.tabs, .tabs__link {
    display: flex;
    justify-content: center
}

.tabs__link {
    align-items: center;
    color: #472566;
    cursor: pointer;
    flex: 1 1 100%;
    font-size: 1.375rem;
    font-weight: 500;
    position: relative;
    text-align: center;
    transition: background .3s
}

    .tabs__link:not(:first-child) {
        border-left: 2px solid #80296F
    }

    .tabs__link:active, .tabs__link:focus, .tabs__link:hover {
        background: #80296F;
        color: #fff;
        outline: none
    }

.tabs__link--active {
    background: #80296F;
    color: #fff;
    cursor: pointer;
    outline: none;
    pointer-events: none
}

.tabs__content {
    display: none
}

.tabs__content--active {
    display: block
}

.tabs--small-gap-bottom {
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .tabs {
        margin-bottom: 30px
    }

        .tabs .tabs__link {
            border-radius: 0;
            margin-right: 0
        }

    .tabs--col\@medium {
        flex-direction: column;
        height: 180px;
        min-width: 0
    }

        .tabs--col\@medium .tabs__link {
            height: 60px;
            margin-bottom: 0
        }

            .tabs--col\@medium .tabs__link:not(:first-child) {
                border-left: 0
            }
}

@media screen and (max-width: 899px) {
    .tabs {
        justify-content: normal;
        overflow-x: scroll;
        width: 100%
    }

        .tabs .tabs__link {
            padding: 0 5px
        }
}

.tag {
    background: #80296F;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    display: inline-block;
    font-size: .75rem;
    font-weight: 500;
    height: 20px;
    line-height: 18px;
    padding: 1px 5px;
    text-transform: uppercase
}

.tag--teal {
    background: #2D7F94;
    color: #fff
}

.tag--purple {
    background: #80296F;
    color: #fff
}

.tag--dark {
    background: #472566;
    color: #fff
}

.tag--electric-violet {
    background: #492D7F;
    color: #fff
}

.tag--white {
    background: hsla(0,0%,100%,.2);
    color: #fff
}

.tag--pink {
    background: #ED008C;
    color: #fff
}

.tag--dark-purple {
    background: #653466;
    color: #fff
}

.tag--green {
    background: #94C93D;
    color: #fff
}

.tag--blue {
    background: #2D7F94;
    color: #fff
}

.tag--yellow {
    background: #EDE80A;
    color: #fff
}

.tag--cerulean {
    background: #2D7F94;
    color: #fff
}

.tag--large {
    padding: 1px 8px
}

.tag--rounded {
    border-radius: 2px
}

.tag-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

    .tag-list .tag-wrapper:not(:last-child) {
        margin-bottom: 10px;
        margin-right: 10px
    }

@media screen and (max-width: 768px) {
    .tag-list .tag-wrapper {
        display: unset
    }

        .tag-list .tag-wrapper:not(:last-child) {
            margin-bottom: 10px;
            margin-right: 10px
        }
}

.text-download {
    max-width: 850px;
    width: 100%
}

.text-download__download-text, .text-download__title {
    color: #472566
}

.text-download__subtitle {
    color: #4e485b
}

.text-download__download-text, .text-download__subtitle {
    font-family: futura-medium,Jost,sans-serif;
    font-weight: 500
}

.text-download .wysiwyg, .text-download__download-text, .text-download__text {
    font-size: clamp(1.125rem,1.125rem + 0vw,1.125rem)
}

.text-download__download-text, .text-download__text {
    margin: 0 0 1.25rem
}

.text-download__title {
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: clamp(1.75rem,1.6018518519rem + .7407407407vw,2.25rem);
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 1.2857142857;
    margin: 0 0 1.0625rem
}

.text-download__title--accent {
    margin: 0 0 1.6875rem;
    position: relative
}

    .text-download__title--accent:after {
        border-radius: 3px;
        bottom: -11px;
        content: "";
        height: 6px;
        left: 0;
        max-width: 80px;
        position: absolute;
        width: 100%
    }

.text-download__subtitle {
    font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
    letter-spacing: -1px;
    line-height: 1.4;
    margin: 0 0 1.375rem
}

.text-download .wysiwyg, .text-download__text {
    color: #4e485b;
    font-family: futura-book,Jost,sans-serif;
    font-weight: 400
}

    .text-download .wysiwyg p:not(:empty), .text-download__text:not(:empty) {
        margin: 0 0 1.25rem
    }

.text-download--pink .text-download__title--accent:after {
    background: #ED008C
}

.text-download--pink .button--ghost {
    border: 2px solid #ED008C
}

    .text-download--pink .button--ghost:active, .text-download--pink .button--ghost:focus, .text-download--pink .button--ghost:hover {
        background: rgba(204,82,153,.1);
        outline: none
    }

.text-download--teal .text-download__title--accent:after {
    background: #2D7F94
}

.text-download--teal .button--ghost {
    border: 2px solid #2D7F94
}

    .text-download--teal .button--ghost:active, .text-download--teal .button--ghost:focus, .text-download--teal .button--ghost:hover {
        background: rgba(0,172,162,.1);
        outline: none
    }

.text-download--green .text-download__title--accent:after {
    background: #94C93D
}

.text-download--green .button--ghost {
    border: 2px solid #94C93D
}

    .text-download--green .button--ghost:active, .text-download--green .button--ghost:focus, .text-download--green .button--ghost:hover {
        background: rgba(190,209,64,.1);
        outline: none
    }

.text-download--cerulean-blue .text-download__title--accent:after {
    background: #2D7F94
}

.text-download--cerulean-blue .button--ghost {
    border: 2px solid #2D7F94
}

    .text-download--cerulean-blue .button--ghost:active, .text-download--cerulean-blue .button--ghost:focus, .text-download--cerulean-blue .button--ghost:hover {
        background: rgba(6,143,207,.1);
        outline: none
    }

.text-download--dark-blue .text-download__title--accent:after {
    background: #472566
}

.text-download--dark-blue .button--ghost {
    border: 2px solid #472566
}

    .text-download--dark-blue .button--ghost:active, .text-download--dark-blue .button--ghost:focus, .text-download--dark-blue .button--ghost:hover {
        background: rgba(27,0,86,.1);
        outline: none
    }

.text-download--yellow .text-download__title--accent:after {
    background: #EDE80A
}

.text-download--yellow .button--ghost {
    border: 2px solid #EDE80A
}

    .text-download--yellow .button--ghost:active, .text-download--yellow .button--ghost:focus, .text-download--yellow .button--ghost:hover {
        background: rgba(251,189,86,.1);
        outline: none
    }

.text-download--purple .text-download__title--accent:after {
    background: #80296F
}

.text-download--purple .button--ghost {
    border: 2px solid #80296F
}

    .text-download--purple .button--ghost:active, .text-download--purple .button--ghost:focus, .text-download--purple .button--ghost:hover {
        background: rgba(145,93,163,.1);
        outline: none
    }

.text-download--dark-purple .text-download__title--accent:after {
    background: #653466
}

.text-download--dark-purple .button--ghost {
    border: 2px solid #653466
}

    .text-download--dark-purple .button--ghost:active, .text-download--dark-purple .button--ghost:focus, .text-download--dark-purple .button--ghost:hover {
        background: rgba(116,9,96,.1);
        outline: none
    }

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    background-color: #333;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform,visibility,opacity;
    white-space: normal
}

    .tippy-box[data-placement^=top] > .tippy-arrow {
        bottom: 0
    }

        .tippy-box[data-placement^=top] > .tippy-arrow:before {
            border-top-color: initial;
            border-width: 8px 8px 0;
            bottom: -7px;
            left: 0;
            transform-origin: center top
        }

    .tippy-box[data-placement^=bottom] > .tippy-arrow {
        top: 0
    }

        .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
            border-bottom-color: initial;
            border-width: 0 8px 8px;
            left: 0;
            top: -7px;
            transform-origin: center bottom
        }

    .tippy-box[data-placement^=left] > .tippy-arrow {
        right: 0
    }

        .tippy-box[data-placement^=left] > .tippy-arrow:before {
            border-left-color: initial;
            border-width: 8px 0 8px 8px;
            right: -7px;
            transform-origin: center left
        }

    .tippy-box[data-placement^=right] > .tippy-arrow {
        left: 0
    }

        .tippy-box[data-placement^=right] > .tippy-arrow:before {
            border-right-color: initial;
            border-width: 8px 8px 8px 0;
            left: -7px;
            transform-origin: center right
        }

    .tippy-box[data-inertia][data-state=visible] {
        transition-timing-function: cubic-bezier(.54,1.5,.38,1.11)
    }

.tippy-arrow {
    color: #333;
    height: 16px;
    width: 16px
}

    .tippy-arrow:before {
        border-color: transparent;
        border-style: solid;
        content: "";
        position: absolute
    }

.tippy-content {
    padding: 5px 9px;
    position: relative;
    z-index: 1
}

.tippy-box[data-animation=shift-toward-subtle][data-state=hidden] {
    opacity: 0
}

    .tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden] {
        transform: translateY(-5px)
    }

    .tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden] {
        transform: translateY(5px)
    }

    .tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden] {
        transform: translateX(-5px)
    }

    .tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden] {
        transform: translateX(5px)
    }

.tooltip .tippy-box, .tooltip__tip {
    background: #fff;
    border-radius: 1.25rem;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.1)
}

.tooltip__tip {
    overflow: hidden
}

.tooltip .tippy-arrow {
    color: #fff
}

.tooltip .tippy-content {
    padding: 0
}

.tooltip__container {
    padding: 1.25rem;
    position: relative
}

.tooltip__close {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    filter: grayscale(1);
    font-family: Jost,sans-serif;
    font-size: 18px;
    inset: 10px 10px auto auto;
    margin: 0;
    padding: 0;
    position: absolute
}

.tooltip__tag {
    background: #ED008C;
    margin: 0 0 .25rem
}

.tooltip__title {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -.3px;
    line-height: 1.36;
    margin: 0 0 .9375rem
}

.tooltip__text {
    font-size: .9375rem;
    font-weight: 300;
    line-height: 1.44;
    margin: 0
}

.tooltip__text, .tooltip__title {
    color: #32323a
}

@media screen and (min-width: 769px) {
    .tooltip__container {
        padding: 2.5rem
    }

    .tooltip__tag {
        margin: 0 0 .375rem
    }

    .tooltip__title {
        font-size: 1.375rem;
        margin: 0 0 1.4375rem
    }

    .tooltip__text {
        font-size: 1.125rem
    }

    .tooltip__close {
        inset: 20px 20px auto auto
    }
}

.video-modal {
    position: relative
}

.video-modal__details {
    align-items: flex-end;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 20px;
    z-index: 1
}

    .video-modal__details, .video-modal__details:after {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

        .video-modal__details:after {
            background: linear-gradient(0deg,#3d364b,rgba(61,54,75,0) 50%);
            content: ""
        }

.video-modal__title {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 24px
}

.video {
    display: block;
    position: relative;
    transition: background .3s
}

.video, .video__button {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0
}

.video__button {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .video__button:before {
        background: #80296F;
        border-radius: 50%;
        height: 70px;
        width: 70px
    }

    .video__button:after, .video__button:before {
        content: "";
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        transition: background .3s,transform .3s
    }

    .video__button:after {
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 9px 0 9px 15px;
        height: 0;
        margin-left: 2px;
        width: 0;
        z-index: 1
    }

    .video__button:active, .video__button:focus, .video__button:hover {
        outline: none
    }

        .video__button:active:before, .video__button:focus:before, .video__button:hover:before {
            background: #573862
        }

.video__img {
    display: block;
    height: 430px;
    margin: 0 auto
}

.video__player {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.video--active .video__button {
    transform: scale(0)
}

.video--active .video__img {
    opacity: 0;
    pointer-events: none
}

.video--active .video__player {
    opacity: 1;
    pointer-events: all
}

@media screen and (max-width: 768px) {
    .video__img {
        height: 342px
    }
}

@media screen and (max-width: 567px) {
    .video__img {
        height: 160px
    }
}

.video--banner {
    max-height: 380px;
    width: 100%
}

    .video--banner .video__img {
        height: 100%;
        overflow: cover
    }

@media screen and (max-width: 567px) {
    .video--banner {
        max-height: 195px
    }
}

.video--banner-wistia {
    height: 360px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .video--banner-wistia {
        height: 250px
    }
}

.wistia {
    padding: 28.25%;
    position: relative;
    width: 100%
}

.wistia__player {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.article-banner--pink .article-banner__accent {
    background-color: #ED008C
}

.article-banner--teal .article-banner__accent {
    background-color: #2D7F94
}

.article-banner--green .article-banner__accent {
    background-color: #94C93D
}

.article-banner--cerulean-blue .article-banner__accent {
    background-color: #2D7F94
}

.article-banner--yellow .article-banner__accent {
    background-color: #EDE80A
}

.article-banner--purple .article-banner__accent {
    background-color: #80296F
}

.article-banner--dark-purple .article-banner__accent {
    background-color: #653466
}

.article-banner--dark-blue .article-banner__accent {
    background-color: #472566
}

.article-banner--electric-violet .article-banner__accent {
    background-color: #492D7F
}

.article-banner__accent-container {
    position: relative
}

.article-banner__accent {
    height: 50%;
    left: -20px;
    position: absolute;
    top: -20px;
    width: 50%
}

.article-banner__image {
    border-radius: 0 0 27% 0;
    position: relative
}

.article-banner__content {
    padding-right: 104px
}

.article-banner__content--narrow {
    padding-right: 144px
}

@media screen and (max-width: 768px) {
    .article-banner__accent {
        left: -10px;
        top: -10px
    }

    .article-banner__content {
        padding-right: 0
    }
}

.article-details {
    align-items: center;
    border-bottom: 1px solid rgba(0,24,70,.2);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 0
}

@media screen and (max-width: 768px) {
    .article-details__buttons {
        display: flex;
        flex-direction: column
    }
}

.banner {
    height: 802px;
    margin-bottom: 60px;
    position: relative
}

.banner__bg {
    background-color: #472566;
    position: absolute;
    width: 100%
}

.banner__bg-image {
    filter: blur(2px);
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .1;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.banner__bg, .banner__container {
    height: calc(100% - 95px)
}

.banner__grid {
    padding-top: 60px
}

.banner__category {
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 44px;
    margin-bottom: 4px
}

.banner__content, .banner__heading {
    font-weight: 500
}

.banner__heading {
    color: #fff;
    font-size: 3.75rem;
    line-height: 66px;
    margin-bottom: 23px;
    text-shadow: 3px 3px 7px rgba(27,0,86,.4);
    width: 568px
}

.banner__content {
    color: #fff;
    font-size: 1.375rem;
    line-height: 30px;
    margin-bottom: 46px;
    max-width: 450px;
    text-shadow: 3px 3px 7px rgba(27,0,86,.3)
}

.banner__curve {
    bottom: 0;
    height: 802px;
    left: auto;
    position: absolute;
    right: -20px;
    width: 802px
}

.banner__swoosh {
    bottom: auto;
    height: 680px;
    position: absolute;
    right: -2px;
    top: 50px
}

.banner__swoosh-image {
    -webkit-mask-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/swoosh.svg);
    mask-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/swoosh.svg);
    mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%
}

.banner__white {
    background-color: #fff;
    bottom: 0;
    display: block;
    height: 170px;
    position: absolute;
    right: 0;
    width: 440px
}

.banner--secondary .banner__heading {
    color: #472566;
    text-shadow: 3px 3px 7px rgba(242,243,246,.8)
}

.banner--secondary .banner__content {
    color: #472566;
    text-shadow: 3px 3px 7px rgba(242,243,246,.4)
}

.banner--secondary .banner__bg {
    background-color: #f2f3f6
}

.banner--secondary .banner__lines {
    bottom: -11px;
    height: 22px;
    left: 0;
    position: absolute;
    width: 416px
}

    .banner--secondary .banner__lines:after, .banner--secondary .banner__lines:before {
        content: "";
        display: block
    }

    .banner--secondary .banner__lines:before {
        background-color: #472566;
        height: 7px;
        top: 0;
        width: 356px
    }

    .banner--secondary .banner__lines:after {
        bottom: 0;
        height: 15px;
        width: 100%
    }

.banner--secondary.banner--pink .banner__bg {
    background-color: #ED008C
}

.banner--secondary.banner--teal .banner__bg {
    background-color: #2D7F94
}

.banner--secondary.banner--green .banner__bg {
    background-color: #94C93D
}

.banner--secondary.banner--cerulean-blue .banner__bg {
    background-color: #2D7F94
}

.banner--secondary.banner--yellow .banner__bg {
    background-color: #EDE80A
}

.banner--secondary.banner--purple .banner__bg {
    background-color: #80296F
}

.banner--secondary.banner--dark-purple .banner__bg {
    background-color: #653466
}

.banner--secondary.banner--dark-blue .banner__bg {
    background-color: #472566
}

.banner--secondary.banner--electric-violet .banner__bg {
    background-color: #492D7F
}

.banner--partner-product {
    display: flex;
    height: 740px;
    margin: 0
}

    .banner--partner-product .banner__bg {
        height: 100%
    }

    .banner--partner-product .banner__bg--pink {
        background-color: #ED008C
    }

    .banner--partner-product .banner__bg--teal {
        background-color: #2D7F94
    }

    .banner--partner-product .banner__bg--green {
        background-color: #94C93D
    }

    .banner--partner-product .banner__bg--cerulean-blue {
        background-color: #2D7F94
    }

    .banner--partner-product .banner__bg--yellow {
        background-color: #EDE80A
    }

    .banner--partner-product .banner__bg--purple {
        background-color: #80296F
    }

    .banner--partner-product .banner__bg--dark-purple {
        background-color: #653466
    }

    .banner--partner-product .banner__bg--dark-blue {
        background-color: #472566
    }

    .banner--partner-product .banner__bg--electric-violet {
        background-color: #492D7F
    }

    .banner--partner-product .banner__container {
        height: 100%;
        width: 100%
    }

    .banner--partner-product .banner__category {
        color: #fff;
        font-family: futura-pt,Jost,sans-serif;
        font-size: 1.875rem;
        font-weight: 800;
        letter-spacing: -1.16px;
        line-height: .93;
        margin: 0
    }

    .banner--partner-product .banner__grid {
        padding-bottom: 70px;
        padding-top: 70px;
        width: 100%
    }

    .banner--partner-product .banner__heading {
        color: #fff;
        font-family: futura-pt-bold,Jost,sans-serif;
        font-size: clamp(3.75rem,3.287037037rem + 2.3148148148vw,5.3125rem);
        font-weight: 800;
        letter-spacing: -2.31px;
        line-height: 1.1333333333;
        max-width: 100%;
        width: 100%
    }

@media screen and (min-width: 769px) {
    .banner--partner-product .banner__heading {
        line-height: 1
    }
}

.banner--partner-product .banner__heading-gtm {
    color: #fff;
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: clamp(2.25rem,1.8796296296rem + 1.8518518519vw,3.5rem);
    font-weight: 800;
    letter-spacing: -2.31px;
    line-height: 1;
    max-width: 100%;
    width: 100%
}

.banner--partner-product .banner__content {
    color: #fff;
    font-family: futura-medium,Jost,sans-serif;
    font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
    font-weight: 500;
    letter-spacing: -1.16px;
    line-height: 1.4;
    margin: 2.9375rem 0 0;
    max-width: 100%;
    position: relative;
    width: 100%
}

.banner--partner-product .banner__content--small {
    font-size: clamp(1.25rem,1.212962963rem + .1851851852vw,1.375rem);
    line-height: 1.5;
    margin: 1.4375rem 0 0;
    max-width: 500px
}

.banner--partner-product .banner__swoosh {
    bottom: 0;
    height: 740px;
    max-width: unset;
    right: 0;
    top: auto
}

    .banner--partner-product .banner__swoosh img, .banner--partner-product .banner__swoosh-image {
        height: 100%;
        -webkit-mask-image: none;
        mask-image: none;
        width: auto
    }

.banner--partner-product .banner__button {
    margin: 1.875rem 0 0;
    padding-left: 25px;
    padding-right: 25px
}

.banner--partner-product .services__card-tags.tag-list {
    gap: 5px 10px;
    margin: 0 0 .5rem
}

    .banner--partner-product .services__card-tags.tag-list .tag-wrapper {
        display: flex;
        margin: 0
    }

.banner--pink .banner__category {
    color: #ED008C
}

.banner--pink .banner__curve {
    fill: #ED008C
}

.banner--pink .banner__content {
    padding-left: 38px
}

    .banner--pink .banner__content:before {
        background: #ED008C;
        border-radius: 5px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 8px
    }

.banner--pink .banner__lines:after {
    background-color: #ED008C
}

.banner--teal .banner__category {
    color: #2D7F94
}

.banner--teal .banner__curve {
    fill: #2D7F94
}

.banner--teal .banner__content {
    padding-left: 38px
}

    .banner--teal .banner__content:before {
        background: #2D7F94;
        border-radius: 5px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 8px
    }

.banner--teal .banner__lines:after {
    background-color: #2D7F94
}

.banner--green .banner__category {
    color: #94C93D
}

.banner--green .banner__curve {
    fill: #94C93D
}

.banner--green .banner__content {
    padding-left: 38px
}

    .banner--green .banner__content:before {
        background: #94C93D;
        border-radius: 5px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 8px
    }

.banner--green .banner__lines:after {
    background-color: #94C93D
}

.banner--cerulean-blue .banner__category {
    color: #2D7F94
}

.banner--cerulean-blue .banner__curve {
    fill: #2D7F94
}

.banner--cerulean-blue .banner__content {
    padding-left: 38px
}

    .banner--cerulean-blue .banner__content:before {
        background: #2D7F94;
        border-radius: 5px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 8px
    }

.banner--cerulean-blue .banner__lines:after {
    background-color: #2D7F94
}

.banner--yellow .banner__category {
    color: #EDE80A
}

.banner--yellow .banner__curve {
    fill: #EDE80A
}

.banner--yellow .banner__content {
    padding-left: 38px
}

    .banner--yellow .banner__content:before {
        background: #EDE80A;
        border-radius: 5px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 8px
    }

.banner--yellow .banner__lines:after {
    background-color: #EDE80A
}

.banner--purple .banner__category {
    color: #80296F
}

.banner--purple .banner__curve {
    fill: #80296F
}

.banner--purple .banner__content {
    padding-left: 38px
}

    .banner--purple .banner__content:before {
        background: #80296F;
        border-radius: 5px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 8px
    }

.banner--purple .banner__lines:after {
    background-color: #80296F
}

.banner--dark-purple .banner__category {
    color: #653466
}

.banner--dark-purple .banner__curve {
    fill: #653466
}

.banner--dark-purple .banner__content {
    padding-left: 38px
}

    .banner--dark-purple .banner__content:before {
        background: #653466;
        border-radius: 5px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 8px
    }

.banner--dark-purple .banner__lines:after {
    background-color: #653466
}

.banner--dark-blue .banner__category {
    color: #472566
}

.banner--dark-blue .banner__curve {
    fill: #472566
}

.banner--dark-blue .banner__content {
    padding-left: 38px
}

    .banner--dark-blue .banner__content:before {
        background: #472566;
        border-radius: 5px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 8px
    }

.banner--dark-blue .banner__lines:after {
    background-color: #472566
}

.banner--electric-violet .banner__category {
    color: #492D7F
}

.banner--electric-violet .banner__curve {
    fill: #492D7F
}

.banner--electric-violet .banner__content {
    padding-left: 38px
}

    .banner--electric-violet .banner__content:before {
        background: #492D7F;
        border-radius: 5px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 8px
    }

.banner--electric-violet .banner__lines:after {
    background-color: #492D7F
}

.banner--full-width .banner__swoosh {
    inset: 0;
    width: 100%
}

.banner--full-width .banner__swoosh-image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.banner--full-width .services__card-tags.tag-list {
    gap: 5px 10px;
    margin: 0 0 .5rem
}

    .banner--full-width .services__card-tags.tag-list .tag-wrapper {
        display: flex;
        margin: 0
    }

@media screen and (max-width: 1279px) {
    .banner--partner-product {
        display: flex;
        height: auto;
        margin: 0
    }

        .banner--partner-product .banner__category {
            font-size: 1.5rem
        }

        .banner--partner-product .banner__heading {
            font-size: 4.0625rem
        }

        .banner--partner-product .banner__content {
            font-size: 1.5rem
        }

        .banner--partner-product .banner__swoosh {
            height: 600px;
            max-width: unset
        }
}

@media screen and (max-width: 1024px) {
    .banner {
        height: 682px
    }

    .banner__curve {
        bottom: auto;
        height: 520px;
        top: 0;
        width: 520px
    }

    .banner__swoosh {
        height: 430px;
        max-width: 542px;
        top: 30px
    }

    .banner__white {
        display: none
    }

    .banner--partner-product {
        display: flex;
        height: auto;
        margin: 0
    }

        .banner--partner-product .banner__swoosh {
            height: 500px;
            max-width: unset
        }
}

@media screen and (max-width: 768px) {
    .banner {
        height: 555px;
        margin-bottom: 30px
    }

    .banner__bg, .banner__container {
        height: calc(100% - 34px)
    }

    .banner__category {
        font-size: 1.375rem;
        line-height: 30px
    }

    .banner__heading {
        font-size: 2.5rem;
        line-height: 46px;
        margin-bottom: 13px;
        width: auto
    }

    .banner__content {
        margin-bottom: 30px
    }

    .banner__curve {
        height: 400px;
        width: 400px
    }

    .banner__swoosh {
        height: 330px
    }

    .banner__swoosh-image {
        max-width: 404px;
        width: 100%
    }

    .banner__white {
        height: 100px;
        width: 64%
    }

    .banner--partner-product {
        display: flex;
        height: auto;
        margin: 0
    }

        .banner--partner-product .banner__grid {
            padding-bottom: 30px;
            padding-top: 30px
        }

        .banner--partner-product .banner__images {
            display: none
        }

        .banner--partner-product .banner__swoosh {
            height: auto;
            max-width: 100%;
            position: relative;
            width: 100%
        }

        .banner--partner-product .banner__swoosh-image {
            max-width: 100%;
            width: 100%
        }

        .banner--partner-product .banner__category {
            font-size: 1.25rem
        }

        .banner--partner-product .banner__heading {
            font-size: 3.25rem
        }

        .banner--partner-product .banner__content {
            font-size: 1.25rem
        }
}

@media screen and (max-width: 567px) {
    .banner {
        height: 809px
    }

    .banner__curve {
        bottom: 0;
        height: 350px;
        left: 41px;
        top: auto;
        width: 350px
    }

    .banner__swoosh {
        bottom: 40px;
        right: -2px;
        top: auto
    }

    .banner--secondary .banner__lines {
        display: none
    }

    .banner--partner-product {
        display: flex;
        height: auto;
        margin: 0
    }

        .banner--partner-product .banner__swoosh {
            height: auto;
            max-width: 100%;
            position: relative;
            width: 100%
        }

        .banner--partner-product .banner__swoosh-image {
            max-width: 100%;
            width: 100%
        }
}

.page-type-home .main.xmas .banner__curve {
    fill: #f2f3f6
}

.billboard {
    --accent-color: #94C93D;
    --accent-text-color: #fff;
    --background-color: #001846;
    --billboard-height: auto;
    --content-spacing: 1rem;
    --content-width: 65%;
    --gutter: 10vw;
    --image-border-radius: 80px;
    --image-cover-width: 60%;
    --image-width: 30vw;
    --text-color: #fff;
    background: var(--background-color);
    height: var(--billboard-height);
    overflow: hidden;
    padding: calc(var(--gutter)*.5) var(--gutter);
    position: relative
}

.billboard--no-padding {
    padding: calc(var(--gutter)*.5) 0
}

.billboard__picture--cover-full {
    border-radius: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

    .billboard__picture--cover-full .billboard__img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

@media screen and (max-width: 768px) {
    .billboard__picture--desktop {
        display: none
    }
}

@media screen and (min-width: 769px) {
    .billboard__picture--mobile {
        display: none
    }
}

.billboard__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    width: var(--content-width);
    z-index: 10
}

.billboard__title {
    color: var(--text-color);
    font-family: futura-pt-bold,Jost,sans-serif;
    font-weight: 800;
    line-height: .8 !important;
    margin-bottom: var(--content-spacing);
    text-transform: uppercase
}

.billboard__text {
    color: var(--text-color);
    font-family: futura-pt,Jost,sans-serif;
    font-weight: 400;
    margin-bottom: calc(var(--content-spacing)*2)
}

.billboard__cta {
    border: 2px solid var(--accent-color);
    border-radius: 100vw;
    color: var(--accent-text-color);
    font-weight: 500;
    padding: .5rem 3rem;
    transition: all .25s ease
}

    .billboard__cta:active, .billboard__cta:focus, .billboard__cta:hover {
        background: var(--accent-color);
        outline: none
    }

.billboard__cta--solid {
    background: var(--accent-color)
}

    .billboard__cta--solid:active, .billboard__cta--solid:focus, .billboard__cta--solid:hover {
        outline: none;
        text-decoration: underline
    }

.billboard__cta--pink {
    --accent-color: #ED008C
}

.billboard__cta--yellow {
    --accent-color: #EDE80A
}

.billboard__cta--purple {
    --accent-color: #653466
}

.billboard__cta--dark-purple {
    --accent-color: #69195e
}

.billboard__cta--teal {
    --accent-color: #2D7F94
}

.billboard__cta--green {
    --accent-color: #94C93D
}

.billboard__cta--cerulean-blue {
    --accent-color: #2D7F94
}

.billboard--stretch {
    --billboard-height: calc(100vh - var(--header-height))
}

.billboard--pink {
    --background-color: #ED008C
}

.billboard--blue {
    --background-color: #2D7F94
}

.billboard--teal {
    --background-color: #2D7F94
}

.billboard--purple {
    --background-color: #80296F
}

.billboard--deep-purple {
    --background-color: #69195e
}

.billboard--violet {
    --background-color: #492D7F
}

@media screen and (min-width: 769px) {
    .billboard__picture--cover-full {
        height: 100%
    }

    .billboard__picture:not(.billboard__picture--cover-full) {
        border-bottom-right-radius: var(--image-border-radius);
        height: var(--image-width);
        max-height: 100%;
        overflow: hidden;
        position: absolute;
        right: var(--gutter);
        top: calc(var(--gutter)*.5*-1);
        width: var(--image-width);
        z-index: 0
    }

    .billboard__picture--cover:not(.billboard__picture--cover-full) {
        --image-border-radius: 0;
        height: 100%;
        max-height: none;
        right: calc(var(--gutter)*-1);
        top: 0;
        width: var(--image-cover-width)
    }

        .billboard__picture--cover:not(.billboard__picture--cover-full) .billboard__img {
            -o-object-fit: contain;
            object-fit: contain
        }

    .billboard__img {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media screen and (min-width: 1450px) {
    .billboard {
        --content-width: 55%;
        --image-width: 40vw
    }
}

@media screen and (max-width: 1449px) {
    .billboard {
        --content-width: 60%;
        --image-width: 40vw
    }
}

@media screen and (min-width: 1280px) {
    .billboard__title {
        font-size: clamp(3.125rem,2.662037037rem + 2.3148148148vw,4.6875rem);
        line-height: 1.2
    }

    .billboard__title--x-large {
        font-size: clamp(3.75rem,3.287037037rem + 2.3148148148vw,5.3125rem);
        line-height: 1.1333333333
    }

    .billboard__title--medium {
        font-size: clamp(2.5rem,2.1296296296rem + 1.8518518519vw,3.75rem);
        line-height: 1.25
    }

    .billboard__title--small {
        font-size: clamp(1.875rem,1.5416666667rem + 1.6666666667vw,3rem);
        line-height: 1.2
    }
}

@media screen and (max-width: 1279px) {
    .billboard {
        --content-width: 60%;
        --image-width: 45vw
    }

    .billboard__title {
        font-size: clamp(2.5rem,2.1296296296rem + 1.8518518519vw,3.75rem);
        line-height: 1.25
    }

    .billboard__title--x-large {
        font-size: clamp(3.125rem,2.662037037rem + 2.3148148148vw,4.6875rem);
        line-height: 1.2
    }

    .billboard__title--medium {
        font-size: clamp(1.875rem,1.5416666667rem + 1.6666666667vw,3rem);
        line-height: 1.2
    }

    .billboard__title--small {
        font-size: clamp(1.75rem,1.6018518519rem + .7407407407vw,2.25rem);
        line-height: 1.2857142857
    }
}

@media screen and (max-width: 1023px) {
    .billboard {
        --content-width: 65%;
        --image-width: 50vw
    }

    .billboard__title {
        font-size: clamp(1.75rem,1.6018518519rem + .7407407407vw,2.25rem);
        line-height: 1.2857142857
    }

    .billboard__title--x-large {
        font-size: clamp(1.875rem,1.5416666667rem + 1.6666666667vw,3rem);
        line-height: 1.2
    }

    .billboard__title--medium, .billboard__title--small {
        font-size: clamp(1.75rem,1.6018518519rem + .7407407407vw,2.25rem);
        line-height: 1.2857142857
    }
}

@media screen and (max-width: 768px) {
    .billboard {
        --image-border-radius: 40px;
        --content-width: auto;
        --image-width: calc(100vw - var(--gutter));
        display: flex;
        flex-direction: column-reverse;
        padding: 0
    }

    .billboard__content {
        padding: var(--gutter);
        padding-top: calc(var(--image-width) - var(--gutter)*2)
    }

    .billboard__picture:not(.billboard__picture--cover-full) {
        border-bottom-right-radius: var(--image-border-radius);
        overflow: hidden;
        position: absolute;
        top: 0;
        width: var(--image-width)
    }

    .billboard__picture--cover:not(.billboard__picture--cover-full) {
        --image-border-radius: 0;
        right: 0
    }

        .billboard__picture--cover:not(.billboard__picture--cover-full):before {
            background: linear-gradient(to top,var(--background-color) 0,transparent);
            bottom: -1px;
            content: "";
            height: 20%;
            position: absolute;
            right: 0;
            width: 100%
        }

        .billboard__picture--cover:not(.billboard__picture--cover-full) .billboard__img {
            width: 100%
        }
}

.breadcrumbs__container {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    list-style: none
}

.breadcrumbs__item {
    align-items: center;
    display: flex;
    font-size: .875rem;
    gap: 3px
}

    .breadcrumbs__item:not(.breadcrumbs__item:last-child):after {
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/chevron-down.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 15px;
        transform: rotate(-90deg) scale(.55);
        width: 15px
    }

.breadcrumbs__link {
    color: #80296F
}

@media screen and (min-width: 769px) {
    .card-intro-slider {
        display: flex;
        flex-wrap: wrap;
        flex-wrap: nowrap;
        margin-bottom: -20px
    }

    .card-intro-slider--equal-height .card-intro-slider__item {
        display: flex
    }

        .card-intro-slider--equal-height .card-intro-slider__item > * {
            flex-grow: 1
        }

    .card-intro-slider--align-start {
        align-items: flex-start
    }

    .card-intro-slider--justify-start {
        justify-content: flex-start
    }

    .card-intro-slider--align-end {
        align-items: flex-end
    }

    .card-intro-slider--justify-end {
        justify-content: flex-end
    }

    .card-intro-slider--align-center {
        align-items: center
    }

    .card-intro-slider--justify-center {
        justify-content: center
    }

    .card-intro-slider--align-stretch {
        align-items: stretch
    }

    .card-intro-slider--justify-stretch {
        justify-content: stretch
    }

    .card-intro-slider--align-space-between {
        align-items: space-between
    }

    .card-intro-slider--justify-space-between {
        justify-content: space-between
    }

    .card-intro-slider__item {
        flex: none;
        margin-bottom: 20px;
        max-width: 100%;
        width: 100%
    }

    .card-intro-slider__item--grow {
        flex-grow: 1
    }

    .card-intro-slider__item--align-start {
        align-self: flex-start
    }

    .card-intro-slider__item--align-end {
        align-self: flex-end
    }

    .card-intro-slider__item--align-center {
        align-self: center
    }

    .card-intro-slider__item--align-stretch {
        align-self: stretch
    }

    .card-intro-slider__item--align-space-between {
        align-self: space-between
    }
}

@media screen and (min-width: 769px) and (min-width:568px) {
    .card-intro-slider {
        margin-right: -20px
    }

    .card-intro-slider__item {
        margin-right: 20px;
        width: auto
    }

    .card-intro-slider__item--65 {
        width: calc(65% - 20px)
    }

    .card-intro-slider__item--35 {
        width: calc(35% - 20px)
    }

    .card-intro-slider__item--67 {
        width: calc(67% - 20px)
    }

    .card-intro-slider__item--66 {
        width: calc(66% - 20px)
    }

    .card-intro-slider__item--33 {
        width: calc(33% - 20px)
    }

    .card-intro-slider__item--6 {
        width: calc(6% - 20px)
    }

    .card-intro-slider__item--27 {
        width: calc(27% - 20px)
    }

    .card-intro-slider__item--25 {
        width: calc(25% - 20px)
    }

    .card-intro-slider__item--75 {
        width: calc(75% - 20px)
    }

    .card-intro-slider__item--30 {
        width: calc(30% - 20px)
    }

    .card-intro-slider__item--70 {
        width: calc(70% - 20px)
    }

    .card-intro-slider--1-col > .card-intro-slider__item {
        width: calc(100% - 20px)
    }

    .card-intro-slider--2-col > .card-intro-slider__item {
        width: calc(50% - 20px)
    }

    .card-intro-slider--3-col > .card-intro-slider__item {
        width: calc(33.33333% - 20px)
    }

    .card-intro-slider--4-col > .card-intro-slider__item {
        width: calc(25% - 20px)
    }

    .card-intro-slider--5-col > .card-intro-slider__item {
        width: calc(20% - 20px)
    }

    .card-intro-slider--6-col > .card-intro-slider__item {
        width: calc(16.66667% - 20px)
    }
}

@media screen and (min-width: 769px) and (max-width:1449px) {
    .card-intro-slider--align-start\@xxlarge {
        align-items: flex-start
    }

    .card-intro-slider--justify-start\@xxlarge {
        justify-content: flex-start
    }

    .card-intro-slider--align-end\@xxlarge {
        align-items: flex-end
    }

    .card-intro-slider--justify-end\@xxlarge {
        justify-content: flex-end
    }

    .card-intro-slider--align-center\@xxlarge {
        align-items: center
    }

    .card-intro-slider--justify-center\@xxlarge {
        justify-content: center
    }

    .card-intro-slider--align-stretch\@xxlarge {
        align-items: stretch
    }

    .card-intro-slider--justify-stretch\@xxlarge {
        justify-content: stretch
    }

    .card-intro-slider--align-space-between\@xxlarge {
        align-items: space-between
    }

    .card-intro-slider--justify-space-between\@xxlarge {
        justify-content: space-between
    }

    .card-intro-slider--1-col\@xxlarge {
        margin-right: 0
    }

        .card-intro-slider--1-col\@xxlarge > .card-intro-slider__item {
            margin-right: 0;
            width: 100%
        }

    .card-intro-slider--2-col\@xxlarge {
        margin-right: -20px
    }

        .card-intro-slider--2-col\@xxlarge > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .card-intro-slider--3-col\@xxlarge {
        margin-right: -20px
    }

        .card-intro-slider--3-col\@xxlarge > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .card-intro-slider--4-col\@xxlarge {
        margin-right: -20px
    }

        .card-intro-slider--4-col\@xxlarge > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .card-intro-slider--5-col\@xxlarge {
        margin-right: -20px
    }

        .card-intro-slider--5-col\@xxlarge > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .card-intro-slider--6-col\@xxlarge {
        margin-right: -20px
    }

        .card-intro-slider--6-col\@xxlarge > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (min-width: 769px) and (max-width:1319px) {
    .card-intro-slider--align-start\@xlarge-accents {
        align-items: flex-start
    }

    .card-intro-slider--justify-start\@xlarge-accents {
        justify-content: flex-start
    }

    .card-intro-slider--align-end\@xlarge-accents {
        align-items: flex-end
    }

    .card-intro-slider--justify-end\@xlarge-accents {
        justify-content: flex-end
    }

    .card-intro-slider--align-center\@xlarge-accents {
        align-items: center
    }

    .card-intro-slider--justify-center\@xlarge-accents {
        justify-content: center
    }

    .card-intro-slider--align-stretch\@xlarge-accents {
        align-items: stretch
    }

    .card-intro-slider--justify-stretch\@xlarge-accents {
        justify-content: stretch
    }

    .card-intro-slider--align-space-between\@xlarge-accents {
        align-items: space-between
    }

    .card-intro-slider--justify-space-between\@xlarge-accents {
        justify-content: space-between
    }

    .card-intro-slider--1-col\@xlarge-accents {
        margin-right: 0
    }

        .card-intro-slider--1-col\@xlarge-accents > .card-intro-slider__item {
            margin-right: 0;
            width: 100%
        }

    .card-intro-slider--2-col\@xlarge-accents {
        margin-right: -20px
    }

        .card-intro-slider--2-col\@xlarge-accents > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .card-intro-slider--3-col\@xlarge-accents {
        margin-right: -20px
    }

        .card-intro-slider--3-col\@xlarge-accents > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .card-intro-slider--4-col\@xlarge-accents {
        margin-right: -20px
    }

        .card-intro-slider--4-col\@xlarge-accents > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .card-intro-slider--5-col\@xlarge-accents {
        margin-right: -20px
    }

        .card-intro-slider--5-col\@xlarge-accents > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .card-intro-slider--6-col\@xlarge-accents {
        margin-right: -20px
    }

        .card-intro-slider--6-col\@xlarge-accents > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (min-width: 769px) and (max-width:1279px) {
    .card-intro-slider--align-start\@xlarge {
        align-items: flex-start
    }

    .card-intro-slider--justify-start\@xlarge {
        justify-content: flex-start
    }

    .card-intro-slider--align-end\@xlarge {
        align-items: flex-end
    }

    .card-intro-slider--justify-end\@xlarge {
        justify-content: flex-end
    }

    .card-intro-slider--align-center\@xlarge {
        align-items: center
    }

    .card-intro-slider--justify-center\@xlarge {
        justify-content: center
    }

    .card-intro-slider--align-stretch\@xlarge {
        align-items: stretch
    }

    .card-intro-slider--justify-stretch\@xlarge {
        justify-content: stretch
    }

    .card-intro-slider--align-space-between\@xlarge {
        align-items: space-between
    }

    .card-intro-slider--justify-space-between\@xlarge {
        justify-content: space-between
    }

    .card-intro-slider--1-col\@xlarge {
        margin-right: 0
    }

        .card-intro-slider--1-col\@xlarge > .card-intro-slider__item {
            margin-right: 0;
            width: 100%
        }

    .card-intro-slider--2-col\@xlarge {
        margin-right: -20px
    }

        .card-intro-slider--2-col\@xlarge > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .card-intro-slider--3-col\@xlarge {
        margin-right: -20px
    }

        .card-intro-slider--3-col\@xlarge > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .card-intro-slider--4-col\@xlarge {
        margin-right: -20px
    }

        .card-intro-slider--4-col\@xlarge > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .card-intro-slider--5-col\@xlarge {
        margin-right: -20px
    }

        .card-intro-slider--5-col\@xlarge > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .card-intro-slider--6-col\@xlarge {
        margin-right: -20px
    }

        .card-intro-slider--6-col\@xlarge > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .card-intro-slider--align-start\@large {
        align-items: flex-start
    }

    .card-intro-slider--justify-start\@large {
        justify-content: flex-start
    }

    .card-intro-slider--align-end\@large {
        align-items: flex-end
    }

    .card-intro-slider--justify-end\@large {
        justify-content: flex-end
    }

    .card-intro-slider--align-center\@large {
        align-items: center
    }

    .card-intro-slider--justify-center\@large {
        justify-content: center
    }

    .card-intro-slider--align-stretch\@large {
        align-items: stretch
    }

    .card-intro-slider--justify-stretch\@large {
        justify-content: stretch
    }

    .card-intro-slider--align-space-between\@large {
        align-items: space-between
    }

    .card-intro-slider--justify-space-between\@large {
        justify-content: space-between
    }

    .card-intro-slider--1-col\@large {
        margin-right: 0
    }

        .card-intro-slider--1-col\@large > .card-intro-slider__item {
            margin-right: 0;
            width: 100%
        }

    .card-intro-slider--2-col\@large {
        margin-right: -20px
    }

        .card-intro-slider--2-col\@large > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .card-intro-slider--3-col\@large {
        margin-right: -20px
    }

        .card-intro-slider--3-col\@large > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .card-intro-slider--4-col\@large {
        margin-right: -20px
    }

        .card-intro-slider--4-col\@large > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .card-intro-slider--5-col\@large {
        margin-right: -20px
    }

        .card-intro-slider--5-col\@large > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .card-intro-slider--6-col\@large {
        margin-right: -20px
    }

        .card-intro-slider--6-col\@large > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (min-width: 769px) and (max-width:768px) {
    .card-intro-slider--align-start\@medium {
        align-items: flex-start
    }

    .card-intro-slider--justify-start\@medium {
        justify-content: flex-start
    }

    .card-intro-slider--align-end\@medium {
        align-items: flex-end
    }

    .card-intro-slider--justify-end\@medium {
        justify-content: flex-end
    }

    .card-intro-slider--align-center\@medium {
        align-items: center
    }

    .card-intro-slider--justify-center\@medium {
        justify-content: center
    }

    .card-intro-slider--align-stretch\@medium {
        align-items: stretch
    }

    .card-intro-slider--justify-stretch\@medium {
        justify-content: stretch
    }

    .card-intro-slider--align-space-between\@medium {
        align-items: space-between
    }

    .card-intro-slider--justify-space-between\@medium {
        justify-content: space-between
    }

    .card-intro-slider--1-col\@medium {
        margin-right: 0
    }

        .card-intro-slider--1-col\@medium > .card-intro-slider__item {
            margin-right: 0;
            width: 100%
        }

    .card-intro-slider--2-col\@medium {
        margin-right: -20px
    }

        .card-intro-slider--2-col\@medium > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .card-intro-slider--3-col\@medium {
        margin-right: -20px
    }

        .card-intro-slider--3-col\@medium > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .card-intro-slider--4-col\@medium {
        margin-right: -20px
    }

        .card-intro-slider--4-col\@medium > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .card-intro-slider--5-col\@medium {
        margin-right: -20px
    }

        .card-intro-slider--5-col\@medium > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .card-intro-slider--6-col\@medium {
        margin-right: -20px
    }

        .card-intro-slider--6-col\@medium > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (min-width: 769px) and (max-width:567px) {
    .card-intro-slider--align-start\@small {
        align-items: flex-start
    }

    .card-intro-slider--justify-start\@small {
        justify-content: flex-start
    }

    .card-intro-slider--align-end\@small {
        align-items: flex-end
    }

    .card-intro-slider--justify-end\@small {
        justify-content: flex-end
    }

    .card-intro-slider--align-center\@small {
        align-items: center
    }

    .card-intro-slider--justify-center\@small {
        justify-content: center
    }

    .card-intro-slider--align-stretch\@small {
        align-items: stretch
    }

    .card-intro-slider--justify-stretch\@small {
        justify-content: stretch
    }

    .card-intro-slider--align-space-between\@small {
        align-items: space-between
    }

    .card-intro-slider--justify-space-between\@small {
        justify-content: space-between
    }

    .card-intro-slider--1-col\@small {
        margin-right: 0
    }

        .card-intro-slider--1-col\@small > .card-intro-slider__item {
            margin-right: 0;
            width: 100%
        }

    .card-intro-slider--2-col\@small {
        margin-right: -20px
    }

        .card-intro-slider--2-col\@small > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .card-intro-slider--3-col\@small {
        margin-right: -20px
    }

        .card-intro-slider--3-col\@small > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .card-intro-slider--4-col\@small {
        margin-right: -20px
    }

        .card-intro-slider--4-col\@small > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .card-intro-slider--5-col\@small {
        margin-right: -20px
    }

        .card-intro-slider--5-col\@small > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .card-intro-slider--6-col\@small {
        margin-right: -20px
    }

        .card-intro-slider--6-col\@small > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (min-width: 769px) and (max-width:413px) {
    .card-intro-slider--align-start\@xsmall {
        align-items: flex-start
    }

    .card-intro-slider--justify-start\@xsmall {
        justify-content: flex-start
    }

    .card-intro-slider--align-end\@xsmall {
        align-items: flex-end
    }

    .card-intro-slider--justify-end\@xsmall {
        justify-content: flex-end
    }

    .card-intro-slider--align-center\@xsmall {
        align-items: center
    }

    .card-intro-slider--justify-center\@xsmall {
        justify-content: center
    }

    .card-intro-slider--align-stretch\@xsmall {
        align-items: stretch
    }

    .card-intro-slider--justify-stretch\@xsmall {
        justify-content: stretch
    }

    .card-intro-slider--align-space-between\@xsmall {
        align-items: space-between
    }

    .card-intro-slider--justify-space-between\@xsmall {
        justify-content: space-between
    }

    .card-intro-slider--1-col\@xsmall {
        margin-right: 0
    }

        .card-intro-slider--1-col\@xsmall > .card-intro-slider__item {
            margin-right: 0;
            width: 100%
        }

    .card-intro-slider--2-col\@xsmall {
        margin-right: -20px
    }

        .card-intro-slider--2-col\@xsmall > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .card-intro-slider--3-col\@xsmall {
        margin-right: -20px
    }

        .card-intro-slider--3-col\@xsmall > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .card-intro-slider--4-col\@xsmall {
        margin-right: -20px
    }

        .card-intro-slider--4-col\@xsmall > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .card-intro-slider--5-col\@xsmall {
        margin-right: -20px
    }

        .card-intro-slider--5-col\@xsmall > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .card-intro-slider--6-col\@xsmall {
        margin-right: -20px
    }

        .card-intro-slider--6-col\@xsmall > .card-intro-slider__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (min-width: 769px) and (min-width:769px) {
    .card-intro-slider__item--65\@medium-min {
        width: calc(65% - 20px)
    }

    .card-intro-slider__item--35\@medium-min {
        width: calc(35% - 20px)
    }

    .card-intro-slider__item--67\@medium-min {
        width: calc(67% - 20px)
    }

    .card-intro-slider__item--66\@medium-min {
        width: calc(66% - 20px)
    }

    .card-intro-slider__item--33\@medium-min {
        width: calc(33% - 20px)
    }

    .card-intro-slider__item--6\@medium-min {
        width: calc(6% - 20px)
    }

    .card-intro-slider__item--27\@medium-min {
        width: calc(27% - 20px)
    }

    .card-intro-slider__item--25\@medium-min {
        width: calc(25% - 20px)
    }

    .card-intro-slider__item--75\@medium-min {
        width: calc(75% - 20px)
    }

    .card-intro-slider__item--30\@medium-min {
        width: calc(30% - 20px)
    }

    .card-intro-slider__item--70\@medium-min {
        width: calc(70% - 20px)
    }
}

@media screen and (min-width: 769px) and (min-width:1024px) {
    .card-intro-slider--row-gap-medium {
        margin-bottom: -40px
    }

        .card-intro-slider--row-gap-medium .card-intro-slider__item {
            margin-bottom: 40px
        }

    .card-intro-slider--row-gap-large {
        margin-bottom: -60px
    }

        .card-intro-slider--row-gap-large .card-intro-slider__item {
            margin-bottom: 60px
        }

    .card-intro-slider--col-gap-medium {
        margin-bottom: -70px
    }

        .card-intro-slider--col-gap-medium .card-intro-slider__item {
            margin-bottom: 70px
        }

    .card-intro-slider--col-gap-big {
        margin-bottom: -90px
    }

        .card-intro-slider--col-gap-big .card-intro-slider__item {
            margin-bottom: 90px
        }

    .card-intro-slider--col-gap-double {
        margin-bottom: -40px
    }

        .card-intro-slider--col-gap-double .card-intro-slider__item {
            margin-bottom: 40px
        }

    .card-intro-slider--1-col.card-intro-slider--col-gap-medium {
        margin-right: -70px
    }

        .card-intro-slider--1-col.card-intro-slider--col-gap-medium > .card-intro-slider__item {
            margin-right: 70px;
            width: calc(100% - 70px)
        }

    .card-intro-slider--1-col.card-intro-slider--col-gap-big {
        margin-right: -90px
    }

        .card-intro-slider--1-col.card-intro-slider--col-gap-big > .card-intro-slider__item {
            margin-right: 90px;
            width: calc(100% - 90px)
        }

    .card-intro-slider--1-col.card-intro-slider--col-gap-double {
        margin-right: -40px
    }

        .card-intro-slider--1-col.card-intro-slider--col-gap-double > .card-intro-slider__item {
            margin-right: 40px;
            width: calc(100% - 40px)
        }

    .card-intro-slider--2-col.card-intro-slider--col-gap-medium {
        margin-right: -70px
    }

        .card-intro-slider--2-col.card-intro-slider--col-gap-medium > .card-intro-slider__item {
            margin-right: 70px;
            width: calc(50% - 70px)
        }

    .card-intro-slider--2-col.card-intro-slider--col-gap-big {
        margin-right: -90px
    }

        .card-intro-slider--2-col.card-intro-slider--col-gap-big > .card-intro-slider__item {
            margin-right: 90px;
            width: calc(50% - 90px)
        }

    .card-intro-slider--2-col.card-intro-slider--col-gap-double {
        margin-right: -40px
    }

        .card-intro-slider--2-col.card-intro-slider--col-gap-double > .card-intro-slider__item {
            margin-right: 40px;
            width: calc(50% - 40px)
        }

    .card-intro-slider--3-col.card-intro-slider--col-gap-medium {
        margin-right: -70px
    }

        .card-intro-slider--3-col.card-intro-slider--col-gap-medium > .card-intro-slider__item {
            margin-right: 70px;
            width: calc(33.33333% - 70px)
        }

    .card-intro-slider--3-col.card-intro-slider--col-gap-big {
        margin-right: -90px
    }

        .card-intro-slider--3-col.card-intro-slider--col-gap-big > .card-intro-slider__item {
            margin-right: 90px;
            width: calc(33.33333% - 90px)
        }

    .card-intro-slider--3-col.card-intro-slider--col-gap-double {
        margin-right: -40px
    }

        .card-intro-slider--3-col.card-intro-slider--col-gap-double > .card-intro-slider__item {
            margin-right: 40px;
            width: calc(33.33333% - 40px)
        }

    .card-intro-slider--4-col.card-intro-slider--col-gap-medium {
        margin-right: -70px
    }

        .card-intro-slider--4-col.card-intro-slider--col-gap-medium > .card-intro-slider__item {
            margin-right: 70px;
            width: calc(25% - 70px)
        }

    .card-intro-slider--4-col.card-intro-slider--col-gap-big {
        margin-right: -90px
    }

        .card-intro-slider--4-col.card-intro-slider--col-gap-big > .card-intro-slider__item {
            margin-right: 90px;
            width: calc(25% - 90px)
        }

    .card-intro-slider--4-col.card-intro-slider--col-gap-double {
        margin-right: -40px
    }

        .card-intro-slider--4-col.card-intro-slider--col-gap-double > .card-intro-slider__item {
            margin-right: 40px;
            width: calc(25% - 40px)
        }

    .card-intro-slider--5-col.card-intro-slider--col-gap-medium {
        margin-right: -70px
    }

        .card-intro-slider--5-col.card-intro-slider--col-gap-medium > .card-intro-slider__item {
            margin-right: 70px;
            width: calc(20% - 70px)
        }

    .card-intro-slider--5-col.card-intro-slider--col-gap-big {
        margin-right: -90px
    }

        .card-intro-slider--5-col.card-intro-slider--col-gap-big > .card-intro-slider__item {
            margin-right: 90px;
            width: calc(20% - 90px)
        }

    .card-intro-slider--5-col.card-intro-slider--col-gap-double {
        margin-right: -40px
    }

        .card-intro-slider--5-col.card-intro-slider--col-gap-double > .card-intro-slider__item {
            margin-right: 40px;
            width: calc(20% - 40px)
        }

    .card-intro-slider--6-col.card-intro-slider--col-gap-medium {
        margin-right: -70px
    }

        .card-intro-slider--6-col.card-intro-slider--col-gap-medium > .card-intro-slider__item {
            margin-right: 70px;
            width: calc(16.66667% - 70px)
        }

    .card-intro-slider--6-col.card-intro-slider--col-gap-big {
        margin-right: -90px
    }

        .card-intro-slider--6-col.card-intro-slider--col-gap-big > .card-intro-slider__item {
            margin-right: 90px;
            width: calc(16.66667% - 90px)
        }

    .card-intro-slider--6-col.card-intro-slider--col-gap-double {
        margin-right: -40px
    }

        .card-intro-slider--6-col.card-intro-slider--col-gap-double > .card-intro-slider__item {
            margin-right: 40px;
            width: calc(16.66667% - 40px)
        }

    .card-intro-slider.card-intro-slider--col-gap-medium {
        margin-right: -70px
    }

        .card-intro-slider.card-intro-slider--col-gap-medium > .card-intro-slider__item {
            margin-right: 70px
        }

        .card-intro-slider.card-intro-slider--col-gap-medium > .card-intro-slider__item--65 {
            width: calc(65% - 70px)
        }

        .card-intro-slider.card-intro-slider--col-gap-medium > .card-intro-slider__item--35 {
            width: calc(35% - 70px)
        }

        .card-intro-slider.card-intro-slider--col-gap-medium > .card-intro-slider__item--67 {
            width: calc(67% - 70px)
        }

        .card-intro-slider.card-intro-slider--col-gap-medium > .card-intro-slider__item--66 {
            width: calc(66% - 70px)
        }

        .card-intro-slider.card-intro-slider--col-gap-medium > .card-intro-slider__item--33 {
            width: calc(33% - 70px)
        }

        .card-intro-slider.card-intro-slider--col-gap-medium > .card-intro-slider__item--6 {
            width: calc(6% - 70px)
        }

        .card-intro-slider.card-intro-slider--col-gap-medium > .card-intro-slider__item--27 {
            width: calc(27% - 70px)
        }

        .card-intro-slider.card-intro-slider--col-gap-medium > .card-intro-slider__item--25 {
            width: calc(25% - 70px)
        }

        .card-intro-slider.card-intro-slider--col-gap-medium > .card-intro-slider__item--75 {
            width: calc(75% - 70px)
        }

        .card-intro-slider.card-intro-slider--col-gap-medium > .card-intro-slider__item--30 {
            width: calc(30% - 70px)
        }

        .card-intro-slider.card-intro-slider--col-gap-medium > .card-intro-slider__item--70 {
            width: calc(70% - 70px)
        }

    .card-intro-slider.card-intro-slider--col-gap-big {
        margin-right: -90px
    }

        .card-intro-slider.card-intro-slider--col-gap-big > .card-intro-slider__item {
            margin-right: 90px
        }

        .card-intro-slider.card-intro-slider--col-gap-big > .card-intro-slider__item--65 {
            width: calc(65% - 90px)
        }

        .card-intro-slider.card-intro-slider--col-gap-big > .card-intro-slider__item--35 {
            width: calc(35% - 90px)
        }

        .card-intro-slider.card-intro-slider--col-gap-big > .card-intro-slider__item--67 {
            width: calc(67% - 90px)
        }

        .card-intro-slider.card-intro-slider--col-gap-big > .card-intro-slider__item--66 {
            width: calc(66% - 90px)
        }

        .card-intro-slider.card-intro-slider--col-gap-big > .card-intro-slider__item--33 {
            width: calc(33% - 90px)
        }

        .card-intro-slider.card-intro-slider--col-gap-big > .card-intro-slider__item--6 {
            width: calc(6% - 90px)
        }

        .card-intro-slider.card-intro-slider--col-gap-big > .card-intro-slider__item--27 {
            width: calc(27% - 90px)
        }

        .card-intro-slider.card-intro-slider--col-gap-big > .card-intro-slider__item--25 {
            width: calc(25% - 90px)
        }

        .card-intro-slider.card-intro-slider--col-gap-big > .card-intro-slider__item--75 {
            width: calc(75% - 90px)
        }

        .card-intro-slider.card-intro-slider--col-gap-big > .card-intro-slider__item--30 {
            width: calc(30% - 90px)
        }

        .card-intro-slider.card-intro-slider--col-gap-big > .card-intro-slider__item--70 {
            width: calc(70% - 90px)
        }

    .card-intro-slider.card-intro-slider--col-gap-double {
        margin-right: -40px
    }

        .card-intro-slider.card-intro-slider--col-gap-double > .card-intro-slider__item {
            margin-right: 40px
        }

        .card-intro-slider.card-intro-slider--col-gap-double > .card-intro-slider__item--65 {
            width: calc(65% - 40px)
        }

        .card-intro-slider.card-intro-slider--col-gap-double > .card-intro-slider__item--35 {
            width: calc(35% - 40px)
        }

        .card-intro-slider.card-intro-slider--col-gap-double > .card-intro-slider__item--67 {
            width: calc(67% - 40px)
        }

        .card-intro-slider.card-intro-slider--col-gap-double > .card-intro-slider__item--66 {
            width: calc(66% - 40px)
        }

        .card-intro-slider.card-intro-slider--col-gap-double > .card-intro-slider__item--33 {
            width: calc(33% - 40px)
        }

        .card-intro-slider.card-intro-slider--col-gap-double > .card-intro-slider__item--6 {
            width: calc(6% - 40px)
        }

        .card-intro-slider.card-intro-slider--col-gap-double > .card-intro-slider__item--27 {
            width: calc(27% - 40px)
        }

        .card-intro-slider.card-intro-slider--col-gap-double > .card-intro-slider__item--25 {
            width: calc(25% - 40px)
        }

        .card-intro-slider.card-intro-slider--col-gap-double > .card-intro-slider__item--75 {
            width: calc(75% - 40px)
        }

        .card-intro-slider.card-intro-slider--col-gap-double > .card-intro-slider__item--30 {
            width: calc(30% - 40px)
        }

        .card-intro-slider.card-intro-slider--col-gap-double > .card-intro-slider__item--70 {
            width: calc(70% - 40px)
        }
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .card-intro-slider--row-gap-small\@large {
        margin-bottom: -40px
    }

        .card-intro-slider--row-gap-small\@large .card-intro-slider__item {
            margin-bottom: 40px
        }
}

.card-intro-slider__intro {
    flex-shrink: 0;
    padding-right: 45px;
    width: 325px
}

@media screen and (min-width: 769px) {
    .card-intro-slider__slider {
        padding-top: 90px;
        width: calc(100% - 345px)
    }
}

.card-intro-slider .glide__arrows {
    gap: 10px;
    justify-content: center;
    left: 0;
    margin-top: 30px;
    position: relative;
    top: 0;
    transform: none;
    width: auto
}

@media screen and (min-width: 769px) {
    .card-intro-slider .glide__arrows {
        justify-content: flex-end;
        margin-top: 0;
        position: absolute;
        right: 0;
        top: -90px;
        width: auto
    }
}

.card-intro-slider .glide__arrow {
    height: 50px;
    width: 50px
}

.card-intro-slider .glide__arrow--left {
    transform: none
}

.card-intro-slider .glide .card__container {
    margin-left: 0
}

.card {
    --card-bg: #2D7F94;
    display: flex;
    position: relative
}

    .card:not(.card--auto-height) {
        height: 100%
    }

.card__link {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    display: block;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    width: 100%
}

    .card__link:active, .card__link:focus, .card__link:hover {
        outline: none
    }

        .card__link:active .card__shape, .card__link:focus .card__shape, .card__link:hover .card__shape {
            transform: translate(-10px,-10px)
        }

        .card__link:active .card__cta .card__cta-text, .card__link:focus .card__cta .card__cta-text, .card__link:hover .card__cta .card__cta-text {
            color: #7b4783
        }

        .card__link:active .card__cta svg, .card__link:focus .card__cta svg, .card__link:hover .card__cta svg {
            fill: #472566
        }

        .card__link:active .card__cta--solution .card__cta-text, .card__link:focus .card__cta--solution .card__cta-text, .card__link:hover .card__cta--solution .card__cta-text {
            color: #7b4783
        }

        .card__link:active .card__cta--solution .card__cta-icon, .card__link:focus .card__cta--solution .card__cta-icon, .card__link:hover .card__cta--solution .card__cta-icon {
            border: 2px solid #7b4783
        }

        .card__link:active .card__cta--solution svg, .card__link:focus .card__cta--solution svg, .card__link:hover .card__cta--solution svg {
            fill: #7b4783
        }

        .card__link:active .card__container:before, .card__link:focus .card__container:before, .card__link:hover .card__container:before {
            opacity: 1
        }

.card__link--partner {
    font-family: futura-medium,Jost,sans-serif
}

.card__image--full-width {
    width: 100%
}

.card__shape-container {
    position: relative
}

.card__shape {
    background-color: #ED008C;
    height: calc(50% + 10px);
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .3s;
    width: calc(50% + 10px);
    z-index: -1
}

.card__container {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 40px 43px 40px 42px;
    position: relative;
    width: 100%;
    z-index: 1
}

.card__container--shadow {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2)
}

.card__heading {
    color: #472566;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 20px;
    text-align: center
}

.card__heading--small {
    font-size: 1.375rem;
    line-height: 30px
}

.card__heading--fixed-width {
    margin: 0 auto 20px;
    max-width: 170px
}

.card__heading--dark {
    color: #472566;
    font-weight: 700;
    text-transform: uppercase
}

.card__heading--solution {
    font-family: futura-medium,Jost,sans-serif
}

.card__heading-solutions {
    color: #fff;
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
    letter-spacing: -3.5px;
    line-height: 1;
    margin: 0 0 3.5rem;
    text-transform: uppercase
}

@media screen and (max-width: 1023px) {
    .card__heading-solutions {
        font-size: 2.6875rem
    }
}

@media screen and (max-width: 768px) {
    .card__heading-solutions {
        font-size: 1.875rem;
        letter-spacing: -1.73px
    }
}

.card__lines {
    display: block;
    margin: 27px auto 32px
}

.card__description {
    color: #4e485b;
    font-size: 1.125rem;
    line-height: 24px;
    margin: 0 0 40px;
    text-align: center
}

.card__description--mb-20 {
    margin: 0 0 20px
}

.card__cta {
    align-items: center;
    display: flex;
    justify-content: center
}

    .card__cta .card__cta-text {
        color: #80296F;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        transition: color .3s
    }

    .card__cta .card__cta-icon {
        border: 2px solid #80296F;
        border-radius: 50%;
        height: 18px;
        margin-right: 6px;
        width: 18px
    }

    .card__cta svg {
        display: block;
        fill: #80296F;
        margin: 0 auto;
        transition: fill .3s
    }

.card__cta--solution .card__cta-icon {
    border: 2px solid #492D7F
}

.card__cta--solution .card__cta-text {
    color: #492D7F
}

.card__cta--solution svg {
    fill: #492D7F
}

.card__cta--media .card__cta-icon {
    align-items: center;
    background-color: #80296F;
    border: 0;
    display: flex;
    height: 50px;
    justify-content: center;
    min-width: 50px;
    transition: background-color .3s;
    width: 50px
}

    .card__cta--media .card__cta-icon svg {
        fill: #fff;
        transition: fill .3s
    }

.card__cta--media .card__cta-time {
    color: hsla(0,0%,100%,.6);
    display: block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 20px
}

.card__cta--media .card__cta-time--dark {
    color: #4e485b
}

.card--pink .card__shape {
    background-color: #ED008C
}

.card--teal .card__shape {
    background-color: #2D7F94
}

.card--green .card__shape {
    background-color: #94C93D
}

.card--cerulean-blue .card__shape {
    background-color: #2D7F94
}

.card--yellow .card__shape {
    background-color: #EDE80A
}

.card--purple .card__shape {
    background-color: #80296F
}

.card--dark-purple .card__shape {
    background-color: #653466
}

.card--dark-blue .card__shape {
    background-color: #472566
}

.card--electric-violet .card__shape {
    background-color: #492D7F
}

.card--comittee .card__description, .card--comittee .card__heading {
    text-align: left
}

.card--comittee .card__description {
    margin-bottom: 20px
}

.card--comittee .card__cta {
    justify-content: flex-start;
    margin-bottom: 28px
}

.card--side-bar {
    height: auto;
    max-width: 302px
}

    .card--side-bar .card__container {
        width: 100%
    }

.card--left .card__description, .card--left .card__heading {
    margin-bottom: 10px;
    text-align: left
}

.card--left .card__cta {
    justify-content: flex-start
}

.card--left .card__container {
    padding: 25px
}

.card--light .card__description, .card--light .card__heading {
    color: #fff
}

.card--with-icon {
    margin: 0 auto
}

    .card--with-icon .card__heading {
        font-size: 1.375rem;
        line-height: 30px
    }

    .card--with-icon .card__icon {
        height: 60px;
        margin-bottom: 10px
    }

        .card--with-icon .card__icon img {
            transform: scale(.5) translateY(-50%)
        }

    .card--with-icon .card__icon--large img {
        transform: scale(1)
    }

    .card--with-icon .card__icon--medium img {
        transform: scale(.8)
    }

    .card--with-icon .card__icon--small img {
        transform: scale(.5)
    }

    .card--with-icon .card__icon img {
        margin: 0 auto
    }

    .card--with-icon.card--bare .card__icon {
        height: 106px;
        margin-bottom: 16px
    }

    .card--with-icon.card--bare .card__container {
        background: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding: 20px 24px
    }

    .card--with-icon.card--bare .card__heading {
        font-size: 1.75rem;
        line-height: 36px
    }

    .card--with-icon.card--bare .card__description {
        margin-bottom: 0
    }

.card--with-logo .card__container {
    padding-left: 29px;
    padding-right: 29px;
    padding-top: 46px
}

.card--with-logo .card__description {
    margin-bottom: 20px;
    margin-top: 50px;
    text-align: left
}

.card--with-logo .card__cta {
    justify-content: flex-start
}

.card--with-logo .card__logo img {
    margin: 0 auto
}

.card--hover-shadow-only .card__container {
    box-shadow: none
}

.card--hover-shadow-only:active, .card--hover-shadow-only:focus, .card--hover-shadow-only:hover {
    border-radius: 0 0 80px 0;
    box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2);
    outline: none
}

.card--only-logo .card__container {
    border-radius: 10px;
    box-shadow: none;
    padding: 33px 47px;
    transition: box-shadow .3s
}

.card--only-logo .card__link:active, .card--only-logo .card__link:focus, .card--only-logo .card__link:hover {
    outline: none
}

    .card--only-logo .card__link:active .card__container, .card--only-logo .card__link:focus .card__container, .card--only-logo .card__link:hover .card__container {
        box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2)
    }

.card--only-logo .card__logo img {
    margin: 0 auto
}

.card--partner-clients .card__container {
    border-radius: 0;
    box-shadow: none;
    padding: 0
}

.card--dark {
    --card-bg: #001846
}

.card--trendy-pink {
    --card-bg: #80296F
}

.card--tolopea {
    --card-bg: #472566
}

.card--tawny-port {
    --card-bg: #69195e
}

.card--cerulean {
    --card-bg: #2D7F94
}

.card--max-width, .card--profile {
    max-width: 304px
}

    .card--event .card__image-container, .card--profile .card__image-container {
        border-radius: 0 0 80px 0;
        overflow: hidden
    }

    .card--event .card__image, .card--profile .card__image {
        border-radius: 0 0 80px 0;
        position: relative;
        z-index: 1
    }

    .card--event .card__container, .card--profile .card__container {
        border: 0;
        box-shadow: none;
        height: auto;
        padding: 30px 20px
    }

    .card--event .card__description, .card--event .card__heading, .card--profile .card__description, .card--profile .card__heading {
        margin-bottom: 10px;
        text-align: left
    }

    .card--event .card__cta, .card--profile .card__cta {
        justify-content: flex-start
    }

    .card--profile .card__link {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .card--profile .card__container {
        height: 100%
    }

.card--event .card__heading {
    font-size: 2.25rem;
    line-height: 44px;
    margin-bottom: 16px
}

.card--case-study {
    background-color: #f2f3f6;
    border: 2px solid #c9cfd3;
    border-radius: 0 0 80px 0;
    box-sizing: border-box;
    transition: border .3s,box-shadow .3s,background-color .3s
}

    .card--case-study:active, .card--case-study:focus, .card--case-study:hover {
        background-color: #472566;
        box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2);
        outline: none
    }

        .card--case-study:active .card__cta-text, .card--case-study:active .card__heading, .card--case-study:focus .card__cta-text, .card--case-study:focus .card__heading, .card--case-study:hover .card__cta-text, .card--case-study:hover .card__heading {
            color: #fff
        }

        .card--case-study:active .card__cta-icon, .card--case-study:focus .card__cta-icon, .card--case-study:hover .card__cta-icon {
            border-color: #fff
        }

            .card--case-study:active .card__cta-icon svg, .card--case-study:focus .card__cta-icon svg, .card--case-study:hover .card__cta-icon svg {
                fill: #fff
            }

    .card--case-study .card__shape {
        height: 200px
    }

    .card--case-study .card__image-container {
        align-items: center;
        background-color: #fff;
        border-radius: 0;
        display: flex;
        height: 220px;
        justify-content: center;
        position: relative
    }

    .card--case-study .card__image {
        max-height: 130px;
        max-width: 280px;
        position: relative;
        z-index: 1
    }

    .card--case-study .card__container {
        background-color: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: space-between;
        padding: 30px 23px 30px 28px;
        position: relative
    }

    .card--case-study .card__tag {
        left: 28px;
        position: absolute;
        top: -10px
    }

    .card--case-study .card__tag--ttnone {
        text-transform: none
    }

    .card--case-study .card__heading {
        font-size: 1.375rem;
        line-height: 30px;
        margin-bottom: 10px;
        text-align: left;
        transition: color .3s
    }

    .card--case-study .card__cta {
        justify-content: flex-start
    }

    .card--case-study .card__cta-icon {
        transition: border-color .3s
    }

    .card--case-study .card__cta-text {
        transition: color .3s
    }

    .card--case-study.card--centered .card__container {
        padding-bottom: 40px
    }

    .card--case-study.card--centered .card__tag {
        left: 50%;
        transform: translateX(-50%)
    }

    .card--case-study.card--centered .card__heading {
        font-size: 1.75rem;
        line-height: 36px;
        margin: 0 auto 30px;
        max-width: 414px;
        text-align: center
    }

    .card--case-study.card--centered .card__cta {
        justify-content: center
    }

.card--hot-topic:active, .card--hot-topic:focus, .card--hot-topic:hover {
    outline: none
}

    .card--hot-topic:active .card__cta-icon, .card--hot-topic:focus .card__cta-icon, .card--hot-topic:hover .card__cta-icon {
        border-color: #fff
    }

        .card--hot-topic:active .card__cta-icon svg, .card--hot-topic:focus .card__cta-icon svg, .card--hot-topic:hover .card__cta-icon svg {
            fill: #fff
        }

    .card--hot-topic:active .card__cta-text, .card--hot-topic:focus .card__cta-text, .card--hot-topic:hover .card__cta-text {
        color: #fff
    }

    .card--hot-topic:active .card__cta--media .card__cta-icon, .card--hot-topic:focus .card__cta--media .card__cta-icon, .card--hot-topic:hover .card__cta--media .card__cta-icon {
        background-color: #fff
    }

        .card--hot-topic:active .card__cta--media .card__cta-icon svg, .card--hot-topic:focus .card__cta--media .card__cta-icon svg, .card--hot-topic:hover .card__cta--media .card__cta-icon svg {
            fill: #80296F
        }

.card--hot-topic .card__shape {
    background-color: #80296F
}

.card--hot-topic .card__container {
    background-color: #472566;
    border: 0;
    border-radius: 2px;
    padding: 45px 40px
}

.card--hot-topic .card__heading {
    color: #fff;
    margin-bottom: 10px;
    text-align: left
}

.card--hot-topic .card__description {
    color: hsla(0,0%,100%,.6);
    font-size: 1rem
}

.card--hot-topic .card__cta {
    justify-content: flex-start;
    margin-top: 20px
}

.card--hot-topic .card__cta-icon {
    transition: border-color .3s
}

    .card--hot-topic .card__cta-icon svg {
        transition: fill .3s
    }

.card--hot-topic .card__cta-text {
    transition: color .3s
}

.card--article .card__image-container {
    border-radius: 0 0 80px 0;
    overflow: hidden
}

.card--article .card__image {
    border-radius: 0 0 80px 0;
    position: relative;
    z-index: 1
}

.card--article .card__container {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    padding: 20px 25px 34px 20px;
    position: relative;
    z-index: 0
}

    .card--article .card__container * {
        z-index: 1
    }

    .card--article .card__container:before {
        background-color: #fff;
        border-radius: 0 0 80px 0;
        box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2);
        content: "";
        height: calc(100% + 80px);
        opacity: 0;
        position: absolute;
        right: -20px;
        top: -80px;
        transition: opacity .3s ease-in-out;
        width: calc(100% + 40px);
        z-index: 0
    }

.card--article .card__container--restrict-psuedo:before {
    right: 0;
    width: 100%
}

.card--article .card__content-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.card--article .card__description, .card--article .card__heading {
    text-align: left
}

.card--article .card__heading {
    font-size: 1.375rem;
    line-height: 30px;
    margin-bottom: 6px
}

.card--article .card__description {
    font-size: 1rem;
    line-height: 23px
}

.card--article .card__cta {
    justify-content: flex-start;
    margin-top: 10px
}

.card--article.card--row .card__container {
    position: static;
    z-index: 0
}

    .card--article.card--row .card__container:before {
        height: calc(100% + 40px);
        right: 0;
        top: -20px;
        width: 75%
    }

@media screen and (max-width: 768px) {
    .card--article.card--row .card__container:before {
        height: 100%;
        top: 0;
        width: 100%
    }
}

.card--article.card--large {
    max-width: 501px
}

    .card--article.card--large .card__heading {
        font-size: 2.25rem;
        line-height: 44px
    }

    .card--article.card--large .card__description {
        font-size: 1.125rem;
        line-height: 24px
    }

.card--article.card--row.card--large .card__container:before {
    width: 65%
}

@media screen and (max-width: 768px) {
    .card--article.card--row.card--large .card__container:before {
        width: 100%
    }
}

.card--article.card--bg {
    padding: 0
}

    .card--article.card--bg .card__container {
        background-color: var(--card-bg);
        height: 100%;
        padding: 20px
    }

        .card--article.card--bg .card__container:before {
            display: none
        }

    .card--article.card--bg .card__image-container {
        margin-bottom: 20px;
        min-height: 206px
    }

    .card--article.card--bg .card__cta-text, .card--article.card--bg .card__heading {
        color: #fff
    }

    .card--article.card--bg .card__description {
        color: hsla(0,0%,100%,.6)
    }

    .card--article.card--bg:active, .card--article.card--bg:focus, .card--article.card--bg:hover {
        outline: none
    }

        .card--article.card--bg:active .card__cta-icon svg, .card--article.card--bg:focus .card__cta-icon svg, .card--article.card--bg:hover .card__cta-icon svg {
            fill: #fff
        }

    .card--article.card--bg.card--dark .card__container:before {
        display: none
    }

    .card--article.card--bg.card--dark .card__heading {
        font-size: 1.75rem;
        line-height: 36px;
        margin-bottom: 10px;
        margin-right: 30px
    }

    .card--article.card--bg.card--dark .card__description {
        color: #fff;
        font-size: 1.125rem;
        line-height: 24px;
        margin-bottom: 30px
    }

.card--download .card__link {
    width: 100%
}

    .card--download .card__link:active, .card--download .card__link:focus, .card--download .card__link:hover {
        outline: none
    }

        .card--download .card__link:active .card__button, .card--download .card__link:focus .card__button, .card--download .card__link:hover .card__button {
            background: rgba(145,93,163,.1)
        }

.card--download .card__container {
    align-items: center
}

.card--download .card__description {
    margin-bottom: 30px
}

.card--download .card__description--no-margin {
    margin-bottom: 0
}

.card--download .card__description--mb-15 {
    margin-bottom: 15px
}

.card--download-light .card__container {
    border: 0
}

.card--download-light .card__cta-text, .card--download-light .card__description, .card--download-light .card__heading {
    color: #fff
}

.card--download-light .card__cta-icon {
    border-color: #fff
}

    .card--download-light .card__cta-icon svg {
        fill: #fff
    }

.card--download-light .card__link:active, .card--download-light .card__link:focus, .card--download-light .card__link:hover {
    outline: none
}

    .card--download-light .card__link:active svg, .card--download-light .card__link:focus svg, .card--download-light .card__link:hover svg {
        fill: #fff
    }

.card--row .card__row {
    align-items: center;
    display: flex;
    position: relative
}

.card--row .card__row--start {
    align-items: flex-start
}

.card--row.card--large {
    max-width: unset
}

    .card--row.card--large .card__heading {
        font-size: 1.625rem;
        line-height: 32px
    }

    .card--row.card--large .card__description {
        font-size: 1.125rem;
        line-height: 24px
    }

    .card--row.card--large .card__image-container {
        min-width: 304px
    }

    .card--row.card--large .card__container {
        padding-right: 15px
    }

.card--row.card--medium .card__heading {
    font-size: 1.75rem;
    line-height: 32px;
    margin-bottom: 0
}

.card--row.card--medium .card__image-container {
    min-width: 196px
}

.card--row.card--medium .card__container {
    padding-bottom: 0;
    padding-top: 0
}

.card--row.card--medium .card__cta {
    margin-top: 0
}

.card--row.card--with-icon .card__description, .card--row.card--with-icon .card__heading {
    text-align: left
}

.card--row.card--with-icon .card__icon {
    margin-right: 48px;
    width: 100px
}

    .card--row.card--with-icon .card__icon img {
        min-width: 200px;
        transform: scale(.5) translate(-50%,-50%)
    }

.card--row.card--download:not(.card--no-min-w) {
    min-width: 366px
}

.card--row.card--download .card__link:active, .card--row.card--download .card__link:focus, .card--row.card--download .card__link:hover {
    outline: none
}

    .card--row.card--download .card__link:active .card__shape, .card--row.card--download .card__link:focus .card__shape, .card--row.card--download .card__link:hover .card__shape {
        transform: translate(-6px,-6px)
    }

.card--row.card--download .card__heading {
    font-size: 1.125rem;
    line-height: 24px
}

.card--row.card--download .card__description, .card--row.card--download .card__heading {
    margin-bottom: 0;
    text-align: left
}

.card--row.card--download .card__description {
    font-size: 1rem;
    line-height: 23px
}

.card--row.card--download .card__image-container {
    border-radius: 0 0 27% 0;
    min-width: 100px;
    overflow: hidden
}

.card--row.card--download .card__container {
    align-items: flex-start;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0 0 20px
}

.card--row.card--download .card__image {
    position: relative;
    z-index: 1
}

.card--row.card--download .card__cta {
    justify-content: flex-start
}

.card--row.card--event .card__link:active, .card--row.card--event .card__link:focus, .card--row.card--event .card__link:hover {
    outline: none
}

    .card--row.card--event .card__link:active .card__shape, .card--row.card--event .card__link:focus .card__shape, .card--row.card--event .card__link:hover .card__shape {
        transform: translate(-10px,-10px)
    }

.card--row.card--event .card__image-container, .card--row.card--event .card__shape-container {
    margin: 20px 0;
    position: relative
}

.card--row.card--event .card__shape {
    height: calc(50% + 10px);
    top: 20px;
    width: calc(50% + 10px)
}

.card--row.card--event .card__container {
    align-items: flex-start;
    height: auto;
    justify-content: center;
    max-width: 326px;
    padding-bottom: 0;
    padding-top: 0
}

.card--row.card--event .card__heading {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px
}

.card--row.card--event .card__description {
    margin-bottom: 13px
}

.card--row.card--event .card__row {
    align-items: unset;
    position: relative
}

    .card--row.card--event .card__row:before {
        border-radius: 0 0 80px 0;
        box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2);
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 72%
    }

.card--row.card--featured .card__row {
    align-items: unset;
    position: relative
}

    .card--row.card--featured .card__row:before {
        background-color: #fff;
        border-radius: 0 0 80px 0;
        box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2);
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 62%
    }

.card--row.card--featured .card__image-container {
    margin: 60px 0;
    min-width: 629px;
    position: relative
}

.card--row.card--featured .card__logo {
    margin-bottom: 20px;
    max-height: 130px;
    max-width: 280px
}

.card--row.card--featured .card__container {
    align-items: flex-start;
    background: transparent;
    border: 0;
    box-shadow: none;
    height: auto;
    justify-content: center;
    padding: 0 90px 0 123px
}

.card--row.card--featured .card__shape {
    height: calc(50% + 10px);
    transform: translate(-20px,-20px);
    width: calc(50% + 10px)
}

.card--row.card--featured .card__image {
    border-radius: 0 0 27% 0;
    position: relative;
    z-index: 2
}

.card--row.card--featured .card__heading {
    font-size: 3rem;
    line-height: 56px;
    text-align: left
}

.card--row.card--featured .card__subheading {
    padding-right: 28px
}

.card--row.card--featured .card__description {
    margin: 0 0 30px
}

.card--row.card--speaker .card__container {
    border: 0;
    box-shadow: none;
    justify-content: center;
    padding: 20px
}

.card--row.card--speaker .card__image-container {
    border-radius: 0 0 27% 0;
    overflow: hidden
}

.card--row.card--speaker .card__heading {
    font-size: 1.375rem;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: left
}

.card--row.card--speaker .card__description {
    margin: 0 0 15px;
    text-align: left
}

.card--location {
    display: block
}

    .card--location .card__link:active, .card--location .card__link:focus, .card--location .card__link:hover {
        outline: none
    }

        .card--location .card__link:active .card__shape, .card--location .card__link:focus .card__shape, .card--location .card__link:hover .card__shape {
            transform: translate(-6px,-6px)
        }

    .card--location .card__container {
        border-radius: 0 0 40px 0;
        padding: 26px
    }

    .card--location .card__heading {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 0
    }

    .card--location .card__tag {
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        z-index: 2
    }

.card--basic .card__container {
    align-items: flex-start;
    padding: 40px 44px 43px 30px
}

.card--basic .card__heading {
    text-align: left
}

.card--product .card__container {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 20px 20px 0
}

.card--product .card__image-container {
    position: relative
}

.card--product .card__shape {
    height: calc(50% + 10px);
    width: calc(50% + 10px)
}

.card--product .card__image {
    position: relative;
    z-index: 1
}

.card--product .card__cta-text {
    text-align: center
}

.card--with-header {
    display: block;
    max-width: 413px
}

    .card--with-header .card__header {
        background-color: #472566;
        padding: 47px 60px 42px
    }

        .card--with-header .card__header .card__heading {
            color: #fff;
            font-size: 1.75rem;
            font-weight: 500;
            line-height: 36px;
            text-align: left
        }

    .card--with-header .card__container {
        align-items: flex-start;
        height: auto;
        justify-content: flex-start;
        padding: 40px 60px 50px
    }

    .card--with-header .card__description {
        text-align: left
    }

    .card--with-header .card__description--white {
        color: #fff
    }

    .card--with-header .card__description--large {
        font-size: 1.375rem;
        font-weight: 500;
        line-height: 30px
    }

    .card--with-header .card__description--dark {
        color: #472566
    }

.card--services {
    align-self: stretch;
    background: #fff;
    border: 1px solid #f2f3f6;
    border-radius: 0 0 60px 0;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
    height: auto
}

    .card--services .card__link {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 3.125rem;
        justify-content: space-between;
        padding: 1.875rem 2.5rem
    }

    .card--services .card__cta, .card--services .card__heading, .card--services .card__text {
        font-family: futura-pt,Jost,sans-serif;
        text-align: left
    }

    .card--services .card__heading {
        font-family: futura-medium,Jost,sans-serif;
        font-size: clamp(1.25rem,1.212962963rem + .1851851852vw,1.375rem);
        font-weight: 500;
        letter-spacing: -.55px;
        line-height: 1.5;
        margin: 0 0 .625rem
    }

    .card--services .card__text {
        font-family: futura-book,Jost,sans-serif;
        font-size: clamp(1.125rem,1.125rem + 0vw,1.125rem);
        font-weight: 400;
        margin: 0 0 1.25rem
    }

    .card--services .card__tags {
        display: flex;
        flex-wrap: wrap;
        font-family: futura-medium,Jost,sans-serif;
        gap: .375rem;
        list-style-type: none
    }

        .card--services .card__tags.tag-list {
            gap: 7px 10px;
            list-style-type: none
        }

            .card--services .card__tags.tag-list .tag-wrapper {
                display: flex;
                margin: 0
            }

    .card--services .card__cta {
        font-family: futura-medium,Jost,sans-serif;
        font-size: clamp(1.125rem,1.125rem + 0vw,1.125rem);
        font-weight: 500
    }

        .card--services .card__cta .card__cta-icon {
            border: 2px solid #492D7F;
            color: #492D7F
        }

            .card--services .card__cta .card__cta-icon svg {
                fill: #492D7F
            }

        .card--services .card__cta .card__cta-text {
            color: #492D7F
        }

.card--solutions {
    align-self: stretch;
    background: #fff;
    border: 1px solid #f2f3f6;
    border-radius: 0 0 60px 0;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
    height: auto
}

    .card--solutions .card__link {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: .625rem;
        justify-content: space-between;
        padding: 2.5rem 3.125rem
    }

    .card--solutions .card__icon {
        max-width: 60px
    }

    .card--solutions .card__heading {
        color: #472566;
        font-size: 1.375rem;
        font-weight: 500;
        line-height: 1.875rem;
        margin: 0;
        max-width: 12ch;
        text-align: center
    }

@media screen and (max-width: 1319px) {
    .card--row.card--featured {
        padding: 0 10px
    }
}

@media screen and (max-width: 1279px) {
    .card--row.card--featured .card__container {
        padding: 40px 43px 40px 42px
    }

    .card--article .card__container:before {
        right: 0;
        width: 100%
    }
}

@media screen and (max-width: 1023px) {
    .card--side-bar .card__container {
        padding: 30px
    }

    .card--row.card--download .card__heading {
        font-size: 1rem;
        line-height: 18px
    }

    .card--row.card--featured .card__image-container {
        min-width: 462px
    }

    .card--row.card--featured .card__row {
        flex-direction: column
    }

        .card--row.card--featured .card__row:before {
            left: auto;
            right: auto;
            width: 98%
        }

    .card--row.card--featured .card__image-container {
        margin: 0;
        min-width: auto
    }

    .card--row.card--article.card--large .card__image-container {
        width: 304px
    }

    .card--article.card--large {
        max-width: unset
    }

        .card--article.card--large .card__shape-container {
            max-width: 304px
        }

        .card--article.card--large .card__link {
            align-items: center;
            display: flex
        }
}

@media screen and (max-width: 768px) {
    .card--with-header {
        max-width: none
    }

    .card--article .card__image {
        width: 100%
    }

    .card--row.card--featured .card__heading {
        font-size: 2.125rem;
        line-height: 42px
    }

    .card--row.card--featured .card__container {
        padding: 38px 30px
    }

    .card--row.card--featured .card__shape {
        transform: translate(-10px,-10px)
    }

    .card--row.card--event .card__container {
        max-width: 424px
    }

    .card--profile {
        margin: 0 auto
    }

    .card--side-bar {
        max-width: none
    }
}

@media screen and (max-width: 567px) {
    .card--row.card--featured .card__row:before {
        left: 0
    }

    .card--row.card--article.card--large, .card--row.card--article.card--medium, .card--row.card--event {
        margin: 0 auto
    }

        .card--row.card--article.card--large .card__row, .card--row.card--article.card--medium .card__row, .card--row.card--event .card__row {
            align-items: flex-start;
            flex-direction: column
        }

        .card--row.card--article.card--large .card__shape-container, .card--row.card--article.card--medium .card__shape-container, .card--row.card--event .card__shape-container {
            width: 100%
        }

        .card--row.card--article.card--large .card__image-container, .card--row.card--article.card--medium .card__image-container, .card--row.card--event .card__image-container {
            min-width: unset;
            width: auto
        }

        .card--row.card--article.card--medium .card__container {
            padding-bottom: 34px;
            padding-top: 20px
        }

        .card--row.card--event .card__row:before {
            width: 100%
        }

        .card--row.card--event .card__image-container, .card--row.card--event .card__shape-container {
            margin-top: 0
        }

        .card--row.card--event .card__shape {
            top: 0
        }

        .card--row.card--event .card__container {
            padding-bottom: 30px
        }

    .card__container {
        padding: 40px 25px
    }

    .card--row.card--with-icon .card__row {
        align-items: flex-start;
        flex-direction: column
    }

    .card--article.card--large .card__shape-container {
        max-width: unset;
        width: 100%
    }

    .card--article.card--large .card__image-container {
        max-width: 100%;
        min-width: unset;
        width: 100%
    }

    .card--article.card--large .card__link {
        display: block
    }
}

@media screen and (min-width: 413px) {
    .card--location {
        width: 196px
    }
}

.contact {
    border-radius: 0 0 30px 0;
    box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2);
    padding: 24px 40px 22px 30px
}

    .contact:not(:last-child) {
        margin-bottom: 10px
    }

.contact--with-grid {
    padding: 38px 13px 29px 30px
}

@media screen and (max-width: 567px) {
    .contact {
        flex-direction: column
    }
}

.cta-image .card--row.card--featured .card__row {
    flex-direction: row;
    width: 100%
}

    .cta-image .card--row.card--featured .card__row:before {
        background: #f2f3f6;
        bottom: unset;
        box-shadow: none;
        left: unset;
        right: 0;
        top: 0;
        width: 85%
    }

.cta-image .card--row.card--featured .input, .cta-image .card--row.card--featured .label--floating {
    background: #f2f3f6;
    border-color: #80296F;
    color: #4e485b
}

    .cta-image .card--row.card--featured .input::-moz-placeholder {
        color: #4e485b
    }

    .cta-image .card--row.card--featured .input::placeholder {
        color: #4e485b
    }

.cta-image .card--row.card--featured .cta-image__shape {
    height: calc(50% + 15px);
    transform: translate(-15px,-15px);
    width: calc(50% + 15px)
}

.cta-image__image-container {
    margin: 60px 0 45px;
    max-width: 415px;
    min-width: unset;
    position: relative;
    width: 100%;
    z-index: 2
}

.cta-image__image {
    border-radius: 0 0 27% 0;
    display: block;
    height: 100%;
    max-width: 415px;
    overflow: hidden;
    width: 100%
}

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

.cta-image__heading {
    margin: 0 0 20px
}

.cta-image__subheading {
    margin: 0 0 30px
}

.cta-image .button {
    min-width: 135px
}

.cta-image .form {
    width: 100%
}

    .cta-image .form .grid__item--1 {
        flex: 0 1 350px
    }

    .cta-image .form .grid__item--2 {
        flex: 0 1 135px
    }

@media screen and (max-width: 768px) {
    .cta-image__image-container {
        margin: 20px 0
    }

    .cta-image .card--row.card--featured .card__container {
        padding: 30px
    }

    .cta-image .card--row.card--featured .card__row {
        flex-direction: column;
        width: 100%
    }

        .cta-image .card--row.card--featured .card__row:before {
            left: auto;
            right: auto;
            width: 100%
        }
}

.cta {
    padding-left: 65px;
    padding-right: 65px;
    position: relative;
    text-align: center
}

.cta--without-background .cta__container {
    margin: 0 auto;
    max-width: 502px
}

.cta__heading {
    margin-bottom: 20px
}

.cta--border-top {
    border-top: 1px solid #c9cfd3;
    padding-top: 65px
}

.cta--border-bottom {
    border-bottom: 1px solid #c9cfd3;
    padding-bottom: 65px
}

.cta--with-background {
    background-color: #472566;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 57px;
    padding-top: 57px;
    position: relative
}

    .cta--with-background .cta__container {
        align-items: center;
        display: flex;
        justify-content: space-between;
        max-width: 1107px;
        padding: 0 20px;
        position: relative;
        z-index: 1
    }

    .cta--with-background .cta__heading {
        color: #fff;
        margin-bottom: 0;
        text-align: left;
        width: 576px
    }

    .cta--with-background .cta__accent-corner {
        bottom: 0;
        left: 0;
        position: absolute;
        z-index: 2
    }

    .cta--with-background .cta__accent-corner--pink {
        fill: #ED008C
    }

    .cta--with-background .cta__accent-corner--teal {
        fill: #2D7F94
    }

    .cta--with-background .cta__accent-corner--green {
        fill: #94C93D
    }

    .cta--with-background .cta__accent-corner--cerulean {
        fill: #2D7F94
    }

    .cta--with-background .cta__accent-corner--yellow {
        fill: #EDE80A
    }

    .cta--with-background .cta__accent-corner--purple {
        fill: #80296F
    }

    .cta--with-background .cta__accent-corner--dark-purple {
        fill: #653466
    }

    .cta--with-background .cta__accent-corner--dark {
        fill: #472566
    }

    .cta--with-background .cta__accent-corner--electric-violet {
        fill: #492D7F
    }

    .cta--with-background .cta__accent-corner--blue {
        fill: #2D7F94
    }

    .cta--with-background .cta__accent-corner--white {
        fill: #fff
    }

    .cta--with-background .cta__brand-right {
        background-image: url(../images/custom/cta-background_desktop.svg);
        background-position: bottom;
        background-repeat: no-repeat;
        bottom: 0;
        height: 100%;
        position: absolute;
        right: 0;
        width: 1280px
    }

.cta--download {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0 0 120px 0;
    box-shadow: 0 4px 10px 0 hsla(0,0%,56%,.2);
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: left
}

    .cta--download .cta__container {
        max-width: 1107px;
        padding: 0 20px
    }

    .cta--download .cta__heading {
        text-align: left
    }

.cta--chunky {
    padding: 0
}

    .cta--chunky .cta__container {
        position: relative
    }

    .cta--chunky .cta__media {
        inset: 0 0 0 0;
        position: absolute
    }

    .cta--chunky .cta__image-container {
        align-items: stretch;
        display: flex;
        height: 100%;
        width: 100%
    }

    .cta--chunky .cta__image {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%
    }

    .cta--chunky .cta__content {
        display: grid;
        gap: 2.8125rem;
        padding-bottom: calc(33.11111px + 5.27778vw);
        padding-top: calc(35.48148px + 4.53704vw);
        place-items: center;
        position: relative
    }

@media screen and (max-width: 319px) {
    .cta--chunky .cta__content {
        padding-top: 50px
    }
}

@media screen and (min-width: 1400px) {
    .cta--chunky .cta__content {
        padding-top: 99px
    }
}

@media screen and (max-width: 319px) {
    .cta--chunky .cta__content {
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1400px) {
    .cta--chunky .cta__content {
        padding-bottom: 107px
    }
}

.cta--chunky .cta__heading {
    color: #fff;
    font-family: futura-pt,Jost,sans-serif;
    font-size: clamp(2.25rem,1.8796296296rem + 1.8518518519vw,3.5rem);
    font-weight: 800;
    letter-spacing: -4.38px;
    line-height: 1;
    margin: 0;
    max-width: 28ch;
    text-transform: uppercase
}

.cta--intersect {
    padding: 0
}

    .cta--intersect .cta__container {
        display: grid;
        padding-left: calc(10.55556px + 1.38889vw);
        padding-right: calc(10.55556px + 1.38889vw);
        place-items: center;
        position: relative
    }

@media screen and (max-width: 319px) {
    .cta--intersect .cta__container {
        padding-left: 15px
    }
}

@media screen and (min-width: 1400px) {
    .cta--intersect .cta__container {
        padding-left: 30px
    }
}

@media screen and (max-width: 319px) {
    .cta--intersect .cta__container {
        padding-right: 15px
    }
}

@media screen and (min-width: 1400px) {
    .cta--intersect .cta__container {
        padding-right: 30px
    }
}

.cta--intersect .cta__intersect {
    display: grid;
    grid-template-rows: repeat(2,50%);
    height: 100%;
    inset: 0 0 0 0;
    position: absolute;
    width: 100%
}

.cta--intersect .cta__background--pink {
    background: #ED008C
}

.cta--intersect .cta__background--teal {
    background: #2D7F94
}

.cta--intersect .cta__background--green {
    background: #94C93D
}

.cta--intersect .cta__background--cerulean {
    background: #2D7F94
}

.cta--intersect .cta__background--yellow {
    background: #EDE80A
}

.cta--intersect .cta__background--purple {
    background: #80296F
}

.cta--intersect .cta__background--dark-purple {
    background: #653466
}

.cta--intersect .cta__background--dark {
    background: #472566
}

.cta--intersect .cta__background--electric-violet {
    background: #492D7F
}

.cta--intersect .cta__background--blue {
    background: #2D7F94
}

.cta--intersect .cta__background--white {
    background: #fff
}

.cta--intersect .cta__content {
    align-items: center;
    background: #492D7F;
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 100%;
    justify-content: center;
    max-width: 1200px;
    padding: calc(10.55556px + 1.38889vw) calc(21.11111px + 2.77778vw);
    position: relative;
    width: 100%
}

@media screen and (max-width: 319px) {
    .cta--intersect .cta__content {
        padding-top: 15px
    }
}

@media screen and (min-width: 1400px) {
    .cta--intersect .cta__content {
        padding-top: 30px
    }
}

@media screen and (max-width: 319px) {
    .cta--intersect .cta__content {
        padding-bottom: 15px
    }
}

@media screen and (min-width: 1400px) {
    .cta--intersect .cta__content {
        padding-bottom: 30px
    }
}

@media screen and (max-width: 319px) {
    .cta--intersect .cta__content {
        padding-left: 30px
    }
}

@media screen and (min-width: 1400px) {
    .cta--intersect .cta__content {
        padding-left: 60px
    }
}

@media screen and (max-width: 319px) {
    .cta--intersect .cta__content {
        padding-right: 30px
    }
}

@media screen and (min-width: 1400px) {
    .cta--intersect .cta__content {
        padding-right: 60px
    }
}

.cta--intersect .cta__heading {
    color: #fff;
    font-family: futura-medium,Jost,sans-serif;
    font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
    font-weight: 500;
    line-height: 1.4;
    margin: 0
}

.cta--intersect .cta__button-container {
    flex: 0 0 auto
}

@media screen and (min-width: 769px) {
    .cta--intersect .cta__content {
        flex-direction: row;
        justify-content: space-between
    }

    .cta--intersect .cta__heading {
        flex: 0 1 780px;
        text-align: left
    }
}

@media screen and (max-width: 567px) {
    .cta--with-background {
        padding: 65px 53px 40px 40px
    }

        .cta--with-background .cta__accent-corner {
            left: -10px;
            top: 0;
            transform: rotate(90deg)
        }

        .cta--with-background .cta__container {
            align-items: flex-start;
            flex-direction: column;
            padding: 0
        }

        .cta--with-background .cta__heading {
            font-size: 34px;
            line-height: 42px;
            margin-bottom: 98px;
            max-width: 100%
        }

        .cta--with-background .cta__brand-right {
            background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/cta-background_mobile.svg);
            bottom: -30px;
            width: 100%
        }

    .cta--download {
        padding: 20px
    }

        .cta--download .card.card--download {
            min-width: unset
        }
}

@media screen and (max-width: 375px) {
    .cta--with-background .cta__brand-right {
        height: 360px;
        width: 355px
    }
}

.page-type-home .main.xmas .cta--with-background .cta__brand-right {
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/cta-background__wreath.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    max-width: 500px;
    position: absolute;
    right: -45px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .page-type-home .main.xmas .cta--with-background .cta__brand-right {
        background-size: contain;
        bottom: -150px;
        right: -150px
    }
}

.event-cta {
    background-color: #f2f3f6;
    border-radius: 0 0 120px 0;
    overflow: hidden;
    padding: 50px 0;
    position: relative
}

.event-cta--pink .event-cta__shape {
    background-color: #ED008C
}

.event-cta--teal .event-cta__shape {
    background-color: #2D7F94
}

.event-cta--green .event-cta__shape {
    background-color: #94C93D
}

.event-cta--cerulean-blue .event-cta__shape {
    background-color: #2D7F94
}

.event-cta--yellow .event-cta__shape {
    background-color: #EDE80A
}

.event-cta--purple .event-cta__shape {
    background-color: #80296F
}

.event-cta--dark-purple .event-cta__shape {
    background-color: #653466
}

.event-cta--dark-blue .event-cta__shape {
    background-color: #472566
}

.event-cta--electric-violet .event-cta__shape {
    background-color: #492D7F
}

.event-cta__accent-corner {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2
}

.event-cta__accent-corner--pink {
    fill: #ED008C
}

.event-cta__accent-corner--teal {
    fill: #2D7F94
}

.event-cta__accent-corner--green {
    fill: #94C93D
}

.event-cta__accent-corner--cerulean-blue {
    fill: #2D7F94
}

.event-cta__accent-corner--yellow {
    fill: #EDE80A
}

.event-cta__accent-corner--purple {
    fill: #80296F
}

.event-cta__accent-corner--dark-purple {
    fill: #653466
}

.event-cta__accent-corner--dark-blue {
    fill: #472566
}

.event-cta__accent-corner--electric-violet {
    fill: #492D7F
}

.event-cta__brand-right {
    background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/cta-background_desktop-grey.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 1280px
}

.event-cta__container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1107px;
    padding: 0 20px;
    position: relative;
    z-index: 1
}

.event-cta__details {
    max-width: 567px
}

.event-cta--dark {
    background-color: #472566
}

    .event-cta--dark .event-cta__brand-right {
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/cta-background_desktop.svg)
    }

    .event-cta--dark .event-cta__date, .event-cta--dark .event-cta__heading, .event-cta--dark .event-cta__time {
        color: #fff
    }

.event-cta--large {
    background-color: transparent;
    border-radius: 0;
    overflow: visible;
    padding: 0
}

    .event-cta--large .event-cta__accent-corner, .event-cta--large .event-cta__brand-right {
        display: none
    }

    .event-cta--large .event-cta__row {
        display: flex;
        position: relative
    }

        .event-cta--large .event-cta__row:before {
            background-color: #f2f3f6;
            border-radius: 0 0 120px 0;
            content: "";
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 75%
        }

    .event-cta--large .event-cta__shape-container {
        margin: 20px 0;
        position: relative
    }

    .event-cta--large .event-cta__shape {
        height: calc(50% + 10px);
        left: -15px;
        position: absolute;
        top: 5px;
        width: 60%
    }

    .event-cta--large .event-cta__image-container {
        margin: 20px 0;
        overflow: hidden;
        position: relative
    }

    .event-cta--large .event-cta__image {
        border-radius: 0 0 27% 0
    }

    .event-cta--large .event-cta__container {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        margin-left: auto;
        max-width: 738px;
        padding-right: 108px
    }

    .event-cta--large .event-cta__details {
        max-width: unset
    }

@media screen and (max-width: 768px) {
    .event-cta--large .event-cta__row {
        flex-direction: column
    }

        .event-cta--large .event-cta__row:before {
            left: 0;
            right: auto;
            width: 95%
        }

    .event-cta--large .event-cta__shape {
        left: -10px;
        top: 10px
    }

    .event-cta--large .event-cta__container {
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 567px) {
    .event-cta:not(.event-cta--large) {
        padding: 65px 53px 40px 40px
    }

        .event-cta:not(.event-cta--large) .event-cta__container {
            align-items: flex-start;
            flex-direction: column;
            padding: 0
        }

        .event-cta:not(.event-cta--large) .event-cta__details {
            margin-bottom: 80px
        }

    .event-cta .event-cta__accent-corner {
        left: -10px;
        top: 0;
        transform: rotate(90deg)
    }

    .event-cta .event-cta__brand-right {
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/cta-background_mobile-grey.svg);
        bottom: -30px;
        width: 100%
    }

    .event-cta--dark .event-cta__brand-right {
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/cta-background_mobile.svg)
    }
}

.featured-partners .container {
    height: 100%;
    position: relative
}

.featured-partners__featured {
    border-bottom: 1px solid #dbdbdb
}

    .featured-partners__featured .swiper-wrapper {
        box-sizing: border-box
    }

.featured-partners__container {
    background-color: #fff;
    border-radius: 0 0 100px 0;
    box-shadow: 0 10px 32px 0 hsla(0,0%,56%,.2);
    height: 100%;
    overflow: hidden;
    position: relative
}

.featured-partners__slide {
    background: #fff;
    display: grid;
    gap: 80px;
    grid-template-columns: minmax(300px,460px) 1fr;
    padding: 80px 108px
}

.featured-partners__column--1 .featured-partners__image-container {
    max-width: 220px
}

.featured-partners__column--2 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: flex-start
}

    .featured-partners__column--2 .featured-partners__image-container {
        max-width: 100%
    }

.featured-partners__image-container {
    display: block;
    height: 100%;
    width: 100%
}

.featured-partners__image {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.featured-partners__logo {
    margin: 0 0 30px
}

.featured-partners__cta {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.featured-partners .card__cta {
    justify-content: flex-start
}

.featured-partners__card--primary .heading--1 {
    margin: 0 0 30px
}

.featured-partners__card--primary .heading--4 {
    margin: 0 0 20px
}

.featured-partners__card--primary:active, .featured-partners__card--primary:focus, .featured-partners__card--primary:hover {
    outline: none
}

    .featured-partners__card--primary:active .card__cta .card__cta-text, .featured-partners__card--primary:focus .card__cta .card__cta-text, .featured-partners__card--primary:hover .card__cta .card__cta-text {
        color: #744a83
    }

    .featured-partners__card--primary:active .card__cta .card__cta-icon svg, .featured-partners__card--primary:focus .card__cta .card__cta-icon svg, .featured-partners__card--primary:hover .card__cta .card__cta-icon svg {
        fill: #744a83
    }

.featured-partners__card--secondary {
    background-color: #472566;
    border-radius: 0 0 100px 0;
    box-shadow: 0 10px 32px 0 hsla(0,0%,56%,.2);
    height: -moz-fit-content;
    height: fit-content;
    padding: 40px 50px;
    will-change: transform
}

    .featured-partners__card--secondary .heading--2 {
        margin: 0 0 20px
    }

    .featured-partners__card--secondary .card__description {
        margin: 0 0 10px
    }

    .featured-partners__card--secondary:active, .featured-partners__card--secondary:focus, .featured-partners__card--secondary:hover {
        outline: none
    }

        .featured-partners__card--secondary:active .card__cta .card__cta-text, .featured-partners__card--secondary:focus .card__cta .card__cta-text, .featured-partners__card--secondary:hover .card__cta .card__cta-text {
            color: #fff
        }

        .featured-partners__card--secondary:active .card__cta .card__cta-icon svg, .featured-partners__card--secondary:focus .card__cta .card__cta-icon svg, .featured-partners__card--secondary:hover .card__cta .card__cta-icon svg {
            fill: #fff
        }

.featured-partners__card--tertiary {
    min-width: unset
}

    .featured-partners__card--tertiary .featured-partners__image-container {
        border-radius: 0 0 30px 0;
        max-width: 100px;
        overflow: hidden;
        will-change: transform
    }

    .featured-partners__card--tertiary .featured-partners__cta {
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        gap: 20px;
        justify-content: flex-start
    }

    .featured-partners__card--tertiary:active, .featured-partners__card--tertiary:focus, .featured-partners__card--tertiary:hover {
        outline: none
    }

        .featured-partners__card--tertiary:active .card__cta .card__cta-text, .featured-partners__card--tertiary:focus .card__cta .card__cta-text, .featured-partners__card--tertiary:hover .card__cta .card__cta-text {
            color: #744a83
        }

        .featured-partners__card--tertiary:active .card__cta .card__cta-icon svg, .featured-partners__card--tertiary:focus .card__cta .card__cta-icon svg, .featured-partners__card--tertiary:hover .card__cta .card__cta-icon svg {
            fill: #744a83
        }

.featured-partners__navigation {
    margin-top: -5px
}

.featured-partners__navigation__wrapper {
    display: grid;
    grid-auto-columns: 110px;
    grid-template-rows: 1fr;
    padding: 0 110px
}

.featured-partners__navigation__logo {
    grid-row: 1;
    opacity: .2;
    padding: 40px 0
}

    .featured-partners__navigation__logo:active, .featured-partners__navigation__logo:focus, .featured-partners__navigation__logo:hover {
        opacity: 1;
        outline: none
    }

.featured-partners__navigation .swiper-slide-thumb-active {
    opacity: 1;
    position: relative
}

    .featured-partners__navigation .swiper-slide-thumb-active:after {
        background-color: #472566;
        border-radius: 5px;
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        top: 0;
        width: 100%;
        will-change: transform
    }

.featured-partners__navigation__image-container .featured-partners__image {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.featured-partners__navigation .swiper-slide {
    cursor: pointer;
    width: auto
}

@media screen and (max-width: 1023px) {
    .featured-partners__slide {
        grid-template-columns: 1fr;
        padding: 30px 20px 25px
    }
}

@media screen and (max-width: 768px) {
    .featured-partners__container {
        border-radius: 0 0 30px 0;
        will-change: transform
    }

    .featured-partners__slide {
        gap: 20px
    }

    .featured-partners__column--2 {
        gap: 15px;
        grid-template-columns: 1fr
    }

    .featured-partners__logo {
        margin: 0 0 20px;
        padding: 20px 0
    }

    .featured-partners__navigation {
        gap: 0
    }

    .featured-partners__navigation__wrapper {
        padding: 0 20px
    }

    .featured-partners__card--primary .heading--1 {
        font-size: 1.75rem;
        letter-spacing: 0;
        line-height: 2.25rem
    }

    .featured-partners__card--primary .heading--4 {
        font-size: 1.125rem;
        letter-spacing: 0;
        line-height: 1.5rem
    }

    .featured-partners__card--secondary {
        padding: 20px
    }
}

.hero__slider {
    border-radius: 0 0 120px 0;
    height: 100%
}

.hero .glide__container, .hero .glide__slide, .hero .glide__slides, .hero .glide__track {
    height: 100%
}

.hero .glide__container {
    margin: 0
}

.hero .glide__slides, .hero .glide__track {
    padding: 0
}

.hero__slide {
    height: 100%;
    position: relative
}

.hero__supertitle, .hero__title {
    font-family: futura-pt-bold,Jost,sans-serif;
    font-weight: 800;
    text-transform: uppercase
}

.hero__supertitle {
    font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
    line-height: 1.4
}

.hero__title {
    font-size: clamp(3.125rem,2.662037037rem + 2.3148148148vw,4.6875rem);
    line-height: 1.2;
    margin: 0 0 1.25rem
}

.hero__title--blue {
    color: #472566
}

.hero__title--x-large {
    font-size: clamp(3.75rem,3.287037037rem + 2.3148148148vw,5.3125rem);
    line-height: 1.1333333333
}

.hero__title--medium {
    font-size: clamp(2.5rem,2.1296296296rem + 1.8518518519vw,3.75rem);
    line-height: 1.25
}

.hero__title--small {
    font-size: clamp(1.875rem,1.5416666667rem + 1.6666666667vw,3rem);
    line-height: 1.2
}

.hero__subtitle, .hero__text {
    font-family: futura-pt,Jost,sans-serif;
    font-weight: 400
}

.hero__subtitle {
    font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
    line-height: 1.4;
    margin: 0 0 .8125rem
}

.hero__text {
    font-size: clamp(1.25rem,1.212962963rem + .1851851852vw,1.375rem);
    line-height: 1.5;
    margin: 0 0 1.875rem
}

.hero__bullets {
    inset: auto auto 40px 20px;
    justify-content: flex-start;
    margin: 0;
    position: absolute
}

    .hero__bullets .glide__bullet {
        background: #fff
    }

    .hero__bullets .glide__bullet--active {
        background: #80296F
    }

.hero__background {
    border-radius: 0 0 300px 0;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    will-change: transform
}

.hero__background--gradient {
    position: relative
}

    .hero__background--gradient:after {
        background: linear-gradient(0deg,rgba(27,0,86,0),#472566);
        content: "";
        height: 100%;
        inset: 0 0 0 0;
        position: absolute;
        width: 100%
    }

.hero__image-container {
    align-items: stretch;
    display: flex;
    height: 100%;
    width: 100%
}

.hero__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.hero__swoosh {
    inset: auto 0 0 auto;
    max-height: 300px;
    max-width: 300px;
    position: absolute;
    transform: scaleX(-1)
}

.hero--pink .hero__slide {
    background: #ED008C
}

.hero--pink .button:active, .hero--pink .button:focus, .hero--pink .button:hover {
    background: rgba(204,82,153,.1);
    outline: none
}

.hero--pink .button--ghost {
    background: transparent;
    border: 2px solid #ED008C;
    color: #fff
}

@media screen and (max-width: 768px) {
    .hero--pink .button--ghost {
        background-color: #ED008C;
        border-color: #ED008C;
        color: #fff
    }

        .hero--pink .button--ghost:active, .hero--pink .button--ghost:focus, .hero--pink .button--ghost:hover {
            background-color: #7b4783;
            outline: none
        }
}

.hero--pink .button--fill {
    background: #ED008C;
    color: #fff
}

.hero--teal .hero__slide {
    background: #2D7F94
}

.hero--teal .button:active, .hero--teal .button:focus, .hero--teal .button:hover {
    background: rgba(0,172,162,.1);
    outline: none
}

.hero--teal .button--ghost {
    background: transparent;
    border: 2px solid #2D7F94;
    color: #fff
}

@media screen and (max-width: 768px) {
    .hero--teal .button--ghost {
        background-color: #2D7F94;
        border-color: #2D7F94;
        color: #fff
    }

        .hero--teal .button--ghost:active, .hero--teal .button--ghost:focus, .hero--teal .button--ghost:hover {
            background-color: #7b4783;
            outline: none
        }
}

.hero--teal .button--fill {
    background: #2D7F94;
    color: #fff
}

.hero--green .hero__slide {
    background: #94C93D
}

.hero--green .button:active, .hero--green .button:focus, .hero--green .button:hover {
    background: rgba(190,209,64,.1);
    outline: none
}

.hero--green .button--ghost {
    background: transparent;
    border: 2px solid #94C93D;
    color: #fff
}

@media screen and (max-width: 768px) {
    .hero--green .button--ghost {
        background-color: #94C93D;
        border-color: #94C93D;
        color: #fff
    }

        .hero--green .button--ghost:active, .hero--green .button--ghost:focus, .hero--green .button--ghost:hover {
            background-color: #7b4783;
            outline: none
        }
}

.hero--green .button--fill {
    background: #94C93D;
    color: #fff
}

.hero--blue .hero__slide {
    background: #2D7F94
}

.hero--blue .button:active, .hero--blue .button:focus, .hero--blue .button:hover {
    background: rgba(6,143,207,.1);
    outline: none
}

.hero--blue .button--ghost {
    background: transparent;
    border: 2px solid #2D7F94;
    color: #fff
}

@media screen and (max-width: 768px) {
    .hero--blue .button--ghost {
        background-color: #2D7F94;
        border-color: #2D7F94;
        color: #fff
    }

        .hero--blue .button--ghost:active, .hero--blue .button--ghost:focus, .hero--blue .button--ghost:hover {
            background-color: #7b4783;
            outline: none
        }
}

.hero--blue .button--fill {
    background: #2D7F94;
    color: #fff
}

.hero--yellow .hero__slide {
    background: #EDE80A
}

.hero--yellow .button:active, .hero--yellow .button:focus, .hero--yellow .button:hover {
    background: rgba(251,189,86,.1);
    outline: none
}

.hero--yellow .button--ghost {
    background: transparent;
    border: 2px solid #EDE80A;
    color: #fff
}

@media screen and (max-width: 768px) {
    .hero--yellow .button--ghost {
        background-color: #EDE80A;
        border-color: #EDE80A;
        color: #fff
    }

        .hero--yellow .button--ghost:active, .hero--yellow .button--ghost:focus, .hero--yellow .button--ghost:hover {
            background-color: #7b4783;
            outline: none
        }
}

.hero--yellow .button--fill {
    background: #EDE80A;
    color: #fff
}

.hero--purple .hero__slide {
    background: #80296F
}

.hero--purple .button:active, .hero--purple .button:focus, .hero--purple .button:hover {
    background: rgba(145,93,163,.1);
    outline: none
}

.hero--purple .button--ghost {
    background: transparent;
    border: 2px solid #80296F;
    color: #fff
}

@media screen and (max-width: 768px) {
    .hero--purple .button--ghost {
        background-color: #80296F;
        border-color: #80296F;
        color: #fff
    }

        .hero--purple .button--ghost:active, .hero--purple .button--ghost:focus, .hero--purple .button--ghost:hover {
            background-color: #7b4783;
            outline: none
        }
}

.hero--purple .button--fill {
    background: #80296F;
    color: #fff
}

.hero--dark-purple .hero__slide {
    background: #653466
}

.hero--dark-purple .button:active, .hero--dark-purple .button:focus, .hero--dark-purple .button:hover {
    background: rgba(116,9,96,.1);
    outline: none
}

.hero--dark-purple .button--ghost {
    background: transparent;
    border: 2px solid #653466;
    color: #fff
}

@media screen and (max-width: 768px) {
    .hero--dark-purple .button--ghost {
        background-color: #653466;
        border-color: #653466;
        color: #fff
    }

        .hero--dark-purple .button--ghost:active, .hero--dark-purple .button--ghost:focus, .hero--dark-purple .button--ghost:hover {
            background-color: #7b4783;
            outline: none
        }
}

.hero--dark-purple .button--fill {
    background: #653466;
    color: #fff
}

.hero--dark-blue .hero__slide {
    background: #472566
}

.hero--dark-blue .button:active, .hero--dark-blue .button:focus, .hero--dark-blue .button:hover {
    background: rgba(27,0,86,.1);
    outline: none
}

.hero--dark-blue .button--ghost {
    background: transparent;
    border: 2px solid #472566;
    color: #fff
}

@media screen and (max-width: 768px) {
    .hero--dark-blue .button--ghost {
        background-color: #472566;
        border-color: #472566;
        color: #fff
    }

        .hero--dark-blue .button--ghost:active, .hero--dark-blue .button--ghost:focus, .hero--dark-blue .button--ghost:hover {
            background-color: #7b4783;
            outline: none
        }
}

.hero--dark-blue .button--fill {
    background: #472566;
    color: #fff
}

.hero--electric-violet .hero__slide {
    background: #492D7F
}

.hero--electric-violet .button:active, .hero--electric-violet .button:focus, .hero--electric-violet .button:hover {
    background: rgba(130,39,249,.1);
    outline: none
}

.hero--electric-violet .button--ghost {
    background: transparent;
    border: 2px solid #492D7F;
    color: #fff
}

@media screen and (max-width: 768px) {
    .hero--electric-violet .button--ghost {
        background-color: #492D7F;
        border-color: #492D7F;
        color: #fff
    }

        .hero--electric-violet .button--ghost:active, .hero--electric-violet .button--ghost:focus, .hero--electric-violet .button--ghost:hover {
            background-color: #7b4783;
            outline: none
        }
}

.hero--electric-violet .button--fill {
    background: #492D7F;
    color: #fff
}

.hero--cerulean-blue .hero__slide {
    background: #2D7F94
}

.hero--cerulean-blue .button:active, .hero--cerulean-blue .button:focus, .hero--cerulean-blue .button:hover {
    background: rgba(6,143,207,.1);
    outline: none
}

.hero--cerulean-blue .button--ghost {
    background: transparent;
    border: 2px solid #2D7F94;
    color: #fff
}

@media screen and (max-width: 768px) {
    .hero--cerulean-blue .button--ghost {
        background-color: #2D7F94;
        border-color: #2D7F94;
        color: #fff
    }

        .hero--cerulean-blue .button--ghost:active, .hero--cerulean-blue .button--ghost:focus, .hero--cerulean-blue .button--ghost:hover {
            background-color: #7b4783;
            outline: none
        }
}

.hero--cerulean-blue .button--fill {
    background: #2D7F94;
    color: #fff
}

.hero--slider .hero__container {
    height: 535px;
    overflow: hidden;
    position: relative
}

.hero--slider .hero__content {
    color: #fff;
    inset: 0 0 auto 0;
    max-width: 65ch;
    padding: 40px 20px;
    position: absolute
}

.hero--slider .hero__content--blue-text {
    color: #472566
}

.hero--logos .hero__container {
    display: grid;
    gap: clamp(30px,4vw,60px)
}

.hero--logos .hero__content {
    display: grid;
    gap: .625rem;
    place-items: center;
    text-align: center
}

.hero--logos .hero__supertitle {
    color: #2D7F94;
    letter-spacing: -1.16px
}

.hero--logos .hero__title {
    color: #472566;
    letter-spacing: -2.02px
}

.hero--logos .hero__subtitle {
    color: #4e485b;
    font-family: futura-book,Jost,sans-serif;
    letter-spacing: -1.16px;
    max-width: 45ch;
    width: 100%
}

.hero--logos .hero__logos {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 30px;
    overflow-x: auto;
    scrollbar-width: none;
    width: 100%
}

.hero--logos .hero__logo {
    flex: 0 0 180px
}

    .hero--logos .hero__logo .media-content__image {
        border-radius: unset
    }

@media screen and (min-width: 769px) {
    .hero__slider {
        border-radius: unset
    }

    .hero__bullets {
        inset: auto auto 100px 160px
    }

    .hero__background--gradient:after {
        background: linear-gradient(270deg,rgba(27,0,86,0),#472566)
    }

    .hero--slider .hero__container {
        height: 700px
    }

    .hero--slider .hero__content {
        inset: 100px 0 0 160px
    }

        .hero--slider .hero__content .heading--mega {
            line-height: 4.125rem;
            margin: 0 0 20px
        }

        .hero--slider .hero__content .heading--subtext {
            font-size: 2.25rem;
            line-height: 2.75rem;
            margin: 0 0 30px
        }

    .hero--logos .hero__container {
        display: grid;
        gap: clamp(30px,4vw,60px)
    }

    .hero--logos .hero__logos {
        display: grid;
        gap: 25px clamp(20px,5vw,75px);
        grid-auto-rows: 100px;
        grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
        padding-left: calc(11.11111px + 2.77778vw);
        padding-right: calc(11.11111px + 2.77778vw)
    }
}

@media screen and (min-width: 769px) and (max-width:319px) {
    .hero--logos .hero__logos {
        padding-left: 20px
    }
}

@media screen and (min-width: 769px) and (min-width:1400px) {
    .hero--logos .hero__logos {
        padding-left: 50px
    }
}

@media screen and (min-width: 769px) and (max-width:319px) {
    .hero--logos .hero__logos {
        padding-right: 20px
    }
}

@media screen and (min-width: 769px) and (min-width:1400px) {
    .hero--logos .hero__logos {
        padding-right: 50px
    }
}

@media screen and (min-width: 769px) {
    .hero--logos .hero__logo {
        display: grid;
        place-items: center
    }

    .hero--logos .hero__image-container {
        max-width: 180px
    }
}

.horizontal-tabs {
    align-items: center;
    display: flex;
    margin: 0 0 25px;
    max-width: 413px;
    width: 100%
}

.horizontal-tabs__container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%
}

.horizontal-tabs__link {
    align-items: center;
    background-color: #fff;
    border: 2px solid #c9cfd3;
    border-radius: 6px;
    display: flex;
    flex: 1 1 130px;
    justify-content: center;
    min-height: 60px;
    padding: 18px;
    text-align: center;
    width: 100%
}

.horizontal-tabs__link-name {
    color: #8e8e8e
}

.horizontal-tabs__link--active {
    border: 2px solid #80296F
}

    .horizontal-tabs__link--active .horizontal-tabs__link-name {
        color: #472566
    }

.horizontal-tabs__link:active, .horizontal-tabs__link:focus, .horizontal-tabs__link:hover {
    border: 2px solid #80296F;
    outline: none
}

    .horizontal-tabs__link:active .horizontal-tabs__link-name, .horizontal-tabs__link:focus .horizontal-tabs__link-name, .horizontal-tabs__link:hover .horizontal-tabs__link-name {
        color: #472566
    }

@media screen and (max-width: 768px) {
    .horizontal-tabs {
        justify-content: center;
        max-width: unset
    }
}

.hr__hr {
    border: 0;
    margin: 0
}

.hr__lines {
    display: block;
    margin: 0 auto
}

.hr--simple {
    width: 100%
}

    .hr--simple .hr__hr {
        background-color: #dbdbdb;
        border: 0;
        height: 1px;
        margin: 0;
        width: 100%
    }

.hr--thick {
    border: none;
    border-radius: 20px;
    height: 8px;
    width: 100px
}

.info__inner {
    -moz-column-gap: calc(-19.62963px + 9.25926vw);
    column-gap: calc(-19.62963px + 9.25926vw);
    display: grid;
    grid-template-columns: 1fr;
    row-gap: calc(17.03704px + .92593vw)
}

@media screen and (max-width: 319px) {
    .info__inner {
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

@media screen and (min-width: 1400px) {
    .info__inner {
        -moz-column-gap: 110px;
        column-gap: 110px
    }
}

@media screen and (max-width: 319px) {
    .info__inner {
        row-gap: 20px
    }
}

@media screen and (min-width: 1400px) {
    .info__inner {
        row-gap: 30px
    }
}

.info__stats-title, .info__title {
    color: #472566
}

.info__stats-number, .info__stats-title, .info__title {
    font-family: futura-pt-bold,Jost,sans-serif
}

.info__subtitle, .info__text {
    color: #4e485b
}

.info__title {
    font-size: clamp(2.25rem,1.8796296296rem + 1.8518518519vw,3.5rem);
    letter-spacing: -2.49px;
    line-height: 1;
    margin: 0
}

.info__title--accent {
    position: relative
}

    .info__title--accent:after {
        background-color: #2D7F94;
        border-radius: 3px;
        bottom: -11px;
        content: "";
        height: 6px;
        left: 0;
        max-width: 80px;
        position: absolute;
        width: 100%
    }

.info__title + .info__subtitle {
    margin: 1.875rem 0 0
}

.info__subtitle {
    font-family: futura-medium,Jost,sans-serif;
    font-size: clamp(1.25rem,1.212962963rem + .1851851852vw,1.375rem);
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 1.5;
    margin: 0
}

    .info__subtitle + .info__text {
        margin: 1.25rem 0 0
    }

.info__text {
    font-family: futura-book,Jost,sans-serif;
    font-size: clamp(1.125rem,1.125rem + 0vw,1.125rem);
    font-weight: 400
}

.info__list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .info__list .info__list-item {
        display: flex;
        gap: 18px;
        list-style: none;
        margin: 0;
        padding: 0
    }

        .info__list .info__list-item .info__text {
            font-weight: 500
        }

        .info__list .info__list-item:before {
            align-self: start;
            background-color: #2D7F94;
            background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_tick_circle_green.svg);
            background-repeat: no-repeat;
            background-size: 100%;
            border-radius: 50%;
            content: "";
            display: block;
            flex: 0 0 26px;
            height: 26px;
            margin: 0;
            width: 26px
        }

.info__stats-container {
    -moz-column-gap: calc(-19.03704px + 9.07407vw);
    column-gap: calc(-19.03704px + 9.07407vw);
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    margin: 1.875rem 0 0;
    row-gap: calc(24.07407px + 1.85185vw)
}

@media screen and (max-width: 319px) {
    .info__stats-container {
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

@media screen and (min-width: 1400px) {
    .info__stats-container {
        -moz-column-gap: 108px;
        column-gap: 108px
    }
}

@media screen and (max-width: 319px) {
    .info__stats-container {
        row-gap: 30px
    }
}

@media screen and (min-width: 1400px) {
    .info__stats-container {
        row-gap: 50px
    }
}

.info__stats-item {
    display: grid;
    gap: 1.25rem
}

    .info__stats-item .info__text {
        opacity: .8
    }

.info__stats + .info__stats:after, .info__stats + .info__stats:before {
    border: .5px solid #979797;
    content: ""
}

.info__stats + .info__stats:before {
    display: none
}

.info__stats + .info__stats:after {
    display: flex;
    margin: 1.25rem 0 0
}

.info__stats-number {
    color: #2D7F94;
    font-size: clamp(3.75rem,3.287037037rem + 2.3148148148vw,5.3125rem);
    letter-spacing: -2.86px;
    line-height: 1.1333333333;
    margin: 0 0 1.3125rem;
    padding: 0 0 0 .4375rem
}

.info__stats-number--percentage:after {
    content: "%";
    display: inline;
    font-size: clamp(1.875rem,1.5416666667rem + 1.6666666667vw,3rem);
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    vertical-align: super
}

.info__stats-title {
    font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
    letter-spacing: -1px;
    line-height: 1.4;
    margin: 0 0 1.0625rem
}

@media screen and (min-width: 769px) {
    .info__inner {
        grid-template-columns: minmax(150px,600px) auto
    }

    .info__stats-item {
        display: grid;
        gap: 1.5625rem;
        grid-auto-rows: 1fr
    }

    .info__stats + .info__stats:before {
        display: flex;
        margin: 0 0 1.5625rem
    }

    .info__stats + .info__stats:after {
        display: none
    }
}

.investis-iframe {
    height: 1150px;
    width: 100%
}

.investis-iframe--medium {
    height: 1000px
}

.investis-iframe--small {
    height: 660px
}

@media screen and (max-width: 1279px) {
    .investis-iframe {
        height: 1220px
    }
}

@media screen and (max-width: 1023px) {
    .investis-iframe {
        height: 1260px
    }
}

@media screen and (max-width: 768px) {
    .investis-iframe {
        height: 1350px
    }
}

@media screen and (max-width: 589px) {
    .investis-iframe {
        height: 1530px
    }
}

@media screen and (max-width: 567px) {
    .investis-iframe {
        height: 1550px
    }

    .investis-iframe--small {
        height: 980px
    }
}

@media screen and (max-width: 401px) {
    .investis-iframe {
        height: 1630px
    }
}

.investis-iframe--auto {
    height: auto
}

.kpi {
    position: relative
}

.kpi__headings {
    padding-right: 16.66%
}

@media screen and (max-width: 567px) {
    .kpi__headings {
        padding-right: 0
    }
}

.kpi__heading {
    color: #472566;
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
    letter-spacing: -2.49px;
    line-height: 1;
    margin: 0;
    text-transform: uppercase
}

@media screen and (max-width: 1023px) {
    .kpi__heading {
        font-size: 2.6875rem
    }
}

@media screen and (max-width: 768px) {
    .kpi__heading {
        font-size: 1.875rem;
        letter-spacing: -1.73px
    }
}

.kpi__sub-heading {
    color: #4e485b;
    font-family: futura-medium,Jost,sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 1.36;
    margin: 2rem 0 0
}

.kpi__content {
    color: #4e485b;
    font-family: futura-book,Jost,sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.44;
    margin: 1.5rem 0 0
}

.kpi__list {
    color: #4e485b;
    font-family: futura-medium,Jost,sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.36
}

    .kpi__list p {
        font-weight: 500;
        letter-spacing: -.3px;
        margin: 0
    }

    .kpi__list ul {
        list-style-type: none;
        margin: 1.5rem 0 0;
        padding: 0
    }

    .kpi__list li {
        display: flex;
        font-size: 1.125rem;
        font-weight: 500;
        list-style: none;
        margin: 1.25rem 0 0;
        padding: 0 0 0 45px;
        position: relative
    }

        .kpi__list li:first-of-type {
            margin-top: 0
        }

        .kpi__list li:before {
            background-color: #2D7F94;
            background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_tick_circle_green.svg);
            background-repeat: no-repeat;
            background-size: 100%;
            border-radius: 50%;
            content: "";
            display: block;
            height: 26px;
            left: 0;
            margin-left: 0;
            position: absolute;
            width: 26px
        }

.kpi__grid--numbers {
    padding-top: 50px
}

.kpi__number {
    align-items: center;
    display: flex;
    font-size: 5rem;
    font-weight: 800;
    letter-spacing: -2.86px;
    text-align: left
}

.kpi__number, .kpi__percent {
    color: #2D7F94;
    font-family: futura-pt,Jost,sans-serif;
    line-height: 1
}

.kpi__percent {
    font-size: 2.875rem;
    margin-top: -.75rem
}

.kpi__text {
    color: #4e485b;
    font-family: futura-book,Jost,sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.44;
    margin: 1rem 0 0;
    padding-right: 25%;
    text-align: left
}

@media screen and (max-width: 567px) {
    .kpi__text {
        margin-top: 0;
        padding-right: 0
    }
}

.masonry__heading {
    margin: 0 0 80px;
    text-align: center
}

.masonry__container {
    display: grid;
    grid-template-columns: auto 300px;
    grid-gap: 20px
}

.masonry__grid {
    display: grid;
    gap: 20px;
    grid-auto-rows: 32px
}

.masonry__grid--main {
    grid-auto-flow: dense;
    grid-auto-rows: 32px;
    grid-template-columns: repeat(auto-fit,minmax(285px,1fr))
}

.masonry__grid--sub {
    grid-template-columns: repeat(auto-fill,minmax(285px,1fr))
}

.masonry__item {
    border-radius: 0 0 80px 0;
    cursor: pointer;
    display: block;
    grid-row: span 5;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.masonry__item--accent {
    grid-row: span 6
}

.masonry__item--stretch {
    grid-row: span 7
}

.masonry__item:active, .masonry__item:focus, .masonry__item:hover {
    outline: none
}

    .masonry__item:active .masonry__description, .masonry__item:focus .masonry__description, .masonry__item:hover .masonry__description {
        max-height: 300px
    }

.masonry__item-container {
    height: 100%;
    position: relative;
    width: 100%
}

.masonry__link {
    display: block;
    height: 100%;
    width: 100%
}

.masonry__content {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    padding: 30px 40px;
    position: absolute;
    transition: top .6s ease;
    width: 100%
}

.masonry__description {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    text-align: center;
    transition: max-height .6s ease;
    width: 100%;
    will-change: height
}

.masonry .card__heading, .masonry .card__lines {
    margin: 0 0 20px
}

.masonry .card__description {
    margin: 0
}

.masonry .card__description, .masonry .card__heading {
    color: #fff
}

.masonry__image {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

    .masonry__image:after {
        background: linear-gradient(180deg,rgba(27,0,86,0),#472566);
        content: "";
        display: block;
        height: 100%;
        inset: 0 0 0 0;
        position: absolute;
        width: 100%
    }

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

@media screen and (max-width: 567px) {
    .masonry--desktop-only .masonry__grid--main, .masonry--desktop-only .masonry__grid--sub {
        grid-template-columns: auto
    }

    .masonry--desktop-only .masonry__item--accent, .masonry--desktop-only .masonry__item--stretch {
        grid-row: span 4
    }
}

@media screen and (max-width: 1023px) {
    .masonry__container {
        grid-template-columns: 1fr
    }
}

@media screen and (max-width: 768px) {
    .masonry__heading {
        margin: 0 0 30px
    }

    .masonry__grid--main {
        grid-template-columns: repeat(auto-fit,minmax(175px,1fr))
    }

    .masonry__grid--sub {
        grid-template-columns: repeat(auto-fill,minmax(175px,1fr))
    }

    .masonry__item {
        grid-row: span 4
    }

    .masonry__item--stretch {
        grid-row: span 6
    }

    .masonry__item--accent {
        grid-row: span 5
    }

    .masonry__content {
        padding: 30px 25px
    }

        .masonry__content .card__heading {
            font-size: 1.375rem;
            line-height: 1.875rem
        }

        .masonry__content .card__description {
            font-size: 1rem;
            line-height: 1.375rem
        }
}

.media-content {
    position: relative
}

.media-content--pink .media-content__accent {
    background-color: #ED008C
}

.media-content--pink .media-content__quote-logo {
    fill: #ED008C
}

.media-content--teal .media-content__accent {
    background-color: #2D7F94
}

.media-content--teal .media-content__quote-logo {
    fill: #2D7F94
}

.media-content--green .media-content__accent {
    background-color: #94C93D
}

.media-content--green .media-content__quote-logo {
    fill: #94C93D
}

.media-content--blue .media-content__accent {
    background-color: #2D7F94
}

.media-content--blue .media-content__quote-logo {
    fill: #2D7F94
}

.media-content--yellow .media-content__accent {
    background-color: #EDE80A
}

.media-content--yellow .media-content__quote-logo {
    fill: #EDE80A
}

.media-content--purple .media-content__accent {
    background-color: #80296F
}

.media-content--purple .media-content__quote-logo {
    fill: #80296F
}

.media-content--dark-purple .media-content__accent {
    background-color: #653466
}

.media-content--dark-purple .media-content__quote-logo {
    fill: #653466
}

.media-content--dark-blue .media-content__accent {
    background-color: #472566
}

.media-content--dark-blue .media-content__quote-logo {
    fill: #472566
}

.media-content--cerulean-blue .media-content__accent {
    background-color: #2D7F94
}

.media-content--cerulean-blue .media-content__quote-logo {
    fill: #2D7F94
}

.media-content--electric-violet .media-content__accent {
    background-color: #492D7F
}

.media-content--electric-violet .media-content__quote-logo {
    fill: #492D7F
}

.media-content__accent-container {
    position: relative
}

.media-content__accent {
    height: 50%;
    left: -20px;
    position: absolute;
    top: -20px;
    width: 50%
}

.media-content__image {
    border-radius: 0 0 0 27%;
    position: relative
}

.media-content__inline-video-container {
    border-radius: 0 0 27% 0;
    overflow: hidden;
    position: relative;
    width: 500px
}

.media-content__text {
    padding: 0 104px
}

.media-content__logos-grid {
    padding: 80px 0 0
}

.media-content__logo {
    align-items: center;
    display: flex;
    justify-content: center
}

.media-content--video .media-content__image {
    border-radius: 0 0 27% 0
}

.media-content--video .media-content__video-details {
    align-items: flex-end;
    border-radius: 0 0 27% 0;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    width: 100%;
    z-index: 1
}

    .media-content--video .media-content__video-details:after {
        background: linear-gradient(0deg,#3d364b,rgba(61,54,75,0) 50%);
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

.media-content--video .media-content__video-title {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 24px
}

.media-content--no-curve .media-content__image {
    border-radius: 0
}

.media-content--video-full-width .media-content__video-details {
    padding-right: 30px
}

.media-content--video-full-width .media-content__video-title {
    margin-bottom: -1px
}

.media-content--video-full-width .media-content__image {
    width: 100%
}

.media-content--flipped .media-content__grid {
    flex-direction: row-reverse
}

.media-content--flipped .media-content__accent {
    left: auto;
    right: -20px
}

.media-content--flipped .media-content__image {
    border-radius: 0 0 27% 0
}

.media-content--awards-overview .media-content__image {
    border-radius: 0 0 80px 0
}

.media-content--awards-overview .media-content__quote-container {
    margin-left: auto;
    max-width: 521px
}

.media-content--awards-overview .media-content__accent-container {
    margin-bottom: 30px;
    max-width: 521px
}

.media-content--awards-overview .media-content__accent {
    left: -15px;
    top: -15px
}

.media-content--awards-overview .media-content__quote-logo {
    margin-right: 10px
}

.media-content--no-accent .media-content__accent {
    display: none
}

.media-content--inline-video .media-content__accent {
    left: -15px;
    top: -15px
}

@media screen and (max-width: 1319px) {
    .media-content {
        padding: 0 20px
    }
}

@media screen and (max-width: 1279px) {
    .media-content__text {
        padding: 0 20px
    }
}

@media screen and (max-width: 1024px) {
    .media-content--inline-video .media-content__inline-video, .media-content--inline-video .media-content__inline-video-container {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .media-content, .media-content__text {
        padding: 0
    }

    .media-content--flipped .media-content__accent-container .media-content__image {
        margin-left: auto
    }

    .media-content--flipped .media-content__accent-container .media-content__accent {
        left: auto;
        right: -10px
    }

    .media-content--awards-overview .media-content__accent, .media-content__accent {
        left: -10px;
        top: -10px
    }

    .media-content--inline-video .media-content__text {
        margin-bottom: 50px
    }

    .media-content--inline-video .media-content__accent {
        left: -10px;
        top: -10px
    }
}

@media screen and (max-width: 567px) {
    .media-content--inline-video .media-content__text {
        margin-bottom: 0
    }
}

.media-content--scroll-to .media-content__video-details {
    align-items: normal;
    border-radius: 0;
    padding: 0;
    position: relative
}

    .media-content--scroll-to .media-content__video-details:after {
        content: none
    }

.partners {
    position: relative
}

.partners__content, .partners__heading {
    font-family: futura-medium,Jost,sans-serif;
    font-weight: 500
}

.partnership-overview {
    position: relative
}

.partnership-overview__headings {
    padding-right: 16.66%
}

@media screen and (max-width: 567px) {
    .partnership-overview__headings {
        padding-right: 0
    }
}

.partnership-overview__heading {
    color: #472566;
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
    letter-spacing: -2.49px;
    line-height: 1;
    margin: 0;
    text-transform: uppercase
}

@media screen and (max-width: 1023px) {
    .partnership-overview__heading {
        font-size: 2.6875rem
    }
}

@media screen and (max-width: 768px) {
    .partnership-overview__heading {
        font-size: 1.875rem;
        letter-spacing: -1.73px
    }
}

.partnership-overview__sub-heading {
    color: #4e485b;
    font-family: futura-medium,Jost,sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 1.36;
    margin: 2rem 0 0
}

.partnership-overview__content {
    color: #4e485b;
    font-family: futura-book,Jost,sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.44
}

    .partnership-overview__content p {
        margin: 1rem 0 0
    }

        .partnership-overview__content p:first-of-type {
            margin-top: 0
        }

.quote-hero {
    overflow: hidden;
    position: relative
}

.quote-hero--pink .quote-hero__curve, .quote-hero--pink .quote-hero__logo {
    fill: #ED008C
}

.quote-hero--teal .quote-hero__curve, .quote-hero--teal .quote-hero__logo {
    fill: #2D7F94
}

.quote-hero--green .quote-hero__curve, .quote-hero--green .quote-hero__logo {
    fill: #94C93D
}

.quote-hero--blue .quote-hero__curve, .quote-hero--blue .quote-hero__logo {
    fill: #2D7F94
}

.quote-hero--yellow .quote-hero__curve, .quote-hero--yellow .quote-hero__logo {
    fill: #EDE80A
}

.quote-hero--purple .quote-hero__curve, .quote-hero--purple .quote-hero__logo {
    fill: #80296F
}

.quote-hero--dark-purple .quote-hero__curve, .quote-hero--dark-purple .quote-hero__logo {
    fill: #653466
}

.quote-hero--dark-blue .quote-hero__curve, .quote-hero--dark-blue .quote-hero__logo {
    fill: #472566
}

.quote-hero--electric-violet .quote-hero__curve, .quote-hero--electric-violet .quote-hero__logo {
    fill: #492D7F
}

.quote-hero__image-container {
    position: relative
}

.quote-hero__image {
    padding-bottom: 76px
}

.quote-hero__gradient {
    background: linear-gradient(180deg,rgba(0,24,70,0),#001846);
    bottom: 76px;
    display: block;
    height: 128px;
    left: 0;
    position: absolute;
    width: 100%
}

.quote-hero__statement {
    color: hsla(0,0%,100%,.6)
}

.quote-hero__author {
    bottom: 76px;
    margin-bottom: 40px;
    margin-right: 40px;
    position: absolute;
    right: 0;
    text-align: right
}

.quote-hero__white {
    background-color: #fff;
    bottom: 76px;
    height: 76px;
    left: 0;
    position: absolute;
    width: 30%
}

.quote-hero__curve {
    height: 99%;
    left: -10px;
    position: absolute;
    top: 0;
    transform: scaleX(-1);
    width: 50%
}

.quote-hero__swoosh {
    fill: #472566;
    height: 85%;
    left: 0;
    position: absolute;
    top: 9%;
    width: 54%
}

.quote-hero__content {
    height: calc(100% - 76px);
    left: 8%;
    position: absolute;
    top: 0;
    width: 36%
}

.quote-hero__content-inner {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width: 1279px) {
    .quote-hero__curve {
        top: -10px
    }
}

@media screen and (max-width: 1023px) {
    .quote-hero__curve {
        top: -20px
    }

    .quote-hero__swoosh {
        top: 5%
    }

    .quote-hero__content {
        width: 40%
    }
}

@media screen and (max-width: 768px) {
    .quote-hero {
        max-width: 100%;
        overflow: visible
    }

    .quote-hero__white {
        display: none
    }

    .quote-hero__image-container {
        width: calc(100% - 40px)
    }

    .quote-hero__image {
        padding-bottom: 0;
        width: 100%
    }

    .quote-hero__gradient {
        bottom: 0
    }

    .quote-hero__swoosh {
        height: 65%;
        top: 25%;
        width: calc(100% - 12px)
    }

    .quote-hero__curve {
        height: 60%;
        left: 26px;
        position: relative;
        top: -25px;
        width: 78%
    }

    .quote-hero__content {
        height: auto;
        left: 30px;
        top: 40%;
        width: 75%
    }

    .quote-hero__content-inner {
        position: relative;
        top: auto;
        transform: none
    }

    .quote-hero__author {
        bottom: 56px;
        margin-bottom: 0;
        margin-right: 0;
        right: 18px
    }
}

@media screen and (max-width: 567px) {
    .quote-hero__swoosh {
        top: 34%
    }

    .quote-hero__content {
        top: 44%;
        width: 79%
    }
}

@media screen and (max-width: 414px) {
    .quote-hero__gradient {
        height: 153px
    }

    .quote-hero__swoosh {
        top: 30%
    }

    .quote-hero__author {
        right: 30px
    }
}

.section--shaded .services-key-points__column-heading, .section--shaded .services-key-points__heading {
    color: #472566
}

.section--shaded .services-key-points__column-content, .section--shaded .services-key-points__column-content h1, .section--shaded .services-key-points__column-content h2, .section--shaded .services-key-points__column-content h3, .section--shaded .services-key-points__column-content h4, .section--shaded .services-key-points__column-content h5, .section--shaded .services-key-points__column-content h6, .section--shaded .services-key-points__column-content li, .section--shaded .services-key-points__column-content p, .section--shaded .services-key-points__content, .section--shaded .services-key-points__content h1, .section--shaded .services-key-points__content h2, .section--shaded .services-key-points__content h3, .section--shaded .services-key-points__content h4, .section--shaded .services-key-points__content h5, .section--shaded .services-key-points__content h6, .section--shaded .services-key-points__content li, .section--shaded .services-key-points__content p, .section--shaded .services-key-points__sub-heading {
    color: #4e485b
}

.section--dark .services-key-points__column-content, .section--dark .services-key-points__column-content h1, .section--dark .services-key-points__column-content h2, .section--dark .services-key-points__column-content h3, .section--dark .services-key-points__column-content h4, .section--dark .services-key-points__column-content h5, .section--dark .services-key-points__column-content h6, .section--dark .services-key-points__column-content li, .section--dark .services-key-points__column-content p, .section--dark .services-key-points__column-heading, .section--dark .services-key-points__content, .section--dark .services-key-points__content h1, .section--dark .services-key-points__content h2, .section--dark .services-key-points__content h3, .section--dark .services-key-points__content h4, .section--dark .services-key-points__content h5, .section--dark .services-key-points__content h6, .section--dark .services-key-points__content li, .section--dark .services-key-points__content p, .section--dark .services-key-points__heading, .section--dark .services-key-points__sub-heading {
    color: #fff
}

.section--white .services-key-points__column-heading, .section--white .services-key-points__heading {
    color: #472566
}

.section--white .services-key-points__column-content, .section--white .services-key-points__column-content h1, .section--white .services-key-points__column-content h2, .section--white .services-key-points__column-content h3, .section--white .services-key-points__column-content h4, .section--white .services-key-points__column-content h5, .section--white .services-key-points__column-content h6, .section--white .services-key-points__column-content li, .section--white .services-key-points__column-content p, .section--white .services-key-points__content, .section--white .services-key-points__content h1, .section--white .services-key-points__content h2, .section--white .services-key-points__content h3, .section--white .services-key-points__content h4, .section--white .services-key-points__content h5, .section--white .services-key-points__content h6, .section--white .services-key-points__content li, .section--white .services-key-points__content p, .section--white .services-key-points__sub-heading {
    color: #4e485b
}

.services-key-points {
    position: relative
}

.services-key-points--pink li:before {
    background-color: #ED008C !important
}

.services-key-points--pink.match-headers .services-key-points__heading {
    color: #ED008C
}

    .services-key-points--pink.match-headers .services-key-points__heading:after {
        background-color: #ED008C
    }

.services-key-points--pink.match-headers .services-key-points__column-heading {
    color: #ED008C
}

.services-key-points--teal li:before {
    background-color: #2D7F94 !important
}

.services-key-points--teal.match-headers .services-key-points__heading {
    color: #2D7F94
}

    .services-key-points--teal.match-headers .services-key-points__heading:after {
        background-color: #2D7F94
    }

.services-key-points--teal.match-headers .services-key-points__column-heading {
    color: #2D7F94
}

.services-key-points--green li:before {
    background-color: #94C93D !important
}

.services-key-points--green.match-headers .services-key-points__heading {
    color: #94C93D
}

    .services-key-points--green.match-headers .services-key-points__heading:after {
        background-color: #94C93D
    }

.services-key-points--green.match-headers .services-key-points__column-heading {
    color: #94C93D
}

.services-key-points--yellow li:before {
    background-color: #EDE80A !important
}

.services-key-points--yellow.match-headers .services-key-points__heading {
    color: #EDE80A
}

    .services-key-points--yellow.match-headers .services-key-points__heading:after {
        background-color: #EDE80A
    }

.services-key-points--yellow.match-headers .services-key-points__column-heading {
    color: #EDE80A
}

.services-key-points--purple li:before {
    background-color: #80296F !important
}

.services-key-points--purple.match-headers .services-key-points__heading {
    color: #80296F
}

    .services-key-points--purple.match-headers .services-key-points__heading:after {
        background-color: #80296F
    }

.services-key-points--purple.match-headers .services-key-points__column-heading {
    color: #80296F
}

.services-key-points--dark-purple li:before {
    background-color: #653466 !important
}

.services-key-points--dark-purple.match-headers .services-key-points__heading {
    color: #653466
}

    .services-key-points--dark-purple.match-headers .services-key-points__heading:after {
        background-color: #653466
    }

.services-key-points--dark-purple.match-headers .services-key-points__column-heading {
    color: #653466
}

.services-key-points--dark-blue li:before {
    background-color: #472566 !important
}

.services-key-points--dark-blue.match-headers .services-key-points__heading {
    color: #472566
}

    .services-key-points--dark-blue.match-headers .services-key-points__heading:after {
        background-color: #472566
    }

.services-key-points--dark-blue.match-headers .services-key-points__column-heading {
    color: #472566
}

.services-key-points--cerulean-blue li:before {
    background-color: #2D7F94 !important
}

.services-key-points--cerulean-blue.match-headers .services-key-points__heading {
    color: #2D7F94
}

    .services-key-points--cerulean-blue.match-headers .services-key-points__heading:after {
        background-color: #2D7F94
    }

.services-key-points--cerulean-blue.match-headers .services-key-points__column-heading {
    color: #2D7F94
}

.services-key-points--electric-violet li:before {
    background-color: #492D7F !important
}

.services-key-points--electric-violet.match-headers .services-key-points__heading {
    color: #492D7F
}

    .services-key-points--electric-violet.match-headers .services-key-points__heading:after {
        background-color: #492D7F
    }

.services-key-points--electric-violet.match-headers .services-key-points__column-heading {
    color: #492D7F
}

.services-key-points__heading {
    color: #fff;
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: clamp(2.25rem,1.8796296296rem + 1.8518518519vw,3.5rem);
    font-weight: 800;
    letter-spacing: -3.5px;
    line-height: 1;
    margin: 0
}

.services-key-points__heading--accent {
    position: relative
}

    .services-key-points__heading--accent:after {
        background-color: #2D7F94;
        border-radius: 3px;
        bottom: -11px;
        content: "";
        height: 6px;
        left: 0;
        max-width: 80px;
        position: absolute;
        width: 100%
    }

.services-key-points__sub-heading {
    color: #fff;
    font-family: futura-medium,Jost,sans-serif;
    font-size: clamp(1.25rem,1.212962963rem + .1851851852vw,1.375rem);
    font-weight: 500;
    letter-spacing: -.3px;
    line-height: 1.5;
    margin: 2rem 0 0;
    padding-right: 16.66%
}

@media screen and (max-width: 567px) {
    .services-key-points__sub-heading {
        padding-right: 0
    }
}

.services-key-points__image {
    max-width: 620px;
    width: 100%
}

.services-key-points .wysiwyg, .services-key-points__content {
    color: #fff;
    font-family: futura-medium,Jost,sans-serif;
    font-size: clamp(1.125rem,1.125rem + 0vw,1.125rem);
    font-weight: 500;
    letter-spacing: 0;
    margin: 1.25rem 0 0;
    padding-right: 16.66%
}

@media screen and (max-width: 567px) {
    .services-key-points .wysiwyg, .services-key-points__content {
        padding-right: 0
    }
}

.services-key-points .wysiwyg ul, .services-key-points__content ul {
    font-weight: 500;
    list-style-type: none;
    margin: 1.5rem 0 0;
    padding: 0
}

.services-key-points .wysiwyg li, .services-key-points__content li {
    display: flex;
    list-style: none;
    margin: 1.25rem 0 0;
    padding: 0 0 0 45px;
    position: relative
}

    .services-key-points .wysiwyg li:first-of-type, .services-key-points__content li:first-of-type {
        margin-top: 0
    }

    .services-key-points .wysiwyg li:before, .services-key-points__content li:before {
        background-color: #2D7F94;
        background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_tick_circle_transparent.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        border-radius: 50%;
        content: "";
        display: block;
        height: 26px;
        left: 0;
        margin-left: 0;
        position: absolute;
        width: 26px
    }

.services-key-points .wysiwyg p, .services-key-points__content p {
    color: hsla(0,0%,100%,.8);
    font-family: futura-book,Jost,sans-serif;
    font-weight: 300
}

    .services-key-points .wysiwyg p:not(::empty), .services-key-points__content p:not(::empty) {
        margin: 1.875rem 0 0
    }

.services-key-points__grid-columns {
    padding: 95px 0 0
}

@media screen and (max-width: 768px) {
    .services-key-points__grid-columns {
        padding-top: 50px
    }
}

.services-key-points__column {
    color: #fff;
    margin-bottom: 20px
}

.services-key-points__column-heading {
    color: #fff;
    font-family: futura-pt,Jost,sans-serif;
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .services-key-points__column-heading {
        font-size: 1.875rem;
        letter-spacing: -1.73px
    }
}

.services-key-points__column-content {
    color: #fff;
    font-size: 1.375rem;
    letter-spacing: 0;
    line-height: 1.36;
    margin: 1.125rem 0 0
}

.services {
    background: transparent
}

.services__grid {
    max-width: 840px
}

.services__heading {
    color: #fff;
    font-family: futura-pt,Jost,sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
    letter-spacing: -3.5px;
    line-height: 1;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .services__heading {
        font-size: 2.5rem;
        letter-spacing: -1.73px
    }
}

.services__sub-heading {
    color: #2D7F94;
    font-family: futura-pt,Jost,sans-serif;
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 1;
    margin: 0;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .services__sub-heading {
        font-size: 1.875rem;
        letter-spacing: -1.73px
    }
}

.services__heading + .services__sub-heading {
    margin: 3.18rem 0 0
}

.services__title {
    color: #fff;
    font-family: futura-medium,Jost,sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1;
    margin: 1.3rem 0 0
}

.services__content {
    color: hsla(0,0%,100%,.8);
    font-family: futura-book,Jost,sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.44;
    margin: 1.8rem 0 0
}

.services__list {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.33;
    margin: .75rem 0 0
}

    .services__list ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .services__list li {
        display: inline-flex;
        font-family: futura-medium,Jost,sans-serif;
        font-size: 1.125rem;
        font-weight: 500;
        list-style: none;
        margin: 1rem 0 0;
        padding: 0 49px 0 38px;
        position: relative
    }

        .services__list li:first-of-type {
            margin-top: 0
        }

        .services__list li:before {
            background-color: #2D7F94;
            background-image: url(https://www.softcat.com/application/themes/rawnet/app/images/interface/icon_tick_circle_green.svg);
            background-repeat: no-repeat;
            background-size: 100%;
            border-radius: 50%;
            content: "";
            display: block;
            height: 26px;
            left: 0;
            margin-left: 0;
            position: absolute;
            top: -1px;
            width: 26px
        }

.services__slider {
    margin-top: 40px
}

    .services__slider .swiper {
        overflow: unset;
        padding: 0 70px 0 0
    }

    .services__slider .swiper-wrapper {
        display: flex;
        height: 100%;
        min-height: 320px
    }

    .services__slider .swiper-slide {
        opacity: .3
    }

    .services__slider .swiper-slide-visible {
        opacity: 1
    }

    .services__slider .swiper-scrollbar {
        align-items: center;
        background: #483377;
        bottom: -60px;
        cursor: pointer;
        display: flex;
        height: 8px;
        left: 0;
        margin: 60px 0 0
    }

        .services__slider .swiper-scrollbar .swiper-scrollbar-drag {
            background-color: #492D7F;
            border-radius: 5px;
            height: 8px
        }

.services__card {
    align-self: stretch;
    background: #fff;
    border: 1px solid #f2f3f6;
    border-radius: 0 0 60px;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
    height: auto
}

.services__card-link {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-family: futura-medium,Jost,sans-serif;
    gap: 10px;
    justify-content: space-between;
    padding: 30px 40px
}

    .services__card-link:active, .services__card-link:focus, .services__card-link:hover {
        outline: none
    }

        .services__card-link:active .card__cta-icon, .services__card-link:focus .card__cta-icon, .services__card-link:hover .card__cta-icon {
            border: 2px solid #7b4783
        }

            .services__card-link:active .card__cta-icon svg, .services__card-link:focus .card__cta-icon svg, .services__card-link:hover .card__cta-icon svg {
                fill: #7b4783
            }

.services__card-heading {
    color: #472566;
    font-family: futura-medium,Jost,sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -.55px;
    line-height: 1.25;
    margin: 0;
    text-align: left
}

.services__card-content {
    color: #4e485b;
    font-family: futura-book,Jost,sans-serif;
    font-size: clamp(1.125rem,1.125rem + 0vw,1.125rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.33;
    margin: .69rem 0 0;
    text-align: left
}

.services__card-tags {
    font-family: futura-medium,Jost,sans-serif;
    list-style-type: none;
    margin: 1.3125rem 0 0
}

    .services__card-tags.tag-list {
        gap: 7px 10px
    }

        .services__card-tags.tag-list .tag-wrapper {
            display: flex;
            margin: 0
        }

.services__card-cta {
    text-align: left
}

    .services__card-cta .card__cta-icon {
        border: 2px solid #492D7F;
        transform: rotate(90deg)
    }

        .services__card-cta .card__cta-icon svg {
            fill: #492D7F
        }

    .services__card-cta .card__cta-text {
        color: #492D7F
    }

.services__spotlight {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: space-between;
    padding: 0 65px 0 0
}

.services__spotlight-title {
    color: #472566;
    font-family: futura-medium,Jost,sans-serif;
    font-size: clamp(1.25rem,1.212962963rem + .1851851852vw,1.375rem);
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 1.5;
    margin: 0
}

.services__spotlight-button {
    background-color: #472566;
    border: 2px solid #472566
}

    .services__spotlight-button:active, .services__spotlight-button:focus, .services__spotlight-button:hover {
        background: rgba(27,0,86,.1);
        outline: none
    }

.services--enquiry .services__heading, .services--enquiry .services__spotlight-title {
    font-family: futura-book,Jost,sans-serif;
    font-size: clamp(1.125rem,1.125rem + 0vw,1.125rem);
    font-weight: 400;
    letter-spacing: 0;
    text-transform: unset
}

.services--enquiry .services__spotlight-subtitle, .services--enquiry .services__sub-heading {
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: clamp(1.75rem,1.6018518519rem + .7407407407vw,2.25rem);
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.2857142857;
    line-height: 2.375;
    text-transform: uppercase
}

.services--enquiry .services__heading + .services__sub-heading, .services--enquiry .services__spotlight-title + .services__spotlight-subtitle {
    margin: .5625rem 0 0
}

.services--enquiry .services__content, .services--enquiry .services__heading, .services--enquiry .services__spotlight-subtitle, .services--enquiry .services__spotlight-title, .services--enquiry .services__sub-heading, .services--enquiry .services__title {
    color: #fff
}

.services--pink .services__spotlight-button {
    background: #ED008C;
    border: 2px solid #ED008C
}

    .services--pink .services__spotlight-button:active, .services--pink .services__spotlight-button:focus, .services--pink .services__spotlight-button:hover {
        background: rgba(204,82,153,.1);
        outline: none
    }

.services--teal .services__spotlight-button {
    background: #2D7F94;
    border: 2px solid #2D7F94
}

    .services--teal .services__spotlight-button:active, .services--teal .services__spotlight-button:focus, .services--teal .services__spotlight-button:hover {
        background: rgba(0,172,162,.1);
        outline: none
    }

.services--green .services__spotlight-button {
    background: #94C93D;
    border: 2px solid #94C93D
}

    .services--green .services__spotlight-button:active, .services--green .services__spotlight-button:focus, .services--green .services__spotlight-button:hover {
        background: rgba(129,196,98,.1);
        outline: none
    }

.services--cerulean .services__spotlight-button {
    background: #2D7F94;
    border: 2px solid #2D7F94
}

    .services--cerulean .services__spotlight-button:active, .services--cerulean .services__spotlight-button:focus, .services--cerulean .services__spotlight-button:hover {
        background: rgba(6,143,207,.1);
        outline: none
    }

.services--yellow .services__spotlight-button {
    background: #EDE80A;
    border: 2px solid #EDE80A
}

    .services--yellow .services__spotlight-button:active, .services--yellow .services__spotlight-button:focus, .services--yellow .services__spotlight-button:hover {
        background: rgba(251,189,86,.1);
        outline: none
    }

.services--purple .services__spotlight-button {
    background: #80296F;
    border: 2px solid #80296F
}

    .services--purple .services__spotlight-button:active, .services--purple .services__spotlight-button:focus, .services--purple .services__spotlight-button:hover {
        background: rgba(145,93,163,.1);
        outline: none
    }

.services--dark-purple .services__spotlight-button {
    background: #653466;
    border: 2px solid #653466
}

    .services--dark-purple .services__spotlight-button:active, .services--dark-purple .services__spotlight-button:focus, .services--dark-purple .services__spotlight-button:hover {
        background: rgba(116,9,96,.1);
        outline: none
    }

.services--dark .services__spotlight-button {
    background: #472566;
    border: 2px solid #472566
}

    .services--dark .services__spotlight-button:active, .services--dark .services__spotlight-button:focus, .services--dark .services__spotlight-button:hover {
        background: rgba(27,0,86,.1);
        outline: none
    }

.services--electric-violet .services__spotlight-button {
    background: #492D7F;
    border: 2px solid #492D7F
}

    .services--electric-violet .services__spotlight-button:active, .services--electric-violet .services__spotlight-button:focus, .services--electric-violet .services__spotlight-button:hover {
        background: rgba(130,39,249,.1);
        outline: none
    }

.services--blue .services__spotlight-button {
    background: #2D7F94;
    border: 2px solid #2D7F94
}

    .services--blue .services__spotlight-button:active, .services--blue .services__spotlight-button:focus, .services--blue .services__spotlight-button:hover {
        background: rgba(35,188,229,.1);
        outline: none
    }

@media screen and (min-width: 769px) {
    .services__slider .swiper {
        padding: 0 30px 0 0
    }
}

.share-article__inner {
    border-bottom: 1px solid rgba(0,24,70,.2);
    border-top: 1px solid rgba(0,24,70,.2);
    display: grid;
    gap: 1.25rem;
    padding: 3.75rem 0;
    place-items: center
}

.share-article__title {
    color: #472566;
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.4
}

.share-article__social {
    display: flex;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0
}

.share-article__social-item {
    height: 44px;
    margin: 0;
    width: 44px
}

.share-article__social-button {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0
}

.share-article__social-link {
    background-color: #80296F;
    border-radius: 100px;
    display: grid;
    place-items: center
}

    .share-article__social-link:active, .share-article__social-link:focus, .share-article__social-link:hover {
        background-color: #7b4783;
        outline: none
    }

.simple-banner, .simple-banner__container {
    position: relative;
    z-index: 1
}

.simple-banner__container {
    margin: 0 auto;
    max-width: 741px;
    text-align: center
}

.simple-banner__container--small {
    max-width: 540px
}

.simple-banner__container--large {
    max-width: 1021px
}

.simple-banner__copy, .simple-banner__heading, .simple-banner__page-name {
    font-weight: 500;
    text-align: center
}

.simple-banner__logo {
    margin: 0 auto 50px;
    max-height: 180px;
    max-width: 385px;
    padding: 0 20px
}

.simple-banner__page-name {
    color: #80296F;
    font-size: 1.625rem;
    line-height: 44px
}

.simple-banner__heading {
    color: #472566;
    font-size: 3.75rem;
    line-height: 66px
}

.simple-banner__copy {
    color: #472566;
    font-size: 1.375rem;
    line-height: 30px;
    margin-top: 30px;
    padding: 0 17px
}

.simple-banner__button-container {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.simple-banner__button:not(:last-child) {
    margin-right: 20px
}

.simple-banner--with-background-image {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 655px;
    justify-content: center;
    padding: 100px 0
}

    .simple-banner--with-background-image .simple-banner__background-image {
        height: 100%;
        left: 50%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .simple-banner--with-background-image .simple-banner__copy, .simple-banner--with-background-image .simple-banner__heading {
        color: #fff
    }

@media screen and (max-width: 768px) {
    .simple-banner--with-background-image {
        height: 753px
    }

        .simple-banner--with-background-image .simple-banner__logo {
            margin: 0 auto 20px
        }
}

@media screen and (max-width: 567px) {
    .simple-banner__container {
        padding: 0 20px
    }

    .simple-banner__page-name {
        font-size: 1.375rem;
        line-height: 30px
    }

    .simple-banner__heading {
        font-size: 2.5rem;
        line-height: 46px
    }

    .simple-banner__button-container {
        align-items: center;
        flex-direction: column
    }

    .simple-banner__button:not(:last-child) {
        margin-bottom: 20px;
        margin-right: 0
    }

    .simple-banner--with-background-image {
        height: 557px
    }
}

.solutions {
    background: transparent
}

.solutions--white .solutions__filter__select .select {
    background-color: #472566
}

.solutions--white .solutions__filter__title {
    color: #fff
}

.solutions--dark .solutions__filter__select .select {
    background-color: #fff
}

.solutions--dark .solutions__filter__title {
    color: #472566
}

.solutions__filter {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0 20px
}

.solutions__filter__container {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.solutions__filter__title {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.25rem
}

.solutions__filter__select {
    width: 100%
}

    .solutions__filter__select .select {
        border: 2px solid #80296F;
        cursor: pointer;
        padding: 13px 25px
    }

    .solutions__filter__select option {
        background: #fff;
        color: #000
    }

.solutions__slider .swiper {
    overflow: unset;
    padding: 0 70px 0 0
}

.solutions__slider .swiper-wrapper {
    display: flex;
    height: 100%;
    min-height: 245px
}

.solutions__slider .swiper-slide {
    opacity: .3
}

.solutions__slider .swiper-slide-visible {
    opacity: 1
}

.solutions__slider .swiper-scrollbar {
    align-items: center;
    background: #fff;
    bottom: -60px;
    cursor: pointer;
    display: flex;
    height: 4px;
    left: 0;
    margin: 60px 0 0
}

    .solutions__slider .swiper-scrollbar .swiper-scrollbar-drag {
        background-color: #80296F;
        border-radius: 5px;
        height: 8px
    }

@media screen and (min-width: 769px) {
    .solutions--white .solutions__filter__select {
        border-bottom: 1px solid #fff
    }

        .solutions--white .solutions__filter__select .select {
            background-color: transparent
        }

    .solutions--dark .solutions__filter__select {
        border-bottom: 1px solid #80296F
    }

        .solutions--dark .solutions__filter__select .select {
            background-color: transparent
        }

    .solutions--dark .solutions__slider .swiper-scrollbar {
        background: #7f7790
    }

    .solutions__slider .swiper {
        padding: 0 30px 0 0
    }

    .solutions__filter__select {
        width: auto
    }

        .solutions__filter__select .select {
            border: none;
            border-radius: unset;
            padding: 0 50px 0 0
        }
}

.spotlight-feed--white {
    background-color: #fff
}

    .spotlight-feed--white + .spotlight-feed--white {
        padding-top: 0
    }

.spotlight-feed--pink {
    background-color: #ED008C
}

    .spotlight-feed--pink + .spotlight-feed--pink {
        padding-top: 0
    }

.spotlight-feed--teal {
    background-color: #2D7F94
}

    .spotlight-feed--teal + .spotlight-feed--teal {
        padding-top: 0
    }

.spotlight-feed--green {
    background-color: #94C93D
}

    .spotlight-feed--green + .spotlight-feed--green {
        padding-top: 0
    }

.spotlight-feed--cerulean-blue {
    background-color: #2D7F94
}

    .spotlight-feed--cerulean-blue + .spotlight-feed--cerulean-blue {
        padding-top: 0
    }

.spotlight-feed--yellow {
    background-color: #EDE80A
}

    .spotlight-feed--yellow + .spotlight-feed--yellow {
        padding-top: 0
    }

.spotlight-feed--purple {
    background-color: #80296F
}

    .spotlight-feed--purple + .spotlight-feed--purple {
        padding-top: 0
    }

.spotlight-feed--dark-purple {
    background-color: #653466
}

    .spotlight-feed--dark-purple + .spotlight-feed--dark-purple {
        padding-top: 0
    }

.spotlight-feed--subtle {
    background-color: hsla(0,0%,100%,.5)
}

    .spotlight-feed--subtle + .spotlight-feed--subtle {
        padding-top: 0
    }

.spotlight-feed--bare {
    background-color: hsla(0,0%,100%,.05)
}

    .spotlight-feed--bare + .spotlight-feed--bare {
        padding-top: 0
    }

.spotlight-feed--grey {
    background-color: rgba(242,243,246,.5)
}

    .spotlight-feed--grey + .spotlight-feed--grey {
        padding-top: 0
    }

.spotlight-feed--dark-blue {
    background-color: #472566
}

    .spotlight-feed--dark-blue + .spotlight-feed--dark-blue {
        padding-top: 0
    }

.spotlight-feed--dark {
    background-color: #472566
}

    .spotlight-feed--dark + .spotlight-feed--dark {
        padding-top: 0
    }

.spotlight-feed--electric-violet {
    background-color: #492D7F
}

    .spotlight-feed--electric-violet + .spotlight-feed--electric-violet {
        padding-top: 0
    }

.spotlight-feed--picton-blue {
    background-color: #2D7F94
}

    .spotlight-feed--picton-blue + .spotlight-feed--picton-blue {
        padding-top: 0
    }

.spotlight-feed--shaded {
    background-color: #f2f3f6
}

    .spotlight-feed--shaded + .spotlight-feed--shaded {
        padding-top: 0
    }

    .spotlight-feed--bare .services--enquiry__spotlight-content, .spotlight-feed--bare .services--enquiry__spotlight-subtitle, .spotlight-feed--bare .services--enquiry__spotlight-title, .spotlight-feed--bare .services__spotlight-content, .spotlight-feed--bare .services__spotlight-subtitle, .spotlight-feed--bare .services__spotlight-title, .spotlight-feed--green .services--enquiry__spotlight-content, .spotlight-feed--green .services--enquiry__spotlight-subtitle, .spotlight-feed--green .services--enquiry__spotlight-title, .spotlight-feed--green .services__spotlight-content, .spotlight-feed--green .services__spotlight-subtitle, .spotlight-feed--green .services__spotlight-title, .spotlight-feed--grey .services--enquiry__spotlight-content, .spotlight-feed--grey .services--enquiry__spotlight-subtitle, .spotlight-feed--grey .services--enquiry__spotlight-title, .spotlight-feed--grey .services__spotlight-content, .spotlight-feed--grey .services__spotlight-subtitle, .spotlight-feed--grey .services__spotlight-title, .spotlight-feed--picton-blue .services--enquiry__spotlight-content, .spotlight-feed--picton-blue .services--enquiry__spotlight-subtitle, .spotlight-feed--picton-blue .services--enquiry__spotlight-title, .spotlight-feed--picton-blue .services__spotlight-content, .spotlight-feed--picton-blue .services__spotlight-subtitle, .spotlight-feed--picton-blue .services__spotlight-title, .spotlight-feed--pink .services--enquiry__spotlight-content, .spotlight-feed--pink .services--enquiry__spotlight-subtitle, .spotlight-feed--pink .services--enquiry__spotlight-title, .spotlight-feed--pink .services__spotlight-content, .spotlight-feed--pink .services__spotlight-subtitle, .spotlight-feed--pink .services__spotlight-title, .spotlight-feed--shaded .services--enquiry__spotlight-content, .spotlight-feed--shaded .services--enquiry__spotlight-subtitle, .spotlight-feed--shaded .services--enquiry__spotlight-title, .spotlight-feed--shaded .services__spotlight-content, .spotlight-feed--shaded .services__spotlight-subtitle, .spotlight-feed--shaded .services__spotlight-title, .spotlight-feed--subtle .services--enquiry__spotlight-content, .spotlight-feed--subtle .services--enquiry__spotlight-subtitle, .spotlight-feed--subtle .services--enquiry__spotlight-title, .spotlight-feed--subtle .services__spotlight-content, .spotlight-feed--subtle .services__spotlight-subtitle, .spotlight-feed--subtle .services__spotlight-title, .spotlight-feed--white .services--enquiry__spotlight-content, .spotlight-feed--white .services--enquiry__spotlight-subtitle, .spotlight-feed--white .services--enquiry__spotlight-title, .spotlight-feed--white .services__spotlight-content, .spotlight-feed--white .services__spotlight-subtitle, .spotlight-feed--white .services__spotlight-title, .spotlight-feed--yellow .services--enquiry__spotlight-content, .spotlight-feed--yellow .services--enquiry__spotlight-subtitle, .spotlight-feed--yellow .services--enquiry__spotlight-title, .spotlight-feed--yellow .services__spotlight-content, .spotlight-feed--yellow .services__spotlight-subtitle, .spotlight-feed--yellow .services__spotlight-title {
        color: #472566
    }

.spotlight-feed--cerulean-blue .services--enquiry__spotlight-content, .spotlight-feed--cerulean-blue .services--enquiry__spotlight-subtitle, .spotlight-feed--cerulean-blue .services--enquiry__spotlight-title, .spotlight-feed--cerulean-blue .services__spotlight-content, .spotlight-feed--cerulean-blue .services__spotlight-subtitle, .spotlight-feed--cerulean-blue .services__spotlight-title {
    color: #fff
}

.spotlight-feed--cerulean-blue .services--enquiry__spotlight-button, .spotlight-feed--cerulean-blue .services__spotlight-button {
    background-color: #fff;
    border: 2px solid #fff;
    color: #472566
}

    .spotlight-feed--cerulean-blue .services--enquiry__spotlight-button:active, .spotlight-feed--cerulean-blue .services--enquiry__spotlight-button:focus, .spotlight-feed--cerulean-blue .services--enquiry__spotlight-button:hover, .spotlight-feed--cerulean-blue .services__spotlight-button:active, .spotlight-feed--cerulean-blue .services__spotlight-button:focus, .spotlight-feed--cerulean-blue .services__spotlight-button:hover {
        color: #fff;
        outline: none
    }

.spotlight-feed--purple .services--enquiry__spotlight-content, .spotlight-feed--purple .services--enquiry__spotlight-subtitle, .spotlight-feed--purple .services--enquiry__spotlight-title, .spotlight-feed--purple .services__spotlight-content, .spotlight-feed--purple .services__spotlight-subtitle, .spotlight-feed--purple .services__spotlight-title {
    color: #fff
}

.spotlight-feed--purple .services--enquiry__spotlight-button, .spotlight-feed--purple .services__spotlight-button {
    background-color: #fff;
    border: 2px solid #fff;
    color: #472566
}

    .spotlight-feed--purple .services--enquiry__spotlight-button:active, .spotlight-feed--purple .services--enquiry__spotlight-button:focus, .spotlight-feed--purple .services--enquiry__spotlight-button:hover, .spotlight-feed--purple .services__spotlight-button:active, .spotlight-feed--purple .services__spotlight-button:focus, .spotlight-feed--purple .services__spotlight-button:hover {
        color: #fff;
        outline: none
    }

.spotlight-feed--dark-purple .services--enquiry__spotlight-content, .spotlight-feed--dark-purple .services--enquiry__spotlight-subtitle, .spotlight-feed--dark-purple .services--enquiry__spotlight-title, .spotlight-feed--dark-purple .services__spotlight-content, .spotlight-feed--dark-purple .services__spotlight-subtitle, .spotlight-feed--dark-purple .services__spotlight-title {
    color: #fff
}

.spotlight-feed--dark-purple .services--enquiry__spotlight-button, .spotlight-feed--dark-purple .services__spotlight-button {
    background-color: #fff;
    border: 2px solid #fff;
    color: #472566
}

    .spotlight-feed--dark-purple .services--enquiry__spotlight-button:active, .spotlight-feed--dark-purple .services--enquiry__spotlight-button:focus, .spotlight-feed--dark-purple .services--enquiry__spotlight-button:hover, .spotlight-feed--dark-purple .services__spotlight-button:active, .spotlight-feed--dark-purple .services__spotlight-button:focus, .spotlight-feed--dark-purple .services__spotlight-button:hover {
        color: #fff;
        outline: none
    }

.spotlight-feed--dark-blue .services--enquiry__spotlight-content, .spotlight-feed--dark-blue .services--enquiry__spotlight-subtitle, .spotlight-feed--dark-blue .services--enquiry__spotlight-title, .spotlight-feed--dark-blue .services__spotlight-content, .spotlight-feed--dark-blue .services__spotlight-subtitle, .spotlight-feed--dark-blue .services__spotlight-title {
    color: #fff
}

.spotlight-feed--dark-blue .services--enquiry__spotlight-button, .spotlight-feed--dark-blue .services__spotlight-button {
    background-color: #fff;
    border: 2px solid #fff;
    color: #472566
}

    .spotlight-feed--dark-blue .services--enquiry__spotlight-button:active, .spotlight-feed--dark-blue .services--enquiry__spotlight-button:focus, .spotlight-feed--dark-blue .services--enquiry__spotlight-button:hover, .spotlight-feed--dark-blue .services__spotlight-button:active, .spotlight-feed--dark-blue .services__spotlight-button:focus, .spotlight-feed--dark-blue .services__spotlight-button:hover {
        color: #fff;
        outline: none
    }

.spotlight-feed--dark .services--enquiry__spotlight-content, .spotlight-feed--dark .services--enquiry__spotlight-subtitle, .spotlight-feed--dark .services--enquiry__spotlight-title, .spotlight-feed--dark .services__spotlight-content, .spotlight-feed--dark .services__spotlight-subtitle, .spotlight-feed--dark .services__spotlight-title {
    color: #fff
}

.spotlight-feed--dark .services--enquiry__spotlight-button, .spotlight-feed--dark .services__spotlight-button {
    background-color: #fff;
    border: 2px solid #fff;
    color: #472566
}

    .spotlight-feed--dark .services--enquiry__spotlight-button:active, .spotlight-feed--dark .services--enquiry__spotlight-button:focus, .spotlight-feed--dark .services--enquiry__spotlight-button:hover, .spotlight-feed--dark .services__spotlight-button:active, .spotlight-feed--dark .services__spotlight-button:focus, .spotlight-feed--dark .services__spotlight-button:hover {
        color: #fff;
        outline: none
    }

.spotlight-feed--electric-violet .services--enquiry__spotlight-content, .spotlight-feed--electric-violet .services--enquiry__spotlight-subtitle, .spotlight-feed--electric-violet .services--enquiry__spotlight-title, .spotlight-feed--electric-violet .services__spotlight-content, .spotlight-feed--electric-violet .services__spotlight-subtitle, .spotlight-feed--electric-violet .services__spotlight-title {
    color: #fff
}

.spotlight-feed--electric-violet .services--enquiry__spotlight-button, .spotlight-feed--electric-violet .services__spotlight-button {
    background-color: #fff;
    border: 2px solid #fff;
    color: #472566
}

    .spotlight-feed--electric-violet .services--enquiry__spotlight-button:active, .spotlight-feed--electric-violet .services--enquiry__spotlight-button:focus, .spotlight-feed--electric-violet .services--enquiry__spotlight-button:hover, .spotlight-feed--electric-violet .services__spotlight-button:active, .spotlight-feed--electric-violet .services__spotlight-button:focus, .spotlight-feed--electric-violet .services__spotlight-button:hover {
        color: #fff;
        outline: none
    }

.spotlight-feed--teal .services--enquiry__spotlight-content, .spotlight-feed--teal .services--enquiry__spotlight-subtitle, .spotlight-feed--teal .services--enquiry__spotlight-title, .spotlight-feed--teal .services__spotlight-content, .spotlight-feed--teal .services__spotlight-subtitle, .spotlight-feed--teal .services__spotlight-title {
    color: #fff
}

.spotlight-feed--teal .services--enquiry__spotlight-button, .spotlight-feed--teal .services__spotlight-button {
    background-color: #fff;
    border: 2px solid #fff;
    color: #472566
}

    .spotlight-feed--teal .services--enquiry__spotlight-button:active, .spotlight-feed--teal .services--enquiry__spotlight-button:focus, .spotlight-feed--teal .services--enquiry__spotlight-button:hover, .spotlight-feed--teal .services__spotlight-button:active, .spotlight-feed--teal .services__spotlight-button:focus, .spotlight-feed--teal .services__spotlight-button:hover {
        color: #fff;
        outline: none
    }

.spotlight-feed--shaded .text-download__subtitle {
    color: #472566
}

.testimonial {
    background: transparent
}

.testimonial--dark .card__cta-text {
    color: #80296F
}

.testimonial--dark .blockquote__quote {
    color: #472566
}

.testimonial--white .blockquote__quote, .testimonial--white .card__cta-text {
    color: #fff
}

.testimonial--white .blockquote .blockquote__lines:before {
    background-color: #fff
}

.testimonial--white__bullets .glide__bullet {
    background: #fff;
    color: #fff
}

.testimonial .glide__container, .testimonial .glide__slide, .testimonial .glide__slides, .testimonial .glide__track, .testimonial__slider {
    height: 100%
}

.testimonial .glide__container {
    margin: 0
}

.testimonial .glide__slides, .testimonial .glide__track {
    padding: 0
}

.testimonial__slide {
    display: grid;
    gap: 50px;
    grid-template-columns: 220px 1fr
}

.testimonial__content {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 35px;
    justify-content: space-between;
    position: relative
}

    .testimonial__content .testimonial--white .blockquote__quote {
        margin: 0
    }

        .testimonial__content .testimonial--white .blockquote__quote .blockquote__quote {
            font-size: 1.75rem;
            line-height: 2.25rem;
            margin: 0
        }

.testimonial__link {
    display: block;
    height: 100%;
    width: 100%
}

.testimonial__logo {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: flex-start
}

.testimonial__image {
    display: block;
    max-width: 220px;
    width: 100%
}

    .testimonial__image img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center
    }

.testimonial__caption {
    align-items: center;
    display: flex
}

    .testimonial__caption .card__cta-icon {
        border: 2px solid #80296F;
        border-radius: 50%;
        height: 18px;
        margin-right: 6px;
        min-width: 18px;
        width: 18px
    }

        .testimonial__caption .card__cta-icon svg {
            display: block;
            fill: #80296F;
            margin: 0 auto;
            transition: fill .3s
        }

    .testimonial__caption .card__cta-text {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.375rem;
        transition: color .3s
    }

.testimonial .blockquote {
    margin: 0
}

.testimonial .blockquote__quote {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.25rem
}

.testimonial .blockquote .blockquote__lines {
    min-height: 145px
}

.testimonial__bullets {
    margin: 45px 0 0
}

    .testimonial__bullets .glide__bullet--active {
        background: #80296F;
        color: #80296F
    }

@media screen and (max-width: 768px) {
    .testimonial__bullets {
        margin: 20px 0 0
    }

    .testimonial__slide {
        gap: 20px;
        grid-template-columns: 1fr
    }

    .testimonial__link {
        padding: 0 0 0 45px
    }
}

.usp__heading {
    color: #472566;
    font-family: futura-medium,Jost,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.33;
    margin-top: 1rem;
    max-width: 210px;
    text-align: center
}

.usp__icon {
    height: 26px;
    width: 26px
}

.usp__grid .grid__item {
    align-items: center;
    display: flex;
    flex-direction: column
}

.vertical-tabs .grid {
    position: relative;
    z-index: 10
}

@media screen and (max-width: 768px) {
    .vertical-tabs .grid {
        margin-right: 0
    }
}

.vertical-tabs .tabs {
    background: transparent;
    border: 0;
    display: block;
    height: auto
}

.vertical-tabs .tabs__link {
    background-color: #fff;
    border: 2px solid #80296F;
    border-radius: 6px;
    color: #472566;
    flex-direction: column;
    height: auto;
    margin-bottom: 10px;
    min-height: 60px;
    text-align: left
}

@media screen and (min-width: 769px) {
    .vertical-tabs .tabs__link {
        flex-direction: row;
        max-width: 305px;
        padding: 0
    }
}

.vertical-tabs .tabs__link-name {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 60px;
    padding: 18px;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 769px) {
    .vertical-tabs .tabs__link-name {
        justify-content: center
    }
}

.vertical-tabs .tabs__link-icon {
    align-items: center;
    border: 3px solid #80296F;
    border-radius: 100%;
    display: flex;
    height: 28px;
    justify-content: center;
    position: relative;
    width: 28px
}

    .vertical-tabs .tabs__link-icon:after, .vertical-tabs .tabs__link-icon:before {
        background: #80296F;
        border-radius: 2px;
        content: "";
        margin: 0 0 -8px;
        position: absolute;
        right: 0;
        top: 40%
    }

    .vertical-tabs .tabs__link-icon:before {
        background: #80296F;
        height: 15px;
        margin-top: -5.5px;
        right: 9px;
        transition: all .3s;
        width: 3px
    }

    .vertical-tabs .tabs__link-icon:after {
        background: #80296F;
        height: 3px;
        right: 3px;
        width: 15px
    }

@media screen and (min-width: 769px) {
    .vertical-tabs .tabs__link-icon {
        display: none
    }
}

.vertical-tabs .tabs__link .tabs__content {
    padding: 10px 18px 40px
}

@media screen and (max-width: 768px) {
    .vertical-tabs .tabs__link .tabs__content .grid {
        margin-right: 0
    }
}

@media screen and (min-width: 769px) {
    .vertical-tabs .tabs__link .tabs__content {
        padding: 0
    }
}

.vertical-tabs .tabs__link:hover {
    background: #80296F;
    color: #fff
}

.vertical-tabs .tabs__link--active {
    border-bottom-right-radius: 36px
}

    .vertical-tabs .tabs__link--active .tabs__link-icon:before {
        height: 0;
        margin-top: 0
    }

@media screen and (min-width: 769px) {
    .vertical-tabs .tabs__link--active {
        background-color: #80296F;
        border-bottom-right-radius: 6px;
        color: #fff
    }
}

.video-banner__page-name {
    color: #80296F;
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.7
}

.video-banner__heading {
    color: #472566;
    font-size: 3.75rem;
    line-height: 1.1
}

.video-banner__copy {
    color: #472566;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.4
}

.video-banner--gtm .video-banner__header {
    margin: 0 0 4.625rem -20px
}

.video-banner--gtm .video-banner__category {
    color: #2D7F94;
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: clamp(1.25rem,1.212962963rem + .1851851852vw,1.375rem);
    font-weight: 800;
    letter-spacing: -.5px;
    line-height: 1.5;
    margin: 0;
    text-transform: uppercase
}

.video-banner--gtm .video-banner__heading {
    color: #fff;
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: clamp(2.25rem,1.8796296296rem + 1.8518518519vw,3.5rem);
    font-weight: 800;
    letter-spacing: -3.11px;
    line-height: 1;
    margin: .3125rem 0 0;
    text-transform: uppercase
}

.video-banner--gtm .video-banner__copy {
    color: #fff;
    font-family: futura-book,Jost,sans-serif;
    font-size: clamp(1.125rem,1.125rem + 0vw,1.125rem);
    font-weight: 400;
    letter-spacing: 0;
    margin: 0
}

    .video-banner--gtm .video-banner__copy p + :not(strong) {
        opacity: .8
    }

    .video-banner--gtm .video-banner__copy strong {
        font-family: futura-medium,Jost,sans-serif;
        font-size: clamp(1.25rem,1.212962963rem + .1851851852vw,1.375rem);
        font-weight: 500;
        line-height: 1.5
    }

.video-banner--gtm .video-banner__button {
    margin-top: 47px;
    padding-left: 25px;
    padding-right: 25px
}

.video-banner--gtm--pink .video-banner__category {
    color: #ED008C
}

.video-banner--gtm--teal .video-banner__category {
    color: #2D7F94
}

.video-banner--gtm--green .video-banner__category {
    color: #94C93D
}

.video-banner--gtm--blue .video-banner__category {
    color: #2D7F94
}

.video-banner--gtm--yellow .video-banner__category {
    color: #EDE80A
}

.video-banner--gtm--purple .video-banner__category {
    color: #80296F
}

.video-banner--gtm--dark-purple .video-banner__category {
    color: #653466
}

.video-banner--gtm--dark-blue .video-banner__category {
    color: #472566
}

.video-banner--gtm--cerulean-blue .video-banner__category {
    color: #2D7F94
}

.video-banner--logos .video-banner__heading {
    color: #472566;
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: 3.75rem;
    font-weight: 800;
    letter-spacing: -1.73px;
    line-height: 1;
    margin: 1.5rem 0 0;
    text-transform: uppercase
}

.video-banner--logos .video-banner__copy {
    color: #4e485b;
    font-family: futura-medium,Jost,sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -.85px;
    line-height: 1.35;
    margin: 1.5rem 0 0
}

.video-banner--logos .media-content__text {
    padding-left: 0
}

.video-banner--education-hub .heading--1, .video-banner--education-hub .heading--2, .video-banner--education-hub .heading--3, .video-banner--education-hub .heading--4 {
    font-family: futura-pt-bold,Jost,sans-serif;
    font-weight: 800;
    letter-spacing: -.1rem
}

.video-banner--education-hub .heading--1 {
    font-size: clamp(2.25rem,1.8796296296rem + 1.8518518519vw,3.5rem);
    line-height: 1
}

.video-banner--education-hub .heading--2 {
    font-size: clamp(1.875rem,1.5416666667rem + 1.6666666667vw,3rem);
    line-height: 1.2
}

.video-banner--education-hub .heading--3 {
    font-size: clamp(1.75rem,1.6018518519rem + .7407407407vw,2.25rem);
    line-height: 1.2857142857
}

.video-banner--education-hub .heading--4 {
    font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
    line-height: 1.4
}

.video-banner--education-hub.video-banner--pink .video-banner__page-name {
    color: #ED008C
}

.video-banner--education-hub.video-banner--teal .video-banner__page-name {
    color: #2D7F94
}

.video-banner--education-hub.video-banner--green .video-banner__page-name {
    color: #94C93D
}

.video-banner--education-hub.video-banner--blue .video-banner__page-name {
    color: #2D7F94
}

.video-banner--education-hub.video-banner--yellow .video-banner__page-name {
    color: #EDE80A
}

.video-banner--education-hub.video-banner--purple .video-banner__page-name {
    color: #80296F
}

.video-banner--education-hub.video-banner--dark-purple .video-banner__page-name {
    color: #653466
}

.video-banner--education-hub.video-banner--dark-blue .video-banner__page-name {
    color: #472566
}

.video-banner--education-hub.video-banner--cerulean-blue .video-banner__page-name {
    color: #2D7F94
}

@media screen and (max-width: 768px) {
    .video-banner--logos .video-banner__heading {
        letter-spacing: 0
    }

    .video-banner--gtm .video-banner__header {
        margin: 0 0 2rem -10px
    }

    .video-banner .media-content__text {
        padding-left: 0
    }
}

.video-slider__title {
    color: #fff;
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: clamp(2.25rem,1.8796296296rem + 1.8518518519vw,3.5rem);
    font-weight: 800;
    line-height: 1;
    line-height: .8;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.video-slider__description {
    color: #fff;
    max-width: 720px
}

.video-slider__sub-title {
    color: #fff;
    font-family: futura-pt-bold,Jost,sans-serif;
    font-size: clamp(1.75rem,1.6018518519rem + .7407407407vw,2.25rem);
    font-weight: 800;
    line-height: 1.2857142857;
    line-height: .8;
    margin-bottom: 0;
    text-transform: uppercase
}

.video-slider__line-break {
    border-color: #fff;
    border-style: solid
}

.video-slider__slider {
    padding-top: 1.25rem;
    position: relative
}

    .video-slider__slider .video-slider__play-button {
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: auto
    }

    .video-slider__slider .video-slider__picture {
        position: relative
    }

        .video-slider__slider .video-slider__picture .video-slider__slide-image {
            width: 100%
        }

    .video-slider__slider .video-slider__slide-title {
        color: #fff;
        font-family: futura-pt-bold,Jost,sans-serif;
        font-size: clamp(1.25rem,1.1018518519rem + .7407407407vw,1.75rem);
        font-weight: 800;
        line-height: 1.4;
        line-height: 1;
        margin-bottom: .8rem;
        margin-top: 1rem;
        text-transform: uppercase
    }

    .video-slider__slider .video-slider__slide-file-download-cta {
        align-items: center;
        color: #fff;
        display: flex;
        gap: 10px;
        justify-content: flex-start
    }

        .video-slider__slider .video-slider__slide-file-download-cta .video-slider__slide-file-download-icon {
            fill: #fff
        }

        .video-slider__slider .video-slider__slide-file-download-cta .video-slider__slide-file-download-text {
            color: #fff
        }

    .video-slider__slider .glide__track {
        overflow: visible
    }

    .video-slider__slider .glide__arrows {
        gap: 10px;
        left: auto;
        position: relative;
        right: 0;
        top: 0;
        transform: none;
        width: auto
    }

@media screen and (max-width: 567px) {
    .video-slider__slider .glide__arrows {
        display: none
    }
}

.video-slider__slider .glide__arrows .glide__arrow {
    background-color: #2D7F94;
    height: 40px;
    width: 40px
}

.video-slider__slider .glide__arrows .glide__arrow--left {
    transform: none
}

.video-slider__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem
}

.video-slider--light .video-slider__description, .video-slider--light .video-slider__slide-title, .video-slider--light .video-slider__sub-title, .video-slider--light .video-slider__title {
    color: #80296F
}

.video-slider--light .video-slider__line-break {
    border-color: #80296F
}

.video-slider--light .video-slider__slide-file-download-cta .video-slider__slide-file-download-text {
    color: #80296F
}

.video-slider--light .video-slider__slide-file-download-cta .video-slider__slide-file-download-icon {
    fill: #80296F
}

.video-slider--light .video-slider__slider .glide__arrows .glide__arrow {
    background-color: #80296F
}

.sticky {
    max-width: 1600px;
    position: relative;
    top: 0;
    transition: transform .3s ease-in-out;
    width: 100%;
    z-index: 99999
}

.ccm-toolbar-visible .sticky {
    z-index: 839
}

.sticky--hide {
    transform: translateY(-100%)
}

.sticky--active {
    position: fixed
}

.ccm-toolbar-visible .sticky--active {
    margin-top: 48px
}

.header-wrap {
    z-index: 900000
}

.text--white {
    color: #fff
}

.u-p {
    padding: 20px
}

@media screen and (max-width: 1449px) {
    .u-p\@xxlarge {
        padding: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-p\@xlarge-accents {
        padding: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-p\@xlarge {
        padding: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-p\@large {
        padding: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-p\@medium {
        padding: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-p\@small {
        padding: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-p\@xsmall {
        padding: 20px
    }
}

.u-p-half {
    padding: 10px
}

@media screen and (max-width: 1449px) {
    .u-p-half\@xxlarge {
        padding: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-p-half\@xlarge-accents {
        padding: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-p-half\@xlarge {
        padding: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-p-half\@large {
        padding: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-p-half\@medium {
        padding: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-p-half\@small {
        padding: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-p-half\@xsmall {
        padding: 10px
    }
}

.u-p-double {
    padding: 40px
}

@media screen and (max-width: 1449px) {
    .u-p-double\@xxlarge {
        padding: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-p-double\@xlarge-accents {
        padding: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-p-double\@xlarge {
        padding: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-p-double\@large {
        padding: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-p-double\@medium {
        padding: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-p-double\@small {
        padding: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-p-double\@xsmall {
        padding: 40px
    }
}

.u-p-triple {
    padding: 60px
}

@media screen and (max-width: 1449px) {
    .u-p-triple\@xxlarge {
        padding: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-p-triple\@xlarge-accents {
        padding: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-p-triple\@xlarge {
        padding: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-p-triple\@large {
        padding: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-p-triple\@medium {
        padding: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-p-triple\@small {
        padding: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-p-triple\@xsmall {
        padding: 60px
    }
}

.u-p-quad {
    padding: 80px
}

@media screen and (max-width: 1449px) {
    .u-p-quad\@xxlarge {
        padding: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-p-quad\@xlarge-accents {
        padding: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-p-quad\@xlarge {
        padding: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-p-quad\@large {
        padding: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-p-quad\@medium {
        padding: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-p-quad\@small {
        padding: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-p-quad\@xsmall {
        padding: 80px
    }
}

.u-p0 {
    padding: 0
}

@media screen and (max-width: 1449px) {
    .u-p0\@xxlarge {
        padding: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-p0\@xlarge-accents {
        padding: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-p0\@xlarge {
        padding: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-p0\@large {
        padding: 0
    }
}

@media screen and (max-width: 768px) {
    .u-p0\@medium {
        padding: 0
    }
}

@media screen and (max-width: 567px) {
    .u-p0\@small {
        padding: 0
    }
}

@media screen and (max-width: 413px) {
    .u-p0\@xsmall {
        padding: 0
    }
}

.u-pt {
    padding-top: 20px
}

@media screen and (max-width: 1449px) {
    .u-pt\@xxlarge {
        padding-top: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-pt\@xlarge-accents {
        padding-top: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-pt\@xlarge {
        padding-top: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-pt\@large {
        padding-top: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-pt\@medium {
        padding-top: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-pt\@small {
        padding-top: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-pt\@xsmall {
        padding-top: 20px
    }
}

.u-pt-half {
    padding-top: 10px
}

@media screen and (max-width: 1449px) {
    .u-pt-half\@xxlarge {
        padding-top: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-pt-half\@xlarge-accents {
        padding-top: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-pt-half\@xlarge {
        padding-top: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-pt-half\@large {
        padding-top: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-pt-half\@medium {
        padding-top: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-pt-half\@small {
        padding-top: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-pt-half\@xsmall {
        padding-top: 10px
    }
}

.u-pt-double {
    padding-top: 40px
}

@media screen and (max-width: 1449px) {
    .u-pt-double\@xxlarge {
        padding-top: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-pt-double\@xlarge-accents {
        padding-top: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-pt-double\@xlarge {
        padding-top: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-pt-double\@large {
        padding-top: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-pt-double\@medium {
        padding-top: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-pt-double\@small {
        padding-top: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-pt-double\@xsmall {
        padding-top: 40px
    }
}

.u-pt-triple {
    padding-top: 60px
}

@media screen and (max-width: 1449px) {
    .u-pt-triple\@xxlarge {
        padding-top: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-pt-triple\@xlarge-accents {
        padding-top: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-pt-triple\@xlarge {
        padding-top: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-pt-triple\@large {
        padding-top: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-pt-triple\@medium {
        padding-top: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-pt-triple\@small {
        padding-top: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-pt-triple\@xsmall {
        padding-top: 60px
    }
}

.u-pt-quad {
    padding-top: 80px
}

@media screen and (max-width: 1449px) {
    .u-pt-quad\@xxlarge {
        padding-top: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-pt-quad\@xlarge-accents {
        padding-top: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-pt-quad\@xlarge {
        padding-top: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-pt-quad\@large {
        padding-top: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-pt-quad\@medium {
        padding-top: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-pt-quad\@small {
        padding-top: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-pt-quad\@xsmall {
        padding-top: 80px
    }
}

.u-pt0 {
    padding-top: 0
}

@media screen and (max-width: 1449px) {
    .u-pt0\@xxlarge {
        padding-top: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-pt0\@xlarge-accents {
        padding-top: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-pt0\@xlarge {
        padding-top: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-pt0\@large {
        padding-top: 0
    }
}

@media screen and (max-width: 768px) {
    .u-pt0\@medium {
        padding-top: 0
    }
}

@media screen and (max-width: 567px) {
    .u-pt0\@small {
        padding-top: 0
    }
}

@media screen and (max-width: 413px) {
    .u-pt0\@xsmall {
        padding-top: 0
    }
}

.u-pr {
    padding-right: 20px
}

@media screen and (max-width: 1449px) {
    .u-pr\@xxlarge {
        padding-right: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-pr\@xlarge-accents {
        padding-right: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-pr\@xlarge {
        padding-right: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-pr\@large {
        padding-right: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-pr\@medium {
        padding-right: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-pr\@small {
        padding-right: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-pr\@xsmall {
        padding-right: 20px
    }
}

.u-pr-half {
    padding-right: 10px
}

@media screen and (max-width: 1449px) {
    .u-pr-half\@xxlarge {
        padding-right: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-pr-half\@xlarge-accents {
        padding-right: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-pr-half\@xlarge {
        padding-right: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-pr-half\@large {
        padding-right: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-pr-half\@medium {
        padding-right: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-pr-half\@small {
        padding-right: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-pr-half\@xsmall {
        padding-right: 10px
    }
}

.u-pr-double {
    padding-right: 40px
}

@media screen and (max-width: 1449px) {
    .u-pr-double\@xxlarge {
        padding-right: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-pr-double\@xlarge-accents {
        padding-right: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-pr-double\@xlarge {
        padding-right: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-pr-double\@large {
        padding-right: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-pr-double\@medium {
        padding-right: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-pr-double\@small {
        padding-right: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-pr-double\@xsmall {
        padding-right: 40px
    }
}

.u-pr-triple {
    padding-right: 60px
}

@media screen and (max-width: 1449px) {
    .u-pr-triple\@xxlarge {
        padding-right: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-pr-triple\@xlarge-accents {
        padding-right: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-pr-triple\@xlarge {
        padding-right: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-pr-triple\@large {
        padding-right: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-pr-triple\@medium {
        padding-right: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-pr-triple\@small {
        padding-right: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-pr-triple\@xsmall {
        padding-right: 60px
    }
}

.u-pr-quad {
    padding-right: 80px
}

@media screen and (max-width: 1449px) {
    .u-pr-quad\@xxlarge {
        padding-right: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-pr-quad\@xlarge-accents {
        padding-right: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-pr-quad\@xlarge {
        padding-right: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-pr-quad\@large {
        padding-right: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-pr-quad\@medium {
        padding-right: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-pr-quad\@small {
        padding-right: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-pr-quad\@xsmall {
        padding-right: 80px
    }
}

.u-pr0 {
    padding-right: 0
}

@media screen and (max-width: 1449px) {
    .u-pr0\@xxlarge {
        padding-right: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-pr0\@xlarge-accents {
        padding-right: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-pr0\@xlarge {
        padding-right: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-pr0\@large {
        padding-right: 0
    }
}

@media screen and (max-width: 768px) {
    .u-pr0\@medium {
        padding-right: 0
    }
}

@media screen and (max-width: 567px) {
    .u-pr0\@small {
        padding-right: 0
    }
}

@media screen and (max-width: 413px) {
    .u-pr0\@xsmall {
        padding-right: 0
    }
}

.u-pb {
    padding-bottom: 20px
}

@media screen and (max-width: 1449px) {
    .u-pb\@xxlarge {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-pb\@xlarge-accents {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-pb\@xlarge {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-pb\@large {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-pb\@medium {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-pb\@small {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-pb\@xsmall {
        padding-bottom: 20px
    }
}

.u-pb-half {
    padding-bottom: 10px
}

@media screen and (max-width: 1449px) {
    .u-pb-half\@xxlarge {
        padding-bottom: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-pb-half\@xlarge-accents {
        padding-bottom: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-pb-half\@xlarge {
        padding-bottom: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-pb-half\@large {
        padding-bottom: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-pb-half\@medium {
        padding-bottom: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-pb-half\@small {
        padding-bottom: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-pb-half\@xsmall {
        padding-bottom: 10px
    }
}

.u-pb-double {
    padding-bottom: 40px
}

@media screen and (max-width: 1449px) {
    .u-pb-double\@xxlarge {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-pb-double\@xlarge-accents {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-pb-double\@xlarge {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-pb-double\@large {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-pb-double\@medium {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-pb-double\@small {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-pb-double\@xsmall {
        padding-bottom: 40px
    }
}

.u-pb-triple {
    padding-bottom: 60px
}

@media screen and (max-width: 1449px) {
    .u-pb-triple\@xxlarge {
        padding-bottom: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-pb-triple\@xlarge-accents {
        padding-bottom: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-pb-triple\@xlarge {
        padding-bottom: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-pb-triple\@large {
        padding-bottom: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-pb-triple\@medium {
        padding-bottom: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-pb-triple\@small {
        padding-bottom: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-pb-triple\@xsmall {
        padding-bottom: 60px
    }
}

.u-pb-quad {
    padding-bottom: 80px
}

@media screen and (max-width: 1449px) {
    .u-pb-quad\@xxlarge {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-pb-quad\@xlarge-accents {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-pb-quad\@xlarge {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-pb-quad\@large {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-pb-quad\@medium {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-pb-quad\@small {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-pb-quad\@xsmall {
        padding-bottom: 80px
    }
}

.u-pb0 {
    padding-bottom: 0
}

@media screen and (max-width: 1449px) {
    .u-pb0\@xxlarge {
        padding-bottom: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-pb0\@xlarge-accents {
        padding-bottom: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-pb0\@xlarge {
        padding-bottom: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-pb0\@large {
        padding-bottom: 0
    }
}

@media screen and (max-width: 768px) {
    .u-pb0\@medium {
        padding-bottom: 0
    }
}

@media screen and (max-width: 567px) {
    .u-pb0\@small {
        padding-bottom: 0
    }
}

@media screen and (max-width: 413px) {
    .u-pb0\@xsmall {
        padding-bottom: 0
    }
}

.u-pl {
    padding-left: 20px
}

@media screen and (max-width: 1449px) {
    .u-pl\@xxlarge {
        padding-left: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-pl\@xlarge-accents {
        padding-left: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-pl\@xlarge {
        padding-left: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-pl\@large {
        padding-left: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-pl\@medium {
        padding-left: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-pl\@small {
        padding-left: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-pl\@xsmall {
        padding-left: 20px
    }
}

.u-pl-half {
    padding-left: 10px
}

@media screen and (max-width: 1449px) {
    .u-pl-half\@xxlarge {
        padding-left: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-pl-half\@xlarge-accents {
        padding-left: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-pl-half\@xlarge {
        padding-left: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-pl-half\@large {
        padding-left: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-pl-half\@medium {
        padding-left: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-pl-half\@small {
        padding-left: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-pl-half\@xsmall {
        padding-left: 10px
    }
}

.u-pl-double {
    padding-left: 40px
}

@media screen and (max-width: 1449px) {
    .u-pl-double\@xxlarge {
        padding-left: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-pl-double\@xlarge-accents {
        padding-left: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-pl-double\@xlarge {
        padding-left: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-pl-double\@large {
        padding-left: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-pl-double\@medium {
        padding-left: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-pl-double\@small {
        padding-left: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-pl-double\@xsmall {
        padding-left: 40px
    }
}

.u-pl-triple {
    padding-left: 60px
}

@media screen and (max-width: 1449px) {
    .u-pl-triple\@xxlarge {
        padding-left: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-pl-triple\@xlarge-accents {
        padding-left: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-pl-triple\@xlarge {
        padding-left: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-pl-triple\@large {
        padding-left: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-pl-triple\@medium {
        padding-left: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-pl-triple\@small {
        padding-left: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-pl-triple\@xsmall {
        padding-left: 60px
    }
}

.u-pl-quad {
    padding-left: 80px
}

@media screen and (max-width: 1449px) {
    .u-pl-quad\@xxlarge {
        padding-left: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-pl-quad\@xlarge-accents {
        padding-left: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-pl-quad\@xlarge {
        padding-left: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-pl-quad\@large {
        padding-left: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-pl-quad\@medium {
        padding-left: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-pl-quad\@small {
        padding-left: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-pl-quad\@xsmall {
        padding-left: 80px
    }
}

.u-pl0 {
    padding-left: 0
}

@media screen and (max-width: 1449px) {
    .u-pl0\@xxlarge {
        padding-left: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-pl0\@xlarge-accents {
        padding-left: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-pl0\@xlarge {
        padding-left: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-pl0\@large {
        padding-left: 0
    }
}

@media screen and (max-width: 768px) {
    .u-pl0\@medium {
        padding-left: 0
    }
}

@media screen and (max-width: 567px) {
    .u-pl0\@small {
        padding-left: 0
    }
}

@media screen and (max-width: 413px) {
    .u-pl0\@xsmall {
        padding-left: 0
    }
}

.u-ph {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (max-width: 1449px) {
    .u-ph\@xxlarge {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-ph\@xlarge-accents {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-ph\@xlarge {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-ph\@large {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-ph\@medium {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-ph\@small {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-ph\@xsmall {
        padding-left: 20px;
        padding-right: 20px
    }
}

.u-ph-half {
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (max-width: 1449px) {
    .u-ph-half\@xxlarge {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-ph-half\@xlarge-accents {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-ph-half\@xlarge {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-ph-half\@large {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-ph-half\@medium {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-ph-half\@small {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-ph-half\@xsmall {
        padding-left: 10px;
        padding-right: 10px
    }
}

.u-ph-double {
    padding-left: 40px;
    padding-right: 40px
}

@media screen and (max-width: 1449px) {
    .u-ph-double\@xxlarge {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-ph-double\@xlarge-accents {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-ph-double\@xlarge {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-ph-double\@large {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-ph-double\@medium {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-ph-double\@small {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-ph-double\@xsmall {
        padding-left: 40px;
        padding-right: 40px
    }
}

.u-ph-triple {
    padding-left: 60px;
    padding-right: 60px
}

@media screen and (max-width: 1449px) {
    .u-ph-triple\@xxlarge {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-ph-triple\@xlarge-accents {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-ph-triple\@xlarge {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-ph-triple\@large {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-ph-triple\@medium {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-ph-triple\@small {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-ph-triple\@xsmall {
        padding-left: 60px;
        padding-right: 60px
    }
}

.u-ph-quad {
    padding-left: 80px;
    padding-right: 80px
}

@media screen and (max-width: 1449px) {
    .u-ph-quad\@xxlarge {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-ph-quad\@xlarge-accents {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-ph-quad\@xlarge {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-ph-quad\@large {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-ph-quad\@medium {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-ph-quad\@small {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-ph-quad\@xsmall {
        padding-left: 80px;
        padding-right: 80px
    }
}

.u-ph0 {
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 1449px) {
    .u-ph0\@xxlarge {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-ph0\@xlarge-accents {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-ph0\@xlarge {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-ph0\@large {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 768px) {
    .u-ph0\@medium {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 567px) {
    .u-ph0\@small {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 413px) {
    .u-ph0\@xsmall {
        padding-left: 0;
        padding-right: 0
    }
}

.u-pv {
    padding-bottom: 20px;
    padding-top: 20px
}

@media screen and (max-width: 1449px) {
    .u-pv\@xxlarge {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-pv\@xlarge-accents {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-pv\@xlarge {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-pv\@large {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-pv\@medium {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-pv\@small {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-pv\@xsmall {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.u-pv-half {
    padding-bottom: 10px;
    padding-top: 10px
}

@media screen and (max-width: 1449px) {
    .u-pv-half\@xxlarge {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-pv-half\@xlarge-accents {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-pv-half\@xlarge {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-pv-half\@large {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-pv-half\@medium {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-pv-half\@small {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-pv-half\@xsmall {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

.u-pv-double {
    padding-bottom: 40px;
    padding-top: 40px
}

@media screen and (max-width: 1449px) {
    .u-pv-double\@xxlarge {
        padding-bottom: 40px;
        padding-top: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-pv-double\@xlarge-accents {
        padding-bottom: 40px;
        padding-top: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-pv-double\@xlarge {
        padding-bottom: 40px;
        padding-top: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-pv-double\@large {
        padding-bottom: 40px;
        padding-top: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-pv-double\@medium {
        padding-bottom: 40px;
        padding-top: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-pv-double\@small {
        padding-bottom: 40px;
        padding-top: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-pv-double\@xsmall {
        padding-bottom: 40px;
        padding-top: 40px
    }
}

.u-pv-triple {
    padding-bottom: 60px;
    padding-top: 60px
}

@media screen and (max-width: 1449px) {
    .u-pv-triple\@xxlarge {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-pv-triple\@xlarge-accents {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-pv-triple\@xlarge {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-pv-triple\@large {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-pv-triple\@medium {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-pv-triple\@small {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-pv-triple\@xsmall {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

.u-pv-quad {
    padding-bottom: 80px;
    padding-top: 80px
}

@media screen and (max-width: 1449px) {
    .u-pv-quad\@xxlarge {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-pv-quad\@xlarge-accents {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-pv-quad\@xlarge {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-pv-quad\@large {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-pv-quad\@medium {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-pv-quad\@small {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-pv-quad\@xsmall {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.u-pv0 {
    padding-bottom: 0;
    padding-top: 0
}

@media screen and (max-width: 1449px) {
    .u-pv0\@xxlarge {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-pv0\@xlarge-accents {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-pv0\@xlarge {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-pv0\@large {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media screen and (max-width: 768px) {
    .u-pv0\@medium {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media screen and (max-width: 567px) {
    .u-pv0\@small {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media screen and (max-width: 413px) {
    .u-pv0\@xsmall {
        padding-bottom: 0;
        padding-top: 0
    }
}

.u-m {
    margin: 20px
}

@media screen and (max-width: 1449px) {
    .u-m\@xxlarge {
        margin: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-m\@xlarge-accents {
        margin: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-m\@xlarge {
        margin: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-m\@large {
        margin: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-m\@medium {
        margin: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-m\@small {
        margin: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-m\@xsmall {
        margin: 20px
    }
}

.u-m-half {
    margin: 10px
}

@media screen and (max-width: 1449px) {
    .u-m-half\@xxlarge {
        margin: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-m-half\@xlarge-accents {
        margin: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-m-half\@xlarge {
        margin: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-m-half\@large {
        margin: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-m-half\@medium {
        margin: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-m-half\@small {
        margin: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-m-half\@xsmall {
        margin: 10px
    }
}

.u-m-double {
    margin: 40px
}

@media screen and (max-width: 1449px) {
    .u-m-double\@xxlarge {
        margin: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-m-double\@xlarge-accents {
        margin: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-m-double\@xlarge {
        margin: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-m-double\@large {
        margin: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-m-double\@medium {
        margin: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-m-double\@small {
        margin: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-m-double\@xsmall {
        margin: 40px
    }
}

.u-m-triple {
    margin: 60px
}

@media screen and (max-width: 1449px) {
    .u-m-triple\@xxlarge {
        margin: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-m-triple\@xlarge-accents {
        margin: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-m-triple\@xlarge {
        margin: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-m-triple\@large {
        margin: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-m-triple\@medium {
        margin: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-m-triple\@small {
        margin: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-m-triple\@xsmall {
        margin: 60px
    }
}

.u-m-quad {
    margin: 80px
}

@media screen and (max-width: 1449px) {
    .u-m-quad\@xxlarge {
        margin: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-m-quad\@xlarge-accents {
        margin: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-m-quad\@xlarge {
        margin: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-m-quad\@large {
        margin: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-m-quad\@medium {
        margin: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-m-quad\@small {
        margin: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-m-quad\@xsmall {
        margin: 80px
    }
}

.u-m0 {
    margin: 0
}

@media screen and (max-width: 1449px) {
    .u-m0\@xxlarge {
        margin: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-m0\@xlarge-accents {
        margin: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-m0\@xlarge {
        margin: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-m0\@large {
        margin: 0
    }
}

@media screen and (max-width: 768px) {
    .u-m0\@medium {
        margin: 0
    }
}

@media screen and (max-width: 567px) {
    .u-m0\@small {
        margin: 0
    }
}

@media screen and (max-width: 413px) {
    .u-m0\@xsmall {
        margin: 0
    }
}

.u-mt {
    margin-top: 20px
}

@media screen and (max-width: 1449px) {
    .u-mt\@xxlarge {
        margin-top: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-mt\@xlarge-accents {
        margin-top: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-mt\@xlarge {
        margin-top: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-mt\@large {
        margin-top: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-mt\@medium {
        margin-top: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-mt\@small {
        margin-top: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-mt\@xsmall {
        margin-top: 20px
    }
}

.u-mt-half {
    margin-top: 10px
}

@media screen and (max-width: 1449px) {
    .u-mt-half\@xxlarge {
        margin-top: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-mt-half\@xlarge-accents {
        margin-top: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-mt-half\@xlarge {
        margin-top: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-mt-half\@large {
        margin-top: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-mt-half\@medium {
        margin-top: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-mt-half\@small {
        margin-top: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-mt-half\@xsmall {
        margin-top: 10px
    }
}

.u-mt-double {
    margin-top: 40px
}

@media screen and (max-width: 1449px) {
    .u-mt-double\@xxlarge {
        margin-top: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-mt-double\@xlarge-accents {
        margin-top: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-mt-double\@xlarge {
        margin-top: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-mt-double\@large {
        margin-top: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-mt-double\@medium {
        margin-top: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-mt-double\@small {
        margin-top: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-mt-double\@xsmall {
        margin-top: 40px
    }
}

.u-mt-triple {
    margin-top: 60px
}

@media screen and (max-width: 1449px) {
    .u-mt-triple\@xxlarge {
        margin-top: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-mt-triple\@xlarge-accents {
        margin-top: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-mt-triple\@xlarge {
        margin-top: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-mt-triple\@large {
        margin-top: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-mt-triple\@medium {
        margin-top: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-mt-triple\@small {
        margin-top: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-mt-triple\@xsmall {
        margin-top: 60px
    }
}

.u-mt-quad {
    margin-top: 80px
}

@media screen and (max-width: 1449px) {
    .u-mt-quad\@xxlarge {
        margin-top: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-mt-quad\@xlarge-accents {
        margin-top: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-mt-quad\@xlarge {
        margin-top: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-mt-quad\@large {
        margin-top: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-mt-quad\@medium {
        margin-top: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-mt-quad\@small {
        margin-top: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-mt-quad\@xsmall {
        margin-top: 80px
    }
}

.u-mt0 {
    margin-top: 0
}

@media screen and (max-width: 1449px) {
    .u-mt0\@xxlarge {
        margin-top: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-mt0\@xlarge-accents {
        margin-top: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-mt0\@xlarge {
        margin-top: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-mt0\@large {
        margin-top: 0
    }
}

@media screen and (max-width: 768px) {
    .u-mt0\@medium {
        margin-top: 0
    }
}

@media screen and (max-width: 567px) {
    .u-mt0\@small {
        margin-top: 0
    }
}

@media screen and (max-width: 413px) {
    .u-mt0\@xsmall {
        margin-top: 0
    }
}

.u-mr {
    margin-right: 20px
}

@media screen and (max-width: 1449px) {
    .u-mr\@xxlarge {
        margin-right: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-mr\@xlarge-accents {
        margin-right: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-mr\@xlarge {
        margin-right: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-mr\@large {
        margin-right: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-mr\@medium {
        margin-right: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-mr\@small {
        margin-right: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-mr\@xsmall {
        margin-right: 20px
    }
}

.u-mr-half {
    margin-right: 10px
}

@media screen and (max-width: 1449px) {
    .u-mr-half\@xxlarge {
        margin-right: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-mr-half\@xlarge-accents {
        margin-right: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-mr-half\@xlarge {
        margin-right: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-mr-half\@large {
        margin-right: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-mr-half\@medium {
        margin-right: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-mr-half\@small {
        margin-right: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-mr-half\@xsmall {
        margin-right: 10px
    }
}

.u-mr-double {
    margin-right: 40px
}

@media screen and (max-width: 1449px) {
    .u-mr-double\@xxlarge {
        margin-right: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-mr-double\@xlarge-accents {
        margin-right: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-mr-double\@xlarge {
        margin-right: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-mr-double\@large {
        margin-right: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-mr-double\@medium {
        margin-right: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-mr-double\@small {
        margin-right: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-mr-double\@xsmall {
        margin-right: 40px
    }
}

.u-mr-triple {
    margin-right: 60px
}

@media screen and (max-width: 1449px) {
    .u-mr-triple\@xxlarge {
        margin-right: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-mr-triple\@xlarge-accents {
        margin-right: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-mr-triple\@xlarge {
        margin-right: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-mr-triple\@large {
        margin-right: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-mr-triple\@medium {
        margin-right: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-mr-triple\@small {
        margin-right: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-mr-triple\@xsmall {
        margin-right: 60px
    }
}

.u-mr-quad {
    margin-right: 80px
}

@media screen and (max-width: 1449px) {
    .u-mr-quad\@xxlarge {
        margin-right: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-mr-quad\@xlarge-accents {
        margin-right: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-mr-quad\@xlarge {
        margin-right: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-mr-quad\@large {
        margin-right: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-mr-quad\@medium {
        margin-right: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-mr-quad\@small {
        margin-right: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-mr-quad\@xsmall {
        margin-right: 80px
    }
}

.u-mr0 {
    margin-right: 0
}

@media screen and (max-width: 1449px) {
    .u-mr0\@xxlarge {
        margin-right: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-mr0\@xlarge-accents {
        margin-right: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-mr0\@xlarge {
        margin-right: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-mr0\@large {
        margin-right: 0
    }
}

@media screen and (max-width: 768px) {
    .u-mr0\@medium {
        margin-right: 0
    }
}

@media screen and (max-width: 567px) {
    .u-mr0\@small {
        margin-right: 0
    }
}

@media screen and (max-width: 413px) {
    .u-mr0\@xsmall {
        margin-right: 0
    }
}

.u-mb {
    margin-bottom: 20px
}

@media screen and (max-width: 1449px) {
    .u-mb\@xxlarge {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-mb\@xlarge-accents {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-mb\@xlarge {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-mb\@large {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-mb\@medium {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-mb\@small {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-mb\@xsmall {
        margin-bottom: 20px
    }
}

.u-mb-half {
    margin-bottom: 10px
}

@media screen and (max-width: 1449px) {
    .u-mb-half\@xxlarge {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-mb-half\@xlarge-accents {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-mb-half\@xlarge {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-mb-half\@large {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-mb-half\@medium {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-mb-half\@small {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-mb-half\@xsmall {
        margin-bottom: 10px
    }
}

.u-mb-double {
    margin-bottom: 40px
}

@media screen and (max-width: 1449px) {
    .u-mb-double\@xxlarge {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-mb-double\@xlarge-accents {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-mb-double\@xlarge {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-mb-double\@large {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-mb-double\@medium {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-mb-double\@small {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-mb-double\@xsmall {
        margin-bottom: 40px
    }
}

.u-mb-triple {
    margin-bottom: 60px
}

@media screen and (max-width: 1449px) {
    .u-mb-triple\@xxlarge {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-mb-triple\@xlarge-accents {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-mb-triple\@xlarge {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-mb-triple\@large {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-mb-triple\@medium {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-mb-triple\@small {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-mb-triple\@xsmall {
        margin-bottom: 60px
    }
}

.u-mb-quad {
    margin-bottom: 80px
}

@media screen and (max-width: 1449px) {
    .u-mb-quad\@xxlarge {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-mb-quad\@xlarge-accents {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-mb-quad\@xlarge {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-mb-quad\@large {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-mb-quad\@medium {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-mb-quad\@small {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-mb-quad\@xsmall {
        margin-bottom: 80px
    }
}

.u-mb0 {
    margin-bottom: 0
}

@media screen and (max-width: 1449px) {
    .u-mb0\@xxlarge {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-mb0\@xlarge-accents {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-mb0\@xlarge {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-mb0\@large {
        margin-bottom: 0
    }
}

@media screen and (max-width: 768px) {
    .u-mb0\@medium {
        margin-bottom: 0
    }
}

@media screen and (max-width: 567px) {
    .u-mb0\@small {
        margin-bottom: 0
    }
}

@media screen and (max-width: 413px) {
    .u-mb0\@xsmall {
        margin-bottom: 0
    }
}

.u-ml {
    margin-left: 20px
}

@media screen and (max-width: 1449px) {
    .u-ml\@xxlarge {
        margin-left: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-ml\@xlarge-accents {
        margin-left: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-ml\@xlarge {
        margin-left: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-ml\@large {
        margin-left: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-ml\@medium {
        margin-left: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-ml\@small {
        margin-left: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-ml\@xsmall {
        margin-left: 20px
    }
}

.u-ml-half {
    margin-left: 10px
}

@media screen and (max-width: 1449px) {
    .u-ml-half\@xxlarge {
        margin-left: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-ml-half\@xlarge-accents {
        margin-left: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-ml-half\@xlarge {
        margin-left: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-ml-half\@large {
        margin-left: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-ml-half\@medium {
        margin-left: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-ml-half\@small {
        margin-left: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-ml-half\@xsmall {
        margin-left: 10px
    }
}

.u-ml-double {
    margin-left: 40px
}

@media screen and (max-width: 1449px) {
    .u-ml-double\@xxlarge {
        margin-left: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-ml-double\@xlarge-accents {
        margin-left: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-ml-double\@xlarge {
        margin-left: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-ml-double\@large {
        margin-left: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-ml-double\@medium {
        margin-left: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-ml-double\@small {
        margin-left: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-ml-double\@xsmall {
        margin-left: 40px
    }
}

.u-ml-triple {
    margin-left: 60px
}

@media screen and (max-width: 1449px) {
    .u-ml-triple\@xxlarge {
        margin-left: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-ml-triple\@xlarge-accents {
        margin-left: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-ml-triple\@xlarge {
        margin-left: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-ml-triple\@large {
        margin-left: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-ml-triple\@medium {
        margin-left: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-ml-triple\@small {
        margin-left: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-ml-triple\@xsmall {
        margin-left: 60px
    }
}

.u-ml-quad {
    margin-left: 80px
}

@media screen and (max-width: 1449px) {
    .u-ml-quad\@xxlarge {
        margin-left: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-ml-quad\@xlarge-accents {
        margin-left: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-ml-quad\@xlarge {
        margin-left: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-ml-quad\@large {
        margin-left: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-ml-quad\@medium {
        margin-left: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-ml-quad\@small {
        margin-left: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-ml-quad\@xsmall {
        margin-left: 80px
    }
}

.u-ml0 {
    margin-left: 0
}

@media screen and (max-width: 1449px) {
    .u-ml0\@xxlarge {
        margin-left: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-ml0\@xlarge-accents {
        margin-left: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-ml0\@xlarge {
        margin-left: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-ml0\@large {
        margin-left: 0
    }
}

@media screen and (max-width: 768px) {
    .u-ml0\@medium {
        margin-left: 0
    }
}

@media screen and (max-width: 567px) {
    .u-ml0\@small {
        margin-left: 0
    }
}

@media screen and (max-width: 413px) {
    .u-ml0\@xsmall {
        margin-left: 0
    }
}

.u-mh {
    margin-left: 20px;
    margin-right: 20px
}

@media screen and (max-width: 1449px) {
    .u-mh\@xxlarge {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-mh\@xlarge-accents {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-mh\@xlarge {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-mh\@large {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-mh\@medium {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-mh\@small {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-mh\@xsmall {
        margin-left: 20px;
        margin-right: 20px
    }
}

.u-mh-half {
    margin-left: 10px;
    margin-right: 10px
}

@media screen and (max-width: 1449px) {
    .u-mh-half\@xxlarge {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-mh-half\@xlarge-accents {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-mh-half\@xlarge {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-mh-half\@large {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-mh-half\@medium {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-mh-half\@small {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-mh-half\@xsmall {
        margin-left: 10px;
        margin-right: 10px
    }
}

.u-mh-double {
    margin-left: 40px;
    margin-right: 40px
}

@media screen and (max-width: 1449px) {
    .u-mh-double\@xxlarge {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-mh-double\@xlarge-accents {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-mh-double\@xlarge {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-mh-double\@large {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-mh-double\@medium {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-mh-double\@small {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-mh-double\@xsmall {
        margin-left: 40px;
        margin-right: 40px
    }
}

.u-mh-triple {
    margin-left: 60px;
    margin-right: 60px
}

@media screen and (max-width: 1449px) {
    .u-mh-triple\@xxlarge {
        margin-left: 60px;
        margin-right: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-mh-triple\@xlarge-accents {
        margin-left: 60px;
        margin-right: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-mh-triple\@xlarge {
        margin-left: 60px;
        margin-right: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-mh-triple\@large {
        margin-left: 60px;
        margin-right: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-mh-triple\@medium {
        margin-left: 60px;
        margin-right: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-mh-triple\@small {
        margin-left: 60px;
        margin-right: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-mh-triple\@xsmall {
        margin-left: 60px;
        margin-right: 60px
    }
}

.u-mh-quad {
    margin-left: 80px;
    margin-right: 80px
}

@media screen and (max-width: 1449px) {
    .u-mh-quad\@xxlarge {
        margin-left: 80px;
        margin-right: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-mh-quad\@xlarge-accents {
        margin-left: 80px;
        margin-right: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-mh-quad\@xlarge {
        margin-left: 80px;
        margin-right: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-mh-quad\@large {
        margin-left: 80px;
        margin-right: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-mh-quad\@medium {
        margin-left: 80px;
        margin-right: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-mh-quad\@small {
        margin-left: 80px;
        margin-right: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-mh-quad\@xsmall {
        margin-left: 80px;
        margin-right: 80px
    }
}

.u-mh0 {
    margin-left: 0;
    margin-right: 0
}

@media screen and (max-width: 1449px) {
    .u-mh0\@xxlarge {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-mh0\@xlarge-accents {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-mh0\@xlarge {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-mh0\@large {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 768px) {
    .u-mh0\@medium {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 567px) {
    .u-mh0\@small {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 413px) {
    .u-mh0\@xsmall {
        margin-left: 0;
        margin-right: 0
    }
}

.u-mv {
    margin-bottom: 20px;
    margin-top: 20px
}

@media screen and (max-width: 1449px) {
    .u-mv\@xxlarge {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

@media screen and (max-width: 1319px) {
    .u-mv\@xlarge-accents {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

@media screen and (max-width: 1279px) {
    .u-mv\@xlarge {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-mv\@large {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

@media screen and (max-width: 768px) {
    .u-mv\@medium {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

@media screen and (max-width: 567px) {
    .u-mv\@small {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

@media screen and (max-width: 413px) {
    .u-mv\@xsmall {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.u-mv-half {
    margin-bottom: 10px;
    margin-top: 10px
}

@media screen and (max-width: 1449px) {
    .u-mv-half\@xxlarge {
        margin-bottom: 10px;
        margin-top: 10px
    }
}

@media screen and (max-width: 1319px) {
    .u-mv-half\@xlarge-accents {
        margin-bottom: 10px;
        margin-top: 10px
    }
}

@media screen and (max-width: 1279px) {
    .u-mv-half\@xlarge {
        margin-bottom: 10px;
        margin-top: 10px
    }
}

@media screen and (max-width: 1023px) {
    .u-mv-half\@large {
        margin-bottom: 10px;
        margin-top: 10px
    }
}

@media screen and (max-width: 768px) {
    .u-mv-half\@medium {
        margin-bottom: 10px;
        margin-top: 10px
    }
}

@media screen and (max-width: 567px) {
    .u-mv-half\@small {
        margin-bottom: 10px;
        margin-top: 10px
    }
}

@media screen and (max-width: 413px) {
    .u-mv-half\@xsmall {
        margin-bottom: 10px;
        margin-top: 10px
    }
}

.u-mv-double {
    margin-bottom: 40px;
    margin-top: 40px
}

@media screen and (max-width: 1449px) {
    .u-mv-double\@xxlarge {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media screen and (max-width: 1319px) {
    .u-mv-double\@xlarge-accents {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-mv-double\@xlarge {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media screen and (max-width: 1023px) {
    .u-mv-double\@large {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media screen and (max-width: 768px) {
    .u-mv-double\@medium {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media screen and (max-width: 567px) {
    .u-mv-double\@small {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media screen and (max-width: 413px) {
    .u-mv-double\@xsmall {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.u-mv-triple {
    margin-bottom: 60px;
    margin-top: 60px
}

@media screen and (max-width: 1449px) {
    .u-mv-triple\@xxlarge {
        margin-bottom: 60px;
        margin-top: 60px
    }
}

@media screen and (max-width: 1319px) {
    .u-mv-triple\@xlarge-accents {
        margin-bottom: 60px;
        margin-top: 60px
    }
}

@media screen and (max-width: 1279px) {
    .u-mv-triple\@xlarge {
        margin-bottom: 60px;
        margin-top: 60px
    }
}

@media screen and (max-width: 1023px) {
    .u-mv-triple\@large {
        margin-bottom: 60px;
        margin-top: 60px
    }
}

@media screen and (max-width: 768px) {
    .u-mv-triple\@medium {
        margin-bottom: 60px;
        margin-top: 60px
    }
}

@media screen and (max-width: 567px) {
    .u-mv-triple\@small {
        margin-bottom: 60px;
        margin-top: 60px
    }
}

@media screen and (max-width: 413px) {
    .u-mv-triple\@xsmall {
        margin-bottom: 60px;
        margin-top: 60px
    }
}

.u-mv-quad {
    margin-bottom: 80px;
    margin-top: 80px
}

@media screen and (max-width: 1449px) {
    .u-mv-quad\@xxlarge {
        margin-bottom: 80px;
        margin-top: 80px
    }
}

@media screen and (max-width: 1319px) {
    .u-mv-quad\@xlarge-accents {
        margin-bottom: 80px;
        margin-top: 80px
    }
}

@media screen and (max-width: 1279px) {
    .u-mv-quad\@xlarge {
        margin-bottom: 80px;
        margin-top: 80px
    }
}

@media screen and (max-width: 1023px) {
    .u-mv-quad\@large {
        margin-bottom: 80px;
        margin-top: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-mv-quad\@medium {
        margin-bottom: 80px;
        margin-top: 80px
    }
}

@media screen and (max-width: 567px) {
    .u-mv-quad\@small {
        margin-bottom: 80px;
        margin-top: 80px
    }
}

@media screen and (max-width: 413px) {
    .u-mv-quad\@xsmall {
        margin-bottom: 80px;
        margin-top: 80px
    }
}

.u-mv0 {
    margin-bottom: 0;
    margin-top: 0
}

@media screen and (max-width: 1449px) {
    .u-mv0\@xxlarge {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media screen and (max-width: 1319px) {
    .u-mv0\@xlarge-accents {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media screen and (max-width: 1279px) {
    .u-mv0\@xlarge {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media screen and (max-width: 1023px) {
    .u-mv0\@large {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media screen and (max-width: 768px) {
    .u-mv0\@medium {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media screen and (max-width: 567px) {
    .u-mv0\@small {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media screen and (max-width: 413px) {
    .u-mv0\@xsmall {
        margin-bottom: 0;
        margin-top: 0
    }
}

.u-hidden {
    display: none
}

.u-block {
    display: block
}

.u-inline-block {
    display: inline-block
}

.u-full-width {
    width: 100%
}

@media screen and (max-width: 768px) {
    .u-full-width\@medium {
        width: 100%
    }
}

.u-full-height {
    height: 100%
}

.u-max-width {
    max-width: 100%
}

.u-mw-342 {
    max-width: 342px
}

.u-mw-413 {
    max-width: 413px
}

.u-mw-720 {
    max-width: 720px
}

.u-pos-rel, .u-z-1 {
    position: relative
}

.u-z-1 {
    z-index: 1
}

.u-z-2 {
    position: relative;
    z-index: 2
}

.u-align-center {
    text-align: center
}

.u-align-left {
    text-align: left
}

.u-align-right {
    text-align: right
}

.u-weight-regular {
    font-weight: 400
}

.u-weight-medium {
    font-weight: 500
}

.u-weight-bold {
    font-weight: 800
}

.u-color-brand {
    color: #80296F
}

.u-tolopea {
    color: #472566
}

.u-color-mulled-wine {
    color: #4e485b
}

/*.u-uppercase {
    text-transform: uppercase
}*/

.u-size-22 {
    font-size: 1.375rem;
    line-height: 30px
}

.u-size-18 {
    font-size: 1.125rem;
    line-height: 24px
}

.u-size-14 {
    font-size: .875rem;
    line-height: 22px
}

.u-size-0 {
    font-size: 0
}

.u-line-height-18 {
    line-height: 18px
}

.u-line-height-22 {
    line-height: 22px
}

.u-line-height-tiny {
    line-height: .8
}

.u-img-left {
    float: left;
    padding-bottom: 20px;
    padding-right: 20px
}

    .u-img-left:last-child:after {
        clear: both;
        content: "";
        display: table
    }

.u-img-right {
    float: right;
    padding-bottom: 20px;
    padding-left: 20px
}

    .u-img-right:last-child:after {
        clear: both;
        content: "";
        display: table
    }

.u-df {
    display: flex
}

.u-df-col {
    flex-direction: column
}

@media screen and (max-width: 768px) {
    .u-df-col\@medium {
        flex-direction: column
    }
}

.u-df-align-center {
    align-items: center
}

.u-df-align-start {
    align-items: flex-start
}

@media screen and (max-width: 768px) {
    .u-df-align-start\@medium {
        align-items: flex-start
    }
}

.u-df-align-end {
    align-items: flex-end
}

.u-df-justify-space-between {
    justify-content: space-between
}

.u-df-justify-flex-end {
    justify-content: flex-end
}

.u-df-justify-center {
    justify-content: center
}

.u-m0-auto {
    display: block;
    margin: 0 auto
}

.u-m-auto {
    margin: auto
}

.u-mt-5 {
    margin-top: 5px
}

.u-mt-6 {
    margin-top: 6px
}

.u-mt-27 {
    margin-top: 27px
}

.u-mt-30 {
    margin-top: 30px
}

.u-mt-100 {
    margin-top: 100px
}

.u-mr-15 {
    margin-right: 15px
}

.u-mr-30 {
    margin-right: 30px
}

.u-mr-100 {
    margin-right: 100px
}

.u-mb-4 {
    margin-bottom: 4px
}

.u-mb-6 {
    margin-bottom: 6px
}

.u-mb-10 {
    margin-bottom: 10px !important
}

.u-mb-15 {
    margin-bottom: 15px
}

.u-mb-25 {
    margin-bottom: 25px
}

.u-mb-27 {
    margin-bottom: 27px
}

.u-mb-30 {
    margin-bottom: 30px
}

.u-mb-50 {
    margin-bottom: 50px
}

.u-mb-60 {
    margin-bottom: 60px
}

.u-mb-65 {
    margin-bottom: 65px
}

.u-mb-100 {
    margin-bottom: 100px
}

.u-ml-25 {
    margin-left: 25px
}

.u-ml-65 {
    margin-left: 65px
}

.u-border-b {
    border-bottom: 1px solid rgba(0,24,70,.2)
}

@media screen and (min-width: 769px) {
    .u-mt-half\@medium-min {
        margin-top: 10px
    }

    .u-mt-28\@medium-min {
        margin-top: 28px
    }

    .u-mt-35\@medium-min {
        margin-top: 35px
    }

    .u-mr-80\@medium-min {
        margin-right: 80px
    }

    .u-mr-88\@medium-min {
        margin-right: 88px
    }

    .u-mr-100\@medium-min {
        margin-right: 100px
    }

    .u-mr-108\@medium-min {
        margin-right: 108px
    }

    .u-mb-triple\@medium-min {
        margin-bottom: 40px
    }

    .u-mr\@medium-min {
        margin-right: 20px
    }

    .u-align-center\@medium {
        text-align: center
    }

    .u-mw-413\@medium-min {
        max-width: 413px
    }
}

@media screen and (min-width: 568px) {
    .u-mr-double\@small-min {
        margin-right: 40px
    }
}

@media screen and (max-width: 1279px) {
    .u-size-30\@xlarge {
        font-size: 1.875rem;
        line-height: 30px
    }
}

@media screen and (min-width: 1024px) {
    .u-pos-rel\@large-min {
        position: relative
    }

    .u-mb\@large-min {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1023px) {
    .u-size-24\@large {
        font-size: 1.5rem;
        line-height: 30px
    }

    .u-size-18\@large {
        font-size: 1.125rem;
        line-height: 28px
    }

    .u-size-14\@large {
        font-size: .875rem;
        line-height: 24px
    }

    .u-df-col\@large {
        flex-direction: column
    }

    .u-df-align-left\@large {
        align-items: flex-start
    }

    .u-mb\@large {
        margin-bottom: 20px
    }

    .u-mb-10\@large {
        margin-bottom: 10px
    }

    .u-mr\@large {
        margin-right: 20px
    }

    .u-ml-80\@large {
        margin-left: 80px
    }
}

@media screen and (max-width: 768px) {
    .u-mb-10\@medium {
        margin-bottom: 10px
    }

    .u-mb-20\@medium {
        margin-bottom: 20px
    }

    .u-ml\@medium {
        margin-left: 20px
    }

    .u-mr-0\@medium {
        margin-right: 0
    }

    .u-size-36\@medium {
        font-size: 2.25rem;
        line-height: 44px
    }

    .u-size-24\@medium {
        font-size: 1.5rem;
        line-height: 30px
    }

    .u-size-18\@medium {
        font-size: 1.125rem;
        line-height: 28px
    }

    .u-df-col\@medium {
        flex-direction: column
    }

    .u-df-align-start\@medium {
        align-items: flex-start
    }

    .u-ml-0\@medium {
        margin-left: 0
    }

    .u-mb\@medium {
        margin-bottom: 20px
    }

    .u-flex-order\@medium {
        flex-direction: column-reverse
    }

    .u-full-width\@medium {
        width: 100%
    }
}

@media screen and (max-width: 567px) {
    .u-align-center\@small {
        text-align: center
    }

    .u-mr-25\@small {
        margin-right: 25px
    }

    .u-mb-30\@small {
        margin-bottom: 30px
    }

    .u-ml-25\@small {
        margin-left: 25px
    }

    .u-size-24\@small {
        font-size: 1.5rem;
        line-height: 30px
    }

    .u-size-18\@small {
        font-size: 1.125rem;
        line-height: 28px
    }

    .u-df-col-flip {
        flex-direction: column-reverse
    }

        .u-df-col-flip .button--secondary {
            margin-bottom: 10px;
            margin-top: 0
        }
}

@media screen and (max-width: 414px) {
    .u-size-24\@415 {
        font-size: 1.5rem;
        line-height: 30px
    }
}

@media screen and (max-width: 375px) {
    .u-size-18\@small {
        font-size: 1.125rem;
        line-height: 28px
    }
}

@media screen and (max-width: 1449px) {
    .u-hidden\@xxlarge {
        display: none
    }
}

@media screen and (min-width: 1450px) {
    .u-hidden\@min-xxlarge {
        display: none
    }
}

@media screen and (max-width: 1319px) {
    .u-hidden\@xlarge-accents {
        display: none
    }
}

@media screen and (min-width: 1320px) {
    .u-hidden\@min-xlarge-accents {
        display: none
    }
}

@media screen and (max-width: 1279px) {
    .u-hidden\@xlarge {
        display: none
    }
}

@media screen and (min-width: 1280px) {
    .u-hidden\@min-xlarge {
        display: none
    }
}

@media screen and (max-width: 1023px) {
    .u-hidden\@large {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .u-hidden\@min-large {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .u-hidden\@medium {
        display: none
    }
}

@media screen and (min-width: 769px) {
    .u-hidden\@min-medium {
        display: none
    }
}

@media screen and (max-width: 567px) {
    .u-hidden\@small {
        display: none
    }
}

@media screen and (min-width: 568px) {
    .u-hidden\@min-small {
        display: none
    }
}

@media screen and (max-width: 413px) {
    .u-hidden\@xsmall {
        display: none
    }
}

@media screen and (min-width: 414px) {
    .u-hidden\@min-xsmall {
        display: none
    }
}

.grecaptcha-badge {
    z-index: 99999
}

@media screen and (max-width: 567px) {
    .grecaptcha-badge {
        bottom: 250px !important
    }
}

.osano-cm-dialog--hidden {
    display: none
}

#app {
    min-height: 65vh
}