/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

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

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.-link {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color .25s cubic-bezier(.39, .575, .565, 1) 0s
}

.-link:visited {
    color: #5c5c5c
}

.-link:focus, .-link:hover {
    color: #33f
}

.container {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

@media screen and (min-width: 47.9375em) {
    .container {
        padding-right: 60px;
        padding-left: 60px
    }
}

@media screen and (min-width: 75em) {
    .container {
        padding-right: 30px;
        padding-left: 30px;
        max-width: 1176px
    }
}

@media screen and (min-width: 100em) {
    .container {
        max-width: 1480px
    }
}

@media screen and (min-width: 47.9375em) {
    .node--identifier-hp-pro main {
        margin-top: -71px
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro main {
        margin-top: -176px
    }
}

.node--identifier-hp-pro #header {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

@media screen and (min-width: 47.9375em) {
    .node--identifier-hp-pro #header {
        padding-right: 60px;
        padding-left: 60px
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #header {
        padding-right: 30px;
        padding-left: 30px;
        max-width: 1176px
    }
}

@media screen and (min-width: 100em) {
    .node--identifier-hp-pro #header {
        max-width: 1480px
    }
}

@media screen and (min-width: 47.9375em) {
    .node--identifier-hp-pro #header {
        padding-top: 71px;
        margin-top: 0
    }

    .node--identifier-hp-pro #header:before {
        content: "";
        position: absolute;
        top: 71px;
        right: 0;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='646' height='694' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_259_2793)'%3E%3Cpath d='M68.275 0L40.181 50.478l351.544 651.17h254.316V0H68.275z' fill='url(%23paint0_linear_259_2793)' fill-opacity='.6'/%3E%3Cpath d='M210.205 650.449l26.15 51.199h409.686V0h-88.62L210.205 650.449z' fill='url(%23paint1_linear_259_2793)' fill-opacity='.8'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_259_2793' x1='40.181' y1='565.15' x2='773.979' y2='327.524' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2333F'/%3E%3Cstop offset='.5' stop-color='%2339F'/%3E%3Cstop offset='1' stop-color='%239FC'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_259_2793' x1='159.916' y1='575.926' x2='745.553' y2='375.652' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2333F'/%3E%3Cstop offset='.446' stop-color='%2339F'/%3E%3Cstop offset='1' stop-color='%239FC'/%3E%3C/linearGradient%3E%3Cfilter id='filter0_dd_259_2793' x='.181' y='-60' width='685.86' height='841.648' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='40'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.2 0 0 0 0 1 0 0 0 0.08 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_259_2793'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='-20'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.2 0 0 0 0 1 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect1_dropShadow_259_2793' result='effect2_dropShadow_259_2793'/%3E%3CfeBlend in='SourceGraphic' in2='effect2_dropShadow_259_2793' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position-x: 100%;
        background-size: auto 560px;
        z-index: -1
    }

    .node--identifier-hp-pro #header ::-ms-backdrop, .node--identifier-hp-pro #header:before {
        background-image: url(/themes/custom/luxtrust/img/shape-header.png)
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #header {
        padding-top: 176px
    }

    .node--identifier-hp-pro #header:before {
        top: 176px
    }
}

.node--identifier-hp-pro #header .header-wrapper {
    margin-top: 20px
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #header .header-wrapper {
        width: 83.33333%;
        margin: 0 auto;
        padding-top: 30px;
        padding-bottom: 120px
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #header .header-wrapper .scroll-indicator {
        width: 15px;
        height: 124px;
        position: absolute;
        left: 30px;
        bottom: 30px
    }

    @-webkit-keyframes mouse_scroll {
        0% {
            opacity: 0;
            top: 0
        }
        8% {
            opacity: 1;
            top: 0
        }
        12% {
            top: 0
        }
        70% {
            top: 92px
        }
        95% {
            top: 92px;
            opacity: 1
        }
        to {
            top: 92px;
            opacity: 0
        }
    }@keyframes mouse_scroll {
         0% {
             opacity: 0;
             top: 0
         }
         8% {
             opacity: 1;
             top: 0
         }
         12% {
             top: 0
         }
         70% {
             top: 92px
         }
         95% {
             top: 92px;
             opacity: 1
         }
         to {
             top: 92px;
             opacity: 0
         }
     }.node--identifier-hp-pro #header .header-wrapper .scroll-indicator:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 1px;
          height: 60px;
          background-color: #39f
      }

    .node--identifier-hp-pro #header .header-wrapper .scroll-indicator:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 15px;
        height: 32px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.7' height='31.1' fill='%23fff'%3E%3Cpath d='M.8 0h15v31.1H.8z'/%3E%3Cg stroke='%2300aae7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.3 4.6h0c4.1 0 7.5 3.4 7.5 7.5v7c0 4.1-3.4 7.5-7.5 7.5h0c-4.1 0-7.5-3.4-7.5-7.5v-7c0-4.2 3.4-7.5 7.5-7.5z'/%3E%3Cpath d='M9.8 11.2c0 .7-.7 1.3-1.5 1.3s-1.5-.5-1.5-1.3V9.9c0-.7.7-1.3 1.5-1.3s1.5.6 1.5 1.3v1.3z'/%3E%3C/g%3E%3C/svg%3E");
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-name: mouse_scroll;
        animation-name: mouse_scroll;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        z-index: 1
    }
}

@media screen and (min-width: 100em) {
    .node--identifier-hp-pro #header .header-wrapper .scroll-indicator {
        left: 120px
    }
}

@media screen and (min-width: 47.9375em) {
    .node--identifier-hp-pro #header .header-container {
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #header .header-container {
        margin-left: -30px;
        margin-right: -30px
    }
}

@media screen and (min-width: 47.9375em) {
    .node--identifier-hp-pro #header .header-content, .node--identifier-hp-pro #header .header-media {
        flex: 0 1 auto;
        width: 50%
    }
}

@media screen and (min-width: 47.9375em) {
    .node--identifier-hp-pro #header .header-content {
        padding-right: 20px
    }
}

@media screen and (min-width: 47.9375em) {
    .node--identifier-hp-pro #header .header-media {
        padding-left: 20px
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #header .header-media {
        flex: 0 1 auto;
        width: 40%
    }
}

.node--identifier-hp-pro #header .field--name-field-header-subtitle {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    color: #000
}

.node--identifier-hp-pro #header .paragraph--type--rich-title {
    margin-top: 10px
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #header .paragraph--type--rich-title {
        margin-top: 0
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #header .field--name-field-rich-content {
        margin-top: 30px
    }
}

.node--identifier-hp-pro #header .field--name-field-header-cta {
    padding-left: 40px
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #header .field--name-field-header-cta {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #header .field--name-field-header-cta .field__item {
        margin-right: 10px
    }
}

.node--identifier-hp-pro #header .field--name-field-header-cta .field__item + .field__item {
    margin-top: 10px
}

.node--identifier-hp-pro #header .field--name-field-media {
    margin-top: 30px
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #header .field--name-field-media {
        margin-top: 0
    }
}

.node--identifier-hp-pro #header .field--name-field-media.flickity-enabled {
    margin-bottom: 60px
}

.node--identifier-hp-pro #header .field--name-field-media.flickity-enabled .flickity-slider .field__item {
    width: 100%
}

.node--identifier-hp-pro #digital-solutions {
    background-color: #33f;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    padding: 60px 0;
    margin-top: 60px
}

@media screen and (min-width: 47.9375em) {
    .node--identifier-hp-pro #digital-solutions {
        padding: 80px 0;
        margin-top: 80px
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions {
        margin-top: 120px;
        padding: 110px 0
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .digital-solutions__header {
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
        width: 100%
    }
}

@media screen and (min-width: 75em) and (min-width: 47.9375em) {
    .node--identifier-hp-pro #digital-solutions .digital-solutions__header {
        padding-right: 60px;
        padding-left: 60px
    }
}

@media screen and (min-width: 75em) and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .digital-solutions__header {
        padding-right: 30px;
        padding-left: 30px;
        max-width: 1176px
    }
}

@media screen and (min-width: 75em) and (min-width: 100em) {
    .node--identifier-hp-pro #digital-solutions .digital-solutions__header {
        max-width: 1480px
    }
}

@media screen and (max-width: 74.9375em) {
    .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-content, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-cta, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-subtitle, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-title {
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
        width: 100%
    }
}

@media screen and (max-width: 74.9375em) and (min-width: 47.9375em) {
    .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-content, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-cta, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-subtitle, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-title {
        padding-right: 60px;
        padding-left: 60px
    }
}

@media screen and (max-width: 74.9375em) and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-content, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-cta, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-subtitle, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-title {
        padding-right: 30px;
        padding-left: 30px;
        max-width: 1176px
    }
}

@media screen and (max-width: 74.9375em) and (min-width: 100em) {
    .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-content, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-cta, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-subtitle, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-title {
        max-width: 1480px
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-subtitle, .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-title {
        width: 50%;
        margin: 0 auto;
        text-align: center
    }
}

.node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-subtitle {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    color: #000;
    color: hsla(0, 0%, 100%, .7)
}

.node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-title {
    font-weight: 700;
    color: #000;
    line-height: 105%;
    padding: 0;
    font-size: 40px;
    margin: 0 auto;
    color: #fff
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-title {
        font-size: 52px;
        margin-top: 30px
    }
}

.node--identifier-hp-pro #digital-solutions .field--name-field-content-wysiwyg {
    color: #fff
}

.node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-cta {
    margin-top: 40px;
    max-width: 100%
}

.node--identifier-hp-pro #digital-solutions .field--name-field-digital-solutions-cta .paragraph--type--link-button {
    margin-left: 40px
}

.node--identifier-hp-pro #digital-solutions .solutions {
    display: flex;
    flex-direction: column-reverse
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .solutions {
        flex-direction: row;
        margin-top: 95px
    }
}

.node--identifier-hp-pro #digital-solutions .solutions__slider {
    margin-right: 20px;
    margin-top: 35px
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .solutions__slider {
        flex: 0 1 auto;
        width: 55%;
        margin: 0
    }
}

.node--identifier-hp-pro #digital-solutions .solutions__slider .field__item {
    width: 80%;
    margin-right: 20px
}

@media screen and (min-width: 47.9375em) {
    .node--identifier-hp-pro #digital-solutions .solutions__slider .field__item {
        width: 40%
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .solutions__slider .field__item {
        width: 44%
    }
}

.node--identifier-hp-pro #digital-solutions .solutions__slider .paragraph--type--digital-solutions-slider .item_wrapper {
    display: block;
    position: relative
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .solutions__slider .paragraph--type--digital-solutions-slider .item_wrapper:hover .label:before {
        transform: translate(5px, -50%)
    }
}

@media screen and (min-width: 75em) and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .solutions__slider .paragraph--type--digital-solutions-slider .item_wrapper:hover .label:before {
        transform: translate(5px, -30%)
    }
}

.node--identifier-hp-pro #digital-solutions .solutions__slider .paragraph--type--digital-solutions-slider .item_wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(225deg, rgba(0, 170, 231, 0) 22%, #00aae7)
}

.node--identifier-hp-pro #digital-solutions .solutions__slider .paragraph--type--digital-solutions-slider .item_wrapper .image-wrapper {
    position: relative;
    display: block;
    overflow: hidden
}

.node--identifier-hp-pro #digital-solutions .solutions__slider .paragraph--type--digital-solutions-slider .item_wrapper .image-wrapper:before {
    content: "";
    padding-bottom: 94.91525%;
    display: block
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .solutions__slider .paragraph--type--digital-solutions-slider .item_wrapper .image-wrapper:before {
        padding-bottom: 112.60054%
    }
}

.node--identifier-hp-pro #digital-solutions .solutions__slider .paragraph--type--digital-solutions-slider .item_wrapper .image-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.node--identifier-hp-pro #digital-solutions .solutions__slider .paragraph--type--digital-solutions-slider .item_wrapper .label {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 40px
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .solutions__slider .paragraph--type--digital-solutions-slider .item_wrapper .label {
        font-size: 24px;
        margin-bottom: 40px;
        padding-left: 40px
    }
}

.node--identifier-hp-pro #digital-solutions .solutions__slider .paragraph--type--digital-solutions-slider .item_wrapper .label:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 14px;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' fill='none'%3E%3Cpath d='M5 12h14m0 0l-6-6m6 6l-6 6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: transform .25s cubic-bezier(.39, .575, .565, 1) 0s
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .solutions__slider .paragraph--type--digital-solutions-slider .item_wrapper .label:before {
        transform: translateY(-30%)
    }
}

.node--identifier-hp-pro #digital-solutions .solutions__slider .flickity-prev-next-button.next, .node--identifier-hp-pro #digital-solutions .solutions__slider .flickity-prev-next-button.previous {
    transform: translateY(-50%) rotate(180deg)
}

.node--identifier-hp-pro #digital-solutions .solutions__slider .flickity-prev-next-button.next:hover:not([disabled]), .node--identifier-hp-pro #digital-solutions .solutions__slider .flickity-prev-next-button.previous:hover:not([disabled]) {
    transform: translateY(-50%) rotate(180deg) scale(1.2)
}

.node--identifier-hp-pro #digital-solutions .solutions__slider .flickity-prev-next-button.previous {
    left: 10px;
    right: auto
}

.node--identifier-hp-pro #digital-solutions .solutions__slider .flickity-prev-next-button.next {
    right: 10px;
    left: auto
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #digital-solutions .solutions__text {
        flex: 0 1 auto;
        width: 470px;
        margin-left: 85px
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #rich-news .paragraph--type--rich-content-and-media {
        margin-top: 0
    }
}

.node--identifier-hp-pro #rich-news .paragraph--type--rich-content-and-media:before {
    display: none
}

.node--identifier-hp-pro #devices .footer {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-top: 20px;
    text-align: center
}

@media screen and (min-width: 47.9375em) {
    .node--identifier-hp-pro #devices .footer {
        padding-right: 60px;
        padding-left: 60px
    }
}

@media screen and (min-width: 75em) {
    .node--identifier-hp-pro #devices .footer {
        padding-right: 30px;
        padding-left: 30px;
        max-width: 1176px
    }
}

@media screen and (min-width: 100em) {
    .node--identifier-hp-pro #devices .footer {
        max-width: 1480px
    }
}

.node--identifier-hp-pro #devices .footer .cta {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 6px 16px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 40px;
    position: relative;
    text-align: center;
    transition: all .25s cubic-bezier(.39, .575, .565, 1);
    cursor: pointer;
    background-color: #33f;
    color: #9fc;
    border: 2px solid #33f
}

@media screen and (min-width: 47.9375em) {
    .node--identifier-hp-pro #devices .footer .cta:focus, .node--identifier-hp-pro #devices .footer .cta:hover {
        color: #fff;
        background-color: #39f;
        border-color: #39f
    }

    .node--identifier-hp-pro #devices .footer .cta.focus-visible, .node--identifier-hp-pro #devices .footer .cta:focus-visible {
        outline: 1px solid #39f;
        outline-offset: 2px
    }
}

.node--identifier-hp-pro #devices .footer .cta span {
    position: relative;
    z-index: 1;
    display: block
}

.node--identifier-hp-pro #devices .footer .cta[disabled] {
    pointer-events: none;
    border-color: #ccced0 !important;
    color: rgba(0, 0, 0, .25) !important;
    background: #ccced0 !important
}

.node--identifier-hp-pro #devices .footer .cta span {
    padding-right: 30px
}

.node--identifier-hp-pro #devices .footer .cta span:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: 50%;
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' stroke='%239fc' fill='%239fc'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 5.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L13.586 12 8.293 6.707a1 1 0 010-1.414z'/%3E%3C/svg%3E")
}

#digital-solutions .node--identifier-hp-pro #devices .footer .cta span:before, .header-bg-dark-blue .header .node--identifier-hp-pro #devices .footer .cta span:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' stroke='%2333f' fill='%2333f'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 5.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L13.586 12 8.293 6.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") !important
}

@media screen and (min-width: 47.9375em) {
    .node--identifier-hp-pro #devices .footer .cta.focus-visible span:before, .node--identifier-hp-pro #devices .footer .cta:hover span:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 5.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L13.586 12 8.293 6.707a1 1 0 010-1.414z'/%3E%3C/svg%3E")
    }

    .node--identifier-hp-pro #devices .footer .cta:focus-visible span:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 5.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L13.586 12 8.293 6.707a1 1 0 010-1.414z'/%3E%3C/svg%3E")
    }
}

.node--identifier-hp-pro #devices .footer .cta[disabled] {
    cursor: default !important
}

.node--identifier-hp-pro #devices .footer .cta[disabled] span:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' stroke='rgba(0,0,0,0.25)' fill='rgba(0,0,0,0.25)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 5.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L13.586 12 8.293 6.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") !important
}