@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

    .slick-track:after,
    .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(../images/deprecated/ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Slick/slick.eot);
    src: url(../fonts/Slick/slick.eot?#iefix) format("embedded-opentype"), url(../fonts/Slick/slick.woff) format("woff"), url(../fonts/Slick/slick.ttf) format("truetype"), url(../fonts/Slick/slick.svg#slick) format("svg")
}

.slick-next,
.slick-prev {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

    .slick-next,
    .slick-next:focus,
    .slick-next:hover,
    .slick-prev,
    .slick-prev:focus,
    .slick-prev:hover {
        background: transparent;
        color: transparent;
        outline: none
    }

        .slick-next:focus:before,
        .slick-next:hover:before,
        .slick-prev:focus:before,
        .slick-prev:hover:before {
            opacity: 1
        }

        .slick-next.slick-disabled:before,
        .slick-prev.slick-disabled:before {
            opacity: .25
        }

        .slick-next:before,
        .slick-prev:before {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #fff;
            font-family: slick;
            font-size: 20px;
            line-height: 1;
            opacity: .75
        }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

    .slick-dots li {
        display: inline-block;
        margin: 0 5px;
        padding: 0;
        position: relative
    }

        .slick-dots li,
        .slick-dots li button {
            cursor: pointer;
            height: 20px;
            width: 20px
        }

            .slick-dots li button {
                background: transparent;
                border: 0;
                color: transparent;
                font-size: 0;
                line-height: 0;
                outline: none;
                padding: 5px
            }

                .slick-dots li button:focus,
                .slick-dots li button:hover {
                    outline: none
                }

                    .slick-dots li button:focus:before,
                    .slick-dots li button:hover:before {
                        opacity: 1
                    }

                .slick-dots li button:before {
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    color: #000;
                    content: "•";
                    font-family: slick;
                    font-size: 6px;
                    height: 20px;
                    left: 0;
                    line-height: 20px;
                    opacity: .25;
                    position: absolute;
                    text-align: center;
                    top: 0;
                    width: 20px
                }

            .slick-dots li.slick-active button:before {
                color: #000;
                opacity: .75
            }

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate,
    body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms
    }

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate,
    body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s
    }

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate,
    body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s
    }

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate,
    body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s
    }

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate,
    body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s
    }

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate,
    body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s
    }

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate,
    body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s
    }

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate,
    body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s
    }

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate,
    body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s
    }

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate,
    body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s
    }

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate,
    body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s
    }

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate,
    body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s
    }

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate,
    body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s
    }

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate,
    body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s
    }

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate,
    body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s
    }

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate,
    body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s
    }

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate,
    body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s
    }

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate,
    body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s
    }

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate,
    body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s
    }

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
    body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s
    }

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
    body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s
    }

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
    body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s
    }

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
    body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s
    }

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
    body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s
    }

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
    body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s
    }

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
    body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s
    }

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
    body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s
    }

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
    body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s
    }

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
    body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s
    }

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
    body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s
    }

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
    body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s
    }

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
    body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s
    }

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
    body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s
    }

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
    body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s
    }

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
    body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s
    }

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
    body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s
    }

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
    body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s
    }

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
    body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s
    }

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
    body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s
    }

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
    body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s
    }

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
    body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s
    }

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
    body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s
    }

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
    body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s
    }

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
    body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s
    }

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
    body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s
    }

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
    body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s
    }

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
    body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s
    }

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
    body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s
    }

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
    body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s
    }

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
    body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s
    }

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
    body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s
    }

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
    body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s
    }

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
    body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s
    }

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
    body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s
    }

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
    body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s
    }

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
    body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s
    }

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
    body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s
    }

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
    body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s
    }

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
    body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s
    }

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
    body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s
    }

[data-aos] {
    pointer-events: none
}

    [data-aos].aos-animate {
        pointer-events: auto
    }

    [data-aos][data-aos][data-aos-easing=linear],
    body[data-aos-easing=linear] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .25, .75, .75)
    }

    [data-aos][data-aos][data-aos-easing=ease],
    body[data-aos-easing=ease] [data-aos] {
        transition-timing-function: ease
    }

    [data-aos][data-aos][data-aos-easing=ease-in],
    body[data-aos-easing=ease-in] [data-aos] {
        transition-timing-function: ease-in
    }

    [data-aos][data-aos][data-aos-easing=ease-out],
    body[data-aos-easing=ease-out] [data-aos] {
        transition-timing-function: ease-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out],
    body[data-aos-easing=ease-in-out] [data-aos] {
        transition-timing-function: ease-in-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-back],
    body[data-aos-easing=ease-in-back] [data-aos] {
        transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-back],
    body[data-aos-easing=ease-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-back],
    body[data-aos-easing=ease-in-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-sine],
    body[data-aos-easing=ease-in-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.47, 0, .745, .715)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-sine],
    body[data-aos-easing=ease-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.39, .575, .565, 1)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-sine],
    body[data-aos-easing=ease-in-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.445, .05, .55, .95)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quad],
    body[data-aos-easing=ease-in-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.55, .085, .68, .53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quad],
    body[data-aos-easing=ease-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quad],
    body[data-aos-easing=ease-in-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-cubic],
    body[data-aos-easing=ease-in-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.55, .085, .68, .53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-cubic],
    body[data-aos-easing=ease-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
    body[data-aos-easing=ease-in-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quart],
    body[data-aos-easing=ease-in-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.55, .085, .68, .53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quart],
    body[data-aos-easing=ease-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quart],
    body[data-aos-easing=ease-in-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955)
    }

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, transform
    }

        html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
            opacity: 1;
            transform: none
        }

    html:not(.no-js) [data-aos=fade-up] {
        transform: translate3d(0, 40px, 0)
    }

    html:not(.no-js) [data-aos=fade-down] {
        transform: translate3d(0, -40px, 0)
    }

    html:not(.no-js) [data-aos=fade-right] {
        transform: translate3d(-40px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-left] {
        transform: translate3d(40px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        transform: translate3d(-40px, 40px, 0)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        transform: translate3d(40px, 40px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        transform: translate3d(-40px, -40px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        transform: translate3d(40px, -40px, 0)
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity, transform
    }

        html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
            opacity: 1;
            transform: translateZ(0) scale(1)
        }

    html:not(.no-js) [data-aos=zoom-in] {
        transform: scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-up] {
        transform: translate3d(0, 40px, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-down] {
        transform: translate3d(0, -40px, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-right] {
        transform: translate3d(-40px, 0, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-left] {
        transform: translate3d(40px, 0, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-out] {
        transform: scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-up] {
        transform: translate3d(0, 40px, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-down] {
        transform: translate3d(0, -40px, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-right] {
        transform: translate3d(-40px, 0, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-left] {
        transform: translate3d(40px, 0, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
        transition-property: transform;
        visibility: hidden
    }

        html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
            transform: translateZ(0);
            visibility: visible
        }

    html:not(.no-js) [data-aos=slide-up] {
        transform: translate3d(0, 100%, 0)
    }

    html:not(.no-js) [data-aos=slide-down] {
        transform: translate3d(0, -100%, 0)
    }

    html:not(.no-js) [data-aos=slide-right] {
        transform: translate3d(-100%, 0, 0)
    }

    html:not(.no-js) [data-aos=slide-left] {
        transform: translate3d(100%, 0, 0)
    }

    html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
        backface-visibility: hidden;
        transition-property: transform
    }

    html:not(.no-js) [data-aos=flip-left] {
        transform: perspective(2500px) rotateY(-100deg)
    }

        html:not(.no-js) [data-aos=flip-left].aos-animate {
            transform: perspective(2500px) rotateY(0)
        }

    html:not(.no-js) [data-aos=flip-right] {
        transform: perspective(2500px) rotateY(100deg)
    }

        html:not(.no-js) [data-aos=flip-right].aos-animate {
            transform: perspective(2500px) rotateY(0)
        }

    html:not(.no-js) [data-aos=flip-up] {
        transform: perspective(2500px) rotateX(-100deg)
    }

        html:not(.no-js) [data-aos=flip-up].aos-animate {
            transform: perspective(2500px) rotateX(0)
        }

    html:not(.no-js) [data-aos=flip-down] {
        transform: perspective(2500px) rotateX(100deg)
    }

        html:not(.no-js) [data-aos=flip-down].aos-animate {
            transform: perspective(2500px) rotateX(0)
        }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
   /* margin: 0;
    padding: 0;*/
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: "";
        content: none
    }

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

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 900;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,
html {
    color: #161616;
    font-family: Inter, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1
}

body {
    margin: 0
}

p {
    font-size: 1.125rem;
    line-height: 1.77777
}

a {
    color: #161616;
    text-decoration: none
}

    a:hover {
        color: #000ee6
    }

b,
strong {
    font-weight: 700
}

h1 {
    font-weight: 400
}

.heading-1,
.heading-2,
.heading-3,
.single-post__content h1,
.single-post__intro h1,
h1 {
    font-size: 2.5rem;
    letter-spacing: -.0125rem;
    line-height: 1.3
}

.heading-4,
.single-post__content h2,
.single-post__intro h2 {
    font-size: 2rem;
    letter-spacing: -.0375rem;
    line-height: 1.3125
}

.heading-5,
.single-post__content h3,
.single-post__intro h3 {
    font-size: 1.5rem;
    letter-spacing: .0375rem;
    line-height: 1.16666
}

.heading-6 {
    font-size: 1.25rem;
    line-height: 1.4
}

@media (min-width:375px) {

    .heading-m-1,
    .heading-m-2,
    .heading-m-3 {
        font-size: 2.5rem;
        letter-spacing: -.0125rem;
        line-height: 1.3
    }

    .heading-m-4 {
        font-size: 2rem;
        letter-spacing: -.0375rem;
        line-height: 1.3125
    }

    .heading-m-5 {
        font-size: 1.5rem;
        letter-spacing: .0375rem;
        line-height: 1.16666
    }

    .heading-m-6 {
        font-size: 1.25rem;
        line-height: 1.4
    }
}

@media (min-width:768px) {

    .heading-t-1,
    .heading-t-2 {
        font-size: 3rem;
        line-height: 1.20833
    }

    .heading-t-2 {
        letter-spacing: 0
    }

    .heading-t-3 {
        font-size: 2.5rem;
        letter-spacing: -.0125rem;
        line-height: 1.3
    }

    .heading-t-4 {
        font-size: 2rem;
        letter-spacing: -.0375rem;
        line-height: 1.3125
    }

    .heading-t-5 {
        font-size: 1.5rem;
        letter-spacing: .0375rem;
        line-height: 1.16666
    }

    .heading-t-6 {
        font-size: 1.25rem;
        line-height: 1.4
    }
}

@media (min-width:992px) {

    .heading-lt-1,
    .heading-lt-2 {
        font-size: 3rem;
        line-height: 1.20833
    }

    .heading-lt-2 {
        letter-spacing: 0
    }

    .heading-lt-3 {
        font-size: 2.5rem;
        letter-spacing: -.0125rem;
        line-height: 1.3
    }

    .heading-lt-4 {
        font-size: 2rem;
        letter-spacing: -.0375rem;
        line-height: 1.3125
    }

    .heading-lt-5 {
        font-size: 1.5rem;
        letter-spacing: .0375rem;
        line-height: 1.16666
    }

    .heading-lt-6 {
        font-size: 1.25rem;
        line-height: 1.4
    }
}

@media (min-width:1180px) {
    .heading-sd-1 {
        font-size: 4rem;
        letter-spacing: -.1875rem;
        line-height: 1.21875
    }

    .heading-sd-2 {
        font-size: 3rem;
        letter-spacing: 0;
        line-height: 1.20833
    }

    .heading-sd-3 {
        font-size: 2.5rem;
        letter-spacing: -.0125rem;
        line-height: 1.3
    }

    .heading-sd-4 {
        font-size: 2rem;
        letter-spacing: -.0375rem;
        line-height: 1.3125
    }

    .heading-sd-5 {
        font-size: 1.5rem;
        letter-spacing: .0375rem;
        line-height: 1.16666
    }

    .heading-sd-6 {
        font-size: 1.25rem;
        line-height: 1.4
    }
}

@media (min-width:1366px) {
    .heading-md-1 {
        font-size: 4rem;
        letter-spacing: -.1875rem;
        line-height: 1.21875
    }

    .heading-md-2 {
        font-size: 3rem;
        letter-spacing: 0;
        line-height: 1.20833
    }

    .heading-md-3 {
        font-size: 2.5rem;
        letter-spacing: -.0125rem;
        line-height: 1.3
    }

    .heading-md-4 {
        font-size: 2rem;
        letter-spacing: -.0375rem;
        line-height: 1.3125
    }

    .heading-md-5 {
        font-size: 1.5rem;
        letter-spacing: .0375rem;
        line-height: 1.16666
    }

    .heading-md-6 {
        font-size: 1.25rem;
        line-height: 1.4
    }
}

@media (min-width:1680px) {
    .heading-ld-1 {
        font-size: 4rem;
        letter-spacing: -.1875rem;
        line-height: 1.21875
    }

    .heading-ld-2 {
        font-size: 3rem;
        letter-spacing: 0;
        line-height: 1.20833
    }

    .heading-ld-3,
    .heading-ld-4 {
        font-size: 2.5rem;
        letter-spacing: -.0125rem;
        line-height: 1.3
    }

    .heading-ld-5 {
        font-size: 1.5rem;
        letter-spacing: .0375rem;
        line-height: 1.16666
    }

    .heading-ld-6 {
        font-size: 1.25rem;
        line-height: 1.4
    }
}

.paragraph-1 {
    font-size: 1.125rem;
    line-height: 1.77777
}

.paragraph-1--important {
    font-size: 1.125rem !important;
    line-height: 1.77777 !important
}

.paragraph-2 {
    font-size: 1.125rem;
    line-height: 1.77777
}

.paragraph-2--important {
    font-size: 1.125rem !important;
    line-height: 1.77777 !important
}

.paragraph-3 {
    font-size: 1rem;
    line-height: 1.5
}

.paragraph-3--important {
    font-size: 1rem !important;
    line-height: 1.5 !important
}

.paragraph-4 {
    font-size: .875rem;
    line-height: 1.7
}

.paragraph-5 {
    font-size: .75rem;
    line-height: 1.333
}

@media (min-width:375px) {
    .paragraph-m-1 {
        font-size: 1.125rem;
        line-height: 1.77777
    }

    .paragraph-m-1--important {
        font-size: 1.125rem !important;
        line-height: 1.77777 !important
    }

    .paragraph-m-2 {
        font-size: 1.125rem;
        line-height: 1.77777
    }

    .paragraph-m-2--important {
        font-size: 1.125rem !important;
        line-height: 1.77777 !important
    }

    .paragraph-m-3 {
        font-size: 1rem;
        line-height: 1.5
    }

    .paragraph-m-3--important {
        font-size: 1rem !important;
        line-height: 1.5 !important
    }

    .paragraph-m-4 {
        font-size: .875rem;
        line-height: 1.7
    }

    .paragraph-m-5 {
        font-size: .75rem;
        line-height: 1.333
    }
}

@media (min-width:768px) {
    .paragraph-t-1 {
        font-size: 1.25rem;
        line-height: 1.6
    }

    .paragraph-t-1--important {
        font-size: 1.25rem !important;
        line-height: 1.6 !important
    }

    .paragraph-t-2 {
        font-size: 1.125rem;
        line-height: 1.77777
    }

    .paragraph-t-2--important {
        font-size: 1.125rem !important;
        line-height: 1.77777 !important
    }

    .paragraph-t-3 {
        font-size: 1rem;
        line-height: 1.5
    }

    .paragraph-t-3--important {
        font-size: 1rem !important;
        line-height: 1.5 !important
    }

    .paragraph-t-4 {
        font-size: .875rem;
        line-height: 1.7
    }

    .paragraph-t-5 {
        font-size: .75rem;
        line-height: 1.333
    }
}

@media (min-width:992px) {
    .paragraph-lt-1 {
        font-size: 1.25rem;
        line-height: 1.6
    }

    .paragraph-lt-1--important {
        font-size: 1.25rem !important;
        line-height: 1.6 !important
    }

    .paragraph-lt-2 {
        font-size: 1.125rem;
        line-height: 1.77777
    }

    .paragraph-lt-2--important {
        font-size: 1.125rem !important;
        line-height: 1.77777 !important
    }

    .paragraph-lt-3 {
        font-size: 1rem;
        line-height: 1.5
    }

    .paragraph-lt-3--important {
        font-size: 1rem !important;
        line-height: 1.5 !important
    }

    .paragraph-lt-4 {
        font-size: .875rem;
        line-height: 1.7
    }

    .paragraph-lt-5 {
        font-size: .75rem;
        line-height: 1.333
    }
}

@media (min-width:1180px) {
    .paragraph-sd-1 {
        font-size: 1.25rem;
        line-height: 1.6
    }

    .paragraph-sd-1--important {
        font-size: 1.25rem !important;
        line-height: 1.6 !important
    }

    .paragraph-sd-2 {
        font-size: 1.125rem;
        line-height: 1.77777
    }

    .paragraph-sd-2--important {
        font-size: 1.125rem !important;
        line-height: 1.77777 !important
    }

    .paragraph-sd-3 {
        font-size: 1rem;
        line-height: 1.5
    }

    .paragraph-sd-3--important {
        font-size: 1rem !important;
        line-height: 1.5 !important
    }

    .paragraph-sd-4 {
        font-size: .875rem;
        line-height: 1.7
    }

    .paragraph-sd-5 {
        font-size: .75rem;
        line-height: 1.333
    }
}

@media (min-width:1366px) {
    .paragraph-md-1 {
        font-size: 1.25rem;
        line-height: 1.6
    }

    .paragraph-md-1--important {
        font-size: 1.25rem !important;
        line-height: 1.6 !important
    }

    .paragraph-md-2 {
        font-size: 1.125rem;
        line-height: 1.77777
    }

    .paragraph-md-2--important {
        font-size: 1.125rem !important;
        line-height: 1.77777 !important
    }

    .paragraph-md-3 {
        font-size: 1rem;
        line-height: 1.5
    }

    .paragraph-md-3--important {
        font-size: 1rem !important;
        line-height: 1.5 !important
    }

    .paragraph-md-4 {
        font-size: .875rem;
        line-height: 1.7
    }

    .paragraph-md-5 {
        font-size: .75rem;
        line-height: 1.333
    }
}

@media (min-width:1680px) {
    .paragraph-ld-1 {
        font-size: 1.25rem;
        line-height: 1.6
    }

    .paragraph-ld-1--important {
        font-size: 1.25rem !important;
        line-height: 1.6 !important
    }

    .paragraph-ld-2 {
        font-size: 1.125rem;
        line-height: 1.77777
    }

    .paragraph-ld-2--important {
        font-size: 1.125rem !important;
        line-height: 1.77777 !important
    }

    .paragraph-ld-3 {
        font-size: 1rem;
        line-height: 1.5
    }

    .paragraph-ld-3--important {
        font-size: 1rem !important;
        line-height: 1.5 !important
    }

    .paragraph-ld-4 {
        font-size: .875rem;
        line-height: 1.7
    }

    .paragraph-ld-5 {
        font-size: .75rem;
        line-height: 1.333
    }
}

.lead {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.6
}

.label-1,
.label-2 {
    font-size: 1rem !important;
    line-height: 1.25
}

.label-2 {
    letter-spacing: .1875rem
}

.label-3 {
    font-size: .75rem !important;
    line-height: 1.33333
}

.text-uppercase {
    text-transform: uppercase
}

.row {
    display: flex;
    flex-wrap: wrap
}

.row--gutter8 {
    margin-left: -.5rem !important;
    margin-right: -.5rem !important
}

    .row--gutter8 .clmn,
    .row--gutter8 > .col {
        margin: .5rem 0;
        padding-left: .5rem;
        padding-right: .5rem
    }

.row--gutter16 {
    margin-left: -1rem;
    margin-right: -1rem
}

.row--gutter48 {
    margin-left: -3rem;
    margin-right: -3rem
}

    .row--gutter48 .clmn,
    .row--gutter48 > .col {
        padding-left: 3rem;
        padding-right: 3rem
    }

.row--dots {
    position: relative
}

    .row--dots:after {
        background: url(../images/deprecated/dots.svg);
        content: "";
        height: 5.375rem;
        left: -1.125rem;
        position: absolute;
        top: -1.4375rem;
        width: 5.375rem;
        z-index: -1
    }

@media screen and (max-width:320px) {
    .row {
        justify-content: center
    }
}

.col {
    box-sizing: border-box;
    flex: 1;
    margin: .625rem 0;
    max-width: 100%;
    padding: 0 1rem
}

.col--title {
    margin-bottom: 0;
    margin-top: 0
}

.col--subtitle {
    font-size: 1.125rem;
    line-height: 1.5rem
}

@media (min-width:992px) {
    .col--subtitle {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

.col--flat {
    margin: 0
}

.clmn {
    box-sizing: border-box;
    flex: 1 1 100%;
    margin: .625rem 0;
    max-width: 100%;
    padding: 0 1rem
}

.clmn--flat {
    margin: 0
}

.col-1 {
    max-width: 8.3333333333%
}

.col-2 {
    max-width: 16.6666666667%
}

.col-3 {
    flex: 1 1 25%;
    max-width: 25%
}

.col-4 {
    flex: 1 1 33.33%;
    max-width: 33.3333333333%
}

.col-5 {
    max-width: 41.6666666667%
}

.col-6 {
    max-width: 50%
}

.col-7 {
    max-width: 58.3333333333%
}

.col-8 {
    max-width: 66.6666666667%
}

.col-10 {
    max-width: 83.3333333333%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

@media screen and (min-width:599px) {
    .col-xs-4 {
        max-width: 33.3333333333%
    }

    .col-xs-6 {
        max-width: 50%
    }
}

@media screen and (min-width:320px) {
    .col-xs-12 {
        max-width: 100%
    }
}

@media screen and (min-width:600px) {
    .col-sm-4 {
        max-width: 33.3333333333%
    }

    .col-sm-6 {
        max-width: 50%
    }
}

@media screen and (min-width:768px) {
    .col-md-2 {
        max-width: 16.6666666667%
    }

    .col-md-3 {
        max-width: 25%
    }

    .col-md-4 {
        max-width: 33.3333333333%
    }

    .col-md-5 {
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        max-width: 58.3333333333%
    }

    .col-md-8 {
        max-width: 66.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (min-width:992px) {
    .col-lg-1 {
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        max-width: 25%
    }

    .col-lg-4 {
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        max-width: 50%
    }

    .col-lg-7 {
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        max-width: 66.6666666667%
    }

    .col-lg-10 {
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (min-width:1200px) {
    .col-xl-1 {
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        max-width: 25%
    }

    .col-xl-4 {
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        max-width: 75%
    }

    .col-xl-12 {
        max-width: 100%
    }
}

.col-full {
    min-width: 100%
}

@media screen and (max-width:768px) {
    .container {
        overflow: auto
    }

    .col {
        margin: .625rem 0;
        min-width: 100%;
        width: 100%
    }
}

.wrap {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 90rem;
    min-width: 20rem
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.25rem
}

@media screen and (min-width:768px) {
    .container-fluid {
        padding: 0 4.375rem
    }
}

@media screen and (min-width:1610px) {
    .container-fluid {
        padding: 0
    }
}

.container-fluid--kakunin {
    padding: 0 .9375rem
}

@media screen and (min-width:992px) {
    .container-fluid--kakunin {
        padding: 0 3.125rem
    }
}

@media screen and (min-width:1400px) {
    .container-fluid--kakunin {
        padding: 0 9.375rem
    }
}

@media screen and (min-width:1610px) {
    .container-fluid--kakunin {
        padding: 0
    }
}

.container-fluid--kakunin--node {
    padding: 0 .9375rem
}

@media screen and (min-width:992px) {
    .container-fluid--kakunin--node {
        padding: 0 3.125rem
    }
}

@media screen and (min-width:1400px) {
    .container-fluid--kakunin--node {
        padding: 0 9.375rem
    }
}

@media screen and (min-width:1610px) {
    .container-fluid--kakunin--node {
        padding: 0
    }
}

.container-full {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    right: 50%;
    width: 100vw
}

@media screen and (max-width:320px) {
    .container-full {
        text-align: center
    }
}

@media screen and (min-width:768px) {
    .offset-left-md-4 {
        margin-left: 33.3333333333%
    }
}

@media screen and (min-width:1200px) {
    .offset-right-md-8 {
        margin-right: 66.6666666667%
    }
}

@media screen and (min-width:992px) {
    .offset-left-lg-4 {
        margin-left: 33.3333333333%
    }
}

@media screen and (min-width:1200px) {
    .offset-left-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-left-xl-6 {
        margin-left: 50%
    }

    .offset-left-xl-7 {
        margin-left: 58.3333333333%
    }
}

.tsh-container {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (max-width:374.98px) {
    .tsh-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width:375px) {
    .tsh-container {
        max-width: 100vw
    }
}

@media (min-width:768px) {
    .tsh-container {
        max-width: 672px
    }
}

@media (min-width:1180px) {
    .tsh-container {
        max-width: 1056px
    }
}

@media (min-width:1366px) {
    .tsh-container {
        max-width: 1152px
    }
}

@media (min-width:1680px) {
    .tsh-container {
        max-width: 1536px
    }
}

@media (max-width:767.98px) {
    .tsh-container--large {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.tsh-container-fluid {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.tsh-row {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem
}

.tsh-col-1,
.tsh-col-10,
.tsh-col-11,
.tsh-col-12,
.tsh-col-2,
.tsh-col-3,
.tsh-col-4,
.tsh-col-5,
.tsh-col-6,
.tsh-col-7,
.tsh-col-8,
.tsh-col-9,
.tsh-col-ld-1,
.tsh-col-ld-10,
.tsh-col-ld-11,
.tsh-col-ld-12,
.tsh-col-ld-2,
.tsh-col-ld-3,
.tsh-col-ld-4,
.tsh-col-ld-5,
.tsh-col-ld-6,
.tsh-col-ld-7,
.tsh-col-ld-8,
.tsh-col-ld-9,
.tsh-col-lt-1,
.tsh-col-lt-10,
.tsh-col-lt-11,
.tsh-col-lt-12,
.tsh-col-lt-2,
.tsh-col-lt-3,
.tsh-col-lt-4,
.tsh-col-lt-5,
.tsh-col-lt-6,
.tsh-col-lt-7,
.tsh-col-lt-8,
.tsh-col-lt-9,
.tsh-col-m-1,
.tsh-col-m-10,
.tsh-col-m-11,
.tsh-col-m-12,
.tsh-col-m-2,
.tsh-col-m-3,
.tsh-col-m-4,
.tsh-col-m-5,
.tsh-col-m-6,
.tsh-col-m-7,
.tsh-col-m-8,
.tsh-col-m-9,
.tsh-col-md-1,
.tsh-col-md-10,
.tsh-col-md-11,
.tsh-col-md-12,
.tsh-col-md-2,
.tsh-col-md-3,
.tsh-col-md-4,
.tsh-col-md-5,
.tsh-col-md-6,
.tsh-col-md-7,
.tsh-col-md-8,
.tsh-col-md-9,
.tsh-col-sd-1,
.tsh-col-sd-10,
.tsh-col-sd-11,
.tsh-col-sd-12,
.tsh-col-sd-2,
.tsh-col-sd-3,
.tsh-col-sd-4,
.tsh-col-sd-5,
.tsh-col-sd-6,
.tsh-col-sd-7,
.tsh-col-sd-8,
.tsh-col-sd-9,
.tsh-col-t-1,
.tsh-col-t-10,
.tsh-col-t-11,
.tsh-col-t-12,
.tsh-col-t-2,
.tsh-col-t-3,
.tsh-col-t-4,
.tsh-col-t-5,
.tsh-col-t-6,
.tsh-col-t-7,
.tsh-col-t-8,
.tsh-col-t-9 {
    box-sizing: border-box;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    width: 100%
}

.tsh-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.tsh-col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.tsh-col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.tsh-col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.tsh-col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.tsh-col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.tsh-col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.tsh-col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.tsh-col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.tsh-col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.tsh-col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.tsh-col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.tsh-col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width:375px) {
    .tsh-col-m {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .tsh-col-m-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .tsh-col-m-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .tsh-col-m-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .tsh-col-m-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .tsh-col-m-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .tsh-col-m-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .tsh-col-m-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .tsh-col-m-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .tsh-col-m-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .tsh-col-m-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .tsh-col-m-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .tsh-col-m-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-m-first {
        order: -1
    }

    .order-m-last {
        order: 13
    }

    .order-m-0 {
        order: 0
    }

    .order-m-1 {
        order: 1
    }

    .order-m-2 {
        order: 2
    }

    .order-m-3 {
        order: 3
    }

    .order-m-4 {
        order: 4
    }

    .order-m-5 {
        order: 5
    }

    .order-m-6 {
        order: 6
    }

    .order-m-7 {
        order: 7
    }

    .order-m-8 {
        order: 8
    }

    .order-m-9 {
        order: 9
    }

    .order-m-10 {
        order: 10
    }

    .order-m-11 {
        order: 11
    }

    .order-m-12 {
        order: 12
    }

    .offset-m-0 {
        margin-left: 0
    }

    .offset-m-1 {
        margin-left: 8.3333333333%
    }

    .offset-m-2 {
        margin-left: 16.6666666667%
    }

    .offset-m-3 {
        margin-left: 25%
    }

    .offset-m-4 {
        margin-left: 33.3333333333%
    }

    .offset-m-5 {
        margin-left: 41.6666666667%
    }

    .offset-m-6 {
        margin-left: 50%
    }

    .offset-m-7 {
        margin-left: 58.3333333333%
    }

    .offset-m-8 {
        margin-left: 66.6666666667%
    }

    .offset-m-9 {
        margin-left: 75%
    }

    .offset-m-10 {
        margin-left: 83.3333333333%
    }

    .offset-m-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:768px) {
    .tsh-col-t {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .tsh-col-t-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .tsh-col-t-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .tsh-col-t-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .tsh-col-t-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .tsh-col-t-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .tsh-col-t-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .tsh-col-t-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .tsh-col-t-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .tsh-col-t-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .tsh-col-t-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .tsh-col-t-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .tsh-col-t-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-t-first {
        order: -1
    }

    .order-t-last {
        order: 13
    }

    .order-t-0 {
        order: 0
    }

    .order-t-1 {
        order: 1
    }

    .order-t-2 {
        order: 2
    }

    .order-t-3 {
        order: 3
    }

    .order-t-4 {
        order: 4
    }

    .order-t-5 {
        order: 5
    }

    .order-t-6 {
        order: 6
    }

    .order-t-7 {
        order: 7
    }

    .order-t-8 {
        order: 8
    }

    .order-t-9 {
        order: 9
    }

    .order-t-10 {
        order: 10
    }

    .order-t-11 {
        order: 11
    }

    .order-t-12 {
        order: 12
    }

    .offset-t-0 {
        margin-left: 0
    }

    .offset-t-1 {
        margin-left: 8.3333333333%
    }

    .offset-t-2 {
        margin-left: 16.6666666667%
    }

    .offset-t-3 {
        margin-left: 25%
    }

    .offset-t-4 {
        margin-left: 33.3333333333%
    }

    .offset-t-5 {
        margin-left: 41.6666666667%
    }

    .offset-t-6 {
        margin-left: 50%
    }

    .offset-t-7 {
        margin-left: 58.3333333333%
    }

    .offset-t-8 {
        margin-left: 66.6666666667%
    }

    .offset-t-9 {
        margin-left: 75%
    }

    .offset-t-10 {
        margin-left: 83.3333333333%
    }

    .offset-t-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:992px) {
    .tsh-col-lt {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .tsh-col-lt-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .tsh-col-lt-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .tsh-col-lt-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .tsh-col-lt-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .tsh-col-lt-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .tsh-col-lt-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .tsh-col-lt-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .tsh-col-lt-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .tsh-col-lt-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .tsh-col-lt-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .tsh-col-lt-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .tsh-col-lt-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lt-first {
        order: -1
    }

    .order-lt-last {
        order: 13
    }

    .order-lt-0 {
        order: 0
    }

    .order-lt-1 {
        order: 1
    }

    .order-lt-2 {
        order: 2
    }

    .order-lt-3 {
        order: 3
    }

    .order-lt-4 {
        order: 4
    }

    .order-lt-5 {
        order: 5
    }

    .order-lt-6 {
        order: 6
    }

    .order-lt-7 {
        order: 7
    }

    .order-lt-8 {
        order: 8
    }

    .order-lt-9 {
        order: 9
    }

    .order-lt-10 {
        order: 10
    }

    .order-lt-11 {
        order: 11
    }

    .order-lt-12 {
        order: 12
    }

    .offset-lt-0 {
        margin-left: 0
    }

    .offset-lt-1 {
        margin-left: 8.3333333333%
    }

    .offset-lt-2 {
        margin-left: 16.6666666667%
    }

    .offset-lt-3 {
        margin-left: 25%
    }

    .offset-lt-4 {
        margin-left: 33.3333333333%
    }

    .offset-lt-5 {
        margin-left: 41.6666666667%
    }

    .offset-lt-6 {
        margin-left: 50%
    }

    .offset-lt-7 {
        margin-left: 58.3333333333%
    }

    .offset-lt-8 {
        margin-left: 66.6666666667%
    }

    .offset-lt-9 {
        margin-left: 75%
    }

    .offset-lt-10 {
        margin-left: 83.3333333333%
    }

    .offset-lt-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1180px) {
    .tsh-col-sd {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .tsh-col-sd-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .tsh-col-sd-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .tsh-col-sd-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .tsh-col-sd-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .tsh-col-sd-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .tsh-col-sd-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .tsh-col-sd-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .tsh-col-sd-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .tsh-col-sd-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .tsh-col-sd-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .tsh-col-sd-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .tsh-col-sd-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sd-first {
        order: -1
    }

    .order-sd-last {
        order: 13
    }

    .order-sd-0 {
        order: 0
    }

    .order-sd-1 {
        order: 1
    }

    .order-sd-2 {
        order: 2
    }

    .order-sd-3 {
        order: 3
    }

    .order-sd-4 {
        order: 4
    }

    .order-sd-5 {
        order: 5
    }

    .order-sd-6 {
        order: 6
    }

    .order-sd-7 {
        order: 7
    }

    .order-sd-8 {
        order: 8
    }

    .order-sd-9 {
        order: 9
    }

    .order-sd-10 {
        order: 10
    }

    .order-sd-11 {
        order: 11
    }

    .order-sd-12 {
        order: 12
    }

    .offset-sd-0 {
        margin-left: 0
    }

    .offset-sd-1 {
        margin-left: 8.3333333333%
    }

    .offset-sd-2 {
        margin-left: 16.6666666667%
    }

    .offset-sd-3 {
        margin-left: 25%
    }

    .offset-sd-4 {
        margin-left: 33.3333333333%
    }

    .offset-sd-5 {
        margin-left: 41.6666666667%
    }

    .offset-sd-6 {
        margin-left: 50%
    }

    .offset-sd-7 {
        margin-left: 58.3333333333%
    }

    .offset-sd-8 {
        margin-left: 66.6666666667%
    }

    .offset-sd-9 {
        margin-left: 75%
    }

    .offset-sd-10 {
        margin-left: 83.3333333333%
    }

    .offset-sd-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1366px) {
    .tsh-col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .tsh-col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .tsh-col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .tsh-col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .tsh-col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .tsh-col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .tsh-col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .tsh-col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .tsh-col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .tsh-col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .tsh-col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .tsh-col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .tsh-col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1680px) {
    .tsh-col-ld {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .tsh-col-ld-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .tsh-col-ld-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .tsh-col-ld-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .tsh-col-ld-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .tsh-col-ld-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .tsh-col-ld-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .tsh-col-ld-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .tsh-col-ld-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .tsh-col-ld-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .tsh-col-ld-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .tsh-col-ld-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .tsh-col-ld-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-ld-first {
        order: -1
    }

    .order-ld-last {
        order: 13
    }

    .order-ld-0 {
        order: 0
    }

    .order-ld-1 {
        order: 1
    }

    .order-ld-2 {
        order: 2
    }

    .order-ld-3 {
        order: 3
    }

    .order-ld-4 {
        order: 4
    }

    .order-ld-5 {
        order: 5
    }

    .order-ld-6 {
        order: 6
    }

    .order-ld-7 {
        order: 7
    }

    .order-ld-8 {
        order: 8
    }

    .order-ld-9 {
        order: 9
    }

    .order-ld-10 {
        order: 10
    }

    .order-ld-11 {
        order: 11
    }

    .order-ld-12 {
        order: 12
    }

    .offset-ld-0 {
        margin-left: 0
    }

    .offset-ld-1 {
        margin-left: 8.3333333333%
    }

    .offset-ld-2 {
        margin-left: 16.6666666667%
    }

    .offset-ld-3 {
        margin-left: 25%
    }

    .offset-ld-4 {
        margin-left: 33.3333333333%
    }

    .offset-ld-5 {
        margin-left: 41.6666666667%
    }

    .offset-ld-6 {
        margin-left: 50%
    }

    .offset-ld-7 {
        margin-left: 58.3333333333%
    }

    .offset-ld-8 {
        margin-left: 66.6666666667%
    }

    .offset-ld-9 {
        margin-left: 75%
    }

    .offset-ld-10 {
        margin-left: 83.3333333333%
    }

    .offset-ld-11 {
        margin-left: 91.6666666667%
    }
}

.overflow-h {
    overflow: hidden
}

.position-s {
    position: static !important
}

.position-r {
    position: relative
}

.position-a {
    position: absolute
}

.w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.justify-s {
    justify-content: flex-start !important
}

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

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

.justify-c {
    justify-content: center
}

.flex-direction-c {
    flex-direction: column
}

.d-flex {
    display: flex
}

@media screen and (min-width:992px) {
    .d-md-flex {
        display: flex
    }
}

.z-i-1 {
    z-index: 1
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

@media screen and (min-width:992px) {
    .order-md-3 {
        order: 3
    }

    .order-md-1 {
        order: 1
    }
}

.text-blue {
    color: #00f
}

.text-white {
    color: #fff !important
}

.text-semi-bold {
    font-weight: 500 !important
}

.text-bold {
    font-weight: 700 !important
}

.text-left {
    text-align: left !important
}

.link-no-hover:hover {
    color: #161616
}

.fs-18 {
    font-size: 1.125rem
}

@media screen and (min-width:1200px) {
    .order-lg-0 {
        order: 0
    }
}

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

.align-content-c {
    align-content: center
}

.align-items-b {
    align-items: baseline
}

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

.hide {
    display: none !important
}

.hide-soft {
    display: none
}

.show {
    display: flex;
    justify-content: center
}

h1.entry-title {
    margin-bottom: 50px
}

.h-separator-50 {
    height: 50px
}

.center-h {
    align-self: center
}

.pt0 {
    padding-top: 0 !important
}

.pt15 {
    padding-top: .9375rem
}

.pt20 {
    padding-top: 1.25rem
}

.pt30 {
    padding-top: 1.875rem
}

.pt40 {
    padding-top: 2.5rem
}

.pt60 {
    padding-top: 3.75rem
}

.pb0 {
    padding-bottom: 0 !important
}

.pb10 {
    padding-bottom: .625rem !important
}

.pb20 {
    padding-bottom: 1.25rem
}

.pb40 {
    padding-bottom: 2.5rem
}

.p0 {
    padding: 0 !important
}

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

.px10 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px12 {
    padding-left: .75rem;
    padding-right: .75rem
}

.pr40 {
    padding-right: 2.5rem
}

@media screen and (min-width:600px) {
    .px-sm-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.hiddendiv.common {
    display: none !important
}

.right {
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right
}

.r0 {
    right: 0
}

.mw100 {
    min-width: 100%
}

.m0 {
    margin: 0
}

.mr10 {
    margin-right: 10px
}

.mtm20 {
    margin-top: -20px
}

.mtm10 {
    margin-top: -10px
}

.mt50 {
    margin-top: 50px
}

.mt70 {
    margin-top: 70px
}

.mb0 {
    margin-bottom: 0 !important
}

.mb10 {
    margin-bottom: .625rem !important
}

.mb20 {
    margin-bottom: 1.25rem
}

.mb30 {
    margin-bottom: 1.875rem
}

.mb40 {
    margin-bottom: 2.5rem
}

@media screen and (min-width:768px) {
    .mb-md-100 {
        margin-bottom: 100px
    }
}

.mx-auto {
    margin: 0 auto
}

.m-auto {
    margin: auto
}

@media screen and (min-width:768px) {
    .mt-md-50 {
        margin-top: 50px
    }
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

@media screen and (min-width:768px) {
    .mt-md-100 {
        margin-top: 100px
    }
}

@media screen and (max-width:320px) {
    .hide-on-xs {
        display: none !important
    }

    .hide-bg-xs {
        background: none !important
    }
}

@media screen and (max-width:1023px) {
    .hide-on-md {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .block-on-lg {
        display: block
    }
}

@media screen and (min-width:1025px) {
    .show-flex-on-lg {
        display: flex !important
    }
}

.horizontal-line {
    background: #e4e4e4;
    display: none;
    height: 1px;
    margin: 3.125rem 0
}

@media screen and (min-width:600px) {
    .horizontal-line--sm-none {
        display: block
    }
}

.is-blocked {
    pointer-events: none
}

.bg-white {
    background: #fff
}

.max-w-100 {
    max-width: 100%
}

.bottom-safe-area {
    padding-bottom: env(safe-area-inset-bottom)
}

@media screen and (max-width:600px) {
    .text-center--sm {
        text-align: center
    }
}

.button,
.hubspot-form .hs-button {
    align-content: center;
    align-items: center;
    background-color: #fff;
    border: .09375rem solid #000ee6;
    border-radius: 1.5625rem;
    box-sizing: border-box;
    color: #000ee6;
    cursor: pointer;
    display: inline-flex;
    flex-flow: row wrap;
    min-height: 3rem;
    padding: .5rem 1.5rem;
    transition: background-color .33s ease-in-out, color .33s ease-in-out;
    will-change: background-color, color
}

    .button:focus,
    .button:hover,
    .hubspot-form .hs-button:focus,
    .hubspot-form .hs-button:hover {
        background-color: #000ee6;
        color: #fff
    }

    .button:focus,
    .hubspot-form .hs-button:focus {
        outline: .125rem solid #000;
        outline-offset: .25rem
    }

.button__icon {
    margin-left: .5rem
}

.button--blue,
.hubspot-form .hs-button {
    background-color: #000ee6;
    color: #fff
}

    .button--blue:focus,
    .hubspot-form .hs-button:focus {
        box-shadow: none
    }

    .button--blue:focus,
    .button--blue:hover,
    .hubspot-form .hs-button:focus,
    .hubspot-form .hs-button:hover {
        background: #000880;
        border-color: #000880
    }

    .button:focus-visible,
    .hubspot-form .hs-button:focus-visible {
        outline: .125rem solid #000;
        outline-offset: .125rem
    }

.btn {
    align-content: center;
    border: .0625rem solid #000ee6;
    border-radius: 1.625rem;
    cursor: pointer;
    display: inline-flex;
    height: 2.875rem;
    margin: .25rem .125rem;
    max-height: 2.875rem;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-out
}

.btn,
.btn--loader {
    align-items: center
}

.btn--loader {
    display: flex;
    position: relative
}

    .btn--loader input {
        padding: 0 2.5rem !important
    }

    .btn--loader.is-active:before {
        content: ""
    }

    .btn--loader:before {
        animation: container-rotate 1s linear infinite;
        background: url(../images/deprecated/spinner.svg);
        background-repeat: no-repeat;
        background-size: contain;
        height: 1.25rem;
        left: .9375rem;
        position: absolute;
        width: 1.25rem
    }

@media screen and (max-width:600px) {
    .btn--loader {
        width: 100%
    }
}

@media screen and (max-width:1200px) {
    .btn--loader {
        padding-left: 0 !important
    }
}

.btn__primary {
    background: #000ee6;
    color: #fff
}

    .btn__primary:hover {
        background: #000880;
        border-color: #000880;
        color: #fff
    }

.btn__primary--outline {
    background: none;
    color: #000ee6
}

    .btn__primary--outline:hover {
        background: #000ee6;
        color: #fff
    }

.btn__white {
    background: #fff;
    border-color: #fff;
    color: transparent
}

.btn__white--outline {
    background: transparent;
    border-color: #fff;
    color: #fff;
    font-weight: 500
}

    .btn__white--outline:hover {
        background: #fff;
        color: #000ee6
    }

.btn__separator {
    display: inline-block;
    width: .1875rem
}

.btn--sm {
    font-size: 1rem;
    height: 2.375rem;
    line-height: 2.375rem;
    max-height: 2.375rem
}

.btn--caret img {
    margin-left: .5rem
}

.btn:focus-visible {
    outline: .125rem solid #000;
    outline-offset: .125rem
}

.section__site-title {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 16px
}

@media (min-width:768px) {
    .section__site-title {
        font-size: 3rem;
        line-height: 3.5rem
    }
}

@media (min-width:1366px) {
    .section__site-title {
        font-size: 4rem;
        line-height: 1.125
    }
}

.section__site-subtitle,
.section__subtitle {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.875rem
}

.section__subtitle {
    font-weight: 700
}

.section__subtitle--light {
    font-weight: 300
}

.section__subtitle--sm {
    font-size: 1.25rem;
    line-height: 1.625rem;
    padding-top: 1.5rem
}

@media screen and (max-width:1280px) {
    .section__subtitle {
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

.section__title {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 3.25rem
}

.section__title--strong {
    font-weight: 500
}

@media (min-width:992px) {
    .section__title--lg {
        font-size: 3rem;
        line-height: 3.25rem
    }
}

.section__title--image {
    padding-bottom: 20px;
    position: relative
}

    .section__title--image:before {
        background: url(../images/deprecated/dots-big.svg) no-repeat;
        content: "";
        height: 186px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        width: 186px
    }

.section__title--image-resources {
    margin-top: -50px;
    padding-top: 50px
}

    .section__title--image-resources:before {
        background-image: url(../images/deprecated/resources/blob.svg);
        background-position: center 2%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100%;
        top: 0;
        width: 100%;
        z-index: -1
    }

.section__title--image-blob {
    margin-top: -50px;
    padding-top: 50px
}

    .section__title--image-blob:before {
        background: url(../images/deprecated/process/process_mobile.svg) no-repeat;
        background-position: center 2%;
        background-size: contain;
        height: 100%;
        top: 0;
        width: 100%;
        z-index: -1
    }

@media screen and (min-width:600px) {
    .section__title--image-blob:before {
        content: none
    }
}

@media screen and (max-width:1280px) {
    .section__title {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

.section__slogan {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.375rem
}

.section__icon {
    display: flex;
    justify-content: center;
    width: 56px
}

@media screen and (min-width:600px) {
    .section__icon {
        display: block
    }
}

.section__icon-title {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: .625rem;
    transition: all .3s ease-out
}

    .section__icon-title img {
        padding-right: 1rem;
        transform: scale(.7)
    }

@media screen and (min-width:600px) {
    .section__icon-title img {
        display: block;
        padding-bottom: 1.5625rem;
        transform: scale(1);
        transform-origin: top left
    }
}

.section__icon-title--hover span:after {
    height: 12px;
    opacity: 0;
    position: absolute;
    right: -20px;
    transition: all .3s ease-out
}

.section__icon-title--hover:hover span:after {
    opacity: 1;
    transform: translateX(10px)
}

@media screen and (min-width:1200px) {
    .section__icon-title--hover span {
        position: relative
    }

        .section__icon-title--hover span:after {
            content: url(../images/deprecated/arrow-right.svg)
        }
}

@media screen and (max-width:599px) {
    .section__icon-title--hover {
        background: url(../images/deprecated/arrow-right.svg) 100% no-repeat;
        background-position: 96% 28px
    }

    .section__icon-title {
        align-items: center;
        border-bottom: 1px solid #e4e4e4;
        border-top: 1px solid #e4e4e4;
        display: flex;
        flex-direction: row;
        margin-bottom: 0;
        margin-top: -1px;
        padding: 20px 0
    }
}

.section__list {
    display: none;
    padding-bottom: 40px
}

    .section__list p {
        font-size: 1.25rem;
        line-height: 2.375rem
    }

@media screen and (min-width:992px) {
    .section__list {
        padding: 0
    }
}

@media screen and (min-width:600px) {
    .section__list {
        display: block
    }
}

.section--full-img {
    background-position: 50%;
    background-size: cover;
    height: 100vh;
    width: 100vw
}

@media screen and (max-width:1200px) {
    .section--full-img {
        height: 35vh
    }
}

.section--heading-wave {
    align-items: center;
    display: flex
}

@media (min-width:1200px) {
    .section--heading-wave {
        background-image: url(../images/deprecated/resources/fala-open-source@1x.png);
        background-position: 50%;
        background-repeat: no-repeat;
        min-height: 28.125rem
    }
}

.section--heading-wave-sm {
    align-items: center;
    display: flex;
    min-height: 17.5rem;
    position: relative
}

.section__wave {
    height: 100%;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {
    .section__wave {
        object-fit: contain
    }
}

@media screen and (max-width:1199px) {
    .site {
        overflow: hidden
    }
}

.section__label {
    color: #898989
}

@media screen and (max-width:320px) {

    .section__label,
    .section__title {
        text-align: center
    }
}

.dots__big {
    background: url(../images/deprecated/dots-big.svg) no-repeat;
    height: 186px;
    left: -150px;
    position: absolute;
    top: 130px;
    width: 186px;
    z-index: -1
}

@media screen and (max-width:1441px) {
    .dots__big {
        left: -30px
    }
}

@media (max-width:1199px) {
    .dots__big {
        display: none
    }
}

.blob-left {
    background: url(../images/deprecated/process/process_mobile.svg) no-repeat;
    background-size: contain;
    height: 186px;
    left: -60px;
    position: absolute;
    top: 0;
    width: 186px;
    z-index: -1
}

@media screen and (max-width:1441px) {
    .blob-left {
        left: -30px
    }
}

@media screen and (max-width:599px) {
    .blob-left {
        display: none
    }
}

.possibilities-blob {
    background: url(../images/deprecated/blob_possibilites.svg) no-repeat;
    height: 1070px;
    left: 0;
    margin-top: -280px;
    position: absolute;
    width: 70px;
    z-index: -1
}

@media screen and (max-width:767px) {
    .possibilities-blob {
        display: none
    }
}

@media (max-width:991px) {
    .possibilities-blob {
        display: none
    }
}

section {
    margin-top: 50px
}

    section.not-found {
        background: url(../images/deprecated/404/blob_404.svg) no-repeat center 0;
        min-height: 366px;
        padding-top: 60px;
        text-align: center;
        width: 100%
    }

    section.search-not-found {
        display: flex;
        flex-direction: column;
        margin-bottom: 2.5rem;
        min-height: 37.5rem
    }

        section.search-not-found div:nth-child(2) {
            margin: auto 0
        }

            section.search-not-found div:nth-child(2) h2,
            section.search-not-found h2:first-child {
                margin-top: 2.5rem
            }

.back-to-link {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 1.125rem;
    margin-left: .1875rem;
    margin-top: 6.25rem;
    transition: all .3s ease-out
}

    .back-to-link:before {
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        box-sizing: border-box;
        content: "";
        height: 16px;
        transform: rotate(45deg);
        transition: all .3s ease-out;
        width: 16px
    }

    .back-to-link:hover {
        color: #fff;
        text-decoration: underline
    }

@media screen and (max-width:991px) {
    .back-to-link {
        margin-top: 3.75rem;
        padding: 1rem
    }
}

.back-to-link--alternative {
    color: #161616;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 0
}

    .back-to-link--alternative:before {
        border-color: #161616;
        height: .625rem;
        width: .625rem
    }

    .back-to-link--alternative:hover {
        color: #161616
    }

.grecaptcha-badge {
    visibility: collapse !important
}

img[data-lazyloaded] {
    opacity: 0
}

img.loaded {
    opacity: 1;
    transition: opacity .5s linear .2s
}

.single-post .site {
    overflow: visible
}

.validation-msg {
    color: #d95651 !important;
    font-size: .875rem !important;
    font-weight: 400 !important;
    height: 0;
    line-height: 1.625rem !important;
    margin: 0 !important;
    text-align: center
}

.header__cta {
    align-self: center;
    text-align: right
}

@media (max-width:320px) {
    .header__cta {
        text-align: center
    }
}

.header__logo {
    align-self: center
}

    .header__logo g use {
        transition: fill .3s ease-out;
        will-change: fill
    }

    .header__logo.is-black g use {
        fill: #000
    }

.header__hero {
    margin-top: 20px
}

@media (max-width:320px) {
    .header__hero {
        margin-top: 0
    }
}

.header__navigation {
    justify-content: space-between;
    padding: 5px 70px
}

@media (min-width:1610px) {
    .header__navigation {
        padding: 5px 0
    }
}

@media (max-width:768px) {
    .header__navigation {
        padding: 5px 10px
    }
}

.header__container {
    padding-bottom: calc(2vw + 2vh)
}

.header__intro--no-nav {
    position: relative
}

    .header__intro--no-nav > img {
        height: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1
    }

    .header__intro--no-nav:before {
        background-image: linear-gradient(180deg, rgba(5, 5, 5, 0), rgba(0, 0, 0, .56)), linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%
    }

    .header__intro--no-nav.no-shadow:before {
        content: none !important
    }

@media (min-width:992px) {
    .header__intro--no-nav {
        height: 100vh
    }
}

@media (orientation:portrait) and (min-width:600px) and (max-width:991px) {
    .header__intro--no-nav {
        height: calc(100vh - 54px)
    }
}

@media (orientation:landscape) and (min-width:600px) and (max-width:991px) {
    .header__intro--no-nav {
        height: calc(100vw + 54px)
    }
}

.header__intro--no-nav-sm {
    background-position: 50%;
    background-size: cover;
    height: 500px;
    overflow: hidden;
    position: relative;
    z-index: 0
}

    .header__intro--no-nav-sm img {
        left: -50%;
        margin: 0 auto;
        position: absolute;
        right: -50%;
        top: 50%;
        transform: translateY(-50%);
        z-index: -2
    }

    .header__intro--no-nav-sm:before {
        background-image: linear-gradient(180deg, rgba(5, 5, 5, 0), rgba(0, 0, 0, .56)), linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: -1
    }

.header__intro--no-nav-xs {
    background-position: 50%;
    background-size: cover;
    height: 25rem;
    overflow: hidden;
    position: relative;
    z-index: 0
}

    .header__intro--no-nav-xs img {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: -1
    }

.header__intro--80vh {
    height: calc(100vh - 89px)
}

@media (min-width:1200px) and (max-width:2559px) and (min-height:800px) {
    .header__intro--80vh {
        height: calc(80vh - 89px)
    }
}

@media (min-width:1200px) and (max-width:2559px) and (min-height:700px) {
    .header__intro {
        height: calc(100vh - 89px)
    }
}

.header__wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

@media (min-width:768px) {
    .header__wrap {
        height: 100%
    }
}

@media (max-width:767px) {
    .header__wrap--fullh {
        min-height: 700px
    }
}

.header__bg-blob {
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 5vh;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

    .header__bg-blob img {
        position: relative;
        right: -180px
    }

@media (max-width:767px) {
    .header__bg-blob img {
        right: 100px;
        width: 300%
    }
}

.header__image {
    max-width: 1040px;
    position: absolute;
    right: 0;
    top: 100px
}

@media (max-width:1700px) {
    .header__image {
        width: 60%
    }
}

@media (max-width:1199px) {
    .header__image {
        opacity: .2;
        width: 80%
    }
}

@media (max-width:480px) {
    .header__image {
        display: none
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    .header__image {
        transform: scale(.8);
        transform-origin: top left
    }
}

.header__image-static {
    display: none
}

    .header__image-static img {
        max-width: 100%;
        position: static
    }

@media (min-width:1200px) {
    .header__image-static img {
        max-height: 100%
    }
}

@media (min-width:768px) {
    .header__image-static {
        align-items: center;
        display: flex
    }
}

@media (min-width:768px) and (max-width:991px) {
    .header__image-static {
        opacity: .2;
        padding-right: 0;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1
    }
}

@media (max-width:991px) and (min-width:992px) {
    .header__image-static {
        margin-left: 50%;
        opacity: .5
    }
}

.header__image img {
    max-height: 700px
}

.header__image-clip {
    clip-path: url(../images/deprecated/header/photo_top_mask.svg#photoTop);
    -webkit-mask: url(../images/deprecated/header/photo_top_mask.svg);
    -webkit-mask-image: url(../images/deprecated/header/photo_top_mask.svg#photoTop);
    mask-image: url(../images/deprecated/header/photo_top_mask.svg#photoTop);
    -webkit-mask-repeat: space
}

.header__heading {
    font-weight: 400
}

    .header__heading strong {
        font-weight: 500
    }

@media (max-width:599px) {
    .header__heading--sm {
        font-size: 2.375rem
    }
}

.header__content {
    margin-top: 100px;
    padding-left: 70px;
    z-index: 1
}

@media (max-width:1920px) {
    .header__content {
        max-width: 42%
    }
}

@media (min-width:1610px) {
    .header__content {
        padding: 0
    }
}

@media (max-width:1199px) {
    .header__content {
        max-width: 100%
    }
}

@media (max-width:768px) {
    .header__content {
        padding-left: 0;
        text-align: center
    }
}

.header__content--lg {
    margin-top: 0;
    order: 1;
    padding: 2.5rem 1.3125rem 0;
    text-align: center
}

@media (min-width:768px) {
    .header__content--lg {
        order: 0;
        padding: 5rem 0 2.5rem 4.375rem;
        text-align: left
    }
}

@media (min-width:1366px) {
    .header__content--lg {
        padding: 0 1rem 0 4.375rem
    }
}

@media (min-width:1610px) {
    .header__content--lg {
        padding: 0 1rem 0 0
    }
}

@media (max-width:991px) and (min-width:768px) {
    .header__content--abs {
        position: absolute
    }
}

.header__content--white {
    color: #fff
}

@media (max-width:599px) {
    .header__content--white {
        padding: 20vh 0
    }
}

.header__lead {
    margin-top: 20px
}

@media (max-width:599px) {
    .header__lead--sm {
        font-size: 1.25rem
    }

    .header__lead--mobile-safe {
        padding: 0 .625rem !important
    }
}

.header__content-buttons {
    margin-top: 2.125rem
}

.header__content--cta {
    margin-top: 1rem;
    white-space: nowrap
}

.header__icons {
    margin-top: 60px;
    padding-left: 70px;
    width: auto
}

    .header__icons img {
        margin-right: 50px;
        max-height: 40px
    }

.header__icons--title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0 70px
}

    .header__icons--title img {
        height: auto;
        margin: 0;
        padding-right: 20px
    }

@media (max-width:1199px) {
    .header__icons--title img {
        padding: 0
    }

    .header__icons--title {
        flex-wrap: wrap
    }

        .header__icons--title span {
            flex: 100%;
            padding-bottom: 20px;
            text-align: center
        }
}

@media (min-width:1610px) {
    .header__icons {
        padding: 0
    }
}

@media (max-width:768px) {
    .header__icons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 0;
        padding: 0
    }
}

@media (max-width:320px) {
    .header__icons {
        margin-top: 0
    }

        .header__icons img {
            margin-right: 0;
            padding: 18px
        }
}

.header__ic {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (max-width:992px) {
    .header__ic {
        padding: 20px
    }
}

@media (min-width:1200px) {
    .header__ic {
        padding-left: 50px
    }
}

.header__icon {
    float: left;
    margin: 0
}

    .header__icon img {
        display: block;
        margin: 0 auto;
        max-width: 80%
    }

.header__icon--service img {
    height: 1.875rem;
    margin-right: 3.125rem;
    max-width: none
}

@media (max-width:991px) {
    .header__icon--service img {
        display: block;
        margin: 0 auto;
        max-width: 80%
    }
}

@media (max-width:480px) {
    .header__icon {
        width: 100%
    }
}

.header__numbers {
    align-self: flex-end;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    left: 0;
    position: absolute;
    width: 100%
}

    .header__numbers > div {
        border-top: 1px solid hsla(0, 0%, 100%, .2)
    }

.header__number {
    flex: 1 1 25%;
    padding: 1.25rem 0
}

    .header__number sup {
        font-size: 1.375rem;
        line-height: 1
    }

    .header__number strong {
        display: block
    }

@media (min-width:768px) {
    .header__number {
        padding: 2.375rem 0
    }
}

.header--centered {
    text-align: center
}

@media (orientation:landscape) {
    body.mobile-device .header--landscape {
        height: auto;
        padding: 4.375rem 0 60vh
    }
}

.advantage {
    background-size: 70%;
    margin-top: 100px;
    padding-top: 40px
}

@media screen and (max-width:600px) {
    .advantage__col {
        max-width: 70vw;
        min-width: 70vw
    }
}

.advantage > .row {
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%
}

@media screen and (max-width:767px) {
    .advantage > .row {
        position: relative
    }
}

.advantage__image {
    align-items: center;
    align-self: center;
    display: flex;
    position: absolute;
    right: 0;
    top: 200px
}

@media screen and (max-width:767px) {
    .advantage__image {
        max-width: 100%;
        padding-top: 30px;
        position: static
    }

        .advantage__image img {
            max-width: 100%
        }
}

@media screen and (max-width:599px) {
    .advantage__image img {
        left: -20%;
        max-width: 140%;
        position: relative
    }
}

.advantage__image-clip {
    clip-path: url(../images/deprecated/advantage/photo_advantage_mask.svg#advantageMask);
    -webkit-mask: url(../images/deprecated/advantage/photo_advantage_mask.svg);
    -webkit-mask-image: url(../images/deprecated/advantage/photo_advantage_mask.svg#advantageMask);
    mask-image: url(../images/deprecated/advantage/photo_advantage_mask.svg#advantageMask);
    -webkit-mask-repeat: space;
    -webkit-mask-size: 100%;
    max-width: 1075px
}

@media screen and (max-width:767px) {
    .advantage__image-clip {
        -webkit-mask-size: 100%
    }
}

.advantage__image-blob {
    left: -20px;
    position: absolute;
    z-index: -1
}

.advantage__content {
    padding: 60px 0 0 70px
}

@media screen and (min-width:768px) {
    .advantage__content {
        min-height: 1100px;
        padding: 0 70px
    }
}

@media screen and (min-width:1610px) {
    .advantage__content {
        padding: 60px 0 0
    }
}

@media screen and (max-width:767px) {
    .advantage__content {
        padding: 0 20px
    }
}

.advantage__text {
    margin-top: 0
}

@media screen and (max-width:320px) {
    .advantage__text:first-of-type {
        margin-top: 50px
    }

    .advantage,
    .advantage__text {
        margin-top: 0
    }
}

@media screen and (min-width:2559px) {
    .advantage {
        background: url(../images/deprecated/advantage/background.svg) no-repeat 134% 20%;
        background-size: 55%
    }
}

.dots__big--advantage {
    background: url(../images/deprecated/advantage/diamonds_advantages.svg);
    height: 252px;
    left: -260px;
    top: 50px;
    width: 255px;
    z-index: -1
}

@media screen and (max-width:1441px) {
    .dots__big--advantage {
        left: -30px
    }
}

.estimates {
    align-items: center;
    justify-content: center;
    position: relative
}

.estimates__blob {
    background-size: 100%;
    background: url(../images/deprecated/estimates/background.svg) no-repeat 50%;
    display: flex;
    max-width: 100%;
    min-height: 297px;
    padding-top: 120px;
    text-align: center;
    width: 100%
}

.estimates__blob--no-bg {
    background: none;
    min-height: auto;
    padding-top: 20px
}

.estimates__blob img {
    display: block;
    left: -50vw;
    margin: 0 auto;
    position: absolute;
    right: -50vw;
    top: 100px;
    z-index: -1
}

@media screen and (max-width:2559px) {
    .estimates__blob img {
        display: none
    }
}

@media screen and (max-width:320px) {
    .estimates__blob {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .estimates__blob {
        background-size: 100%
    }
}

@media screen and (min-width:2559px) {
    .estimates__blob {
        align-items: center;
        display: flex;
        height: 670px;
        position: relative
    }
}

.estimates__content {
    margin: 0 auto
}

.estimates__content--label {
    padding: 0 .9375rem
}

.estimates__content--sm {
    font-size: 1.25rem;
    line-height: 1.625rem
}

@media screen and (max-width:320px) {
    .estimates__content {
        margin-top: -67px
    }
}

.estimates__content--heading {
    margin: 20px 0
}

@media screen and (max-width:768px) {
    .estimates__content--heading {
        padding: 0 .625rem
    }
}

.estimate-cta {
    padding: 6.25rem 0
}

    .estimate-cta img {
        left: -25%;
        position: relative;
        width: 150%
    }

@media (max-width:1200px) {
    .estimate-cta img {
        height: 400px;
        left: 50%;
        transform: translateX(-50%);
        width: auto
    }
}

.estimate-cta__content {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-70%) translateX(-50%)
}

@media (max-width:768px) {
    .estimate-cta__content {
        width: 100%
    }
}

.wpcf7 .ajax-loader,
.wpcf7 .wpcf7-spinner {
    background-image: none !important;
    display: none !important
}

.wpcf7 .wpcf7-not-valid-tip {
    margin-top: .625rem
}

.wpcf7 .wpcf7-form .wpcf7-response-output,
.wpcf7 .wpcf7-response-output {
    background-color: #fff3e0;
    border: none;
    border-radius: .125rem;
    box-shadow: 0 .125rem .3125rem 0 rgba(0, 0, 0, .16), 0 .125rem .625rem 0 rgba(0, 0, 0, .12);
    color: #ff9800;
    font-weight: 300;
    padding: .9375rem 1.25rem;
    width: 100%
}

.wpcf7 .wpcf7-form.custom-validation-error .wpcf7-response-output,
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output,
.wpcf7 .wpcf7-validation-errors {
    background-color: #ffebee;
    color: #f44336
}

.wpcf7 .wpcf7-mail-sent-ng {
    background-color: #fff3e0;
    color: #ff9800
}

.wpcf7 .wpcf7-form.sent .wpcf7-response-output,
.wpcf7 .wpcf7-mail-sent-ok {
    background-color: #e8f5e9;
    color: #4caf50
}

@keyframes container-rotate {
    to {
        transform: rotate(1turn)
    }
}

.slider__button {
    display: inline-block;
    height: 2.625rem;
    width: 2.625rem
}

.slider__button--left {
    background: url(../images/deprecated/slider/arrow-left-gray.svg) no-repeat
}

    .slider__button--left:hover {
        background: url(../images/deprecated/slider/arrow-left-blue.svg);
        cursor: pointer
    }

.slider__button--right {
    background: url(../images/deprecated/slider/arrow-right-gray.svg)
}

    .slider__button--right:hover {
        background: url(../images/deprecated/slider/arrow-right-blue.svg);
        cursor: pointer
    }

.slider__button-node--left {
    background: url(../images/deprecated/landing_pages/node/nav-arrow.svg) no-repeat;
    height: 3.125rem;
    transform: rotate(180deg);
    width: 3.125rem
}

    .slider__button-node--left:hover {
        background: url(../images/deprecated/landing_pages/node/nav-arrow-hover.svg);
        cursor: pointer
    }

.slider__button-node--right {
    background: url(../images/deprecated/landing_pages/node/nav-arrow.svg);
    height: 3.125rem;
    width: 3.125rem
}

    .slider__button-node--right:hover {
        background: url(../images/deprecated/landing_pages/node/nav-arrow-hover.svg);
        cursor: pointer
    }

@media (max-width:991px) {
    .projects--mob-center {
        text-align: center
    }
}

@media screen and (min-width:768px) {
    .projects > .row:nth-child(2n):after {
        left: auto;
        right: -1.4375rem;
        transform: rotate(180deg)
    }

    .projects > .row:nth-child(2n) .projects__photo {
        align-items: flex-start;
        display: flex;
        justify-content: flex-end;
        order: 3
    }

    .projects > .row:nth-child(2n) .projects__spacer {
        order: 2
    }
}

.projects__icons img {
    height: 1.875rem;
    padding-right: .625rem
}

@media screen and (max-width:320px) {
    .projects__icons {
        text-align: center
    }
}

.projects__photo img {
    border-radius: .3125rem;
    max-width: 100%
}

@media screen and (max-width:320px) {
    .projects__title {
        text-align: center
    }
}

.projects__content {
    padding-top: 1.25rem
}

@media (max-width:1199px) {
    .projects__content .col {
        flex: 1 100%;
        margin: 0 auto;
        padding: 0 1rem 1rem
    }
}

.projects__each {
    min-height: 8.125rem
}

@media (max-width:1199px) {
    .projects__each {
        align-items: center;
        flex-wrap: nowrap;
        padding-top: 1.875rem
    }
}

@media (max-width:768px) {
    .projects__each {
        flex-wrap: wrap;
        text-align: center
    }
}

.projects__read-more {
    display: block;
    margin-top: .625rem
}

.projects__more-content {
    box-sizing: border-box;
    margin-bottom: 1.25rem;
    max-height: 0;
    overflow: hidden;
    transition: all .7s ease-in-out
}

    .projects__more-content.is-open {
        max-height: 125rem
    }

@media (min-width:1200px) {
    .projects__more-content {
        margin-bottom: 0
    }
}

.text-page h1 {
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: -.0125rem;
    line-height: 1.3
}

@media (min-width:768px) {
    .text-page h1 {
        font-size: 3rem
    }
}

.text-page h2 {
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: -.0375rem;
    line-height: 1.3125
}

.text-page h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.33333
}

.text-page h1,
.text-page h2,
.text-page h3 {
    margin-bottom: 1rem
}

.text-page i,
.text-page p,
.text-page s,
.text-page u {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.77777
}

.text-page p,
.text-page pre {
    margin-bottom: 2.125rem
}

.text-page figure {
    margin: 5rem 0;
    max-width: 100%
}

.text-page figcaption {
    color: #898989;
    font-size: 1.125rem;
    line-height: normal;
    margin-top: .5rem;
    text-align: center
}

.text-page pre {
    font-family: Courier !important;
    font-size: .875rem;
    line-height: 1.5rem
}

.text-page b,
.text-page strong {
    font-weight: 700
}

.text-page em {
    font-style: italic
}

.text-page blockquote,
.text-page blockquote > p {
    font-size: 1.75rem;
    font-weight: 500
}

    .text-page blockquote > p {
        border-left: .5rem solid #f0fafe;
        line-height: 2.625rem;
        padding-left: 1.875rem
    }

.text-page ul:not(:last-child) {
    padding-bottom: 2.125rem
}

.text-page ul li {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.77777;
    padding-left: 2rem;
    position: relative
}

    .text-page ul li:not(:last-child) {
        padding-bottom: 2.125rem
    }

    .text-page ul li:before {
        border-bottom: .5rem solid transparent;
        border-left: .5rem solid #000ee6;
        border-top: .5rem solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: .5625rem;
        width: 0
    }

.text-page ol {
    counter-reset: item;
    list-style: none;
    padding-bottom: 1.8125rem;
    padding-top: 1.8125rem
}

    .text-page ol li {
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.77777
    }

        .text-page ol li:not(:last-child) {
            padding-bottom: 1.8125rem
        }

        .text-page ol li:before {
            content: counters(item, ".") ". ";
            counter-increment: item;
            font-size: 1.25rem;
            font-weight: 500;
            line-height: 1.625rem;
            padding-right: 1.375rem
        }

    .text-page ol ol {
        padding-bottom: 0
    }

        .text-page ol ol li {
            padding-left: 1.875rem
        }

            .text-page ol ol li:before {
                content: counters(item, ".") " "
            }

        .text-page ol ol ol {
            padding-bottom: 0
        }

            .text-page ol ol ol li {
                padding-left: 1.875rem
            }

                .text-page ol ol ol li:before {
                    content: counter(item, upper-latin) ". "
                }

.text-page a:not(.estimate__button) {
    color: #000ee6;
    line-height: 2.125rem
}

.text-page code {
    background: #f5f5f5;
    display: block;
    font-family: Courier !important;
    font-size: .875rem;
    line-height: 1.5rem;
    padding: 1.25rem
}

@media screen and (min-width:768px) {
    .text-page code {
        padding: 1.25rem 6.25rem 1.25rem 1.25rem
    }
}

.text-page code.code-inline {
    background: #f5f5f5;
    display: inline;
    margin: 0 .1875rem;
    padding: .1875rem .5625rem
}

@media screen and (min-width:768px) {
    .text-page {
        padding-right: 2rem
    }
}

.text-page table {
    font-size: 1rem;
    line-height: 1.5;
    width: 100%
}

    .text-page table th {
        font-weight: 700
    }

    .text-page table td,
    .text-page table th {
        border: .0625rem solid #161616;
        padding: .625rem .5rem
    }

.advantage .slick-slide:not(.slick-active) {
    opacity: .4
}

.advantage .slick-list {
    padding: 0 20px
}

.slick-track {
    height: 100%
}

.slick-slide {
    display: flex;
    height: 100%;
    transition: all .5s ease-out
}

    .slick-slide > div {
        align-items: center;
        display: flex;
        height: 100%
    }

    .slick-slide .tile {
        height: 100%;
        margin: 0
    }

.slick-dots {
    left: 0
}

    .slick-dots:focus-within {
        border-radius: .3125rem;
        outline: .0625rem solid #000;
        outline-offset: .1875rem
    }

    .slick-dots li {
        height: 2px;
        margin: 0;
        width: 46px
    }

        .slick-dots li button {
            background: #e4e4e4;
            display: block;
            height: 2px;
            margin: 0 auto;
            padding: 0;
            position: relative;
            width: 28px
        }

            .slick-dots li button:after {
                bottom: -50px;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: -50px
            }

            .slick-dots li button:before {
                content: none
            }

    .slick-dots .slick-active button {
        background: #000ee6
    }

.header__numbers .slick-slide {
    text-align: center;
    width: 100vw
}

@media screen and (max-width:600px) {
    .possibilities-slider {
        margin: 0 -.625rem !important
    }

        .possibilities-slider .slick-slide {
            max-width: 80vw;
            min-width: 80vw
        }

            .possibilities-slider .slick-slide:not(.slick-active) {
                opacity: .4
            }
}

@media screen and (max-width:992px) {
    .single-case-study__other-slider .clmn {
        padding-right: 0 !important
    }

    .single-case-study__other-slider .slick-slide {
        margin-right: .25rem;
        max-width: 75vw;
        min-width: 75vw
    }

        .single-case-study__other-slider .slick-slide * {
            box-sizing: border-box
        }

        .single-case-study__other-slider .slick-slide > div {
            align-items: flex-start
        }

        .single-case-study__other-slider .slick-slide:not(.slick-active) {
            opacity: .4
        }
}

.experts--clients-slider:not(.slick-initialized) .experts__element {
    max-height: 18.75rem;
    opacity: 0;
    position: absolute
}

@media screen and (max-width:992px) {
    .is-slider-not-init:not(.slick-initialized) {
        visibility: hidden
    }
}

.testimonials__slider .slick-list {
    margin-bottom: 1.6875rem
}

.testimonials__slider .slick-slide {
    max-width: 85vw;
    min-width: 85vw
}

    .testimonials__slider .slick-slide > div {
        display: block
    }

@media (min-width:768px) and (max-width:991px) {
    .testimonials__slider .slick-slide {
        max-width: 75vw;
        min-width: 75vw
    }
}

.portfolio-section__slider .slick-list {
    margin-bottom: 1.6875rem
}

.portfolio-section__slider .slick-slide {
    max-width: 80vw;
    min-width: 80vw
}

    .portfolio-section__slider .slick-slide > div {
        display: flex;
        flex-direction: column
    }

    .portfolio-section__slider .slick-slide .portfolio-filter-item {
        display: flex !important;
        flex: 1;
        flex-direction: column
    }

.we-love__slider {
    padding: 2.5rem 0
}

.we-love__slide {
    border-radius: .5625rem;
    margin: 0 1rem;
    overflow: hidden
}

    .we-love__slide img {
        height: auto;
        max-width: 100%;
        width: 300px
    }

@media screen and (max-width:600px) {
    .we-love__slide {
        margin: 0 .625rem;
        max-width: 200px
    }
}

.single-case-study {
    margin-bottom: 5rem
}

.single-case-study__wrapper {
    padding: 5.625rem 0
}

    .single-case-study__wrapper strong {
        display: block
    }

.single-case-study__wrapper--gray {
    background: #f3f3f3
}

@media screen and (max-width:1023px) {
    .single-case-study__wrapper--gray {
        order: 3
    }
}

.single-case-study__wrapper--grayer {
    background: #f6f6f6
}

@media screen and (max-width:1023px) {
    .single-case-study__wrapper {
        flex: 1 1 100%;
        max-width: 100%;
        padding: 3.125rem 0
    }

        .single-case-study__wrapper:last-child {
            order: 3
        }
}

.single-case-study__col {
    position: relative
}

@media screen and (max-width:1023px) {
    .single-case-study__col {
        display: flex;
        flex-wrap: wrap
    }
}

.single-case-study__absolute {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

    .single-case-study__absolute img {
        max-width: 100%
    }

@media screen and (max-width:1023px) {
    .single-case-study__absolute {
        display: flex;
        flex: 1 1 100%;
        height: auto;
        max-width: 100%;
        order: 2;
        position: static
    }

        .single-case-study__absolute img {
            display: block;
            margin: 0 auto;
            max-width: 50vw
        }

        .single-case-study__absolute .clmn {
            margin-bottom: 5.625rem
        }
}

@media screen and (min-width:1024px) {
    .single-case-study__absolute .clmn {
        align-items: baseline;
        margin-left: 50%;
        max-width: 41.6666666667%
    }
}

.single-case-study__logo {
    padding-bottom: 4.375rem
}

@media screen and (max-width:1023px) {
    .single-case-study__logo {
        padding-bottom: 2.25rem
    }
}

.single-case-study__heading {
    padding-bottom: 1.875rem
}

.single-case-study__link {
    padding-bottom: 5.625rem
}

@media screen and (max-width:1023px) {
    .single-case-study__link {
        padding-bottom: 2.25rem
    }
}

.single-case-study__services {
    align-items: center;
    display: flex
}

    .single-case-study__services img {
        height: 3rem
    }

        .single-case-study__services img:not(:first-child) {
            margin-left: 2.0625rem
        }

    .single-case-study__services span {
        padding-left: .9375rem;
        position: relative
    }

        .single-case-study__services span:after {
            color: #ebebeb;
            content: "•";
            left: -7px;
            position: absolute
        }

@media screen and (min-width:1024px) {
    .single-case-study__services span {
        padding-left: 2.0625rem
    }

        .single-case-study__services span:after {
            left: 9px
        }

        .single-case-study__services span:first-child {
            padding-left: 0
        }

            .single-case-study__services span:first-child:after {
                content: ""
            }
}

@media screen and (max-width:1023px) {
    .single-case-study__services {
        align-items: flex-start;
        flex-direction: column
    }

    .single-case-study__services--tech {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around
    }

        .single-case-study__services--tech img {
            margin: 0 .625rem 3.125rem 0 !important
        }
}

.single-case-study__services--line img {
    height: 2.3125rem;
    margin-right: .9375rem;
    padding-bottom: .3125rem
}

.single-case-study__services--line span {
    padding: 0 1rem .3125rem
}

    .single-case-study__services--line span:after {
        left: -.5625rem
    }

    .single-case-study__services--line span:first-child {
        padding-left: 0
    }

        .single-case-study__services--line span:first-child:after {
            content: ""
        }

@media screen and (max-width:1023px) {
    .single-case-study__services--line {
        flex-direction: row;
        flex-wrap: wrap
    }

    .single-case-study__tech {
        padding-top: 3.125rem;
        text-align: center
    }

        .single-case-study__tech strong {
            display: inline-block;
            padding-bottom: 2.5rem
        }
}

.single-case-study__title {
    padding-bottom: 1rem
}

.single-case-study__description {
    padding-right: 1.875rem
}

.single-case-study__line {
    margin-top: 1.5625rem;
    padding-top: 2.8125rem;
    position: relative
}

@media screen and (min-width:1200px) {
    .single-case-study__line:after {
        background: #e3e3e3;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 0;
        width: 3.875rem
    }
}

.single-case-study__photo-shadow {
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, .25);
    max-width: 37.5rem
}

@media screen and (max-width:991px) {
    .single-case-study__photo-shadow {
        display: block;
        margin: 2.5rem auto 0;
        max-width: 80vw
    }
}

.single-case-study__box {
    background: #fff;
    border: .125rem solid #ebebeb;
    border-radius: .625rem;
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    padding: 4.375rem 2.5rem 3.75rem;
    width: 17.5rem
}

    .single-case-study__box > div {
        min-height: 5rem
    }

    .single-case-study__box img {
        max-width: 4rem
    }

    .single-case-study__box strong {
        padding-bottom: .3125rem
    }

@media screen and (min-width:992px) {
    .single-case-study__box {
        min-width: auto
    }
}

@media screen and (min-width:1200px) {
    .single-case-study__box {
        width: 100%
    }
}

.single-case-study__testimonial {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

    .single-case-study__testimonial img {
        clip-path: url(../images/deprecated/testimonial_mask.svg);
        -webkit-mask: url(../images/deprecated/testimonial_mask.svg);
        -webkit-mask-image: url(../images/deprecated/testimonial_mask.svg);
        mask-image: url(../images/deprecated/testimonial_mask.svg);
        -webkit-mask-repeat: space;
        -webkit-mask-size: 100%;
        max-width: 3.375rem
    }

    .single-case-study__testimonial p {
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.875rem;
        text-align: center
    }

@media screen and (max-width:767px) {
    .single-case-study__testimonial {
        padding-bottom: 0;
        padding-top: 1.875rem
    }
}

.single-case-study__client {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 1.875rem
}

    .single-case-study__client img {
        margin-right: 1rem
    }

    .single-case-study__client strong {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.375rem
    }

    .single-case-study__client p {
        font-size: 1.125rem;
        line-height: 1.25rem
    }

    .single-case-study__client div {
        align-items: self-start;
        display: flex;
        flex-direction: column
    }

.single-case-study__static-img {
    max-width: 100%
}

@media screen and (max-width:991px) {
    .single-case-study__static-img {
        display: block;
        margin: 0 auto;
        max-width: 60vw;
        padding-top: 3.125rem
    }
}

.single-case-study__estimate {
    border-top: .0625rem solid #e3e3e3;
    padding: 2.1875rem 0
}

.single-case-study__estimate-wrapper {
    display: flex;
    justify-content: center
}

@media screen and (min-width:992px) {
    .single-case-study__estimate-wrapper > div {
        display: flex;
        justify-content: center;
        width: 100%
    }
}

@media screen and (max-width:991px) {
    .single-case-study__estimate-wrapper {
        flex-direction: column;
        flex-wrap: nowrap;
        text-align: center
    }
}

.single-case-study__estimate p {
    padding-right: 2rem
}

.single-case-study__estimate strong {
    display: inline;
    font-size: inherit;
    font-weight: 500;
    line-height: inherit
}

@media screen and (max-width:991px) {
    .single-case-study__estimate {
        padding: 3.125rem 0
    }

        .single-case-study__estimate p {
            padding-bottom: 1.25rem;
            padding-right: 0
        }
}

.single-case-study__category {
    display: inline-block
}

    .single-case-study__category:after {
        background-color: #000ee6;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: .25rem;
        margin: 0 .25rem;
        vertical-align: middle;
        width: .25rem
    }

    .single-case-study__category:last-of-type:after {
        display: none
    }

.single-case-study__other {
    display: flex;
    flex-direction: column;
    height: 100%
}

    .single-case-study__other * {
        box-sizing: border-box
    }

    .single-case-study__other:hover .single-case-study__other-wrapper {
        transform: scale(.97)
    }

    .single-case-study__other:hover .single-case-study__other-image {
        box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, .3);
        transform: scale(1.15)
    }

.single-case-study__other-content {
    padding-top: 1.25rem
}

.single-case-study__other-content--has-spacing {
    padding: 1.5rem
}

.single-case-study__other-tech {
    padding-bottom: .625rem
}

.single-case-study__other-wrapper {
    overflow: hidden;
    padding-top: 60%;
    position: relative;
    transition: all .3s ease
}

.single-case-study__other-image {
    background-position: 50%;
    background-size: cover;
    height: 280px;
    transition: all .3s ease-out
}

.single-case-study__other-image--sm {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: none !important;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%
}

.single-case-study__other-title {
    font-weight: 500;
    letter-spacing: normal;
    padding-bottom: 1.5rem
}

.single-case-study__other-technology {
    margin-top: 1rem
}

    .single-case-study__other-technology li {
        float: left
    }

        .single-case-study__other-technology li:first-of-type:before {
            display: none
        }

        .single-case-study__other-technology li:before {
            content: "·";
            padding: 0 .375rem
        }

.single-case-study__other--has-border {
    border: .0625rem solid #cccffa;
    border-radius: .5rem;
    overflow: hidden;
    transition: border-color .3s ease
}

    .single-case-study__other--has-border:hover {
        border-color: #000ee6
    }

        .single-case-study__other--has-border:hover .single-case-study__other-image,
        .single-case-study__other--has-border:hover .single-case-study__other-wrapper {
            transform: none
        }

@media screen and (max-width:320px) {
    .single-case-study__other {
        margin: .625rem;
        width: auto
    }
}

.single-case-study__image {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width:992px) {
    .single-case-study .d-none-mob {
        display: none
    }
}

.video-modal {
    align-items: center;
    background: hsla(0, 0%, 9%, .85);
    display: flex;
    height: 100vh;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .3s ease-out;
    visibility: hidden;
    width: 100vw;
    z-index: 9999
}

    .video-modal img {
        max-height: 70vh;
        max-width: 80vw
    }

    .video-modal.is-open {
        opacity: 1;
        pointer-events: visible;
        visibility: visible
    }

.video-modal__controls {
    display: flex;
    justify-content: flex-end;
    position: relative
}

.video-modal__close {
    align-items: center;
    border: .0625rem solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    width: 2.5rem
}

    .video-modal__close > div {
        background: #fff;
        height: .0625rem;
        position: absolute;
        transform: rotate(45deg);
        width: 70%
    }

        .video-modal__close > div:last-child {
            transform: rotate(-45deg)
        }

@media (orientation:landscape) and (min-width:992px) {
    .video-modal__close {
        display: flex;
        right: -3.125rem;
        top: -3.125rem
    }
}

.video-modal__wrapper {
    display: flex;
    flex-direction: column;
    height: 70vh;
    justify-content: center;
    width: 80vw
}

.video-modal__img {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%
}

    .video-modal__img > div {
        height: 50vw;
        width: 90vw
    }

@media (min-width:992px) {
    .video-modal__img > div {
        height: 60vh;
        width: 60vw
    }
}

.video-modal__video {
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 1.5625rem;
    position: relative
}

    .video-modal__video iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

@keyframes video-spinner {
    to {
        transform: translateY(-50%) rotate(1turn)
    }
}

.testimonials {
    position: relative
}

    .testimonials:after,
    .testimonials:before {
        background-image: url(../images/deprecated/quote.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 28.125rem;
        position: absolute;
        width: 27.5rem;
        z-index: -1
    }

@media (min-width:1200px) {

    .testimonials:after,
    .testimonials:before {
        content: ""
    }
}

.testimonials:before {
    left: -21.25rem;
    top: -6.25rem
}

.testimonials:after {
    bottom: -5.625rem;
    right: 5rem
}

.testimonials .clmn,
.testimonials .row {
    margin-bottom: 0;
    margin-top: 0
}

@media (min-width:992px) and (max-width:1199px) {
    .testimonials .clmn {
        margin-bottom: 2rem
    }
}

@media (max-width:991px) {
    .testimonials .clmn {
        height: 50%;
        width: 100% !important
    }

        .testimonials .clmn:first-child {
            padding-bottom: .5rem
        }

        .testimonials .clmn:last-child {
            padding-top: .5rem
        }
}

@media (min-width:1200px) {
    .testimonials .clmn:first-child {
        background-image: url(../images/deprecated/advantage/diamonds_advantages.svg);
        background-position: 90% top;
        background-repeat: no-repeat;
        background-size: 10.625rem
    }

    .testimonials .clmn:last-child {
        margin-left: 16.6666666667%
    }

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

.testimonials__each {
    background-size: 30%
}

    .testimonials__each p {
        margin: .5rem 0 1rem;
        max-width: 28.125rem
    }

@media (min-width:1200px) {
    .testimonials__each p {
        margin: .5rem 0 1.5rem
    }
}

@media (min-width:769px) and (max-width:992px) {
    .testimonials__each p {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
}

.testimonials__each.is-clamped > p {
    display: -webkit-box
}

@media (min-width:1200px) {
    .testimonials__each--lg p {
        margin: 1.5rem 0 2.75rem
    }

    .testimonials__each--end {
        padding: 0 20%
    }
}

@media (max-width:1199px) {
    .testimonials__each {
        border: .0625rem solid #cccffa;
        border-radius: .5rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        padding: 1rem
    }
}

@media (max-width:767px) {
    .testimonials__each {
        padding: 1.25rem
    }
}

@media (max-width:1199px) {
    .testimonials__each {
        padding: 2rem
    }
}

@media (max-width:1200px) {
    .testimonials__each {
        background-image: url(../images/deprecated/quote.svg);
        background-position: 90% 90%;
        background-repeat: no-repeat
    }
}

@media (min-width:768px) and (max-width:991px) {
    .testimonials__each {
        background-position: 95% 90%;
        background-size: 20%
    }
}

.testimonials__client {
    align-items: center;
    display: flex
}

    .testimonials__client a {
        color: #000ee6
    }

    .testimonials__client img {
        max-width: 4rem
    }

.testimonials__client-img {
    border-radius: 50%;
    display: none;
    margin-right: 1.5rem;
    overflow: hidden
}

@media (min-width:1200px) {
    .testimonials__client-img {
        display: flex;
        height: 4rem
    }
}

.testimonials__client-description div {
    margin-bottom: .125rem
}

.testimonials__client-description p {
    margin: 0
}

.testimonials__number {
    color: #000ee6;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.625rem
}

@media (min-width:1200px) {
    .testimonials__number {
        display: none
    }
}

@media (max-width:991px) {
    .testimonials {
        padding-right: 0
    }
}

.testimonials-new {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem;
    position: relative
}

@media (min-width:992px) {
    .testimonials-new {
        padding-bottom: 5.25rem;
        padding-top: 5.25rem
    }
}

@media (min-width:1366px) {
    .testimonials-new {
        padding-bottom: 4rem;
        padding-top: 4rem;
        padding-top: 5rem
    }
}

.testimonials-new:after,
.testimonials-new:before {
    background-image: url(../images/deprecated/quote.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 14.6875rem;
    position: absolute;
    width: 17.125rem;
    z-index: -1
}

@media (min-width:1180px) {

    .testimonials-new:after,
    .testimonials-new:before {
        content: ""
    }
}

@media (min-width:1366px) {

    .testimonials-new:after,
    .testimonials-new:before {
        height: 19.0625rem;
        width: 22.25rem
    }
}

.testimonials-new:before {
    content: "";
    left: 0;
    top: 0
}

@media (min-width:768px) {
    .testimonials-new:before {
        display: none
    }
}

@media (min-width:1366px) {
    .testimonials-new:before {
        content: "";
        display: block;
        top: 4rem;
        transform: translateX(-50%)
    }
}

@media (min-width:1680px) {
    .testimonials-new:before {
        height: 23.25rem;
        top: 2.75rem;
        width: 27.125rem
    }
}

.testimonials-new:after {
    bottom: -2.5rem;
    right: 0;
    transform: translateX(50%)
}

@media (min-width:1180px) {
    .testimonials-new:after {
        content: ""
    }
}

@media (min-width:1680px) {
    .testimonials-new:after {
        bottom: 0;
        height: 21.8125rem;
        right: 7.8125rem;
        transform: translateX(0);
        width: 25.4375rem
    }
}

.testimonials-new__slider .slick-slide {
    max-width: 80vw;
    width: 100%
}

@media (min-width:768px) {
    .testimonials-new__slider .slick-slide {
        max-width: 302.4px
    }
}

@media (min-width:1180px) {
    .testimonials-new__slider .slick-slide {
        max-width: 475.2px
    }
}

.testimonials-new__slider .slick-slide > div {
    display: block
}

@media (min-width:992px) {
    .testimonials-new__item {
        margin-bottom: 2rem
    }
}

@media (max-width:991.98px) {
    .testimonials-new__item:first-child {
        padding-bottom: .5rem
    }

    .testimonials-new__item:last-child {
        padding-top: .5rem
    }
}

@media (min-width:1366px) {
    .testimonials-new__item {
        margin-bottom: 0
    }

        .testimonials-new__item:first-child {
            margin-right: auto
        }

            .testimonials-new__item:first-child:after {
                background-image: url(../images/deprecated/dots-diamond.svg);
                content: "";
                display: block;
                height: 11.75rem;
                left: 100%;
                position: absolute;
                top: -5rem;
                width: 11.75rem
            }
}

@media (min-width:1680px) {
    .testimonials-new__item:first-child:after {
        transform: translateX(15%)
    }
}

@media (min-width:1366px) {
    .testimonials-new__item:last-child {
        margin-left: auto
    }
}

@media (min-width:1180px) {
    .testimonials-new__col-end {
        align-items: flex-end;
        display: flex
    }
}

.testimonials-new__each {
    background-size: 30%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

@media (min-width:1180px) {
    .testimonials-new__each {
        background-image: none;
        border: none;
        display: block;
        height: auto;
        padding: 0
    }
}

.testimonials-new__each p {
    margin: .5rem 0 1rem;
    max-width: 28.125rem
}

@media (min-width:1180px) {
    .testimonials-new__each p {
        margin: .5rem 0 1.5rem
    }
}

.testimonials-new__each.is-clamped > p {
    display: -webkit-box
}

@media (min-width:1180px) {
    .testimonials-new__each--lg p {
        margin: 1.5rem 0 2.75rem
    }
}

@media (min-width:1366px) {
    .testimonials-new__each--end {
        padding: 0 20%
    }
}

.testimonials-new__client {
    align-items: center;
    display: flex
}

    .testimonials-new__client a {
        color: #000ee6
    }

    .testimonials-new__client img {
        max-width: 4rem
    }

.testimonials-new__client-img {
    border-radius: 50%;
    display: none;
    margin-right: 1.5rem;
    overflow: hidden
}

@media (min-width:1180px) {
    .testimonials-new__client-img {
        display: flex;
        height: 4rem
    }
}

.testimonials-new__client-description div {
    margin-bottom: .125rem
}

.testimonials-new__client-description p {
    margin: 0
}

@media (max-width:991px) {
    .testimonials-new {
        padding-right: 0
    }
}

.estimate-section {
    align-content: center;
    align-items: center;
    background-image: url(../images/deprecated/FALA_QHD.svg);
    background-position: 50%;
    background-size: cover;
    display: flex;
    flex-flow: row wrap;
    min-height: 37.25rem
}

.estimate-section__content {
    margin-bottom: 4rem;
    text-align: center
}

.estimate-section__title {
    margin-bottom: 1rem
}

.estimate-section__heading {
    margin-bottom: 3rem
}

@media (min-width:768px) {
    .estimate-section__heading {
        margin-bottom: 3rem
    }
}

@media (min-width:1366px) {
    .estimate-section__heading {
        margin-bottom: 2.5rem
    }
}

@media (min-width:1680px) {
    .estimate-section__heading {
        margin-bottom: 3rem
    }
}

.styled-select {
    position: relative
}

    .styled-select:focus {
        outline: none
    }

.styled-select__inner {
    background: #fff;
    border: .0625rem solid #bcb9b9;
    border-radius: .5rem;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    font-size: 1rem;
    outline: none;
    padding: 1.25rem 1.875rem;
    position: relative;
    transition: none;
    width: 100%
}

.styled-select.is-focused:not(.is-open) .styled-select__inner {
    border-color: #000ee6;
    border-width: .125rem;
    padding: 1.1875rem 1.8125rem
}

.styled-select__list--multiple:after,
.styled-select__list--single:after {
    border-bottom: .125rem solid #000ee6;
    border-left: .125rem solid #000ee6;
    content: "";
    height: .5625rem;
    pointer-events: none;
    position: absolute;
    right: 1.125rem;
    top: calc(50% - .0625rem);
    transform: translateY(-50%) rotate(-45deg);
    width: .5625rem
}

.styled-select.is-focused .styled-select__list--multiple,
.styled-select.is-focused .styled-select__list--single {
    border-color: #000ee6
}

.styled-select__list--multiple {
    display: inline-flex
}

.styled-select__list--dropdown {
    background: #fff;
    border: .0625rem solid #bcb9b9;
    border-radius: .5rem;
    left: 0;
    margin: .625rem -.5rem;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(1.875rem);
    transition: opacity .3s, transform .3s;
    visibility: hidden;
    z-index: 30
}

@media (min-width:992px) {
    .styled-select__list--dropdown {
        margin-left: -.5rem;
        margin-right: -.5rem
    }
}

.styled-select__list--dropdown.is-active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.styled-select.is-flipped .styled-select__list--dropdown {
    bottom: 100%;
    top: auto
}

.styled-select__item--choice {
    background: #fff;
    padding: .9375rem 1.875rem;
    transition: background-color .3s
}

    .styled-select__item--choice + .styled-select__item--choice {
        border-top: .0625rem solid #e4e4e4
    }

    .styled-select__item--choice.is-selected {
        background-color: hsla(0, 0%, 54%, .35)
    }

    .styled-select__item--choice.is-highlighted {
        background-color: hsla(0, 0%, 54%, .15)
    }

.styled-select__list--multiple .styled-select__item {
    background: hsla(0, 0%, 54%, .15);
    border-radius: .25rem;
    margin-right: .625rem;
    padding: .3125rem
}

.styled-select[data-type=select-multiple] .styled-select__input {
    border: 0
}

.floating-widgets {
    bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 900
}

@media (max-width:767.98px) {
    .floating-widgets.has-offset {
        top: 4rem
    }
}

.floating-widgets *,
.floating-widgets :after,
.floating-widgets :before {
    box-sizing: border-box
}

@media (min-width:768px) {
    .floating-widget {
        position: relative
    }
}

.floating-widget.is-open {
    pointer-events: auto
}

.floating-widget__label {
    align-items: center;
    background: #f0fafe;
    color: #000ee6;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    justify-content: center;
    padding: .875rem;
    text-align: center
}

.floating-widget__trigger {
    cursor: pointer;
    height: 3rem;
    pointer-events: auto;
    width: 3rem
}

@media (min-width:768px) {
    .floating-widget__trigger {
        height: auto;
        padding: 2.25rem .75rem;
        transform-origin: 0 100%;
        width: auto;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr
    }
}

@media (min-width:1180px) {
    .floating-widget__trigger {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 4
    }
}

@media (min-width:768px) {
    .floating-widget__trigger-icon {
        transform: rotate(90deg)
    }
}

.floating-widget__trigger-text {
    display: none
}

@media (min-width:768px) {
    .floating-widget__trigger-text {
        display: inline-block;
        margin-top: .5rem
    }
}

.floating-widget__bar {
    margin-top: auto;
    width: 100%
}

@media (min-width:768px) {
    .floating-widget__bar {
        bottom: 0;
        left: 0;
        position: absolute;
        top: auto
    }
}

@media (min-width:1180px) {
    .floating-widget__bar {
        display: none
    }
}

.floating-widget__bar-icon {
    margin-right: .5rem
}

.floating-widget__banner {
    background: #fff;
    border-radius: .5rem;
    bottom: 0;
    box-shadow: 0 .125rem 1rem 0 hsla(0, 0%, 54%, .5);
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    position: absolute;
    transform: scale(0);
    transform-origin: 0 100%;
    transition: transform .3s, opacity .3s;
    width: 100%;
    will-change: transform, opacity
}

@media (min-width:768px) {
    .floating-widget__banner {
        align-items: center;
        flex-direction: row;
        height: auto;
        padding: 6rem 4rem;
        transform: translateX(-100%);
        z-index: 3
    }
}

@media (min-width:1180px) {
    .floating-widget__banner {
        max-width: 75rem;
        padding: 1.75rem 6.6875rem 1.125rem 7.5625rem;
        position: static
    }
}

.is-open .floating-widget__banner {
    opacity: 1;
    transform: scale(1)
}

@media (min-width:768px) {
    .is-open .floating-widget__banner {
        transform: translateX(0)
    }
}

.floating-widget__col {
    flex: 0 0 auto;
    padding: 0 1.375rem
}

@media (min-width:768px) {
    .floating-widget__col {
        padding: 0
    }
}

.floating-widget__col--fill {
    flex: 1
}

.floating-widget__content-col {
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .floating-widget__content-col {
        padding-left: 5.5rem
    }
}

@media (min-width:1180px) {
    .floating-widget__content-col {
        display: flex;
        padding-left: 2.625rem
    }
}

.floating-widget__image {
    display: none
}

@media (min-width:768px) {
    .floating-widget__image {
        display: block;
        max-width: 9.125rem
    }
}

.floating-widget__content {
    padding: 6rem 0 4rem
}

@media (min-width:768px) {
    .floating-widget__content {
        padding: 0 0 4.375rem
    }
}

@media (min-width:1180px) {
    .floating-widget__content {
        padding: 0
    }
}

.floating-widget__heading {
    padding-bottom: 1.125rem
}

@media (min-width:1180px) {
    .floating-widget__form {
        margin-left: 6.6875rem;
        min-width: 20rem
    }
}

.floating-widget__form-honeypot {
    display: none
}

.floating-widget__form-row {
    padding-bottom: 2rem
}

.floating-widget__form .mc-field-group {
    position: relative
}

.floating-widget__form input[type=email] {
    background: #fff;
    border: none;
    border-bottom: .0625rem solid #e4e4e4 !important;
    padding: .5rem 0;
    width: 100%
}

    .floating-widget__form input[type=email]:focus {
        border-bottom-color: #000ee6 !important;
        outline: 0
    }

    .floating-widget__form input[type=email] + .mce_inline_error {
        display: none !important
    }

.floating-widget__form-submit {
    padding: .625rem 1.5rem
}

.floating-widget__form .response {
    font-size: .875rem;
    padding-top: .375rem
}

.floating-widget__form .response--error {
    color: #f44336
}

.floating-widget__form .response--success {
    color: #57ae00
}

.floating-widget__close-button {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: .25rem;
    position: absolute;
    right: 1rem;
    top: 1rem
}

    .floating-widget__close-button svg {
        display: block
    }

.service-page-sections {
    padding-top: 6.25rem
}

.page-template-template-webdev-new .service-page-sections {
    padding-top: 0
}

.page-section__header {
    padding-bottom: 3.125rem
}

.page-section__header--center {
    margin-left: auto;
    margin-right: auto;
    max-width: 51.25rem;
    text-align: center
}

.page-section__arrow-link {
    color: #000ee6;
    display: inline-flex
}

.page-section__arrow-link-arrow {
    align-self: center;
    margin-left: 1rem
}

.page-section .other-tech {
    margin-top: 0
}

.cta-section {
    padding-bottom: 2.875rem
}

@media (min-width:1180px) {
    .cta-section {
        padding-bottom: 6.5rem
    }
}

.cta-section__wrap {
    background: #f0fafe;
    padding: 4rem 0
}

.cta-section__header {
    padding-bottom: 2rem
}

.cta-section__button-wrap {
    text-align: center
}

@media (min-width:1180px) {
    .articles-section {
        padding-bottom: 6.5rem
    }
}

.articles-section__header {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .articles-section__header {
        max-width: 100%;
        padding-bottom: 4rem
    }
}

.articles-section__articles {
    position: relative
}

@media (min-width:1180px) {
    .articles-section__articles:before {
        background: url(../images/deprecated/dots.svg);
        content: "";
        display: block;
        height: 5.375rem;
        left: -1.125rem;
        position: absolute;
        top: -1.4375rem;
        width: 5.375rem;
        z-index: -1
    }
}

.articles-section__article {
    padding-bottom: 3rem
}

@media (min-width:1180px) {
    .articles-section__article {
        padding-bottom: 0
    }
}

.articles-section__article-wrap {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 0 1rem 0 hsla(0, 3%, 85%, .5)
}

@media (min-width:1180px) {
    .articles-section__article-wrap {
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: hidden
    }
}

.articles-section__article-image-wrap {
    display: block;
    height: 17.5rem;
    overflow: hidden
}

.articles-section__article-image {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    transition: transform .3s ease-in-out
}

    .articles-section__article-image:hover {
        transform: scale(1.1)
    }

.articles-section__article-content {
    padding: 1.5rem 2.25rem
}

@media (min-width:1180px) {
    .articles-section__article-content {
        display: flex;
        flex: 1;
        flex-direction: column
    }
}

.articles-section__article-footer {
    margin-top: auto;
    padding-top: 2rem
}

body.offset .main-wrapper {
    padding-top: 4.1875rem
}

@media screen and (min-width:1200px) {
    body.offset .main-wrapper {
        padding-top: 4.5rem
    }
}

body.page-template-template-about-us,
body.page-template-template-about-us .site {
    overflow: initial !important
}

body.page-template-template-webdev-service {
    overflow: initial
}

@media (min-width:1200px) {
    body.single {
        overflow-x: visible
    }
}

.page-template-template-webdev-service.angular,
.page-template-template-webdev-service.react-native,
.page-template-template-webdev-service.vue {
    padding-top: 4.1875rem
}

@media screen and (min-width:1200px) {

    .page-template-template-webdev-service.angular,
    .page-template-template-webdev-service.react-native,
    .page-template-template-webdev-service.vue {
        padding-top: 4.5rem
    }
}

.site-background-overlay {
    background-color: #161616;
    content: "";
    height: 100vh;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .15s ease-in-out;
    width: 100vw;
    will-change: opacity;
    z-index: 100
}

    .site-background-overlay.is-visible {
        opacity: .25
    }

@media screen and (min-width:1200px) {
    .site-header.site-header--bottom + .site-content .career__sticky-nav.is-sticky {
        top: 4.5rem
    }
}

.grecaptcha-badge {
    display: none
}

.border-box,
.border-box *,
.border-box :after,
.border-box :before {
    box-sizing: border-box
}

.d-block {
    display: block
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

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

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

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

@media (min-width:375px) {
    .text-m-left {
        text-align: left
    }

    .text-m-right {
        text-align: right
    }

    .text-m-center {
        text-align: center
    }

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

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

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

@media (min-width:768px) {
    .text-t-left {
        text-align: left
    }

    .text-t-right {
        text-align: right
    }

    .text-t-center {
        text-align: center
    }

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

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

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

@media (min-width:992px) {
    .text-lt-left {
        text-align: left
    }

    .text-lt-right {
        text-align: right
    }

    .text-lt-center {
        text-align: center
    }

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

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

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

@media (min-width:1180px) {
    .text-sd-left {
        text-align: left
    }

    .text-sd-right {
        text-align: right
    }

    .text-sd-center {
        text-align: center
    }

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

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

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

@media (min-width:1366px) {
    .text-md-left {
        text-align: left
    }

    .text-md-right {
        text-align: right
    }

    .text-md-center {
        text-align: center
    }

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

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

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

@media (min-width:1680px) {
    .text-ld-left {
        text-align: left
    }

    .text-ld-right {
        text-align: right
    }

    .text-ld-center {
        text-align: center
    }

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

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

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

.has-decorations {
    position: relative
}

    .has-decorations:after,
    .has-decorations:before {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        pointer-events: none;
        position: absolute
    }

@font-face {
    font-display: block;
    font-family: Monument;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/MonumentExtended/MonumentExtended-Heavy.woff2?v=3.0) format("woff2"), url(../fonts/MonumentExtended/MonumentExtended-Heavy.woff?v=3.0) format("woff"), url(../fonts/MonumentExtended/MonumentExtended-Heavy.ttf?v=3.0) format("truetype")
}

.font-size-1 {
    font-size: 3rem;
    letter-spacing: -.0625rem;
    line-height: 1.16667
}

.font-size-2 {
    font-size: 2.75rem;
    letter-spacing: -.0125rem;
    line-height: 1.181812
}

.font-size-3 {
    font-size: 2.5rem;
    letter-spacing: -.0625rem;
    line-height: 1.2
}

.font-size-4 {
    font-size: 2.25rem;
    letter-spacing: -.0125rem;
    line-height: 1.16667
}

.font-size-5 {
    font-size: 2rem;
    letter-spacing: -.0125rem;
    line-height: 1.25
}

.font-size-6 {
    font-size: 1.75rem;
    letter-spacing: -.03125rem;
    line-height: 1.35
}

.font-size-7 {
    font-size: 1.5rem;
    letter-spacing: -.03125rem;
    line-height: 1.333
}

.font-size-8 {
    font-size: 1.25rem;
    letter-spacing: 0;
    line-height: 1.4
}

.font-size-9 {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.55
}

.font-size-10 {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.625
}

.font-size-11 {
    font-size: .875rem;
    letter-spacing: 0;
    line-height: 1.7
}

.font-size-12 {
    font-size: .75rem;
    line-height: 1.333
}

@media (min-width:375px) {
    .font-size-m-1 {
        font-size: 3rem;
        letter-spacing: -.0625rem;
        line-height: 1.16667
    }

    .font-size-m-2 {
        font-size: 2.75rem;
        letter-spacing: -.0125rem;
        line-height: 1.181812
    }

    .font-size-m-3 {
        font-size: 2.5rem;
        letter-spacing: -.0625rem;
        line-height: 1.2
    }

    .font-size-m-4 {
        font-size: 2.25rem;
        letter-spacing: -.0125rem;
        line-height: 1.16667
    }

    .font-size-m-5 {
        font-size: 2rem;
        letter-spacing: -.0125rem;
        line-height: 1.25
    }

    .font-size-m-6 {
        font-size: 1.75rem;
        letter-spacing: -.03125rem;
        line-height: 1.35
    }

    .font-size-m-7 {
        font-size: 1.5rem;
        letter-spacing: -.03125rem;
        line-height: 1.333
    }

    .font-size-m-8 {
        font-size: 1.25rem;
        letter-spacing: 0;
        line-height: 1.4
    }

    .font-size-m-9 {
        font-size: 1.125rem;
        letter-spacing: 0;
        line-height: 1.55
    }

    .font-size-m-10 {
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 1.625
    }

    .font-size-m-11 {
        font-size: .875rem;
        letter-spacing: 0;
        line-height: 1.7
    }

    .font-size-m-12 {
        font-size: .75rem;
        line-height: 1.333
    }
}

@media (min-width:768px) {
    .font-size-t-1 {
        font-size: 3rem;
        letter-spacing: -.0625rem;
        line-height: 1.16667
    }

    .font-size-t-2 {
        font-size: 2.75rem;
        letter-spacing: -.0125rem;
        line-height: 1.181812
    }

    .font-size-t-3 {
        font-size: 2.5rem;
        letter-spacing: -.0625rem;
        line-height: 1.2
    }

    .font-size-t-4 {
        font-size: 2.25rem;
        letter-spacing: -.0125rem;
        line-height: 1.16667
    }

    .font-size-t-5 {
        font-size: 2rem;
        letter-spacing: -.0125rem;
        line-height: 1.25
    }

    .font-size-t-6 {
        font-size: 1.75rem;
        letter-spacing: -.03125rem;
        line-height: 1.35
    }

    .font-size-t-7 {
        font-size: 1.5rem;
        letter-spacing: -.03125rem;
        line-height: 1.333
    }

    .font-size-t-8 {
        font-size: 1.25rem;
        letter-spacing: 0;
        line-height: 1.4
    }

    .font-size-t-9 {
        font-size: 1.125rem;
        letter-spacing: 0;
        line-height: 1.55
    }

    .font-size-t-10 {
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 1.625
    }

    .font-size-t-11 {
        font-size: .875rem;
        letter-spacing: 0;
        line-height: 1.7
    }

    .font-size-t-12 {
        font-size: .75rem;
        line-height: 1.333
    }
}

@media (min-width:992px) {
    .font-size-lt-1 {
        font-size: 3rem;
        letter-spacing: -.0625rem;
        line-height: 1.16667
    }

    .font-size-lt-2 {
        font-size: 2.75rem;
        letter-spacing: -.0125rem;
        line-height: 1.181812
    }

    .font-size-lt-3 {
        font-size: 2.5rem;
        letter-spacing: -.0625rem;
        line-height: 1.2
    }

    .font-size-lt-4 {
        font-size: 2.25rem;
        letter-spacing: -.0125rem;
        line-height: 1.16667
    }

    .font-size-lt-5 {
        font-size: 2rem;
        letter-spacing: -.0125rem;
        line-height: 1.25
    }

    .font-size-lt-6 {
        font-size: 1.75rem;
        letter-spacing: -.03125rem;
        line-height: 1.35
    }

    .font-size-lt-7 {
        font-size: 1.5rem;
        letter-spacing: -.03125rem;
        line-height: 1.333
    }

    .font-size-lt-8 {
        font-size: 1.25rem;
        letter-spacing: 0;
        line-height: 1.4
    }

    .font-size-lt-9 {
        font-size: 1.125rem;
        letter-spacing: 0;
        line-height: 1.55
    }

    .font-size-lt-10 {
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 1.625
    }

    .font-size-lt-11 {
        font-size: .875rem;
        letter-spacing: 0;
        line-height: 1.7
    }

    .font-size-lt-12 {
        font-size: .75rem;
        line-height: 1.333
    }
}

@media (min-width:1180px) {
    .font-size-sd-1 {
        font-size: 3rem;
        letter-spacing: -.0625rem;
        line-height: 1.16667
    }

    .font-size-sd-2 {
        font-size: 2.75rem;
        letter-spacing: -.0125rem;
        line-height: 1.181812
    }

    .font-size-sd-3 {
        font-size: 2.5rem;
        letter-spacing: -.0625rem;
        line-height: 1.2
    }

    .font-size-sd-4 {
        font-size: 2.25rem;
        letter-spacing: -.0125rem;
        line-height: 1.16667
    }

    .font-size-sd-5 {
        font-size: 2rem;
        letter-spacing: -.0125rem;
        line-height: 1.25
    }

    .font-size-sd-6 {
        font-size: 1.75rem;
        letter-spacing: -.03125rem;
        line-height: 1.35
    }

    .font-size-sd-7 {
        font-size: 1.5rem;
        letter-spacing: -.03125rem;
        line-height: 1.333
    }

    .font-size-sd-8 {
        font-size: 1.25rem;
        letter-spacing: 0;
        line-height: 1.4
    }

    .font-size-sd-9 {
        font-size: 1.125rem;
        letter-spacing: 0;
        line-height: 1.55
    }

    .font-size-sd-10 {
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 1.625
    }

    .font-size-sd-11 {
        font-size: .875rem;
        letter-spacing: 0;
        line-height: 1.7
    }

    .font-size-sd-12 {
        font-size: .75rem;
        line-height: 1.333
    }
}

@media (min-width:1366px) {
    .font-size-md-1 {
        font-size: 3rem;
        letter-spacing: -.0625rem;
        line-height: 1.16667
    }

    .font-size-md-2 {
        font-size: 2.75rem;
        letter-spacing: -.0125rem;
        line-height: 1.181812
    }

    .font-size-md-3 {
        font-size: 2.5rem;
        letter-spacing: -.0625rem;
        line-height: 1.2
    }

    .font-size-md-4 {
        font-size: 2.25rem;
        letter-spacing: -.0125rem;
        line-height: 1.16667
    }

    .font-size-md-5 {
        font-size: 2rem;
        letter-spacing: -.0125rem;
        line-height: 1.25
    }

    .font-size-md-6 {
        font-size: 1.75rem;
        letter-spacing: -.03125rem;
        line-height: 1.35
    }

    .font-size-md-7 {
        font-size: 1.5rem;
        letter-spacing: -.03125rem;
        line-height: 1.333
    }

    .font-size-md-8 {
        font-size: 1.25rem;
        letter-spacing: 0;
        line-height: 1.4
    }

    .font-size-md-9 {
        font-size: 1.125rem;
        letter-spacing: 0;
        line-height: 1.55
    }

    .font-size-md-10 {
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 1.625
    }

    .font-size-md-11 {
        font-size: .875rem;
        letter-spacing: 0;
        line-height: 1.7
    }

    .font-size-md-12 {
        font-size: .75rem;
        line-height: 1.333
    }
}

@media (min-width:1680px) {
    .font-size-ld-1 {
        font-size: 3rem;
        letter-spacing: -.0625rem;
        line-height: 1.16667
    }

    .font-size-ld-2 {
        font-size: 2.75rem;
        letter-spacing: -.0125rem;
        line-height: 1.181812
    }

    .font-size-ld-3 {
        font-size: 2.5rem;
        letter-spacing: -.0625rem;
        line-height: 1.2
    }

    .font-size-ld-4 {
        font-size: 2.25rem;
        letter-spacing: -.0125rem;
        line-height: 1.16667
    }

    .font-size-ld-5 {
        font-size: 2rem;
        letter-spacing: -.0125rem;
        line-height: 1.25
    }

    .font-size-ld-6 {
        font-size: 1.75rem;
        letter-spacing: -.03125rem;
        line-height: 1.35
    }

    .font-size-ld-7 {
        font-size: 1.5rem;
        letter-spacing: -.03125rem;
        line-height: 1.333
    }

    .font-size-ld-8 {
        font-size: 1.25rem;
        letter-spacing: 0;
        line-height: 1.4
    }

    .font-size-ld-9 {
        font-size: 1.125rem;
        letter-spacing: 0;
        line-height: 1.55
    }

    .font-size-ld-10 {
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 1.625
    }

    .font-size-ld-11 {
        font-size: .875rem;
        letter-spacing: 0;
        line-height: 1.7
    }

    .font-size-ld-12 {
        font-size: .75rem;
        line-height: 1.333
    }
}

.subheading-label {
    font-size: .625rem;
    letter-spacing: .125rem;
    line-height: 1.2;
    text-transform: uppercase
}

.font-extra-light,
.font-extra-light b,
.font-extra-light strong {
    font-weight: 200
}

.font-light,
.font-light b,
.font-light strong {
    font-weight: 300
}

.font-default,
.font-default b,
.font-default strong {
    font-weight: 400
}

.font-medium,
.font-medium b,
.font-medium strong {
    font-weight: 500
}

.font-semi-bold,
.font-semi-bold b,
.font-semi-bold strong {
    font-weight: 600
}

.font-bold,
.font-bold b,
.font-bold strong {
    font-weight: 700
}

@media (min-width:375px) {

    .font-m-extra-light,
    .font-m-extra-light b,
    .font-m-extra-light strong {
        font-weight: 200
    }

    .font-m-light,
    .font-m-light b,
    .font-m-light strong {
        font-weight: 300
    }

    .font-m-default,
    .font-m-default b,
    .font-m-default strong {
        font-weight: 400
    }

    .font-m-medium,
    .font-m-medium b,
    .font-m-medium strong {
        font-weight: 500
    }

    .font-m-semi-bold,
    .font-m-semi-bold b,
    .font-m-semi-bold strong {
        font-weight: 600
    }

    .font-m-bold,
    .font-m-bold b,
    .font-m-bold strong {
        font-weight: 700
    }
}

@media (min-width:768px) {

    .font-t-extra-light,
    .font-t-extra-light b,
    .font-t-extra-light strong {
        font-weight: 200
    }

    .font-t-light,
    .font-t-light b,
    .font-t-light strong {
        font-weight: 300
    }

    .font-t-default,
    .font-t-default b,
    .font-t-default strong {
        font-weight: 400
    }

    .font-t-medium,
    .font-t-medium b,
    .font-t-medium strong {
        font-weight: 500
    }

    .font-t-semi-bold,
    .font-t-semi-bold b,
    .font-t-semi-bold strong {
        font-weight: 600
    }

    .font-t-bold,
    .font-t-bold b,
    .font-t-bold strong {
        font-weight: 700
    }
}

@media (min-width:992px) {

    .font-lt-extra-light,
    .font-lt-extra-light b,
    .font-lt-extra-light strong {
        font-weight: 200
    }

    .font-lt-light,
    .font-lt-light b,
    .font-lt-light strong {
        font-weight: 300
    }

    .font-lt-default,
    .font-lt-default b,
    .font-lt-default strong {
        font-weight: 400
    }

    .font-lt-medium,
    .font-lt-medium b,
    .font-lt-medium strong {
        font-weight: 500
    }

    .font-lt-semi-bold,
    .font-lt-semi-bold b,
    .font-lt-semi-bold strong {
        font-weight: 600
    }

    .font-lt-bold,
    .font-lt-bold b,
    .font-lt-bold strong {
        font-weight: 700
    }
}

@media (min-width:1180px) {

    .font-sd-extra-light,
    .font-sd-extra-light b,
    .font-sd-extra-light strong {
        font-weight: 200
    }

    .font-sd-light,
    .font-sd-light b,
    .font-sd-light strong {
        font-weight: 300
    }

    .font-sd-default,
    .font-sd-default b,
    .font-sd-default strong {
        font-weight: 400
    }

    .font-sd-medium,
    .font-sd-medium b,
    .font-sd-medium strong {
        font-weight: 500
    }

    .font-sd-semi-bold,
    .font-sd-semi-bold b,
    .font-sd-semi-bold strong {
        font-weight: 600
    }

    .font-sd-bold,
    .font-sd-bold b,
    .font-sd-bold strong {
        font-weight: 700
    }
}

@media (min-width:1366px) {

    .font-md-extra-light,
    .font-md-extra-light b,
    .font-md-extra-light strong {
        font-weight: 200
    }

    .font-md-light,
    .font-md-light b,
    .font-md-light strong {
        font-weight: 300
    }

    .font-md-default,
    .font-md-default b,
    .font-md-default strong {
        font-weight: 400
    }

    .font-md-medium,
    .font-md-medium b,
    .font-md-medium strong {
        font-weight: 500
    }

    .font-md-semi-bold,
    .font-md-semi-bold b,
    .font-md-semi-bold strong {
        font-weight: 600
    }

    .font-md-bold,
    .font-md-bold b,
    .font-md-bold strong {
        font-weight: 700
    }
}

@media (min-width:1680px) {

    .font-ld-extra-light,
    .font-ld-extra-light b,
    .font-ld-extra-light strong {
        font-weight: 200
    }

    .font-ld-light,
    .font-ld-light b,
    .font-ld-light strong {
        font-weight: 300
    }

    .font-ld-default,
    .font-ld-default b,
    .font-ld-default strong {
        font-weight: 400
    }

    .font-ld-medium,
    .font-ld-medium b,
    .font-ld-medium strong {
        font-weight: 500
    }

    .font-ld-semi-bold,
    .font-ld-semi-bold b,
    .font-ld-semi-bold strong {
        font-weight: 600
    }

    .font-ld-bold,
    .font-ld-bold b,
    .font-ld-bold strong {
        font-weight: 700
    }
}

.color-default {
    color: #161616
}

.color-primary {
    color: #000ee6
}

.color-muted {
    color: #525966
}

.color-white {
    color: #fff
}

.color-inherit {
    color: inherit !important
}

.text-inherit * {
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

.text-inherit p {
    margin-bottom: 1.5rem
}

    .text-inherit p:last-of-type {
        margin-bottom: 0
    }

@media (min-width:1180px) {
    .main-footer {
        margin-top: 5.25rem
    }
}

.footer {
    display: flex;
    flex-direction: column;
    padding-top: 3rem
}

@media (min-width:1180px) {
    .footer {
        border-top: .0625rem solid #e3e3e3;
        display: block;
        padding-top: 5.25rem
    }
}

.footer__company {
    display: none
}

@media (min-width:1180px) {
    .footer__company {
        display: block
    }
}

.footer__logo {
    height: auto;
    max-width: 7.75rem
}

.footer__heading {
    padding-bottom: 1rem
}

@media (max-width:767.98px) {
    .footer__heading--empty {
        display: none
    }
}

.footer__socials {
    align-items: center;
    display: none;
    justify-content: center;
    padding-bottom: 2.125rem
}

@media (min-width:1180px) {
    .footer__socials {
        display: flex;
        justify-content: flex-start;
        padding-bottom: 0;
        padding-top: 2.5rem
    }
}

.footer__socials--mobile {
    display: flex
}

@media (min-width:1180px) {
    .footer__socials--mobile {
        display: none
    }
}

.footer__social-link {
    display: flex;
    margin-right: 1.5rem
}

    .footer__social-link:focus-visible {
        border-radius: .3125rem;
        outline: .0625rem solid #000;
        outline-offset: .1875rem
    }

.footer__social-icon :not(.facebook-social-f) {
    fill: #161616
}

.footer__social-icon:hover :not(.facebook-social-f) {
    fill: #000ee6
}

@media (min-width:1180px) {
    .footer__contact-row {
        padding-bottom: 6.25rem;
        padding-top: 3.625rem
    }
}

.footer__contact-col {
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .footer__contact-col {
        padding-bottom: 0
    }

    .footer__contact {
        padding-top: 2.375rem
    }

    .footer__contact--mobile {
        display: none
    }
}

.footer__badges {
    display: flex
}

.footer__aws-badge,
.footer__gptw-badge {
    flex: 0 0 4.5rem;
    margin-right: .75rem;
    max-width: 4.5rem
}

.footer__aws-badge {
    border: .25rem solid transparent
}

.footer__menu-col--last {
    padding-top: 1.5rem
}

@media (min-width:1180px) {
    .footer__menu-col--last {
        padding-top: 0
    }
}

.footer__location {
    padding-bottom: 1.5rem
}

.footer__awards {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 2.625rem
}

@media (min-width:1180px) {
    .footer__awards {
        max-width: 31.25rem;
        padding-top: 0
    }
}

.footer__award {
    margin-bottom: 2rem
}

@media (min-width:1180px) {
    .footer__award {
        margin-bottom: 0
    }
}

.footer__funding {
    padding: .875rem 0 2.875rem
}

@media (min-width:1180px) {
    .footer__funding {
        align-items: flex-start;
        display: flex;
        justify-content: flex-end;
        padding: 0
    }
}

.footer__funding img {
    height: auto;
    max-width: 100%
}

@media (min-width:1180px) {
    .footer__bottom {
        border-top: .0625rem solid #e3e3e3;
        margin-top: 4.25rem
    }
}

.footer__bottom-item:focus-visible {
    border-radius: .3125rem;
    outline: .0625rem solid #000;
    outline-offset: .1875rem
}

    .footer__bottom-item:focus-visible:not(:first-child) {
        margin-left: 1.5625rem
    }

.footer__bottom-item + .footer__bottom-item:not(:focus-visible):before {
    border-left: .0625rem solid #898989;
    content: "";
    margin: 0 1rem
}

.footer__links {
    border-bottom: .0625rem solid #e3e3e3
}

.footer__copyrights,
.footer__links {
    border-top: .0625rem solid #e3e3e3;
    padding-bottom: 1.125rem;
    padding-top: 1.125rem
}

@media (min-width:1180px) {

    .footer__copyrights,
    .footer__links {
        border: none
    }
}

.footer .menu-item > a:focus-visible {
    border-radius: .3125rem;
    outline: .0625rem solid #000;
    outline-offset: .1875rem
}

@keyframes fluidClip {
    0% {
        rx: 0
    }

    10% {
        rx: 0
    }

    50% {
        rx: 100
    }

    90% {
        rx: 0
    }

    to {
        rx: 0
    }
}

@keyframes fluidCircle {
    0% {
        rx: 100
    }

    10% {
        rx: 100
    }

    50% {
        rx: 0
    }

    90% {
        rx: 100
    }

    to {
        rx: 100
    }
}

@keyframes box1Animation1 {
    0% {
        rx: 10
    }

    7% {
        rx: 100
    }

    14% {
        rx: 10
    }

    to {
        rx: 10
    }
}

@keyframes box1Animation2 {
    0% {
        rx: 100
    }

    7% {
        rx: 0
    }

    14% {
        rx: 100
    }

    to {
        rx: 100
    }
}

@keyframes box2Animation1 {
    0% {
        transform: scale(1)
    }

    7% {
        transform: scale(1)
    }

    14% {
        transform: scale(0)
    }

    21% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes box2Animation2 {
    0% {
        transform: scale(0)
    }

    7% {
        transform: scale(0)
    }

    14% {
        transform: scale(1)
    }

    21% {
        transform: scale(0)
    }

    to {
        transform: scale(0)
    }
}

@keyframes box3Animation {
    0% {
        transform: translateY(0)
    }

    7% {
        transform: translateY(0)
    }

    14% {
        transform: translateY(0)
    }

    21% {
        transform: translateY(50px)
    }

    28% {
        transform: translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes box4AnimationInner {
    0% {
        transform: rotate(0)
    }

    7% {
        transform: rotate(0)
    }

    21% {
        transform: rotate(0)
    }

    28% {
        transform: rotate(90deg)
    }

    35% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes box4AnimationOuter {
    0% {
        transform: rotate(0)
    }

    7% {
        transform: rotate(0)
    }

    21% {
        transform: rotate(0)
    }

    28% {
        transform: rotate(-90deg)
    }

    35% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes box5AnimationOuter {
    0% {
        transform: rotate(0)
    }

    28% {
        transform: rotate(0)
    }

    35% {
        transform: rotate(90deg)
    }

    42% {
        transform: rotate(270deg)
    }

    49% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes box5AnimationInner {
    0% {
        transform: scale(1)
    }

    28% {
        transform: scale(1)
    }

    35% {
        transform: scale(2)
    }

    42% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes box6AnimationWall {
    0% {
        transform: translateX(0)
    }

    35% {
        transform: translateX(0)
    }

    42% {
        transform: translateX(-101%)
    }

    49% {
        transform: translateX(0)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes box6AnimationCorner {
    0% {
        transform: scale(1)
    }

    35% {
        transform: scale(1)
    }

    42% {
        transform: scale(2)
    }

    49% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes box7AnimationRightTop {
    0% {
        transform: scale(1)
    }

    42% {
        transform: scale(1)
    }

    49% {
        transform: scale(0)
    }

    56% {
        transform: scale(0)
    }

    63% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes box7AnimationLeftBottom {
    0% {
        transform: scale(0)
    }

    42% {
        transform: scale(0)
    }

    49% {
        transform: scale(1)
    }

    56% {
        transform: scale(1)
    }

    63% {
        transform: scale(0)
    }

    to {
        transform: scale(0)
    }
}

@keyframes box7AnimationLeftTop {
    0% {
        transform: scale(1)
    }

    49% {
        transform: scale(1)
    }

    56% {
        transform: scale(0)
    }

    63% {
        transform: scale(0)
    }

    70% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes box7AnimationRightBottom {
    0% {
        transform: scale(0)
    }

    49% {
        transform: scale(0)
    }

    56% {
        transform: scale(1)
    }

    63% {
        transform: scale(1)
    }

    70% {
        transform: scale(0)
    }

    to {
        transform: scale(0)
    }
}

@keyframes box8Animation {
    0% {
        transform: rotate(0)
    }

    66% {
        transform: rotate(0)
    }

    73% {
        transform: rotate(-180deg)
    }

    79% {
        transform: rotate(-180deg)
    }

    86% {
        transform: rotate(-270deg)
    }

    89% {
        transform: rotate(-270deg)
    }

    96% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

.animate-cto--box-1 .box-1__element {
    animation-duration: 14s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-cto--box-1 .box-1__element--clip {
    animation-name: box1Animation1
}

.animate-cto--box-1 .box-1__element--rect {
    animation-name: box1Animation2
}

.animate-cto--box-2 .box-2__rect {
    animation-duration: 14s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-cto--box-2 .box-2__rect--1 {
    animation-name: box2Animation1
}

.animate-cto--box-2 .box-2__rect--2 {
    animation-name: box2Animation2
}

.animate-cto--box-3 {
    animation-duration: 14s;
    animation-iteration-count: infinite;
    animation-name: box3Animation;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-cto--box-4 .box-4__element {
    animation-duration: 14s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-cto--box-4 .box-4__element--inner {
    animation-name: box4AnimationInner
}

.animate-cto--box-4 .box-4__element--outer {
    animation-name: box4AnimationOuter
}

.animate-cto--box-5 .box-5__element {
    animation-duration: 14s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-cto--box-5 .box-5__element--inner {
    animation-name: box5AnimationInner
}

.animate-cto--box-5 .box-5__element--outer {
    animation-name: box5AnimationOuter
}

.animate-cto--box-6 .box-6__element {
    animation-duration: 14s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-cto--box-6 .box-6__element--wall {
    animation-name: box6AnimationWall
}

.animate-cto--box-6 .box-6__element--corner {
    animation-name: box6AnimationCorner
}

.animate-cto--box-7 .box-7__element {
    animation-duration: 14s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-cto--box-7 .box-7__element--lt {
    animation-name: box7AnimationLeftTop
}

.animate-cto--box-7 .box-7__element--rt {
    animation-name: box7AnimationRightTop
}

.animate-cto--box-7 .box-7__element--lb {
    animation-name: box7AnimationLeftBottom
}

.animate-cto--box-7 .box-7__element--rb {
    animation-name: box7AnimationRightBottom
}

.animate-cto--box-8 {
    animation-duration: 14s;
    animation-iteration-count: infinite;
    animation-name: box8Animation;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

@keyframes aboutCard1Animation {
    0% {
        transform: rotateX(0)
    }

    10% {
        transform: rotateX(1turn)
    }

    to {
        transform: rotateX(1turn)
    }
}

@keyframes aboutCard2Spin {
    0% {
        transform: rotate(0)
    }

    10% {
        transform: rotate(0)
    }

    20% {
        transform: rotate(90deg)
    }

    30% {
        transform: rotate(90deg)
    }

    40% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes aboutCard2SlideLeft {
    0% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(0)
    }

    20% {
        transform: translateX(-100%)
    }

    30% {
        transform: translateX(-100%)
    }

    40% {
        transform: translateX(0)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes aboutCard2SlideRight {
    0% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(0)
    }

    20% {
        transform: translateX(100%)
    }

    30% {
        transform: translateX(100%)
    }

    40% {
        transform: translateX(0)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes aboutCard3Gouge {
    0% {
        transform: rotate(0)
    }

    40% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-50deg)
    }

    65% {
        transform: rotate(50deg)
    }

    80% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes aboutCard4Slide {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(33.3333333333%)
    }

    40% {
        transform: translateY(33.3333333333%)
    }

    50% {
        transform: translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes aboutCard4SlideDelayed {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(0)
    }

    30% {
        transform: translateY(33.3333333333%)
    }

    50% {
        transform: translateY(33.3333333333%)
    }

    60% {
        transform: translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes aboutCard5SwitchSlide {
    0% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(0)
    }

    20% {
        transform: translateX(76%)
    }

    30% {
        transform: translateX(76%)
    }

    40% {
        transform: translateX(0)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes aboutCard5RectTransition {
    0% {
        fill: #fff
    }

    10% {
        fill: #fff
    }

    20% {
        fill: #000
    }

    30% {
        fill: #000
    }

    40% {
        fill: #fff
    }

    to {
        fill: #fff
    }
}

@keyframes aboutCard5YellowCircleTransition {
    0% {
        fill: #ffda8a
    }

    10% {
        fill: #ffda8a
    }

    20% {
        fill: #000
    }

    30% {
        fill: #000
    }

    40% {
        fill: #ffda8a
    }

    to {
        fill: #ffda8a
    }
}

@keyframes aboutCard5YellowOpaqueCircleTransition {
    0% {
        fill: #f8c757
    }

    10% {
        fill: #f8c757
    }

    20% {
        fill: #2d313d
    }

    30% {
        fill: #2d313d
    }

    40% {
        fill: #f8c757
    }

    to {
        fill: #f8c757
    }
}

@keyframes aboutCard5BlueCircleTransition {
    0% {
        fill: #008fdf
    }

    10% {
        fill: #008fdf
    }

    20% {
        fill: #000
    }

    30% {
        fill: #000
    }

    40% {
        fill: #008fdf
    }

    to {
        fill: #008fdf
    }
}

@keyframes aboutCard5BlueOpaqueCircleTransition {
    0% {
        fill: #4ad2cc
    }

    10% {
        fill: #4ad2cc
    }

    20% {
        fill: #2d313d
    }

    30% {
        fill: #2d313d
    }

    40% {
        fill: #4ad2cc
    }

    to {
        fill: #4ad2cc
    }
}

@keyframes aboutCard5SmallTriangleTransition {
    0% {
        fill: #000
    }

    10% {
        fill: #000
    }

    20% {
        fill: #f8c757
    }

    30% {
        fill: #f8c757
    }

    40% {
        fill: #000
    }

    to {
        fill: #000
    }
}

@keyframes aboutCard5SmallOpaqueTriangleTransition {
    0% {
        fill: #2d313d
    }

    10% {
        fill: #2d313d
    }

    20% {
        fill: #ffda8a
    }

    30% {
        fill: #ffda8a
    }

    40% {
        fill: #2d313d
    }

    to {
        fill: #2d313d
    }
}

@keyframes aboutCard5BigTriangleTransition {
    0% {
        fill: #000
    }

    10% {
        fill: #000
    }

    20% {
        fill: #f38073
    }

    30% {
        fill: #f38073
    }

    40% {
        fill: #000
    }

    to {
        fill: #000
    }
}

@keyframes aboutCard5BigOpaqueTriangleTransition {
    0% {
        fill: #2d313d
    }

    10% {
        fill: #2d313d
    }

    20% {
        fill: #f3a59c
    }

    30% {
        fill: #f3a59c
    }

    40% {
        fill: #2d313d
    }

    to {
        fill: #2d313d
    }
}

@keyframes aboutCard6SwitchTips {
    0% {
        transform: rotateY(0)
    }

    30% {
        transform: rotateY(0)
    }

    40% {
        transform: rotateY(180deg)
    }

    60% {
        transform: rotateY(180deg)
    }

    70% {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(0)
    }
}

@keyframes aboutCard6SwitchHandles {
    0% {
        transform: translateY(0) rotateY(0)
    }

    30% {
        transform: translateY(0) rotateY(0)
    }

    40% {
        transform: translateY(100%) rotateY(0)
    }

    41% {
        transform: translateY(100%) rotateY(180deg)
    }

    50% {
        transform: translateY(0) rotateY(180deg)
    }

    60% {
        transform: translateY(0) rotateY(180deg)
    }

    70% {
        transform: translateY(100%) rotateY(180deg)
    }

    71% {
        transform: translateY(100%) rotateY(0)
    }

    80% {
        transform: translateY(0) rotateY(0)
    }

    to {
        transform: translateY(0) rotateY(0)
    }
}

@keyframes aboutCard7BigCloudSlide {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    60% {
        opacity: 1;
        transform: translateX(0)
    }

    70% {
        opacity: 1;
        transform: translateX(-150%)
    }

    71% {
        opacity: 0;
        transform: translateX(-150%)
    }

    72% {
        opacity: 0;
        transform: translateX(150%)
    }

    73% {
        opacity: 1;
        transform: translateX(150%)
    }

    75% {
        opacity: 1;
        transform: translateX(150%)
    }

    85% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes aboutCard7RedCloudSlide {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    65% {
        opacity: 1;
        transform: translateX(0)
    }

    75% {
        opacity: 1;
        transform: translateX(-80px)
    }

    85% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes aboutCard7RedCloudSlidePush {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    60% {
        opacity: 1;
        transform: translateX(0)
    }

    65% {
        opacity: 1;
        transform: translateX(-300px)
    }

    75% {
        opacity: 1;
        transform: translateX(-380px)
    }

    85% {
        opacity: 1;
        transform: translateX(-380px)
    }

    86% {
        opacity: 0;
        transform: translateX(-380px)
    }

    99% {
        opacity: 0;
        transform: translateX(0)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes aboutCard7BlueCloudSlide {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    65% {
        opacity: 1;
        transform: translateX(0)
    }

    70% {
        opacity: 1;
        transform: translateX(-300px)
    }

    71% {
        opacity: 0;
        transform: translateX(-300px)
    }

    72% {
        opacity: 0;
        transform: translateX(300px)
    }

    73% {
        opacity: 1;
        transform: translateX(300px)
    }

    80% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes aboutCard8Flip {
    0% {
        transform: rotateY(0)
    }

    30% {
        transform: rotateY(0)
    }

    40% {
        transform: rotateY(45deg)
    }

    80% {
        transform: rotateY(-10turn)
    }

    to {
        transform: rotateY(-10turn)
    }
}

.animate-about--card-1 {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard1Animation;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-2 .spin {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard2Spin;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-2 .slide {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-2 .slide--left {
    animation-name: aboutCard2SlideLeft
}

.animate-about--card-2 .slide--right {
    animation-name: aboutCard2SlideRight
}

.animate-about--card-3 {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard3Gouge;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-4 .circle {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard4Slide;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-4 .circle--delayed {
    animation-name: aboutCard4SlideDelayed
}

.animate-about--card-5 .triangle,
.animate-about--card-5 .triangle--big path {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-5 .triangle--big path {
    animation-name: aboutCard5BigTriangleTransition
}

    .animate-about--card-5 .triangle--big path:nth-child(2) {
        animation-name: aboutCard5BigOpaqueTriangleTransition
    }

.animate-about--card-5 .triangle--small path {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard5SmallTriangleTransition;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

    .animate-about--card-5 .triangle--small path:nth-child(2) {
        animation-name: aboutCard5SmallOpaqueTriangleTransition
    }

.animate-about--card-5 .circle--yellow rect {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard5YellowCircleTransition;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-5 .circle--yellow path {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard5YellowOpaqueCircleTransition;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-5 .circle--blue rect {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard5BlueOpaqueCircleTransition;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

    .animate-about--card-5 .circle--blue rect:nth-child(2) {
        animation-name: aboutCard5BlueCircleTransition
    }

.animate-about--card-5 .rect {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard5RectTransition;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-5 .switch {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard5SwitchSlide;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-6 .tips {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard6SwitchTips;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-6 .handles {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard6SwitchHandles;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-7 .big-cloud {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard7BigCloudSlide;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-7 .red-cloud {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard7RedCloudSlide;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-7 .red-cloud-push {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard7RedCloudSlidePush;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-7 .blue-cloud {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard7BlueCloudSlide;
    animation-timing-function: ease-in-out;
    animation-timing-function: ease-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-about--card-8 {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: aboutCard8Flip;
    animation-timing-function: ease-in-out;
    animation-timing-function: ease-out;
    transform-box: fill-box;
    transform-origin: center
}

@keyframes markerAnimation1 {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(100%)
    }

    30% {
        transform: translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes markerAnimation2 {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(100%)
    }

    20% {
        transform: translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes logoAnimationRect1 {
    0% {
        transform: scale(0)
    }

    10% {
        transform: scale(0)
    }

    20% {
        transform: scale(1)
    }

    30% {
        transform: scale(1)
    }

    40% {
        transform: scale(0)
    }

    to {
        transform: scale(0)
    }
}

@keyframes logoAnimationRect2 {
    0% {
        transform: scale(1)
    }

    10% {
        transform: scale(1)
    }

    20% {
        transform: scale(0)
    }

    30% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes flipperAnimation {
    0% {
        transform: rotateY(0)
    }

    30% {
        transform: rotateY(0)
    }

    40% {
        transform: rotateY(180deg)
    }

    50% {
        transform: rotateY(180deg)
    }

    60% {
        transform: rotateY(1turn)
    }

    to {
        transform: rotateY(1turn)
    }
}

@keyframes cloudAnimationCyanDesktop {
    0% {
        transform: translateX(-120%)
    }

    68% {
        transform: translateX(-120%)
    }

    72% {
        background-color: #4ad2cc
    }

    73% {
        background-color: #242549
    }

    78% {
        transform: translateX(calc(-120% + 400px))
    }

    80% {
        transform: translateX(calc(-120% + 400px))
    }

    84% {
        background-color: #242549
    }

    85% {
        background-color: #4ad2cc
    }

    90% {
        transform: translateX(-120%)
    }

    to {
        transform: translateX(-120%)
    }
}

@keyframes cloudAnimationCyanMobile {
    0% {
        transform: translateX(-120%)
    }

    68% {
        transform: translateX(-120%)
    }

    72% {
        background-color: #4ad2cc
    }

    73% {
        background-color: #242549
    }

    78% {
        transform: translateX(calc(-120% + 200px))
    }

    80% {
        transform: translateX(calc(-120% + 200px))
    }

    84% {
        background-color: #242549
    }

    85% {
        background-color: #4ad2cc
    }

    90% {
        transform: translateX(-120%)
    }

    to {
        transform: translateX(-120%)
    }
}

@keyframes cloudAnimationDark {
    0% {
        transform: translateX(0)
    }

    60% {
        transform: translateX(0)
    }

    64% {
        background-color: #242549
    }

    65% {
        background-color: #4ad2cc
    }

    70% {
        transform: translateX(-400px)
    }

    80% {
        transform: translateX(-400px)
    }

    84% {
        background-color: #4ad2cc
    }

    85% {
        background-color: #242549
    }

    90% {
        transform: translateX(0)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes blinkAnimation {

    0%, 62% {
        opacity: 0
    }

    63% {
        opacity: 1
    }

    64% {
        opacity: 0
    }

    65% {
        opacity: 1
    }

    66% {
        opacity: 0
    }

    67% {
        opacity: 1
    }

    68%, to {
        opacity: 0
    }
}

.animate-hero__marker {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-hero__marker--1 {
    animation-name: markerAnimation1;
    animation-timing-function: ease-out
}

.animate-hero__marker--2 {
    animation-name: markerAnimation2;
    animation-timing-function: ease-out
}

.animate-hero__logo .rect-1 {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: logoAnimationRect1;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-hero__logo .rect-2 {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: logoAnimationRect2;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-hero__flipper .half-circle {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: flipperAnimation;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-hero__clouds .cto-vs-hero__decorator-half-circle--cyan {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: cloudAnimationCyanMobile;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

@media (min-width:1180px) {
    .animate-hero__clouds .cto-vs-hero__decorator-half-circle--cyan {
        animation-name: cloudAnimationCyanDesktop
    }
}

.animate-hero__clouds .cto-vs-hero__decorator-half-circle--dark {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: cloudAnimationDark;
    animation-timing-function: ease-in-out;
    transform-box: fill-box;
    transform-origin: center
}

.animate-hero__blink {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: blinkAnimation;
    animation-timing-function: ease-in-out;
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center
}

.animate-fluid .clip {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: fluidClip;
    animation-timing-function: ease-in-out
}

.animate-fluid .circle,
.animate-fluid .clip {
    transform-box: fill-box;
    transform-origin: center
}

.animate-fluid .circle {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: fluidCircle;
    animation-timing-function: ease-in-out
}

.button-unstyled {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0
}

.button--large {
    border-radius: 8rem;
    padding: 1rem 2rem
}

picture.image {
    display: inline-block
}

    img.image,
    picture.image img {
        height: auto;
        max-width: 100%
    }

.responsive-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

    .responsive-video iframe,
    .responsive-video video {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.eu-bar {
    padding-bottom: 3.25rem
}

.eu-bar__body {
    background: #e9edf5;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 3000
}

.eu-bar__container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: .625rem;
    padding-top: .625rem
}

@media (min-width:768px) {
    .eu-bar__container {
        flex-wrap: nowrap
    }
}

.eu-bar__logo {
    display: block;
    flex: 0 1 auto
}

.eu-bar__logo-image {
    height: auto;
    max-width: 8.9375rem
}

.eu-bar__wrap {
    display: none
}

@media (min-width:1180px) {
    .eu-bar__wrap {
        border-left: .0625rem solid #9da5b2;
        display: block;
        margin-left: 1.25rem;
        padding-left: 1.25rem
    }
}

.eu-bar__content {
    color: #262b33
}

    .eu-bar__content p {
        font-size: .75rem;
        line-height: 1rem
    }

    .eu-bar__content a {
        font-weight: 700;
        text-decoration: underline
    }

.eu-bar__actions {
    margin-left: 1.5rem
}

.eu-bar__button {
    background: #000ee6;
    border: .125rem solid #000ee6;
    border-radius: 2.5625rem;
    color: #fff;
    cursor: pointer;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .5rem 1.5rem;
    transition: background-color .33s ease-in-out, color .33s ease-in-out
}

@media (min-width:768px) {
    .eu-bar__button {
        background: transparent;
        color: #000ee6;
        padding: .375rem 1rem
    }
}

.eu-bar__button:focus,
.eu-bar__button:hover {
    background: #000ee6;
    color: #fff
}

.infobar {
    background-color: #2e2f42;
    bottom: 0;
    box-shadow: 0 4px 48px rgba(46, 47, 66, .2);
    display: none;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: .875rem;
    padding-top: .875rem;
    position: fixed;
    width: 100%;
    z-index: 100001
}

@media (min-width:1180px) {
    .infobar {
        display: block
    }
}

.infobar--top {
    bottom: auto;
    top: 0
}

body.logged-in .infobar--top {
    top: 2rem
}

.infobar--init {
    opacity: 1
}

.infobar--cookies {
    bottom: 2.625rem
}

.infobar__col {
    align-content: center;
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center
}

.infobar__pill-separator,
.infobar__separator {
    background-color: hsla(0, 0%, 100%, .3);
    display: block;
    height: 2.125rem;
    margin: 0 1.75rem;
    width: .0625rem
}

.infobar__pill {
    align-items: center;
    background-color: #40405b;
    border-radius: 1rem;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    line-height: 1.2;
    max-width: 32%;
    padding: .5rem .875rem
}

.infobar__pill-separator {
    margin: 0 .5rem
}

.infobar__category {
    color: #fa9a09;
    white-space: nowrap
}

.infobar__title {
    color: #fff
}

.infobar__copy {
    color: #fff;
    flex: 0 1 auto;
    line-height: 1.4;
    margin-bottom: .5rem
}

@media (min-width:768px) {
    .infobar__copy {
        margin-bottom: 0
    }
}

.infobar__button {
    align-items: center;
    background-color: #fa9a09;
    border-radius: 1.25rem;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    max-width: 13.625rem;
    padding: .375rem 2.5rem;
    position: relative;
    text-align: center
}

    .infobar__button:before {
        border-radius: inherit;
        box-shadow: 0 .075rem .125rem rgba(0, 0, 0, .037), 0 .2375rem .41875rem rgba(0, 0, 0, .058), 0 1.125rem 1.875rem rgba(0, 0, 0, .07);
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: opacity .23s ease-in-out;
        width: 100%;
        will-change: opacity;
        z-index: -1
    }

    .infobar__button:focus,
    .infobar__button:hover {
        color: #fff;
        cursor: pointer;
        text-decoration: none
    }

        .infobar__button:focus:before,
        .infobar__button:hover:before {
            opacity: 1
        }

.infobar__close {
    background-color: transparent;
    border: 0;
    opacity: .5;
    padding: .5rem;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%)
}

.infobar__close-icon {
    cursor: pointer;
    display: block;
    height: 1.5rem;
    width: 1.5rem
}

    .infobar__close-icon:focus {
        box-shadow: none;
        outline: 0
    }

.cta--transparent .cta__container:before {
    background-image: none
}

.cta--transparent .cta__container:after {
    background-image: url(../images/wave.png);
    width: 100%
}

.cta--transparent .cta__wrap {
    background: transparent
}

.cta__container:after,
.cta__container:before {
    background-image: url(../images/deprecated/FALA_QHD.svg);
    content: "";
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: 150%;
    z-index: -1
}

.cta__container:before {
    background-position: top;
    height: 8.125rem
}

.cta__container:after {
    background-position: bottom;
    height: 15.125rem
}

.cta__wrap {
    background: #f0fafe
}

.cta__content {
    text-align: center
}

@media (min-width:768px) {
    .cta__content {
        margin: 0 auto;
        max-width: 50%
    }
}

.cta-extended {
    background: #f0fafe;
    margin: 3.125rem 0 6.6875rem;
    padding-bottom: 5rem;
    position: relative;
    text-align: center
}

@media (min-width:768px) {
    .cta-extended {
        margin-top: 6.75rem
    }
}

@media (min-width:1180px) {
    .cta-extended {
        background: transparent;
        margin-bottom: 13rem;
        padding-bottom: 0;
        text-align: left
    }
}

.cta-extended__image-col {
    margin-bottom: 3.375rem;
    position: relative;
    text-align: right;
    z-index: 2
}

@media (min-width:1180px) {
    .cta-extended__image-col {
        margin-bottom: 0;
        margin-left: auto;
        order: 2
    }
}

.cta-extended__image-col:before {
    background: #fff;
    content: "";
    display: block;
    height: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 200vw;
    z-index: -1
}

@media (min-width:1180px) {
    .cta-extended__image-col:before {
        display: none
    }
}

.cta-extended__image-wrap {
    position: relative
}

@media (min-width:1180px) {
    .cta-extended__image-wrap {
        height: calc(100% + 4rem);
        position: absolute;
        right: 0;
        top: -2rem
    }
}

@media (min-width:1366px) {
    .cta-extended__image-wrap {
        height: calc(100% + 8rem);
        top: -4rem
    }
}

.cta-extended__image-wrap:before {
    background-image: url(../images/dots-circle.svg);
    background-size: contain;
    content: "";
    display: block;
    height: 6.75rem;
    position: absolute;
    right: -2.9375rem;
    top: -3.0625rem;
    width: 6.75rem;
    z-index: -1
}

@media (min-width:768px) {
    .cta-extended__image-wrap:before {
        height: 14rem;
        right: -6.6875rem;
        top: -6.75rem;
        width: 14rem
    }
}

.cta-extended__image {
    border-radius: .5rem;
    max-width: 100%
}

@media (min-width:1180px) {
    .cta-extended__image {
        height: 100%
    }
}

.cta-extended__content-col {
    position: relative
}

@media (min-width:1180px) {
    .cta-extended__content-col {
        padding-bottom: 1.75rem;
        padding-top: 1.75rem
    }
}

@media (min-width:1366px) {
    .cta-extended__content-col {
        padding-bottom: 3.375rem;
        padding-top: 3.375rem
    }
}

@media (min-width:1180px) {
    .cta-extended__content-col:before {
        background: #f0fafe;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 200vw;
        z-index: -1
    }
}

.cta-extended__heading {
    padding-bottom: 1rem
}

.cta-extended__content {
    padding-bottom: 2.5rem
}

.cta-extended__button {
    background: transparent
}

.new-cta__wrap {
    background: #f3f7fb;
    border-radius: 1rem;
    padding: 4rem 1.5rem
}

@media (min-width:1180px) {
    .new-cta__wrap {
        padding: 5rem 3rem
    }

    .new-cta--horizontal .new-cta__wrap {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 4.625rem 5.5rem
    }
}

.new-cta__label {
    padding-bottom: 1.25rem
}

.new-cta__content b,
.new-cta__content strong,
.new-cta__heading b,
.new-cta__heading strong {
    font-weight: 700
}

.new-cta__content-wrap {
    margin: 0 auto;
    max-width: 51.5rem
}

.new-cta--horizontal .new-cta__content-wrap {
    margin: 0
}

@media (min-width:1180px) {
    .new-cta--horizontal .new-cta__content-wrap {
        max-width: 60%
    }
}

.new-cta__content {
    padding-top: 1.5rem
}

@media (min-width:1180px) {
    .new-cta__content {
        padding-top: 2rem
    }
}

.new-cta__button-wrap {
    padding-top: 1.5rem
}

@media (min-width:1180px) {
    .new-cta__button-wrap {
        padding-top: 2rem
    }

    .new-cta--horizontal .new-cta__button-wrap {
        padding-left: 2rem
    }
}

.file-input input[type=file] {
    display: none
}

.file-input *,
.file-input :after,
.file-input :before {
    box-sizing: border-box
}

.file-input__label {
    padding-bottom: 1rem
}

.file-input__field {
    padding-bottom: 2rem
}

.file-input__field-wrap {
    align-items: center;
    display: flex
}

.file-input__field-info {
    flex: 1;
    font-size: .8125rem
}

.file-input__field-error {
    flex: 0 0 100%
}

.file-input__button {
    border: .0625rem solid #161616;
    border-radius: .5rem;
    cursor: pointer;
    display: inline-flex;
    margin-right: 1rem;
    padding: .625rem 1rem
}

.file-input__button-icon {
    background-image: url(../images/form/upload-icon.svg);
    display: block;
    height: 1rem;
    margin-right: .625rem;
    width: 1.125rem
}

.file-input__button:hover {
    border-color: #000ee6;
    color: #000ee6
}

    .file-input__button:hover .file-input__button-icon * {
        stroke: #000ee6
    }

.file-input__previews {
    counter-set: fileNumber 0
}

    .file-input__previews.has-files {
        padding-bottom: 5.5rem
    }

.file-input__item {
    counter-increment: fileNumber;
    font-size: .75rem
}

    .file-input__item + .file-input__item {
        padding-top: .5rem
    }

.file-input__item-progress {
    background: #898989;
    border-radius: .25rem;
    height: .3125rem;
    margin-bottom: .5rem;
    overflow: hidden
}

.file-input__item-progress-bar {
    background: #000ee6;
    height: 100%;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform .3s ease-out
}

.file-input__item.dz-complete .file-input__item-progress {
    visibility: hidden
}

.file-input__item-details {
    display: flex
}

.file-input__item-name-container {
    display: flex;
    flex: 1;
    margin-right: auto;
    min-width: 0;
    padding-right: 1rem
}

@media (min-width:768px) {
    .file-input__item-name-container {
        max-width: 50%
    }
}

.file-input__item-name-container:before {
    content: counter(fileNumber);
    margin-right: 1rem;
    min-width: .625rem
}

.file-input__item-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.file-input__item.dz-error .file-input__item-name-container {
    opacity: .35
}

.file-input__item-actions {
    padding-left: 1.5rem
}

.file-input__item-action {
    color: #161616 !important;
    text-decoration: underline
}

.file-input__item-action--remove {
    display: none
}

.file-input__item.dz-processing .file-input__item-action--cancel {
    display: inline-block
}

.file-input__item.dz-error .file-input__item-action--cancel,
.file-input__item.dz-success .file-input__item-action--cancel {
    display: none
}

.file-input__item.dz-error .file-input__item-action--remove,
.file-input__item.dz-success .file-input__item-action--remove {
    display: inline-block
}

.file-input__item-message {
    display: none
}

    .file-input__item-message.is-visible {
        display: flex
    }

.file-input__item-message--success {
    color: #078b3c
}

.file-input__item-message--error {
    color: #f44336
}

.file-input__item-message-icon {
    margin-right: .25rem
}

.file-input__item.dz-complete .file-input__item-status {
    display: none
}

.ps {
    -ms-overflow-style: none;
    overflow: hidden;
    overflow-anchor: none;
    padding-right: .875rem;
    position: relative;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x,
.ps__rail-y,
.ps__thumb-x,
.ps__thumb-y {
    position: absolute
}

.ps__rail-x,
.ps__rail-y {
    background: #fff;
    border: .0625rem solid #e9edf5;
    display: none
}

.ps__rail-x {
    bottom: 0;
    height: .875rem;
    left: 0;
    right: .875rem
}

.ps__rail-y {
    bottom: 0;
    left: auto;
    right: 0;
    top: 0;
    width: .875rem
}

.ps--active-x .ps__rail-x,
.ps--active-y .ps__rail-y {
    display: block
}

.ps__thumb-x,
.ps__thumb-y {
    padding: .125rem
}

    .ps__thumb-x:before,
    .ps__thumb-y:before {
        background: #e4e4e4;
        border-radius: .25rem;
        content: "";
        display: block;
        height: 100%;
        width: 100%
    }

.ps__thumb-x {
    bottom: 0;
    top: 0
}

.ps__thumb-y {
    left: 0;
    right: 0
}

.about-us-initiatives__components ul li,
.about-us-initiatives__item-content ul li,
.bullet-list li,
.case-study-text-section__content ul li,
.faq__content ul li,
.sa-case-study__goals ul li,
.single-post__content ul li,
.single-post__intro ul li {
    margin-bottom: 1.5rem;
    padding-left: 2rem;
    position: relative
}

    .about-us-initiatives__components ul li:before,
    .about-us-initiatives__item-content ul li:before,
    .bullet-list li:before,
    .case-study-text-section__content ul li:before,
    .faq__content ul li:before,
    .sa-case-study__goals ul li:before,
    .single-post__content ul li:before,
    .single-post__intro ul li:before {
        background: #000ee6;
        border: .25rem solid hsla(0, 0%, 100%, .84);
        border-radius: 50%;
        content: "";
        display: block;
        height: 1rem;
        left: 0;
        position: absolute;
        top: .4375rem;
        width: 1rem
    }

.share {
    align-items: center;
    display: flex
}

.share--vertical {
    align-items: flex-start;
    flex-direction: column
}

.share__button {
    background: transparent;
    border: none;
    cursor: pointer;
    margin-right: 1.5rem;
    padding: 0;
    position: relative
}

.share__button-tooltip {
    background: #fff;
    border-radius: .5rem;
    font-size: .75rem;
    left: 50%;
    margin-top: .5rem;
    opacity: 0;
    padding: .5rem;
    position: absolute;
    top: 100%;
    transform: translate(-50%, -.5rem);
    transition: transform, opacity .3s, visibility .3s;
    visibility: hidden;
    will-change: transform, opacity, visibility;
    z-index: 2
}

.is-copied .share__button-tooltip {
    opacity: 1;
    transform: translate(-50%);
    visibility: visible
}

.share--vertical .share__button {
    margin: 0 0 1.5rem
}

    .share--vertical .share__button:last-child {
        margin-bottom: 0
    }

.link {
    align-items: center;
    color: #000ee6;
    display: inline-flex;
    flex-wrap: nowrap;
    transition: color .3s ease-in-out
}

.link__icon {
    flex: 0 0 auto;
    margin-left: .5rem;
    transition: transform .3s ease-in-out
}

    .link__icon * {
        stroke: #000ee6;
        transition: stroke .3s ease-in-out
    }

.link--icon-first .link__icon {
    margin-left: 0;
    margin-right: .5rem
}

.link:focus .link__icon,
.link:hover .link__icon {
    transform: translateX(.5rem)
}

.link--icon-first:focus .link__icon,
.link--icon-first:hover .link__icon {
    transform: translateX(-.5rem)
}

.link--underline {
    text-decoration: underline
}

.skip-link {
    left: 0;
    margin-top: 1rem;
    max-width: none;
    padding: .75rem;
    position: absolute;
    text-align: center;
    top: -300%;
    white-space: nowrap;
    z-index: 20
}

    .skip-link:focus {
        top: 100%
    }

.hubspot-form {
    display: flex;
    flex-wrap: wrap
}

    .hubspot-form .hs-form-field {
        flex: 0 0 100%;
        max-width: 100%;
        position: relative
    }

        .hubspot-form .hs-form-field > label {
            color: #667080;
            display: inline-block;
            font-size: .875rem;
            font-weight: 600;
            margin-bottom: 1rem
        }

    .hubspot-form .hs-form-required {
        color: #d95651
    }

    .hubspot-form .hs-form-field + .hs-form-field {
        margin-top: 1.5rem
    }

    .hubspot-form .hs-input {
        border: .0625rem solid #e9edf5;
        border-radius: 4rem;
        padding: .75rem 1.5rem;
        width: 100%
    }

        .hubspot-form .hs-input:focus {
            border-color: #000ee6;
            outline: none
        }

        .hubspot-form .hs-input:-ms-input-placeholder {
            color: #838c9a
        }

        .hubspot-form .hs-input::placeholder {
            color: #838c9a
        }

        .hubspot-form .hs-input.invalid {
            border-color: #ff3d2e
        }

        .hubspot-form .hs-input.hs-fieldtype-textarea {
            border-radius: 1.625rem;
            height: 7.5rem;
            resize: none
        }

    .hubspot-form .hs-fieldtype-booleancheckbox .hs-input,
    .hubspot-form .hs-fieldtype-checkbox .hs-input,
    .hubspot-form .hs-fieldtype-radio .hs-input {
        margin-right: 1rem;
        width: auto
    }

    .hubspot-form .hs-fieldtype-booleancheckbox a,
    .hubspot-form .hs-fieldtype-checkbox a,
    .hubspot-form .hs-fieldtype-radio a {
        color: #000ee6
    }

        .hubspot-form .hs-fieldtype-booleancheckbox a:focus,
        .hubspot-form .hs-fieldtype-checkbox a:focus,
        .hubspot-form .hs-fieldtype-radio a:focus {
            box-shadow: none;
            outline: 0;
            text-decoration: underline
        }

    .hubspot-form .hs-button {
        font-weight: 600
    }

    .hubspot-form .hs-submit {
        padding: 2.375rem 0 2.625rem
    }

    .hubspot-form .hs-error-msgs {
        color: #ff3d2e;
        font-size: .75rem;
        margin-top: .625rem;
        padding: 0 1.5rem
    }

    .hubspot-form .hs_error_rollup {
        flex: 0 0 100%;
        max-width: 100%
    }

        .hubspot-form .hs_error_rollup .hs-error-msgs {
            font-size: .875rem;
            padding: .75rem 0
        }

    .hubspot-form .legal-consent-container {
        color: #838c9a;
        padding-top: 1.5rem
    }

        .hubspot-form .legal-consent-container p {
            font-size: .875rem
        }

        .hubspot-form .legal-consent-container a {
            color: inherit;
            text-decoration: underline
        }

            .hubspot-form .legal-consent-container a:hover {
                color: #000ee6
            }

.hbspt-form .submitted-message {
    padding: 2rem 0
}

@media (min-width:1180px) {
    .testimonial__row {
        align-items: center;
        padding-bottom: 4.5rem
    }
}

.testimonial__content {
    padding: 1rem 0 1.5rem
}

.testimonial__image {
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .testimonial__image {
        padding-bottom: 0;
        padding-left: 4.5rem;
        position: relative
    }

        .testimonial__image:before {
            background: #f3f7fb;
            border-radius: 1.5rem;
            bottom: -4.5rem;
            content: "";
            display: block;
            left: 0;
            position: absolute;
            top: -4.5rem;
            width: 60%;
            z-index: -1
        }
}

.testimonial__image img {
    border-radius: 1.5rem;
    height: auto;
    max-width: 100%
}

.testimonial__icon {
    height: auto;
    max-width: 1.5rem
}

    .testimonial__icon * {
        fill: #161616
    }

.testimonial__subitems {
    padding-top: 2.5rem;
    position: relative
}

@media (min-width:1180px) {
    .testimonial__subitems {
        padding-top: 0
    }

        .testimonial__subitems:after {
            background: linear-gradient(90deg, transparent 48%, #fff 130%);
            content: "";
            display: block;
            height: 100%;
            pointer-events: none;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 3
        }
}

.testimonial__subitem-icon {
    margin-bottom: 1rem
}

.testimonial__subitem-content {
    padding-bottom: 2rem
}

.testimonial__subitem-footer {
    display: flex;
    justify-content: space-between
}

.testimonial__subitem-arrow {
    align-self: center;
    flex: 0 0 1.5rem
}

@media (min-width:1180px) {
    .testimonial__subitem-arrow {
        display: none
    }
}

.testimonial__subitem-arrow * {
    stroke: #161616
}

.testimonial__subitem-author {
    padding-right: 2rem
}

@media (max-width:1179.98px) {
    .subject-select__items {
        display: none
    }
}

.subject-select__item {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    line-height: 1.1;
    margin-bottom: .875rem
}

.subject-select__input {
    display: none
}

.subject-select__checkbox {
    align-items: center;
    border: .0625rem solid #ced0ff;
    border-radius: .25rem;
    display: inline-flex;
    flex: 0 0 1rem;
    height: 1rem;
    justify-content: center;
    margin-right: .75rem;
    max-width: 1rem
}

.subject-select__checkbox-icon {
    max-height: 100%;
    max-width: 100%
}

input:checked + .subject-select__checkbox {
    background: #000ee6;
    border-color: #000ee6
}

.subject-select-dropdown {
    color: #838c9a;
    position: relative
}

@media (min-width:1180px) {
    .subject-select-dropdown {
        display: none
    }
}

.subject-select-dropdown:focus {
    outline: none
}

.subject-select-dropdown__inner {
    background: #fff;
    border: .0625rem solid #e9edf5;
    border-radius: 4rem;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1rem;
    outline: none;
    padding: .75rem 1.5rem;
    position: relative;
    transition: none;
    width: 100%
}

.subject-select-dropdown.is-focused .subject-select-dropdown__inner {
    border-color: #000ee6
}

.subject-select-dropdown__input {
    border: none
}

    .subject-select-dropdown__input:focus {
        outline: none
    }

    .subject-select-dropdown__input:-ms-input-placeholder {
        color: #838c9a
    }

    .subject-select-dropdown__input::placeholder {
        color: #838c9a
    }

    .subject-select-dropdown__input.has-selections {
        position: absolute;
        visibility: hidden
    }

.subject-select-dropdown__list--multiple:after,
.subject-select-dropdown__list--single:after {
    border-bottom: .125rem solid #000ee6;
    border-left: .125rem solid #000ee6;
    content: "";
    height: .5625rem;
    pointer-events: none;
    position: absolute;
    right: 1.125rem;
    top: calc(50% - .0625rem);
    transform: translateY(-50%) rotate(-45deg);
    width: .5625rem
}

.subject-select-dropdown__list--multiple {
    display: flex;
    flex-wrap: wrap
}

.subject-select-dropdown__list--dropdown {
    background: #fff;
    border: .0625rem solid #ced2d9;
    border-radius: 1.625rem;
    left: 0;
    margin-top: .625rem;
    opacity: 0;
    overflow: hidden;
    padding: 1rem .5rem;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(1.875rem);
    transition: opacity .3s, transform .3s;
    visibility: hidden;
    z-index: 30
}

@media (min-width:992px) {
    .subject-select-dropdown__list--dropdown {
        margin-left: -.5rem;
        margin-right: -.5rem
    }
}

.subject-select-dropdown__list--dropdown.is-active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.subject-select-dropdown__item {
    align-items: center;
    display: flex
}

.subject-select-dropdown__item--choice {
    background: #fff;
    cursor: pointer;
    padding: .75rem 1rem
}

.subject-select-dropdown__item--selectable.is-highlighted,
.subject-select-dropdown__item--selectable.is-selected {
    background: #f3f7fb;
    color: #000ee6
}

.subject-select-dropdown__button {
    background-color: #000ee6;
    background-image: url(../images/deprecated/infobar/icon-close.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .5rem;
    border: none;
    border-radius: .25rem;
    font-size: 0;
    height: .75rem;
    margin: 0 .5rem;
    width: .75rem
}

.contact-modal {
    background: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 2.5rem;
    position: fixed;
    top: 0;
    transition: opacity .5s;
    visibility: hidden;
    width: 100%;
    z-index: 10000
}

@media (min-width:1180px) {
    .contact-modal {
        background: linear-gradient(90deg, #fff 58.3333333333%, #f3f7fb 0);
        display: flex;
        flex-direction: column;
        padding-bottom: 2rem
    }
}

.contact-modal.is-visible {
    opacity: 1;
    visibility: visible
}

.contact-modal.is-submitted {
    background: #fff
}

    .contact-modal.is-submitted .contact-modal__header-wrap {
        flex: 0 0 100%;
        max-width: 100%
    }

.contact-modal__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 4rem
}

.contact-modal__logo {
    height: 2.75rem;
    width: 6rem
}

@media (min-width:1180px) {
    .contact-modal__container {
        margin: auto
    }
}

.contact-modal__button {
    background: transparent;
    border: none;
    cursor: pointer
}

.contact-modal__form-col {
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .contact-modal__form-col {
        padding-bottom: 0
    }
}

.contact-modal__heading {
    padding: 2rem 0
}

@media (min-width:1180px) {
    .contact-modal__heading {
        padding: 0 0 4rem
    }
}

.contact-modal__testimonial-col {
    padding-bottom: 7.75rem;
    padding-top: 4.25rem;
    position: relative
}

@media (min-width:1180px) {
    .contact-modal__testimonial-col {
        padding-bottom: 0;
        padding-top: 0
    }
}

.contact-modal__testimonial-col:before {
    background: #f3f7fb;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1
}

@media (min-width:1180px) {
    .contact-modal__testimonial-col:before {
        display: none
    }
}

.contact-modal-testimonial__image img {
    border-radius: 1.5rem;
    margin-bottom: 2.75rem
}

.contact-modal-testimonial__icon {
    height: auto;
    margin-bottom: 1rem;
    width: 1.5rem
}

    .contact-modal-testimonial__icon * {
        fill: #2b313b
    }

.contact-modal-testimonial__decorator {
    padding: 2rem 0 1.5rem
}

@media (min-width:1180px) {
    .contact-modal-testimonial__decorator {
        padding: 1.5rem 0
    }
}

.contact-thank-you__icon {
    background: #fff;
    border-radius: .5rem;
    height: 6.125rem;
    margin: 0 auto 1.75rem;
    width: 6.125rem
}

@media (min-width:1180px) {
    .contact-thank-you__icon {
        margin-bottom: 4.625rem
    }
}

.contact-thank-you__icon-label {
    color: #838c9a;
    font-size: .5rem
}

.contact-thank-you__heading {
    padding-bottom: 1.5rem
}

.contact-thank-you__content {
    padding-bottom: 3.75rem
}

@media (min-width:1180px) {
    .contact-thank-you__content {
        padding-bottom: 5rem
    }
}

.contact-form__field + .contact-form__field {
    padding-top: 1.5rem
}

.contact-form__field .wpcf7-form-control {
    border: .0625rem solid #e9edf5;
    border-radius: 4rem;
    padding: .75rem 1.5rem;
    width: 100%
}

    .contact-form__field .wpcf7-form-control:focus {
        border-color: #000ee6;
        outline: none
    }

    .contact-form__field .wpcf7-form-control:-ms-input-placeholder {
        color: #838c9a
    }

    .contact-form__field .wpcf7-form-control::placeholder {
        color: #838c9a
    }

    .contact-form__field .wpcf7-form-control.wpcf7-not-valid {
        border-color: #ff3d2e
    }

.contact-form__field .wpcf7-textarea {
    border-radius: 1.625rem;
    height: 7.5rem;
    resize: none
}

.contact-form__field .wpcf7-form-control-wrap {
    display: block
}

.contact-form__field .wpcf7-not-valid-tip {
    color: #ff3d2e;
    font-size: .75rem;
    padding: 0 1.5rem
}

    .contact-form__field .wpcf7-not-valid-tip:before {
        content: "*"
    }

.contact-form .intl-tel-input.allow-dropdown {
    display: block
}

    .contact-form .intl-tel-input.allow-dropdown .flag-container {
        left: .75rem
    }

    .contact-form .intl-tel-input.allow-dropdown .wpcf7-intl-tel {
        padding-left: 4rem
    }

.contact-form__captcha-info,
.contact-form__info,
.contact-form__mail-info {
    color: #838c9a
}

.contact-form__info {
    padding: .75rem 0
}

.contact-form__captcha-info a {
    color: inherit;
    text-decoration: underline
}

.contact-form__privacy-info {
    padding-top: 1.5rem
}

@media (min-width:1180px) {
    .contact-form__mail-info {
        align-self: center
    }
}

.contact-form__mail {
    align-items: center;
    display: inline-flex
}

.contact-form__mail-copy {
    cursor: pointer;
    position: relative
}

    .contact-form__mail-copy:after {
        background: url(../images/form/copy-icon.svg);
        background-size: contain;
        content: "";
        display: block;
        height: 1.5rem;
        margin-left: .5rem;
        width: 1.5rem
    }

.contact-form__mail-tooltip {
    background: #2b313b;
    color: #fff
}

.contact-form__footer {
    padding: 1.75rem 0 .75rem
}

@media (min-width:1180px) {
    .contact-form__footer {
        display: flex;
        justify-content: space-between;
        padding: 2.375rem 0 2.625rem
    }
}

.contact-form__submit {
    display: inline-block;
    margin-bottom: 2rem;
    position: relative
}

@media (min-width:1180px) {
    .contact-form__submit {
        margin-bottom: 0
    }
}

.contact-form__submit input {
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

.contact-form__submit:before {
    animation: container-rotate 1s linear infinite;
    background: url(../images/deprecated/spinner.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: none;
    height: 1.25rem;
    left: .5rem;
    position: absolute;
    top: calc(50% - .625rem);
    width: 1.25rem;
    z-index: 2
}

.contact-form.submitting .contact-form__submit:before {
    display: block
}

.contact-form.sent .wpcf7-response-output {
    display: none
}

.offering-page__slider-wrapper {
    width: calc(50vw + 50%)
}

    .offering-page__slider-wrapper .slick-track:before {
        content: none
    }

    .offering-page__slider-wrapper .slider {
        display: flex;
        position: relative
    }

@media (min-width:1180px) {
    .offering-page__slider-wrapper .slider {
        flex-direction: row;
        width: 100%
    }
}

.offering-page__slider-wrapper .slick-slider {
    margin-bottom: 0
}

.offering-page__slider-wrapper .slick-track {
    display: flex;
    gap: 1rem
}

@media (min-width:1180px) {
    .offering-page__slider-wrapper .slick-track {
        gap: 2rem
    }
}

.offering-page__slider-wrapper .slick-slide {
    width: auto !important
}

    .offering-page__slider-wrapper .slick-slide > div {
        align-items: stretch;
        flex: 0 0 100%
    }

.offering-page__slider-wrapper .slick-list {
    padding: 0 !important
}

.offering-page__slider-wrapper .offering-page__slick-dots {
    gap: .5rem;
    justify-content: center;
    outline: none;
    padding-inline-end: 1rem;
    padding-top: .625rem
}

    .offering-page__slider-wrapper .offering-page__slick-dots .slick-dots li {
        border-radius: 0;
        height: .25rem;
        margin: 0 .25rem;
        width: 1.75rem
    }

@media (min-width:1180px) {
    .offering-page__slider-wrapper .offering-page__slick-dots {
        gap: 2.375rem;
        padding-inline-end: 0;
        padding-top: 2.5rem
    }

        .offering-page__slider-wrapper .offering-page__slick-dots .slick-dots li {
            border-radius: 0;
            height: .25rem;
            margin: 0 .375rem;
            width: 2.0625rem
        }
}

.offering-page__slider-wrapper .offering-page__slick-arrow {
    align-items: center;
    display: flex;
    height: 3.375rem;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 3.375rem
}

.offering-page__slider-wrapper .offering-page__slider-card {
    display: flex !important
}

@media (min-width:1180px) {
    .partner-quote {
        align-items: center
    }

        .partner-quote:before {
            background-image: url(../images/templates/about-us/dots-wide-decorator.svg);
            bottom: -7.5rem;
            height: 20.375rem;
            left: -6.25rem;
            width: 28.25rem;
            z-index: -1
        }

        .partner-quote:nth-child(2n) {
            flex-direction: row-reverse;
            text-align: right
        }

            .partner-quote:nth-child(2n):before {
                left: auto;
                right: -6.25rem
            }

        .partner-quote:first-child:before,
        .partner-quote:last-child:before {
            display: none
        }
}

.partner-quote + .partner-quote {
    padding-top: 4rem
}

@media (min-width:1180px) {
    .partner-quote + .partner-quote {
        padding-top: 6.5rem
    }
}

.partner-quote__header {
    padding-bottom: 4rem
}

@media (min-width:1180px) {
    .partner-quote__header {
        padding-bottom: 6.875rem
    }
}

.partner-quote,
.partner-quote__image-col {
    position: relative
}

    .partner-quote:after,
    .partner-quote:before,
    .partner-quote__image-col:after,
    .partner-quote__image-col:before {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        pointer-events: none;
        position: absolute
    }

@media (min-width:1180px) {
    .partner-quote:nth-child(2n) .partner-quote__image-col:before {
        left: auto;
        right: -4.6875rem
    }
}

@media (min-width:1366px) {
    .partner-quote:nth-child(2n) .partner-quote__image-col {
        padding-left: 1rem;
        padding-right: 8.3333333333%
    }

        .partner-quote:nth-child(2n) .partner-quote__image-col:before {
            right: 0
        }
}

.partner-quote__image-col {
    padding-bottom: 2.625rem
}

@media (min-width:1180px) {
    .partner-quote__image-col {
        padding-bottom: 0
    }

        .partner-quote__image-col:before {
            background: #f3f7fb;
            border-radius: 1.5rem;
            bottom: -3.25rem;
            left: -4.6875rem;
            top: -3.25rem;
            width: 70%;
            z-index: -1
        }
}

@media (min-width:1366px) {
    .partner-quote__image-col {
        padding-left: 8.3333333333%
    }

        .partner-quote__image-col:before {
            left: 0
        }
}

.partner-quote__image-col img {
    border-radius: 1.5rem
}

@media (min-width:1366px) {
    .partner-quote__content-wrap {
        padding-left: 5.625rem
    }

    .partner-quote:nth-child(2n) .partner-quote__content-wrap {
        padding-left: 0;
        padding-right: 5.625rem
    }
}

.partner-quote__icon {
    height: auto;
    margin-bottom: 1rem;
    max-width: 1.5rem
}

    .partner-quote__icon * {
        fill: #161616
    }

.partner-quote__content {
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .partner-quote__content {
        padding-bottom: 1rem
    }
}

.partner-quote__author a {
    color: #000ee6
}

.client-logos__item,
.client-logos__row {
    justify-content: center
}

.client-logos__item {
    align-items: center;
    display: flex;
    padding-bottom: 4.375rem
}

.client-logos__image {
    max-height: 4.0625rem
}

.sections-nav__timeline {
    display: flex;
    justify-content: space-between
}

.sections-nav__link {
    color: #9da5b2;
    transition: color .3s
}

@media (min-width:1180px) {
    .sections-nav__link:after {
        background: #fff;
        border: .0625rem solid #e9edf5;
        border-radius: 50%;
        content: "";
        display: block;
        height: 1.625rem;
        position: relative;
        transform: translateY(50%);
        transition: border-color .3s;
        width: 1.625rem;
        z-index: 1
    }
}

.sections-nav__link.is-active {
    color: #000ee6
}

    .sections-nav__link.is-active:after {
        border-color: #000ee6
    }

.sections-nav__number {
    color: #000ee6
}

.sections-nav__line {
    background: #e9edf5;
    height: .0625rem;
    position: relative;
    width: 100%
}

.sections-nav__line-bar {
    background-color: #000ee6;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    transition: transform .23s linear;
    width: 100%;
    will-change: transform
}

.clutch-rating {
    align-items: center;
    display: inline-flex;
    flex-direction: column
}

@media (min-width:1180px) {
    .clutch-rating {
        flex-flow: row
    }

    .clutch-rating__content {
        padding-left: 2rem
    }
}

.clutch-rating__grade {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 1rem 0 .375rem
}

@media (min-width:1180px) {
    .clutch-rating__grade {
        justify-content: flex-start;
        padding-top: 0
    }
}

.clutch-rating__score {
    display: flex;
    line-height: 1.2;
    margin-right: .5rem;
    word-spacing: 0
}

.clutch-rating__description {
    color: #525966;
    line-height: 1.1
}

.teach-page {
    padding-top: 4rem
}

.teach__header {
    padding-bottom: 3.5rem
}

.teach__heading {
    padding-bottom: .75rem
}

.teach__wrap {
    margin: 0 auto;
    max-width: 23.4375rem;
    position: relative
}

@media (min-width:1180px) {
    .teach__wrap {
        max-width: 64rem
    }
}

.teach__body {
    padding-top: 176%
}

@media (min-width:1180px) {
    .teach__body {
        padding-top: 90%
    }
}

.teach__body iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .teach__body iframe video {
        object-fit: contain
    }

.faq {
    padding-top: 2.5rem
}

@media (min-width:1180px) {
    .faq {
        padding-top: 4rem
    }
}

.faq__item {
    border-bottom: .0625rem solid #e9edf5
}

.faq__item-heading {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    transition: color .3s ease
}

@media (min-width:1180px) {
    .faq__item-heading {
        padding: 2.5rem 0
    }
}

.faq__item-heading.is-active,
.faq__item-heading.is-active:hover {
    color: #000ee6
}

.faq__item-heading:hover {
    color: #161616
}

@media (min-width:1180px) {
    .faq__item-heading:hover {
        color: #000ee6
    }
}

.faq__heading-icon {
    flex: 0 0 0.75rem;
    height: auto;
    margin-left: .75rem;
    max-width: .75rem
}

    .faq__heading-icon * {
        transition: stroke .3s ease
    }

.faq__item-heading.is-active .faq__heading-icon {
    transform: scaleY(-1)
}

    .faq__item-heading.is-active .faq__heading-icon * {
        stroke: #000ee6
    }

@media (min-width:1180px) {
    .faq__item-heading:hover .faq__heading-icon * {
        stroke: #000ee6
    }
}

.faq__content {
    opacity: 0;
    padding-bottom: 1rem;
    position: absolute;
    transition: opacity .3s ease;
    visibility: hidden
}

@media (min-width:1180px) {
    .faq__content {
        padding-bottom: 2.5rem
    }
}

.faq__content a {
    color: #000ee6
}

.faq__content ol,
.faq__content ul {
    margin-top: 1.5rem
}

    .faq__content ol:first-child,
    .faq__content ul:first-child {
        margin-top: 0
    }

@media (max-width:1179.98px) {
    .faq__content ul li {
        margin-bottom: 1rem
    }

        .faq__content ul li:before {
            top: .25rem
        }
}

.faq__content ul li:before {
    top: .3125rem
}

.faq__content ol {
    list-style: decimal;
    padding-left: 1.125rem
}

.faq__content.is-visible {
    opacity: 1;
    position: relative;
    visibility: visible
}

.technology-tiles {
    padding-bottom: 3.75rem
}

@media (min-width:1180px) {
    .technology-tiles {
        padding-bottom: 6rem
    }

    .technology-tiles__items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 3.5rem
    }
}

.technology-tiles__description {
    display: none
}

@media (min-width:1180px) {
    .technology-tiles__description {
        display: block
    }
}

@media (max-width:1179.98px) {
    .technology-tiles__items {
        margin-right: -100%
    }
}

.technology-tiles .slick-slide {
    max-width: 90vw;
    width: 100%
}

@media (min-width:768px) {
    .technology-tiles .slick-slide {
        max-width: 672px
    }
}

.technology-tiles .slick-slide img {
    display: inline-block
}

@media (max-width:1179.98px) {
    .technology-tile {
        height: 100%;
        position: absolute;
        visibility: hidden
    }

        .technology-tile:first-of-type {
            position: static;
            visibility: visible
        }
}

@media (min-width:1180px) {
    .technology-tile {
        flex: 0 0 20%;
        max-width: 20%;
        padding: .75rem
    }
}

.technology-tile__body {
    border-radius: 1.5rem;
    overflow: hidden;
    padding: 2.5rem 1.5rem;
    position: relative
}

@media (max-width:1179.98px) {
    .technology-tile__body {
        height: 100%
    }
}

.technology-tile__body:before {
    background: linear-gradient(38deg, #f5f7fe 28%, #f7fcff 72%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media (min-width:1180px) {
    .technology-tile__body:before {
        opacity: 0;
        transition: opacity .3s ease-out
    }
}

.technology-tile[data-clickable] .technology-tile__body {
    cursor: pointer
}

.technology-tile[data-clickable].is-active .technology-tile__body:before,
.technology-tile[data-clickable]:hover .technology-tile__body:before {
    opacity: 1
}

.technology-tile__logo {
    padding-bottom: 1rem
}

@media (min-width:1180px) {
    .technology-tile__logo {
        padding-bottom: 0
    }
}

.technology-tile__title {
    padding-bottom: .5rem
}

@media (min-width:1180px) {
    .technology-tile__title {
        padding-bottom: 1rem
    }

    .technology-tile__content-wrap {
        display: none
    }

        .technology-tile__content-wrap.is-active {
            display: block
        }
}

.technology-tile__description {
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .projects-slider__slider {
        margin-right: calc(1056px - 100vw)
    }
}

@media (min-width:1366px) {
    .projects-slider__slider {
        margin-right: calc(1152px - 100vw)
    }
}

@media (min-width:1680px) {
    .projects-slider__slider {
        margin-right: calc(1536px - 100vw)
    }
}

.projects-slider__slider .slick-slide > div {
    align-items: flex-start
}

.projects-slider__controls {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 3.125rem
}

    .projects-slider__controls .slick-dots {
        display: flex;
        position: static
    }

        .projects-slider__controls .slick-dots li {
            border-radius: 50%;
            display: block;
            height: .875rem;
            margin: .75rem;
            width: .875rem
        }

@media (min-width:1180px) {
    .projects-slider__controls .slick-dots li {
        height: .25rem;
        margin: 0 .375rem;
        width: 2.0625rem
    }
}

.projects-slider__controls .slick-dots li button {
    background: #ced2d9;
    border-radius: 1rem;
    height: 100%;
    width: 100%
}

.projects-slider__controls .slick-dots li.slick-active button {
    background: #000ee6
}

.projects-slider__button {
    border: .0625rem solid #ced2d9;
    border-radius: 1rem;
    margin-right: 1rem;
    padding: 1.25rem 1.5rem
}

@media (min-width:1180px) {
    .projects-slider__button {
        margin-right: 2.375rem
    }
}

.projects-slider__button--next {
    margin-left: 1rem;
    margin-right: 0
}

@media (min-width:1180px) {
    .projects-slider__button--next {
        margin-left: 2.375rem
    }
}

.projects-slider__arrow {
    height: auto;
    transform: rotate(90deg);
    width: 1rem
}

.projects-slider__button--next .projects-slider__arrow {
    transform: rotate(-90deg)
}

.projects-slider-item {
    position: absolute;
    visibility: hidden
}

    .projects-slider-item:first-of-type {
        position: static;
        visibility: visible
    }

.projects-slider-item__image {
    padding-bottom: 1.5rem
}

    .projects-slider-item__image .image {
        border-radius: 1.5rem
    }

.projects-slider-item__heading {
    padding-bottom: 1rem
}

.projects-slider-item__description {
    padding-bottom: 1.5rem
}

.projects-slider-item__number {
    display: none
}

    .projects-slider-item__number:first-of-type,
    .projects-slider-item__number:nth-of-type(2) {
        display: block
    }

@media (min-width:1180px) {
    .projects-slider-item .slick-slide {
        max-width: 528px
    }
}

@media (min-width:1366px) {
    .projects-slider-item .slick-slide {
        max-width: 576px
    }
}

@media (min-width:1680px) {
    .projects-slider-item .slick-slide {
        max-width: 768px
    }
}

#CybotCookiebotDialogPoweredbyLink .cookiebot-funding-link {
    display: block;
    line-height: 0
}

#CybotCookiebotDialogPoweredbyLink .cookiebot-funding-logo {
    height: 2.25rem;
    max-width: 8.75rem
}

.breadcrumbs {
    color: #838c9a;
    display: flex;
    font-size: .75rem;
    overflow: hidden;
    padding: 1rem 0
}

.breadcrumbs__separator {
    font-weight: 300;
    margin: 0 .3125rem;
    position: relative
}

.breadcrumbs a {
    transition: all .3s ease-out
}

.breadcrumbs span {
    display: block
}

.breadcrumbs .current-item {
    color: #898989;
    opacity: .5
}

.breadcrumbs--white a {
    color: #fff
}

    .breadcrumbs--white a:hover {
        color: #898989
    }

        .breadcrumbs--white a:hover span {
            opacity: .5
        }

.breadcrumbs--white .current-item:before {
    content: none
}

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

body.logged-in .site-header {
    top: 0
}

@media (min-width:768px) {
    body.logged-in .site-header {
        top: 2rem
    }
}

.site-header {
    background-color: #fff;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    transform: translateY(0);
    transition: transform .25s ease-in-out, background-color .2s ease-in-out;
    width: 100%;
    will-change: transform, background-color;
    z-index: 1000
}

@media (min-width:1366px) {
    .site-header {
        background-color: hsla(0, 0%, 100%, 0)
    }
}

.site-header:after {
    background-color: #e4e4e4;
    bottom: 0;
    content: "";
    height: .0625rem;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transition: opacity .25s ease-in-out;
    width: 100%;
    will-change: opacity;
    z-index: 10
}

@media (min-width:1366px) {
    .site-header:after {
        opacity: 0
    }
}

.site-header.dropdown-is-open:after {
    opacity: 1;
    transition: opacity .1s ease-in-out .3s
}

.site-header[class*=site-header--not-] {
    position: fixed
}

.site-header--not-top {
    background-color: #fff
}

    .site-header--not-top:after {
        opacity: 1;
        transition-duration: .2s
    }

.site-header--unpinned {
    transform: translateY(-100%)
}

@media (max-width:1365.98px) {
    .site-header--unpinned.dropdown-is-open {
        transform: translateY(0)
    }
}

.site-header--bottom {
    transform: translateY(0)
}

.site-header__overlay {
    background-color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    transition: transform .3s ease-in-out .1s;
    width: 100%;
    will-change: transform
}

.site-header__container {
    display: block;
    margin: 0 auto;
    width: 100%
}

.site-header__row {
    align-content: center;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    min-height: 4rem
}

@media (min-width:768px) {
    .site-header__row {
        min-height: 4.25rem
    }
}

@media (min-width:1366px) {
    .site-header__row {
        min-height: 4.5rem
    }
}

.site-header__col {
    flex: 1 0 auto;
    max-width: 100%
}

.site-header__col--logo {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    position: relative
}

@media (min-width:1366px) {
    .site-header__col--logo {
        flex: 0 0 auto;
        max-width: 100%
    }

        .site-header__col--logo:before {
            display: none
        }
}

.site-header__col--logo:before {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.site-header__col--navigation {
    box-sizing: border-box;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 4rem
}

@media (max-width:1365.98px) {
    .site-header__col--navigation {
        background-color: #fff;
        height: 100vh;
        height: calc(var(--vh, 1vh)*100);
        left: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        transform: translateY(-100%);
        transition: transform .3s ease-in-out;
        width: 100%;
        will-change: transform
    }
}

@media (min-width:1366px) {
    .site-header__col--navigation {
        display: block;
        flex: 1 0 0;
        height: auto;
        margin: 0 auto;
        max-width: 100%;
        padding-top: 0
    }
}

.site-header__col--shortcut {
    display: none;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

@media (min-width:1366px) {
    .site-header__col--shortcut {
        align-content: center;
        align-items: center;
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        justify-content: flex-end;
        margin-left: auto;
        margin-right: 0;
        max-width: 100%
    }
}

.site-header__logo {
    display: block;
    position: relative;
    z-index: 100
}

    .site-header__logo:focus-within {
        border-radius: 3px;
        outline: .0625rem solid #000;
        outline-offset: .5rem
    }

    .site-header__logo a:focus-visible {
        outline: none
    }

.site-header__logo-img {
    display: block;
    height: 2.75rem;
    max-width: 6.0625rem
}

    .site-header__logo-img path {
        transition: fill .12s ease-in-out;
        will-change: fill
    }

.site-header__lang {
    align-content: center;
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    margin-right: 1rem;
    z-index: 1
}

.site-header__lang-item {
    margin: 0 .25rem
}

    .site-header__lang-item:first-of-type {
        margin-left: 0
    }

    .site-header__lang-item:last-of-type {
        margin-right: 0
    }

.site-header__lang-link {
    opacity: .33
}

    .site-header__lang-link.is-active,
    .site-header__lang-link:hover {
        opacity: 1
    }

.site-header__cta {
    font-weight: 600;
    margin: 0;
    position: relative;
    transition: color .28s ease-in-out, border-color .28s ease-in-out, background-color .28s ease-in-out;
    white-space: nowrap;
    will-change: color, border-color, background-color;
    z-index: 100
}

.site-header__burger {
    background-color: transparent;
    border: 0;
    height: 1.5rem;
    margin-top: -1.5rem;
    padding: 1.5rem;
    position: absolute;
    right: .625rem;
    top: 50%;
    width: 1.5rem;
    z-index: 1001
}

@media (min-width:768px) {
    .site-header__burger {
        right: 3.625rem
    }
}

@media (min-width:1366px) {
    .site-header__burger {
        display: none
    }
}

.site-header__burger:focus {
    box-shadow: none;
    outline: 0
}

.site-header__burger.is-open .site-header__burger-line:first-child {
    transform: translateY(.375rem) rotate(-45deg)
}

.site-header__burger.is-open .site-header__burger-line:nth-child(2) {
    opacity: 0;
    transform: translateX(.5rem)
}

.site-header__burger.is-open .site-header__burger-line:nth-child(3) {
    transform: translateY(-.375rem) rotate(45deg)
}

.site-header__burger-line {
    background-color: #000;
    border-radius: .15625rem;
    display: block;
    height: .125rem;
    left: 50%;
    margin-left: -.75rem;
    margin-top: -.0625rem;
    position: absolute;
    top: 50%;
    transition: transform .25s ease-in-out, opacity .2s ease-in-out 15ms;
    width: 1.5rem;
    will-change: transform, opacity
}

    .site-header__burger-line:first-child {
        top: calc(50% - .375rem)
    }

    .site-header__burger-line:nth-child(3) {
        top: calc(50% + .375rem)
    }

@media (max-width:1365.98px) {
    .site-header.dropdown-is-open .site-header__col--navigation {
        transform: translateY(0)
    }

    .site-header.dropdown-is-open .nav-list__item:first-child > .nav-list__link:after {
        transition-delay: .14s
    }

    .site-header.dropdown-is-open .nav-list__item:nth-child(2) > .nav-list__link:after {
        transition-delay: .21s
    }

    .site-header.dropdown-is-open .nav-list__item:nth-child(3) > .nav-list__link:after {
        transition-delay: .28s
    }

    .site-header.dropdown-is-open .nav-list__item:nth-child(4) > .nav-list__link:after {
        transition-delay: .35s
    }

    .site-header.dropdown-is-open .nav-list__item:nth-child(5) > .nav-list__link:after {
        transition-delay: .42s
    }

    .site-header.dropdown-is-open .nav-list__item:nth-child(6) > .nav-list__link:after {
        transition-delay: .49s
    }

    .site-header.dropdown-is-open .nav-list__item:nth-child(7) > .nav-list__link:after {
        transition-delay: .56s
    }

    .site-header.dropdown-is-open .nav-list__item > .nav-list__link:after {
        transform: translateY(0);
        transition-duration: .3s
    }

    .site-header.dropdown-is-open .nav-list__link-arrow--mobile,
    .site-header.dropdown-is-open .nav-list__link-title {
        opacity: 1;
        transition: opacity .3s ease-in-out .5s, transform .3s ease-in-out 0s
    }

    .site-header.dropdown-is-open .site-navigation__cta {
        opacity: 1;
        transform: translateY(0);
        transition: transform .3s ease-in-out .55s, opacity .3s ease-in-out .55s
    }
}

.site-header.site-header--white:not(.dropdown-is-open):not(.site-header--not-top) .site-header__logo-img {
    transition-delay: .3s
}

@media (min-width:1366px) {
    .site-header.site-header--white:not(.dropdown-is-open):not(.site-header--not-top) .site-header__logo-img * {
        fill: #fff
    }
}

.site-header.site-header--white:not(.dropdown-is-open):not(.site-header--not-top) .nav-list__link {
    color: #fff;
    transition-delay: .3s;
    transition-duration: 0s
}

    .site-header.site-header--white:not(.dropdown-is-open):not(.site-header--not-top) .nav-list__link.is-active {
        color: #fff
    }

.site-header.site-header--white:not(.dropdown-is-open):not(.site-header--not-top) .nav-list__link-arrow * {
    stroke: #fff;
    transition-delay: .3s;
    transition-duration: 0s
}

.site-header.site-header--white:not(.dropdown-is-open):not(.site-header--not-top) .nav-list__link.is-active .nav-list__link-title:after {
    background: #fff
}

.site-header.site-header--white:not(.dropdown-is-open):not(.site-header--not-top) .site-header__lang-link {
    color: #fff;
    transition-delay: .3s
}

.site-header.site-header--white:not(.dropdown-is-open):not(.site-header--not-top) .site-header__cta {
    border-color: #fff;
    color: #fff;
    transition-delay: .3s, .3s, .3s;
    transition-duration: 0s, 0s, 0s
}

    .site-header.site-header--white:not(.dropdown-is-open):not(.site-header--not-top) .site-header__cta:hover {
        background-color: #fff;
        color: #000ee6;
        transition-delay: 0s, 0s, 0s
    }

.site-header.site-header--white.dropdown-is-open:not(.site-header--not-top) .site-header__logo-img * {
    transition-delay: 175ms
}

.site-header.site-header--white.dropdown-is-open:not(.site-header--not-top) .nav-list__link,
.site-header.site-header--white.dropdown-is-open:not(.site-header--not-top) .nav-list__link-arrow * {
    transition-delay: 175ms;
    transition-duration: 0s
}

.site-header.site-header--white.dropdown-is-open:not(.site-header--not-top) .site-header__cta,
.site-header.site-header--white.dropdown-is-open:not(.site-header--not-top) .site-header__lang-link {
    transition-delay: 175ms
}

.site-header.site-header--white:not(.dropdown-is-open).site-header--top {
    transition-delay: .3s
}

.site-navigation {
    align-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    height: 100%;
    height: calc(var(--vh, 1vh)*100 - 7.75rem);
    justify-content: flex-start;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 1.5rem
}

@media (min-width:1366px) {
    .site-navigation {
        align-content: center;
        align-items: center;
        height: auto;
        justify-content: center;
        max-height: 100%;
        overflow: auto;
        padding-bottom: 0
    }
}

.site-navigation__nav-list {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 2rem
}

@media (min-width:1366px) {
    .site-navigation__nav-list {
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto
    }
}

.site-navigation__cta {
    align-content: center;
    align-items: center;
    display: inline-flex;
    margin: 0 auto;
    opacity: 0;
    padding: .75rem 1.5rem;
    transform: translateY(5.8125rem);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    will-change: tranform, opacity
}

@media (min-width:1366px) {
    .site-navigation__cta {
        display: none
    }
}

.site-navigation .dropdown-list__link.is-active,
.site-navigation .nav-dropdown__heading-link.is-active,
.site-navigation .nav-list__link.is-active {
    color: #000ee6
}

.site-navigation .nav-list__link:focus-visible {
    border-radius: 10px;
    outline: 1px solid #000;
    outline-offset: -5px
}

.nav-list__item {
    color: #161616;
    flex: 0 0 100%;
    font-weight: 500;
    line-height: 1.33333;
    max-width: 100%;
    position: relative
}

@media (max-width:1365.98px) {
    .nav-list__item:after {
        background-color: #e4e4e4;
        bottom: 0;
        content: "";
        height: .0625rem;
        left: 1rem;
        position: absolute;
        right: 1rem
    }
}

@media (min-width:1366px) {
    .nav-list__item {
        flex: 0 0 auto;
        line-height: 1.2;
        position: static
    }
}

.nav-list__link {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1rem 1.3125rem;
    position: relative;
    transition: color .12s ease-in-out;
    will-change: color;
    z-index: 100
}

@media (min-width:768px) {
    .nav-list__link {
        padding: 1.25rem 0
    }
}

@media (max-width:1365.98px) {
    .nav-list__link {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%
    }
}

@media (max-width:1365.98px) and (min-width:375px) {
    .nav-list__link {
        max-width: 100vw
    }
}

@media (max-width:1365.98px) and (min-width:768px) {
    .nav-list__link {
        max-width: 672px
    }
}

@media (max-width:1365.98px) and (min-width:1180px) {
    .nav-list__link {
        max-width: 1056px
    }
}

@media (max-width:1365.98px) and (min-width:1366px) {
    .nav-list__link {
        max-width: 1152px
    }
}

@media (max-width:1365.98px) and (min-width:1680px) {
    .nav-list__link {
        max-width: 1536px
    }
}

@media (min-width:1366px) {
    .nav-list__link {
        align-content: normal;
        align-items: normal;
        display: block;
        justify-content: normal;
        padding: .5rem 1rem
    }

        .nav-list__link:after {
            display: none
        }

    .nav-list__link--has-childrens.interactive .nav-list__link-arrow {
        animation: dropdownHoverOut .4s ease-in-out forwards
    }

    .nav-list__link--has-childrens:focus .nav-list__link-arrow,
    .nav-list__link--has-childrens:hover .nav-list__link-arrow {
        animation: dropdownHoverIn .4s ease-in-out forwards
    }
}

.nav-list__link--has-childrens:focus + .nav-list__nav-dropdown,
.nav-list__link--has-childrens:hover + .nav-list__nav-dropdown {
    pointer-events: auto
}

.nav-list__link.is-open {
    color: #000ee6
}

    .nav-list__link.is-open .nav-list__link-arrow * {
        stroke: #000ee6
    }

    .nav-list__link.is-open .nav-list__link-arrow--mobile {
        transform: rotate(180deg);
        transition-delay: 0s
    }

@media (min-width:1366px) {
    .nav-list__link.is-open .nav-list__link-arrow--mobile {
        transform: none
    }
}

.nav-list__link.is-open + .nav-list__nav-dropdown {
    pointer-events: auto
}

@media (max-width:1365.98px) {
    .nav-list__link.is-open + .nav-list__nav-dropdown {
        max-height: 100vh
    }
}

.nav-list__link-title {
    opacity: 0;
    transition: opacity .2s ease-in-out .2s;
    will-change: opacity
}

@media (min-width:1366px) {
    .nav-list__link-title {
        opacity: 1
    }

    .nav-list__link.is-active .nav-list__link-title {
        position: relative
    }

        .nav-list__link.is-active .nav-list__link-title:after {
            background: #000ee6;
            bottom: -.5rem;
            content: "";
            display: block;
            height: .0625rem;
            left: 0;
            margin: 0 auto;
            min-width: 1.75rem;
            position: absolute;
            right: 0;
            transition: background-color .12s ease-in-out;
            transition-delay: .3s;
            width: 40%
        }
}

.nav-list__link-arrow {
    display: none
}

@media (min-width:1366px) {
    .nav-list__link-arrow {
        display: inline
    }
}

.nav-list__link-arrow--mobile {
    display: block;
    opacity: 0;
    transition: opacity .2s ease-in-out .2s, transform .3s ease-in-out 0s;
    will-change: opacity, transform
}

@media (min-width:1366px) {
    .nav-list__link-arrow--mobile {
        display: none
    }
}

@keyframes dropdownHoverIn {
    50% {
        transform: rotate(-90deg)
    }

    to {
        transform: translateX(.5rem) rotate(-90deg)
    }
}

@keyframes dropdownHoverOut {
    0% {
        transform: translateX(.5rem) rotate(-90deg)
    }

    50% {
        transform: translateX(.5rem) rotate(0)
    }

    to {
        transform: translateX(0) rotate(0)
    }
}

.nav-list__link.is-active .nav-list__link-arrow * {
    stroke: #000ee6
}

@media (max-width:1365.98px) {
    .nav-dropdown {
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease-in-out .1s;
        will-change: max-height
    }
}

@media (min-width:1366px) {
    .nav-dropdown {
        left: 0;
        padding-top: 4.5rem;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: transform .3s ease-in-out .25s;
        width: 100%;
        will-change: transform
    }
}

.nav-dropdown__container {
    padding-top: 1.5rem
}

@media (min-width:1366px) {
    .nav-dropdown__container {
        opacity: 0;
        padding-bottom: 2.5rem;
        padding-top: 2.5rem;
        transition: opacity .25s ease-in-out .2s;
        will-change: opacity
    }
}

.nav-dropdown__container.reveal {
    opacity: 1
}

@media (max-width:1365.98px) {
    .nav-dropdown__title {
        display: none
    }
}

.nav-dropdown__title-link {
    margin-top: 1rem
}

    .nav-dropdown__title-link .link__icon * {
        stroke: none;
        fill: #000ee6
    }

.nav-dropdown__col {
    margin-bottom: 2rem
}

.nav-dropdown__col--has-children {
    margin-bottom: .5rem
}

@media (min-width:1366px) {
    .nav-dropdown__col--all-items {
        display: none
    }

    .nav-dropdown__heading {
        margin-bottom: .5rem
    }
}

.nav-dropdown a.nav-dropdown__title-link:focus-visible {
    border-radius: 5px;
    outline: 1px solid #000;
    padding: 3px 10px 3px 3px
}

.nav-dropdown .dropdown-list__tile:focus-within {
    border-radius: 1px;
    outline: .125rem solid #000;
    outline-offset: .5rem
}

    .nav-dropdown .dropdown-list__tile:focus-within a:focus-visible {
        outline: none
    }

.nav-dropdown .dropdown-list__item a,
.nav-dropdown .nav-dropdown__heading a {
    display: inline-block
}

    .nav-dropdown .dropdown-list__item a:focus,
    .nav-dropdown .nav-dropdown__heading a:focus {
        border-radius: 1px;
        outline: .0625rem solid #000;
        outline-offset: .125rem
    }

.dropdown-list {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    padding-top: 1.5rem
}

@media (min-width:1366px) {
    .dropdown-list {
        padding-top: .5rem
    }
}

.dropdown-list__item {
    flex: 0 0 50%;
    margin-bottom: 1.5rem;
    max-width: 50%
}

@media (min-width:1366px) {
    .dropdown-list__item {
        margin-bottom: .75rem
    }
}

@media (max-width:1365.98px) {
    .dropdown-list__item-description {
        display: none
    }
}

.dropdown-list--full_width .dropdown-list__item,
.dropdown-list--tiles .dropdown-list__item {
    flex: 0 0 100%;
    max-width: 100%
}

.dropdown-list--tiles {
    margin-top: -.5rem
}

    .dropdown-list--tiles .dropdown-list__item + .dropdown-list__item {
        margin-top: .5rem
    }

.dropdown-list__tile.is-decorated {
    background: #161616;
    border-radius: .5rem;
    color: #fff;
    overflow: hidden;
    padding: 1.5rem;
    position: relative
}

    .dropdown-list__tile.is-decorated:after,
    .dropdown-list__tile.is-decorated:before {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        pointer-events: none;
        position: absolute;
        z-index: 0
    }

    .dropdown-list__tile.is-decorated:before {
        background-image: url(../images/navigation/decoration-top-left.png);
        height: 4.5rem;
        left: 0;
        top: 0;
        width: 3.8125rem
    }

    .dropdown-list__tile.is-decorated:after {
        background-image: url(../images/navigation/decoration-bottom-right.png);
        bottom: 0;
        height: 3.75rem;
        right: 0;
        width: 5.75rem
    }

    .dropdown-list__tile.is-decorated .dropdown-list__item-description {
        color: #e9edf5
    }

    .dropdown-list__tile.is-decorated .nav-dropdown__heading-link,
    .dropdown-list__tile.is-decorated a {
        color: inherit
    }

.dropdown-list__tile-wrap {
    position: relative;
    z-index: 1
}

.dropdown-list__tile .dropdown-list__item-description {
    display: block
}

.dropdown-list__link {
    color: #161616;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.33333;
    position: relative
}

    .dropdown-list__link:hover .dropdown-list__item-label-arrow {
        transform: translateX(.5rem)
    }

.dropdown-list__item-label {
    display: none
}

@media (min-width:1366px) {
    .dropdown-list__item-label {
        display: block;
        font-size: .875rem;
        padding-top: 1rem
    }
}

.dropdown-list__item-label-arrow {
    transition: transform .3s;
    will-change: transform
}

.dropdown-list__item-description {
    box-sizing: border-box;
    color: #898989;
    font-size: .875rem;
    line-height: 1.5
}

@media (min-width:1366px) {
    .dropdown-list__item-description {
        font-size: .75rem
    }
}

.pagination {
    justify-content: center;
    padding-top: 3rem
}

.pagination,
.pagination__items {
    align-items: center;
    display: flex
}

.pagination__items {
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width:1180px) {
    .pagination__items {
        flex-wrap: nowrap
    }
}

.pagination__button-link {
    align-items: center;
    display: flex
}

@media (min-width:1180px) {
    .pagination__button-link {
        padding: .75rem
    }

        .pagination__button-link:focus,
        .pagination__button-link:hover {
            background: #f3f7fb;
            border-radius: .5rem
        }

            .pagination__button-link:focus svg *,
            .pagination__button-link:hover svg * {
                fill: #000ee6
            }
}

.pagination__button-icon {
    flex: 0 0 1.125rem;
    max-width: 1.125rem
}

.pagination__button-label {
    display: none
}

@media (min-width:1180px) {
    .pagination__button-label {
        display: block
    }
}

.pagination__button--prev {
    margin-right: .75rem
}

@media (min-width:1180px) {
    .pagination__button--prev {
        margin-right: 3.5rem
    }

        .pagination__button--prev .pagination__button-icon {
            margin-right: .625rem
        }
}

.pagination__button--next {
    margin-left: .75rem
}

@media (min-width:1180px) {
    .pagination__button--next {
        margin-left: 3.5rem
    }
}

.pagination__button--next .pagination__button-icon {
    transform: scaleX(-1)
}

@media (min-width:1180px) {
    .pagination__button--next .pagination__button-icon {
        margin-left: .625rem;
        order: 2
    }
}

.pagination__item {
    margin: .5rem
}

.pagination__link {
    align-items: center;
    border-radius: 50%;
    display: block;
    display: flex;
    height: 2rem;
    justify-content: center;
    width: 2rem
}

@media (min-width:1180px) {
    .pagination__link {
        height: 2.5rem;
        width: 2.5rem
    }
}

.pagination__link-icon * {
    fill: #000ee6
}

.pagination__link--disabled a {
    color: #898989 !important
}

.pagination__link--disabled svg path {
    fill: #898989 !important
}

.pagination__link a {
    align-content: center;
    align-items: center;
    color: inherit;
    display: flex;
    flex-flow: row wrap;
    text-decoration: none
}

.pagination__item--current .pagination__link {
    background: #000ee6;
    color: #fff;
    font-weight: 600
}

.custom-slider,
.custom-slider__stack {
    display: grid;
    grid-template-columns: 1;
    overflow: hidden
}

.custom-slider__stack-item {
    grid-column-start: 1;
    grid-row-start: 1
}

.custom-slider__stack-item--active.custom-slider__image {
    transform: translateX(0)
}

.custom-slider__stack-item--active.custom-slider__title {
    visibility: visible;
    z-index: 1
}

.custom-slider__stack-item--active.custom-slider__author,
.custom-slider__stack-item--active.custom-slider__category,
.custom-slider__stack-item--active.custom-slider__description,
.custom-slider__stack-item--active.custom-slider__vertical-image {
    transform: translateY(0)
}

.custom-slider__stack-item--active.custom-slider__transition {
    transition-delay: .35s
}

.custom-slider__transition {
    transition-duration: .35s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.custom-slider__image {
    transform: translateX(-200%);
    z-index: 2
}

.custom-slider__vertical-image {
    transform: translateY(-100%)
}

.custom-slider__title {
    visibility: hidden;
    z-index: 0
}

.custom-slider__category,
.custom-slider__description {
    transform: translateY(150%)
}

.custom-slider__author {
    transform: translateY(30vh)
}

.custom-slider__dot {
    background: #484c5c;
    border-radius: 50%;
    color: transparent;
    font-size: 0;
    height: .625rem;
    line-height: 0;
    margin: .3125rem;
    width: .625rem
}

.custom-slider__dot--active {
    background: #008fdf
}

    .custom-slider__dot--active.custom-slider__dot--alt {
        background: #111218
    }

.custom-slider__decorator--interviews {
    bottom: 0;
    height: 200%;
    position: absolute;
    right: 0;
    transform: translateX(50%);
    z-index: 1
}

    .custom-slider__decorator--interviews path,
    .custom-slider__decorator--interviews rect {
        transform-box: fill-box;
        transform-origin: center;
        transition: transform .35s cubic-bezier(.4, 0, .2, 1);
        transition-delay: .35s
    }

.custom-slider__decorator--quotes .quotes-decorator-element {
    transform-box: fill-box
}

.custom-slider__decorator--quotes .quotes-decorator-element--1 {
    transform-origin: right bottom
}

.custom-slider__decorator--quotes .quotes-decorator-element--2 {
    transform-origin: left top
}

.custom-slider__decorator--quotes .quotes-decorator-element--1,
.custom-slider__decorator--quotes .quotes-decorator-element--2 {
    animation: rotateDecoratorDefault 4s ease-in-out
}

.custom-slider__decorator--active.custom-slider__decorator--interviews rect:nth-child(2) {
    transform: translateX(100%)
}

.custom-slider__decorator--active.custom-slider__decorator--interviews path {
    transform: rotateX(180deg)
}

.custom-slider__decorator--active.custom-slider__decorator--quotes .quotes-decorator-element--1,
.custom-slider__decorator--active.custom-slider__decorator--quotes .quotes-decorator-element--2 {
    animation: rotateDecoratorActive 4s ease-in-out
}

@keyframes rotateDecoratorActive {
    0% {
        transform: rotate(0deg)
    }

    40%, 60% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes rotateDecoratorDefault {
    0% {
        transform: rotate(0deg)
    }

    40%, 60% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.home-page .slick-slide > div {
    align-items: flex-start
}

.home-heading {
    padding-bottom: 1.5rem
}

.home-star * {
    fill: #ffaa05
}

@media (min-width:1180px) {
    .home-slider {
        margin-right: calc(1056px - 100vw)
    }
}

@media (min-width:1366px) {
    .home-slider {
        margin-right: calc(1152px - 100vw)
    }
}

@media (min-width:1680px) {
    .home-slider {
        margin-right: calc(1536px - 100vw)
    }
}

.home-slider__controls {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 3.125rem
}

    .home-slider__controls .slick-dots {
        display: flex;
        position: static
    }

        .home-slider__controls .slick-dots li {
            border-radius: 50%;
            display: block;
            height: .875rem;
            margin: .75rem;
            width: .875rem
        }

@media (min-width:1180px) {
    .home-slider__controls .slick-dots li {
        height: .25rem;
        margin: 0 .375rem;
        width: 2.0625rem
    }
}

.home-slider__controls .slick-dots li button {
    background: #ced2d9;
    border-radius: 1rem;
    height: 100%;
    width: 100%
}

.home-slider__controls .slick-dots li.slick-active button {
    background: #000ee6
}

.home-slider__button {
    border: .0625rem solid #ced2d9;
    border-radius: 1rem;
    margin-right: 1rem;
    padding: 1.25rem 1.5rem
}

@media (min-width:1180px) {
    .home-slider__button {
        margin-right: 2.375rem
    }
}

.home-slider__button--next {
    margin-left: 1rem;
    margin-right: 0
}

@media (min-width:1180px) {
    .home-slider__button--next {
        margin-left: 2.375rem
    }
}

.home-slider__arrow {
    height: auto;
    transform: rotate(90deg);
    width: 1rem
}

.home-slider__button--next .home-slider__arrow {
    transform: rotate(-90deg)
}

.home-hero {
    overflow: hidden;
    padding: 5.25rem 0 4rem
}

@media (min-width:1180px) {
    .home-hero {
        padding: 11.625rem 0 4.0625rem
    }
}

.home-hero__content {
    margin: 0 auto;
    max-width: 50.375rem;
    padding-bottom: 2.5rem
}

.home-hero__heading {
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .home-hero__heading {
        padding-bottom: 4rem
    }
}

.home-hero__heading mark {
    background: #f2f7fc;
    border-radius: .5rem;
    margin: -.5rem -.75rem;
    padding: .5rem .75rem;
    position: relative;
    z-index: -1
}

@media (min-width:1180px) {
    .home-hero__heading mark {
        margin: -.75rem -1rem;
        padding: .75rem 1rem
    }
}

.home-hero__stats {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 64.875rem;
    padding-bottom: 2.5rem;
    position: relative
}

@media (min-width:1180px) {
    .home-hero__stats {
        justify-content: center;
        padding-bottom: 3rem
    }
}

.home-hero__stats:after {
    background-size: contain;
    background: url(../images/templates/home/hero-dots.svg);
    background-repeat: no-repeat;
    bottom: -1rem;
    content: "";
    display: block;
    height: 8.5rem;
    position: absolute;
    right: -3.25rem;
    width: 14.75rem;
    z-index: -1
}

@media (min-width:1180px) {
    .home-hero__stats:after {
        bottom: 0;
        right: -3rem
    }
}

.home-hero__stat {
    padding: .25rem
}

@media (min-width:1180px) {
    .home-hero__stat {
        min-height: 15rem
    }
}

.home-hero__stat-body {
    background: linear-gradient(264deg, #fcfaf3, #f4fbfe);
    border-radius: .75rem;
    display: flex;
    padding: 1rem 1.5rem
}

@media (min-width:1180px) {
    .home-hero__stat-body {
        flex-direction: column;
        height: 100%;
        padding: 2rem
    }
}

.home-hero__stat-media {
    display: none
}

@media (min-width:1180px) {
    .home-hero__stat-media {
        display: flex;
        justify-content: space-between
    }

    .home-hero__stat-header {
        padding-top: 3.5rem
    }

    .home-hero__stat-heading {
        display: flex
    }
}

.home-hero__stat-symbol {
    align-self: flex-end;
    margin-bottom: .25rem
}

.home-hero__stat-icon {
    margin-left: 1rem;
    vertical-align: middle
}

@media (min-width:1180px) {
    .home-hero__stat-icon {
        margin-left: auto
    }

    .home-hero__stat-icon--mobile {
        display: none
    }
}

.home-hero__stat-logo {
    align-self: flex-start;
    margin-left: auto
}

@media (min-width:1180px) {
    .home-hero__stat-logo {
        margin-left: 0;
        margin-top: auto
    }

    .home-hero__stat-logo--mobile {
        display: none
    }
}

.home-featured-quotes {
    padding-bottom: 6rem
}

@media (min-width:1180px) {
    .home-featured-quotes {
        padding-bottom: 10rem
    }
}

.home-featured-quotes__container {
    background: linear-gradient(320deg, #f5fcff 22%, #fafbff 77%);
    border-radius: 1.5rem;
    overflow: hidden;
    padding: 1.5rem;
    position: relative
}

@media (min-width:1180px) {
    .home-featured-quotes__container {
        max-width: 65rem;
        padding: 5rem
    }
}

.home-featured-quotes__container:after {
    background-size: contain;
    background: url(../images/templates/home/hero-dots.svg);
    background-repeat: no-repeat;
    bottom: -2.25rem;
    content: "";
    display: block;
    height: 8.5rem;
    position: absolute;
    right: -2.375rem;
    width: 14.75rem;
    z-index: 0
}

@media (min-width:1180px) {
    .home-featured-quotes__container:after {
        bottom: -.875rem;
        right: -.25rem
    }
}

.home-featured-quotes__quote {
    padding-bottom: 3rem;
    position: relative;
    z-index: 1
}

@media (min-width:1180px) {
    .home-featured-quotes__quote {
        padding: 1rem
    }
}

.home-featured-quotes__content,
.home-featured-quotes__stars {
    padding-bottom: 1rem
}

.home-featured-quotes__author-position {
    color: #525966
}

.home-nps {
    border-top: .0625rem solid #e9edf5;
    padding-top: 3rem;
    position: relative;
    z-index: 1
}

@media (min-width:1180px) {
    .home-nps {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-top: 2rem
    }
}

.home-nps__heading {
    padding-bottom: 1rem
}

@media (min-width:1180px) {
    .home-nps__heading {
        padding-bottom: 0
    }
}

.home-nps__score {
    color: #3ead56;
    font-size: 7.5rem;
    letter-spacing: -.02em;
    line-height: 1.2;
    padding: 0 4rem
}

.home-services {
    overflow: hidden;
    padding-bottom: 4rem
}

@media (min-width:1180px) {
    .home-services {
        padding-bottom: 10rem
    }

    .home-services__container {
        max-width: 51.5rem;
        padding-top: 10.9375rem;
        position: relative
    }
}

.home-services__decoration {
    display: none
}

@media (min-width:1180px) {
    .home-services__decoration {
        color: #f9fbfd;
        display: block;
        font-size: 14rem;
        font-weight: 800;
        left: 50%;
        letter-spacing: -.04em;
        line-height: 1;
        position: absolute;
        top: 0;
        transform: translate(-50%);
        white-space: nowrap;
        z-index: -1
    }
}

.home-services__items {
    padding-top: 1rem
}

@media (min-width:1180px) {
    .home-services__items {
        padding-top: 2.5rem
    }
}

.home-services__item {
    border: .0625rem solid #ced2d9;
    border-radius: .75rem;
    margin: .5rem 0;
    overflow: hidden;
    padding: 1.5rem 2rem;
    position: relative
}

    .home-services__item .style-svg {
        color: #000ee6
    }

@media (min-width:1180px) {
    .home-services__item {
        align-items: center;
        justify-content: space-between;
        padding: 2.875rem 3rem
    }
}

.home-services__item:after {
    background-image: url(../images/templates/home/dots.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: .875rem;
    content: "";
    display: block;
    height: 1.75rem;
    opacity: 0;
    position: absolute;
    right: -3.875rem;
    transition: opacity .3s ease-out;
    width: 11.5rem;
    z-index: 0
}

@media (min-width:1180px) {
    .home-services__item:after {
        bottom: 1rem;
        right: 1rem
    }
}

.home-services__item,
.home-services__item .style-svg,
.home-services__item a {
    transition: color .3s ease-out, background-color .3s ease-out
}

    .home-services__item:focus-within,
    .home-services__item:hover {
        background: #000ee6;
        border-color: #000ee6;
        font-weight: 600
    }

        .home-services__item:focus-within,
        .home-services__item:focus-within .style-svg,
        .home-services__item:focus-within a,
        .home-services__item:hover,
        .home-services__item:hover .style-svg,
        .home-services__item:hover a {
            color: #fff
        }

            .home-services__item:focus-within:after,
            .home-services__item:hover:after {
                opacity: 1
            }

.home-services__item--focused {
    border: .0625rem solid #000ee6
}

    .home-services__item--focused .home-services__item-body {
        align-items: flex-end
    }

.home-services__item-body {
    align-items: center;
    position: relative;
    z-index: 1
}

.home-services__item-content {
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .home-services__item-content {
        padding-bottom: 0
    }
}

.home-services__item:focus-within .link,
.home-services__item:hover .link {
    text-decoration: underline
}

.home-services__item:focus-within .link__icon *,
.home-services__item:hover .link__icon * {
    stroke: #fff
}

.home-services-cta {
    margin-bottom: 4rem
}

@media (min-width:1180px) {
    .home-services-cta {
        margin-bottom: 8.375rem
    }
}

.home-services-cta__wrap {
    background: #000ee6;
    border-radius: 1rem;
    overflow: hidden;
    padding: 1.5rem;
    position: relative
}

@media (min-width:1180px) {
    .home-services-cta__wrap {
        margin: 0 auto;
        max-width: 64.875rem;
        padding: 4rem 5rem
    }
}

.home-services-cta__wrap:after {
    background-image: url(../images/templates/home/dots-big.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -5.5rem;
    content: "";
    display: block;
    height: 8.5rem;
    position: absolute;
    right: -1.625rem;
    width: 14.75rem;
    z-index: 0
}

@media (min-width:1180px) {
    .home-services-cta__wrap:after {
        bottom: -.625rem;
        right: -2.25rem
    }
}

.home-services-cta__icon {
    margin: 0 auto
}

@media (min-width:1180px) {
    .home-services-cta__icon {
        display: inline-block;
        margin: 0 1rem 0 0;
        vertical-align: middle
    }
}

.home-services-cta__heading {
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .home-services-cta__heading {
        padding-bottom: 3rem
    }
}

.home-services-cta__content {
    margin: 0 auto;
    max-width: 35rem;
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .home-services-cta__content {
        padding-bottom: 3rem
    }
}

.home-services-cta .link {
    border-width: .125rem
}

    .home-services-cta .link:focus,
    .home-services-cta .link:hover {
        background: transparent;
        border-color: #fff
    }

        .home-services-cta .link:focus svg *,
        .home-services-cta .link:hover svg * {
            stroke: #fff
        }

@media (min-width:1180px) {
    .home-technologies__container {
        max-width: 58.25rem
    }
}

.home-technologies__content {
    padding-bottom: 4rem
}

@media (min-width:1180px) {
    .home-technologies__content {
        padding-bottom: 4.5rem
    }
}

.home-technologies__items-heading {
    padding-bottom: 1.25rem
}

.home-aws-partner {
    padding-bottom: 4rem
}

@media (min-width:1180px) {
    .home-aws-partner {
        padding-bottom: 10rem
    }
}

.home-aws-partner__body {
    background: linear-gradient(264deg, #fcfaf3, #f4fbfe);
    border-radius: 1.5rem;
    padding: 1.5rem
}

@media (min-width:1180px) {
    .home-aws-partner__body {
        padding: 3rem
    }
}

.home-aws-partner__body-inner {
    margin: 0 auto;
    max-width: 50rem
}

.home-aws-partner__logo {
    margin-bottom: 2.5rem;
    max-width: 4rem
}

@media (min-width:1180px) {
    .home-aws-partner__logo {
        max-width: 10.25rem
    }
}

.home-aws-partner__heading {
    padding-bottom: 1.5rem
}

.home-aws-partner__badges {
    padding: 2.5rem 0
}

.home-aws-partner__badge {
    margin: .25rem
}

@media (min-width:1180px) {
    .home-aws-partner__badge {
        margin: .5rem
    }
}

.home-projects {
    padding-bottom: 6rem
}

@media (min-width:1180px) {
    .home-projects {
        padding-bottom: 10rem
    }
}

.home-projects__header-row {
    padding-bottom: 3.5rem
}

@media (min-width:1180px) {
    .home-projects__header-row {
        align-items: flex-start;
        padding-bottom: 5rem
    }
}

.home-projects__header-link {
    display: none
}

@media (min-width:1180px) {
    .home-projects__header-link {
        display: block
    }
}

.home-projects .slick-list {
    padding: .25rem
}

@media (min-width:1180px) {
    .home-projects .slick-slide {
        max-width: 528px
    }
}

@media (min-width:1366px) {
    .home-projects .slick-slide {
        max-width: 576px
    }
}

@media (min-width:1680px) {
    .home-projects .slick-slide {
        max-width: 768px
    }
}

.home-projects__all-link {
    padding-top: 2.5rem
}

@media (min-width:1180px) {
    .home-projects__all-link {
        display: none
    }
}

.home-project {
    position: absolute;
    visibility: hidden
}

    .home-project:first-of-type {
        position: static;
        visibility: visible
    }

    .home-project:focus-within {
        border-radius: .3125rem;
        outline: .0625rem solid #000;
        outline-offset: .1875rem
    }

.home-project__image {
    padding-bottom: 1.5rem
}

    .home-project__image .image {
        border-radius: 1.5rem
    }

.home-project__heading {
    padding-bottom: 1rem
}

.home-project__description {
    padding-bottom: 1.5rem
}

.home-project__number {
    display: none
}

    .home-project__number:first-of-type,
    .home-project__number:nth-of-type(2) {
        display: block
    }

.home-our-projects {
    padding-bottom: 3.5rem
}

@media (min-width:1180px) {
    .home-our-projects {
        padding-bottom: 10rem
    }

    .home-our-projects__container {
        max-width: 60rem
    }

    .home-our-projects__heading {
        margin: 0 auto;
        max-width: 42.125rem
    }

    .home-our-projects__items {
        padding-bottom: 2rem
    }
}

.home-our-projects__item {
    margin: 3rem 0
}

.home-our-projects__image {
    border-radius: .75rem;
    margin-bottom: 1.5rem;
    position: relative
}

@media (min-width:1180px) {
    .home-our-projects__image {
        margin-bottom: 0
    }
}

.home-our-projects__image:after {
    background: #f3f4ff;
    border-radius: .75rem;
    bottom: -.5rem;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -.5rem;
    width: 100%;
    z-index: -1
}

@media (min-width:1180px) {
    .home-our-projects__image:after {
        bottom: -1.5rem;
        right: -1.5rem
    }
}

.home-our-projects__image .image {
    border-radius: .75rem
}

.home-our-projects__item-heading {
    padding-bottom: .5rem
}

@media (min-width:1180px) {
    .home-our-projects__item-heading {
        padding-bottom: 1rem
    }
}

.home-our-projects__content {
    align-self: center
}

.home-video {
    padding-bottom: 3.5rem
}

@media (min-width:1180px) {
    .home-video {
        padding-bottom: 7.5rem
    }
}

.home-video__container {
    position: relative
}

.home-video__overlay {
    -webkit-backdrop-filter: blur(1.25rem);
    backdrop-filter: blur(1.25rem);
    background: linear-gradient(105.5deg, hsla(0, 0%, 100%, .15), rgba(0, 0, 0, .15));
    border-radius: 2rem;
    bottom: 1.5rem;
    left: 1.5rem;
    padding: 1.5rem;
    position: absolute;
    right: 1.5rem;
    z-index: 100
}

@media (min-width:1180px) {
    .home-video__overlay {
        bottom: 2rem;
        left: 50%;
        max-width: 35rem;
        padding: 2.5rem 3rem;
        right: auto;
        transform: translateX(-50%)
    }
}

.home-video__quote:after {
    background: #fff;
    content: "";
    display: block;
    height: .0625rem;
    margin: 1.5rem auto;
    opacity: .3;
    width: 10rem
}

.home-video__quote-text {
    padding-bottom: 1.5rem
}

.home-video__quote-icon {
    display: inline-block;
    margin-right: .5rem;
    vertical-align: middle;
    width: 1.3125rem
}

    .home-video__quote-icon * {
        fill: #fff
    }

.home-video__button {
    align-items: center;
    display: inline-flex
}

.home-video__button-icon {
    margin-right: .5rem
}

.home-video__button-loading {
    animation: container-rotate 1s linear infinite;
    display: none;
    height: auto;
    width: 1.5rem
}

.home-video__button.is-loading .home-video__button-play {
    display: none
}

.home-video__button.is-loading .home-video__button-loading {
    display: block
}

.home-video__poster-desktop {
    display: none
}

@media (min-width:1180px) {
    .home-video__poster-desktop {
        display: block
    }

    .home-video__poster-mobile {
        display: none
    }
}

.home-video__media-element {
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.home-video .image {
    border-radius: 1.5rem
}

.home-testimonials {
    padding-bottom: 6rem
}

@media (min-width:1180px) {
    .home-testimonials {
        padding-bottom: 10rem
    }

    .home-testimonials__container {
        max-width: 58.25rem
    }

    .home-testimonials__heading {
        margin: 0 auto;
        max-width: 51.5rem
    }
}

.home-testimonials__content {
    margin: 0 auto;
    max-width: 38.0625rem
}

.home-testimonials__items-heading {
    padding: 2rem 0 3rem
}

@media (min-width:1180px) {
    .home-testimonials__items-heading {
        padding: 2.5rem 0 5rem
    }
}

.home-testimonials__items {
    padding-top: 4rem
}

@media (min-width:1180px) {
    .home-testimonials__items {
        padding-top: 7.5rem
    }
}

.home-testimonials__item {
    position: absolute;
    visibility: hidden
}

    .home-testimonials__item:first-of-type {
        height: 100%;
        position: static;
        visibility: visible
    }

.home-testimonials .slick-list {
    max-width: 100%;
    overflow: visible
}

@media (min-width:1180px) {
    .home-testimonials .slick-list {
        overflow: hidden
    }

    .home-testimonials .slick-slide {
        max-width: 352px
    }
}

@media (min-width:1366px) {
    .home-testimonials .slick-slide {
        max-width: 384px
    }
}

@media (min-width:1680px) {
    .home-testimonials .slick-slide {
        max-width: 512px
    }
}

@media (max-width:1179.98px) {
    .home-testimonials__controls {
        display: none
    }
}

.home-testimonial {
    background: linear-gradient(38deg, #f5f7fe 28%, #f7fcff 72%);
    border-radius: 1.5rem;
    height: 100%;
    padding: 2rem
}

@media (min-width:1180px) {
    .home-testimonial {
        padding: 2.5rem
    }
}

.home-testimonial__stars {
    padding: 1rem 0
}

.home-cta {
    padding-bottom: 6rem
}

@media (min-width:1180px) {
    .home-cta {
        padding-bottom: 10rem
    }
}

.home-cta__container {
    background: linear-gradient(264deg, #fcfaf3, #f4fbfe);
    border-radius: 1.5rem;
    padding: 4rem 1.5rem
}

@media (min-width:1180px) {
    .home-cta__container {
        padding: 5.5rem 3rem
    }
}

@media (min-width:1680px) {
    .home-cta__container {
        padding-left: 8.3333333333%;
        padding-right: 8.3333333333%
    }
}

.home-cta__button-col {
    padding-top: 2rem
}

@media (min-width:1180px) {
    .home-cta__button-col {
        display: flex;
        justify-content: flex-end;
        padding-top: 0
    }
}

.home-cta .button__icon {
    margin-left: 1rem
}

    .home-cta .button__icon * {
        stroke: #fff
    }

.home-faq {
    padding-bottom: 7.5rem
}

@media (min-width:1366px) {
    .home-faq__container {
        max-width: 66.875rem
    }
}

.qa-service-page *,
.qa-service-page :after,
.qa-service-page :before {
    box-sizing: border-box
}

.qa-service-section {
    margin: 0
}

.qa-service-section__header {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .qa-service-section__header {
        padding-bottom: 3.5rem
    }
}

.qa-service-section__header--center {
    text-align: center
}

.qa-service-section__title {
    font-size: 1.25rem;
    line-height: 1.2;
    padding-bottom: 1rem
}

@media (min-width:768px) {
    .qa-service-section__title {
        padding-bottom: 1.5rem
    }
}

@media (min-width:1180px) {
    .qa-service-section__title {
        font-size: 1.5rem
    }
}

.qa-service-section__heading {
    font-weight: 300
}

    .qa-service-section__content b,
    .qa-service-section__content strong,
    .qa-service-section__heading b,
    .qa-service-section__heading strong {
        font-weight: 600
    }

.qa-service-section__content li {
    padding-left: 1.25rem;
    position: relative
}

    .qa-service-section__content li:before {
        color: #000ee6;
        content: "•";
        left: 0;
        position: absolute;
        top: 0
    }

.qa-service-section__col-right {
    margin-left: auto
}

.qa-service__button {
    background: #fff;
    border: 0;
    color: #1f202e
}

.qa-service-hero {
    align-items: center;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin-bottom: 5rem;
    overflow: hidden;
    position: relative
}

@media (min-width:1180px) {
    .qa-service-hero {
        margin-bottom: 10.5rem
    }
}

.qa-service-hero__container {
    text-align: center
}

.qa-service-hero__wrap {
    margin: 0 auto;
    max-width: 40rem;
    padding: 12.125rem 0
}

@media (min-width:768px) {
    .qa-service-hero__wrap {
        padding: 18.25rem 0 14.3125rem
    }
}

@media (min-width:1180px) {
    .qa-service-hero__wrap {
        max-width: 45rem;
        padding: 15% 0
    }
}

.qa-service-hero__heading {
    padding-bottom: 1rem
}

.qa-service-hero__content {
    font-size: 1.25rem;
    line-height: 1.6
}

@media (min-width:768px) {
    .qa-service-hero__content {
        font-size: 1.5rem
    }
}

.qa-service-hero__button-wrap {
    padding-top: 2.5rem
}

@media (min-width:1180px) {
    .qa-service-hero__button-wrap {
        padding-top: 3.5rem
    }
}

.qa-service-about {
    padding-bottom: 4.5rem;
    text-align: center
}

@media (min-width:768px) {
    .qa-service-about {
        padding-bottom: 3rem
    }
}

@media (min-width:1180px) {
    .qa-service-about {
        padding-bottom: 10.25rem;
        position: relative;
        text-align: left
    }

        .qa-service-about:after {
            background-image: url(../images/templates/qa-service/blob-1.svg);
            background-repeat: no-repeat;
            background-size: contain;
            bottom: -10.25rem;
            content: "";
            display: block;
            height: 39rem;
            left: 0;
            position: absolute;
            width: 10.6875rem;
            z-index: -1
        }
}

.qa-service-about__heading {
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .qa-service-about__heading {
        padding-bottom: 3rem
    }
}

.qa-service-about__content {
    padding-bottom: 3rem
}

@media (min-width:768px) {
    .qa-service-about__content {
        padding-bottom: 5.5rem
    }
}

@media (min-width:1180px) {
    .qa-service-about__content {
        border-left: .0625rem solid #000ee6;
        padding-bottom: 0;
        padding-left: 1.5rem
    }
}

.qa-service-about__list {
    list-style: none
}

.qa-service-about__item {
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .qa-service-about__item {
        padding-bottom: 4rem;
        padding-left: 3rem;
        text-align: left
    }
}

@media (min-width:1180px) {
    .qa-service-about__item {
        padding-bottom: 3.5rem
    }
}

.qa-service-about__item-title {
    padding-bottom: .5rem
}

@media (min-width:768px) {
    .qa-service-about__item-title {
        align-items: flex-start;
        display: flex;
        padding-bottom: 1rem;
        position: relative
    }
}

.qa-service-about__item-title:before {
    background: #000ee6;
    border: .25rem solid hsla(0, 0%, 100%, .84);
    border-radius: 50%;
    content: "";
    display: block;
    height: 1rem;
    margin: 0 auto 1rem;
    width: 1rem
}

@media (min-width:768px) {
    .qa-service-about__item-title:before {
        left: -2rem;
        margin: 0;
        position: absolute;
        top: .4375rem
    }
}

.qa-service-features {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .qa-service-features {
        padding-bottom: 8.375rem;
        position: relative
    }

        .qa-service-features:after {
            background-image: url(../images/templates/qa-service/blob-2.svg);
            background-repeat: no-repeat;
            background-size: contain;
            bottom: -15.375rem;
            content: "";
            display: block;
            height: 37.75rem;
            position: absolute;
            right: 0;
            width: 10.4375rem;
            z-index: -1
        }
}

.qa-service-features__header {
    padding-bottom: 3.5rem
}

@media (min-width:768px) {
    .qa-service-features__header {
        padding-bottom: 5.5rem
    }
}

@media (min-width:1180px) {
    .qa-service-features__header {
        padding-bottom: 7rem
    }
}

.qa-service-features__item {
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .qa-service-features__item {
        padding-bottom: 4rem
    }
}

@media (min-width:1180px) {
    .qa-service-features__item {
        padding-bottom: 5rem
    }
}

.qa-service-features__item-header {
    padding-bottom: .5rem
}

@media (min-width:768px) {
    .qa-service-features__item-header {
        padding-bottom: 1rem
    }
}

@media (min-width:1180px) {
    .qa-service-features__item-header {
        align-items: flex-start;
        display: flex
    }
}

.qa-service-features__item-icon {
    height: 2rem;
    margin-bottom: 1rem;
    margin-right: 2rem;
    width: 2rem
}

.qa-service-features__item-content {
    line-height: 1.75
}

@media (min-width:1180px) {
    .qa-service-features__item-content {
        line-height: 2;
        padding-left: 4rem
    }
}

.qa-service-experience {
    background: #1f202e;
    color: #fff;
    margin-bottom: 5rem;
    padding: 4rem 0 2rem
}

@media (min-width:768px) {
    .qa-service-experience {
        margin-bottom: 7rem;
        padding: 7.5rem 0
    }
}

@media (min-width:1180px) {
    .qa-service-experience {
        margin-bottom: 12.5rem;
        padding: 7.5rem 0 6rem;
        position: relative
    }

        .qa-service-experience:after {
            background-image: url(../images/templates/qa-service/blob-3.svg);
            background-repeat: no-repeat;
            background-size: contain;
            bottom: -19.5625rem;
            content: "";
            display: block;
            height: 24.5625rem;
            left: 0;
            position: absolute;
            width: 10.6875rem;
            z-index: -1
        }
}

.qa-service-experience__heading {
    padding-bottom: 2rem;
    text-align: center
}

@media (min-width:768px) {
    .qa-service-experience__heading {
        padding-bottom: 4.5rem
    }
}

@media (min-width:1180px) {
    .qa-service-experience__heading {
        padding-bottom: 5rem
    }
}

.qa-service-experience__numbers {
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .qa-service-experience__numbers {
        padding-bottom: 4.625rem
    }
}

@media (min-width:1180px) {
    .qa-service-experience__numbers {
        justify-content: center;
        padding-bottom: 6.5rem
    }
}

.qa-service-experience__number {
    align-items: center;
    display: flex;
    padding-bottom: 1rem
}

@media (min-width:768px) {
    .qa-service-experience__number {
        padding-bottom: 1.5rem
    }
}

@media (min-width:1180px) {
    .qa-service-experience__number {
        justify-content: center
    }
}

.qa-service-experience__number-value {
    color: #0e8bff;
    flex: 0 0 35%;
    font-size: 3rem;
    line-height: 1.2;
    max-width: 35%;
    padding-right: 1rem;
    text-align: right
}

@media (min-width:768px) {
    .qa-service-experience__number-value {
        flex: 0 0 50%;
        font-size: 4rem;
        max-width: 50%;
        padding-right: 1.5rem
    }
}

@media (min-width:1180px) {
    .qa-service-experience__number-value {
        flex: 0 1 auto;
        max-width: 100%;
        padding-right: 1rem
    }
}

.qa-service-experience__number-label {
    flex: 0 1 auto;
    line-height: 1.5rem
}

@media (min-width:768px) {
    .qa-service-experience__certificates {
        margin: 0 auto;
        max-width: 26.25rem
    }
}

@media (min-width:1180px) {
    .qa-service-experience__certificates {
        max-width: 38.125rem
    }
}

.qa-service-experience__certificate {
    padding-bottom: 2.5rem
}

@media (min-width:768px) {
    .qa-service-experience__certificate {
        display: flex;
        justify-content: center;
        padding-bottom: 3rem
    }
}

@media (min-width:1180px) {
    .qa-service-experience__certificate {
        padding-bottom: 4.5rem
    }
}

.qa-service-experience__certificate-image-wrap {
    flex: 1 0 8rem;
    max-width: 8rem
}

@media (min-width:768px) {
    .qa-service-experience__certificate-image-wrap {
        flex-basis: 10rem;
        max-width: 10rem
    }
}

.qa-service-experience__certificate-image {
    max-width: 100%;
    padding-bottom: .5rem
}

@media (min-width:768px) {
    .qa-service-experience__certificate-content {
        flex: 1;
        padding-left: 2.5rem
    }
}

@media (min-width:1180px) {
    .qa-service-experience__certificate-content {
        padding-left: 3.4375rem
    }
}

.qa-service-experience__certificate-title {
    padding-bottom: 1rem
}

.qa-service-experience__certificate-description {
    color: #999db8
}

    .qa-service-experience__certificate-description li:before {
        color: inherit
    }

.qa-service-companies {
    padding-bottom: 1.875rem;
    text-align: center
}

@media (min-width:1180px) {
    .qa-service-companies {
        padding-bottom: 8.625rem;
        text-align: left
    }
}

.qa-service-companies__heading {
    padding-bottom: 2.5rem
}

.qa-service-companies__content {
    padding-bottom: 3rem
}

@media (min-width:768px) {
    .qa-service-companies__content {
        padding-bottom: 5rem
    }
}

@media (min-width:1180px) {
    .qa-service-companies__content {
        padding-bottom: 0;
        padding-left: 3.75rem;
        position: relative
    }

        .qa-service-companies__content:before {
            border-top: .0625rem solid #000ee6;
            content: "";
            display: inline-block;
            left: 0;
            position: absolute;
            top: 1rem;
            width: 2.5rem
        }
}

.qa-service-companies__logos {
    align-items: center
}

.qa-service-companies__logo {
    padding-bottom: 2.125rem;
    text-align: center
}

@media (min-width:768px) {
    .qa-service-companies__logo {
        padding-bottom: 3rem
    }
}

@media (min-width:1180px) {
    .qa-service-companies__logo {
        padding-bottom: 4rem
    }
}

.qa-service-companies__logo img {
    max-width: 100%
}

.qa-service-testimonials {
    padding-bottom: 5rem
}

@media (min-width:768px) {
    .qa-service-testimonials {
        padding-bottom: 7rem
    }
}

@media (min-width:1180px) {
    .qa-service-testimonials {
        margin: 0 auto;
        max-width: 64.875rem;
        padding-bottom: 11.5rem
    }
}

.qa-service-testimonials__item {
    background: #f0fafe;
    border-radius: 1.5rem;
    padding: 3.5rem 1.5rem;
    text-align: center
}

@media (min-width:768px) {
    .qa-service-testimonials__item {
        padding: 6rem 3.5rem;
        text-align: left
    }
}

@media (min-width:1180px) {
    .qa-service-testimonials__item {
        padding: 7rem 6rem
    }
}

.qa-service-testimonials__item + .qa-service-testimonials__item {
    margin-top: 2.5rem
}

.qa-service-testimonials__content {
    padding-bottom: 3rem
}

@media (min-width:1180px) {
    .qa-service-testimonials__content {
        padding-bottom: 4rem
    }
}

@media (min-width:768px) {
    .qa-service-testimonials__author {
        align-items: center;
        display: flex
    }
}

.qa-service-testimonials__author-image {
    display: none
}

@media (min-width:768px) {
    .qa-service-testimonials__author-image {
        border-radius: 50%;
        display: block;
        max-width: 3.5rem
    }

    .qa-service-testimonials__author-data {
        padding-left: 1rem
    }
}

.qa-service-testimonials__author-position {
    font-size: .8125rem
}

.qa-service-blog {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .qa-service-blog {
        padding-bottom: 6.5rem
    }
}

.qa-service-cta {
    font-weight: 300;
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .qa-service-cta {
        position: relative
    }

        .qa-service-cta:after {
            background-image: url(../images/templates/qa-service/blob-4.svg);
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            display: block;
            height: 34.1875rem;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-60%);
            width: 10.4375rem;
            z-index: -1
        }
}

.qa-service-cta b,
.qa-service-cta strong {
    font-weight: 600
}

.qa-service-cta .cta-section__wrap {
    background: transparent
}

.webdev-service__hero {
    background-color: #22262c;
    background-position: 100% 0;
    background-repeat: no-repeat;
    display: flex;
    flex-flow: row wrap;
    margin-top: 0;
    padding-bottom: 6.25rem;
    padding-top: 5.9375rem;
    position: relative
}

@media (min-width:768px) {
    .webdev-service__hero {
        padding-bottom: 7.75rem;
        padding-top: 8rem
    }
}

@media (min-width:1180px) {
    .webdev-service__hero {
        align-content: center;
        align-items: center;
        background-size: contain;
        max-height: 100vh;
        min-height: 48.875rem;
        padding-bottom: 0;
        padding-top: 0
    }
}

.webdev-service__hero-heading {
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: -.0625rem;
    line-height: 1.21875;
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .webdev-service__hero-heading {
        font-size: 3rem;
        margin-bottom: 2rem
    }
}

@media (min-width:1180px) {
    .webdev-service__hero-heading {
        font-size: 3.5rem;
        line-height: 1.14285;
        margin-bottom: 1rem
    }
}

.webdev-service__hero-heading b,
.webdev-service__hero-heading strong {
    font-weight: 700
}

.webdev-service__hero-copy {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.77777;
    margin-bottom: 2.5rem
}

@media (min-width:768px) {
    .webdev-service__hero-copy {
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media (min-width:1180px) {
    .webdev-service__hero-copy {
        font-size: 1.25rem;
        line-height: 1.6;
        text-align: left
    }
}

.webdev-service__hero-button {
    background-color: #fff;
    border-color: #fff;
    border-radius: 1.5rem;
    color: #161616;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 3.8125rem;
    transition: none
}

@media (min-width:768px) {
    .webdev-service__hero-button {
        margin-bottom: 4rem
    }
}

@media (min-width:1180px) {
    .webdev-service__hero-button {
        margin-bottom: 0
    }
}

.webdev-service__hero-button:focus,
.webdev-service__hero-button:hover {
    background-color: #fff;
    border-color: #fff;
    color: #161616
}

.webdev-service__hero-technology-logo {
    display: block;
    height: auto;
    margin-bottom: 2.0625rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

@media (min-width:1180px) {
    .webdev-service__hero-technology-logo {
        margin-bottom: 0;
        margin-right: 0
    }
}

.webdev-service__hero-technology-list {
    align-content: center;
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center
}

@media (max-width:767.98px) {
    .webdev-service__hero-technology-list {
        max-width: 100%
    }
}

@media (min-width:1180px) {
    .webdev-service__hero-technology-list {
        bottom: 3rem;
        justify-content: flex-end;
        position: absolute;
        right: 50%;
        transform: translateX(50%)
    }
}

.webdev-service__hero-technology-list-item {
    display: block;
    margin-left: 1.1875rem;
    margin-right: 1.1875rem
}

@media (min-width:768px) {
    .webdev-service__hero-technology-list-item {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

@media (min-width:1180px) {
    .webdev-service__hero-technology-list-item {
        margin-left: 3rem;
        margin-right: 0
    }
}

.webdev-service__hero-technology-list-logo {
    display: block;
    height: auto;
    max-width: 100%
}

.webdev-service__about {
    margin-top: 0
}

.webdev-service__about-technology {
    margin-bottom: 2.5rem
}

@media (min-width:768px) {
    .webdev-service__about-technology {
        margin-bottom: 2.75rem
    }
}

@media (min-width:1180px) {
    .webdev-service__about-technology {
        margin-bottom: 7rem
    }
}

.webdev-service__about-image {
    border-radius: 1.5rem;
    box-shadow: 0 2rem 3rem -1rem rgba(105, 124, 161, .16), 0 0 0 .5rem #fff;
    display: block;
    height: auto;
    margin-bottom: 3rem;
    margin-top: -2rem;
    max-width: 100%;
    position: relative
}

@media (min-width:768px) {
    .webdev-service__about-image {
        margin-bottom: 4rem;
        margin-top: -2.75rem
    }
}

@media (min-width:1180px) {
    .webdev-service__about-image {
        margin-bottom: 0;
        margin-top: -5.4375rem
    }
}

@media (min-width:768px) {
    .webdev-service__about-content {
        margin: 0 auto;
        max-width: 29rem
    }
}

@media (min-width:1180px) {
    .webdev-service__about-content {
        margin: 2rem auto 0 0;
        max-width: 100%
    }
}

@media (min-width:1680px) {
    .webdev-service__about-content {
        margin-top: 5.5rem
    }
}

.webdev-service__about-label {
    color: #aab2bd;
    display: none;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem
}

@media (min-width:1180px) {
    .webdev-service__about-label {
        display: block
    }
}

.webdev-service__about-heading {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -.0625rem;
    line-height: 1.25;
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .webdev-service__about-heading {
        font-size: 2.5rem;
        line-height: 1.2;
        margin-bottom: 1.5rem
    }
}

@media (min-width:1180px) {
    .webdev-service__about-heading {
        font-size: 3rem;
        letter-spacing: -.03em;
        line-height: 1.16666
    }
}

.webdev-service__benefit {
    display: block;
    margin-bottom: 1rem;
    padding: 1.5rem 1.5rem 2rem;
    position: relative
}

@media (min-width:768px) {
    .webdev-service__benefit {
        margin-bottom: 1.5rem
    }
}

@media (min-width:1180px) {
    .webdev-service__benefit {
        margin-bottom: 2.5rem
    }
}

.webdev-service__benefit:hover:before {
    opacity: 1
}

.webdev-service__benefit:before {
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 .5rem 3.5rem rgba(240, 240, 245, .5);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .23s ease-in-out;
    width: 100%;
    will-change: opacity;
    z-index: -1
}

.webdev-service__benefit-icon-box {
    align-content: center;
    align-items: center;
    background-color: #f7f7ff;
    border-radius: .5rem;
    display: flex;
    flex-flow: row nowrap;
    height: 3rem;
    justify-content: center;
    margin: 0 auto 1rem;
    width: 3rem
}

@media (min-width:768px) {
    .webdev-service__benefit-icon-box {
        margin: 0 0 1rem
    }
}

.webdev-service__benefit-title {
    color: #161616;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.77777;
    margin-bottom: .5rem
}

.webdev-service__benefit-copy {
    color: #161616;
    font-size: 1rem;
    line-height: 1.5
}

.product-design-new--section {
    margin-top: 0
}

.product-design-new--hero {
    padding-bottom: 3.625rem;
    padding-top: 7.625rem
}

@media (min-width:768px) {
    .product-design-new--hero {
        padding-bottom: 7rem;
        padding-top: 9.25rem
    }
}

@media (min-width:1180px) {
    .product-design-new--hero {
        padding-top: 9.5rem
    }
}

@media (min-width:1366px) {
    .product-design-new--hero {
        padding-bottom: 10rem;
        padding-top: 17.3125rem
    }
}

@media (min-width:1680px) {
    .product-design-new--hero {
        padding-bottom: 8rem;
        padding-top: 16rem
    }
}

.product-design-new__hero-heading {
    font-size: 2rem;
    font-weight: 200;
    letter-spacing: -.03em;
    line-height: 1.25;
    margin-bottom: 1rem;
    margin-left: -1rem;
    margin-right: -1rem
}

@media (min-width:768px) {
    .product-design-new__hero-heading {
        font-size: 3rem;
        line-height: 1.166666;
        margin-bottom: 1.5rem
    }
}

@media (min-width:1366px) {
    .product-design-new__hero-heading {
        font-size: 3.5rem;
        line-height: 1.142857;
        margin-bottom: 1rem
    }
}

@media (min-width:1680px) {
    .product-design-new__hero-heading {
        font-size: 4rem;
        line-height: 1;
        margin-bottom: 2rem
    }
}

.product-design-new__hero-heading b,
.product-design-new__hero-heading strong {
    font-weight: 700
}

.product-design-new__hero-subheading {
    font-size: 1.125rem;
    letter-spacing: -.0268em;
    line-height: 1.777777;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center
}

@media (min-width:768px) {
    .product-design-new__hero-subheading {
        font-size: 1.25rem;
        line-height: 1.6
    }
}

@media (min-width:1180px) {
    .product-design-new__hero-subheading {
        margin-bottom: 2.5rem
    }
}

@media (min-width:1680px) {
    .product-design-new__hero-subheading {
        font-size: 1.5rem;
        line-height: 1.333333
    }
}

.product-design-new__hero-button {
    margin-bottom: 4.625rem
}

@media (min-width:768px) {
    .product-design-new__hero-button {
        margin-bottom: 5.5rem
    }
}

@media (min-width:1366px) {
    .product-design-new__hero-button {
        margin-bottom: 10rem
    }
}

@media (min-width:1680px) {
    .product-design-new__hero-button {
        margin-bottom: 8.75rem
    }
}

.product-design-new__hero-illustration {
    margin-left: -1.375rem;
    margin-right: -1.375rem
}

@media (min-width:768px) {
    .product-design-new__hero-illustration {
        margin-left: -1.75rem;
        margin-right: -1.75rem
    }
}

@media (min-width:1180px) {
    .product-design-new__hero-illustration {
        margin-left: 0;
        margin-right: 0;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

.product-design-new__hero-illustration-img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto
}

.blog.offset .main-wrapper,
.search-results.offset .main-wrapper {
    padding-top: 6.5rem
}

@media (min-width:768px) {

    .blog.offset .main-wrapper,
    .search-results.offset .main-wrapper {
        padding-top: 8.5rem
    }
}

@media (min-width:1180px) {

    .blog.offset .main-wrapper,
    .search-results.offset .main-wrapper {
        padding-top: 10.875rem
    }
}

.blog section {
    margin: 0
}

    .blog section .blog-article:focus-within {
        border-radius: 5px;
        outline: .25rem solid #000;
        outline-offset: .125rem
    }

    .blog section .blog-article a:focus-visible {
        outline: none
    }

.blog-link {
    align-items: center;
    display: inline-flex
}

.blog-link__icon {
    margin-left: .6875rem
}

.blog-link--prev .blog-link__icon {
    margin-left: 0;
    margin-right: .6875rem
}

.blog__back-link {
    margin-bottom: 2rem
}

@media (min-width:768px) {
    .blog__back-link {
        margin-bottom: 2.5rem
    }
}

@media (min-width:1180px) {
    .blog__back-link {
        margin-bottom: 3rem
    }
}

.blog-form__row {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width:768px) {
    .blog-form__row {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
}

.blog-form__field {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative
}

@media (min-width:768px) {
    .blog-form__field {
        flex: 1;
        margin-right: 1rem
    }
}

.blog-form__input {
    border: .0625rem solid #bfc4cc;
    border-radius: 4rem;
    min-height: 3.25rem;
    padding: .75rem 1.5rem;
    width: 100%
}

    .blog-form__input:focus {
        border-color: #000ee6;
        outline: none
    }

    .blog-form__input.is-filled {
        border-color: #161616
    }

    .blog-form__input.is-success {
        border-color: #078b3c
    }

    .blog-form__input.is-error {
        border-color: #f10000
    }

.blog-form.valid .blog-form__input {
    border-color: #078b3c
}

.blog-form.error .blog-form__input {
    border-color: #f10000
}

@media (min-width:768px) {
    .blog-form__responses {
        padding: 0 1.5rem
    }
}

@media (min-width:1180px) {
    .blog-form__responses {
        left: 0;
        position: absolute;
        top: 100%
    }
}

.blog-form__responses .response {
    padding-top: .5rem
}

.blog-form__responses .response--success {
    color: #078b3c
}

.blog-form__responses .response--error {
    color: #f10000
}

@media (min-width:768px) {
    .blog-form__submit {
        flex: 0 1 auto;
        width: auto
    }
}

.blog-article__image-wrap {
    border-radius: .5rem;
    margin-bottom: 1rem;
    position: relative
}

@media (min-width:768px) {
    .blog-article__image-wrap {
        min-height: 12.75rem
    }
}

@media (min-width:1180px) {
    .blog-article__image-wrap {
        min-height: 13.5rem
    }
}

@media (min-width:1366px) {
    .blog-article__image-wrap {
        min-height: 14.75rem
    }
}

@media (min-width:1680px) {
    .blog-article__image-wrap {
        min-height: 20.125rem
    }
}

.blog-article__image-wrap:after {
    box-shadow: 0 1rem 3rem 0 rgba(0, 26, 165, .32);
    content: "";
    display: block;
    z-index: -1
}

.blog-article__image-cover,
.blog-article__image-wrap:after {
    border-radius: .5rem;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%
}

.blog-article__image-cover {
    align-items: center;
    background: rgba(0, 14, 230, .8);
    display: flex;
    justify-content: center;
    z-index: 1
}

    .blog-article__image-cover:hover {
        color: #fff
    }

.blog-article__image {
    border-radius: .5rem;
    height: auto;
    max-width: 100%
}

.blog-article:hover .blog-article__image-cover,
.blog-article:hover .blog-article__image-wrap:after {
    opacity: 1
}

.blog-article__date {
    align-self: flex-start;
    padding-bottom: .5rem
}

.blog-article__heading {
    order: 10
}

.blog-article__title {
    padding-bottom: 1rem
}

.blog-authors--rows .blog-authors__item {
    margin-bottom: 4rem
}

.blog-authors__item-heading {
    align-items: center;
    display: flex
}

.blog-authors__wrap {
    display: flex;
    flex: 1
}

.blog-authors__avatars {
    display: flex;
    padding-right: .75rem
}

.blog-authors__avatar-wrap {
    position: relative
}

    .blog-authors__avatar-wrap + .blog-authors__avatar-wrap {
        margin-left: -1rem
    }

.blog-authors__avatar-tooltip {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, .1);
    left: 0;
    opacity: 0;
    padding: .75rem;
    position: absolute;
    top: calc(100% + .5rem);
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    visibility: hidden;
    white-space: nowrap;
    will-change: opacity
}

    .blog-authors__avatar-tooltip:before {
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 0 .5rem .5rem;
        content: "";
        display: block;
        height: 0;
        left: .875rem;
        position: absolute;
        top: -.5rem;
        width: 0
    }

.blog-authors__avatar-wrap:hover .blog-authors__avatar-tooltip {
    opacity: 1;
    visibility: visible
}

.blog-authors__avatar {
    border: .125rem solid #fff;
    border-radius: 50%;
    flex: 0 0 3rem;
    height: 3rem;
    max-width: 3rem
}

.blog-authors__name,
.blog-authors__position {
    font-size: .875rem;
    line-height: 1.42
}

.blog-authors__description {
    padding-top: 1.5rem
}

    .blog-authors__description a {
        color: #000ee6
    }

.blog-search-results__heading {
    padding-bottom: 3.5rem
}

@media (min-width:768px) {
    .blog-search-results__heading {
        padding-bottom: 3rem
    }
}

@media (min-width:1180px) {
    .blog-search-results__heading {
        padding-bottom: 0
    }
}

.blog-hero {
    padding-bottom: 2.875rem
}

@media (min-width:1180px) {
    .blog-hero {
        padding-bottom: 4.5rem
    }
}

.blog-hero__content-wrap {
    padding-bottom: 2.25rem
}

@media (min-width:1180px) {
    .blog-hero__content-wrap {
        max-width: 51.875rem;
        padding-bottom: 1rem
    }
}

.blog-hero__heading {
    padding-bottom: 1.3125rem
}

@media (min-width:1180px) {
    .blog-hero__heading {
        padding-bottom: 1rem
    }

    .blog-hero__search {
        max-width: 37.5rem
    }
}

.blog-hero a:focus-visible {
    border-radius: 1px;
    outline: .0625rem solid #000;
    outline-offset: .375rem
}

.blog-content-nav {
    padding-bottom: 1.5rem
}

.blog-content-nav__container {
    left: 0;
    right: 0;
    top: 6rem;
    transition: transform .3s ease-in-out
}

@media (min-width:1180px) {
    .blog-content-nav.is-fixed .blog-content-nav__container {
        background: #fff;
        border-bottom: .0625rem solid #d4e2e8;
        position: fixed;
        transform: translateY(0);
        z-index: 100
    }

    .admin-bar .blog-content-nav.is-fixed .blog-content-nav__container {
        top: 8rem
    }

    .blog-content-nav.is-fixed.offset .blog-content-nav__container {
        transform: translateY(4.5rem)
    }
}

.blog-content-nav__items {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow-x: auto;
    padding: 2rem 0
}

@media (min-width:1180px) {
    .blog-content-nav__items {
        max-width: 50rem
    }
}

.blog-content-nav__item {
    flex: 0 0 auto;
    padding: 0 1rem
}

.blog-content-nav__link {
    color: #000ee6
}

.blog-search {
    position: relative
}

.blog-search__input {
    background: #f2f7fc;
    border: none;
    border-radius: .75rem;
    padding: 1.25rem 1.5rem 1.25rem 3.5rem;
    width: 100%
}

    .blog-search__input:focus {
        outline: .0625rem solid #000ee6
    }

.blog-search__icon {
    background: transparent;
    border: none;
    left: 1.5rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.blog-search__responses {
    display: none;
    left: 0;
    padding: .75rem 1.5rem 0;
    position: absolute;
    top: 100%
}

.has-error .blog-search__responses {
    display: block
}

.blog-search__error {
    color: #ff3d2e
}

.blog-featured__heading {
    padding-bottom: 2.625rem
}

@media (min-width:1180px) {
    .blog-featured__heading {
        padding-bottom: 3.5rem
    }
}

.blog-featured__articles {
    margin-left: -1.875rem;
    margin-right: -1.875rem
}

    .blog-featured__articles .blog-article__heading {
        order: 0
    }

.blog-featured__article-wrap {
    padding: 0 1.875rem 2.5rem
}

.blog-featured__article {
    display: flex;
    flex-direction: column;
    height: 100%
}

.blog-featured__article--large {
    padding-bottom: 5.125rem
}

@media (min-width:1180px) {
    .blog-featured__article--large {
        padding-bottom: 3.5rem
    }
}

.blog-featured__image {
    padding-bottom: 1.125rem
}

@media (min-width:1180px) {
    .blog-featured__image {
        padding-bottom: 2rem
    }
}

.blog-featured__image img {
    border-radius: .75rem
}

.blog-featured__meta {
    align-items: center;
    display: flex;
    padding-bottom: .5rem
}

.blog-featured__article--large .blog-featured__meta {
    padding-bottom: 1.5rem
}

.blog-featured__date {
    color: #667080;
    margin-bottom: .5rem;
    margin-top: auto
}

.blog-featured__article--large .blog-featured__date {
    margin-left: 1rem;
    margin-top: 0
}

.blog-featured__button-wrap {
    text-align: center
}

    .blog-featured__button-wrap a.blog-featured__button:focus-visible {
        outline: .125rem solid #000;
        outline-offset: .125rem
    }

.blog-featured__button {
    align-items: center;
    background: #262b33;
    border-radius: 4rem;
    color: #fff;
    display: inline-flex;
    font-weight: 600;
    min-height: 3.5rem;
    padding: 1rem 2rem
}

    .blog-featured__button:focus,
    .blog-featured__button:hover {
        color: #fff
    }

.blog-featured__button-icon {
    height: auto;
    margin-left: .625rem;
    width: .625rem
}

    .blog-featured__button-icon * {
        stroke: #fff
    }

.blog-featured .blog-article:focus-within {
    border-radius: 3px;
    outline: .25rem solid #000;
    outline-offset: .125rem
}

.blog-featured .blog-article a:focus-visible {
    outline: none
}

.blog-labels {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.blog-labels__item {
    background: var(--labelColor, #f2f7fc);
    border-radius: .5rem;
    display: block;
    margin: 0 .5rem .5rem 0;
    padding: .5rem
}

.blog-banners {
    padding-bottom: 3.5rem
}

@media (min-width:1180px) {
    .blog-banners {
        padding-bottom: 4.5rem
    }
}

.blog-banner {
    border-bottom: .0625rem solid #d4e2e8;
    padding: 4.5rem 0
}

.blog-banner__heading {
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .blog-banner__heading {
        padding-bottom: 3.5rem
    }
}

.blog-banner__nav {
    margin-bottom: 2rem;
    padding-bottom: 1rem
}

@media (min-width:1180px) {
    .blog-banner__nav {
        margin-bottom: 1.5rem
    }
}

.blog-banner__nav-items {
    display: flex;
    flex-wrap: nowrap ;
}

.blog-banner__nav-item {
    flex: 0 0 auto;
    margin-right: 2rem
}

.blog-banner__nav-link {
    color: #ced2d9
}

    .blog-banner__nav-link.is-active {
        color: #000
    }

    .blog-banner__nav-link:focus-visible {
        border-radius: 1px;
        outline: .0625rem solid #000;
        outline-offset: .375rem
    }

.blog-banner__tab {
    display: none
}

    .blog-banner__tab.is-active {
        display: block;
        scroll-margin: 10.625rem
    }

.blog-banner__article-link-icon {
    margin-right: .75rem;
    vertical-align: text-top
}

.blog-banner__load-button {
    overflow: hidden;
    padding: 1rem 2.5rem;
    position: relative
}

    .blog-banner__load-button:after,
    .blog-banner__load-button:before {
        content: "";
        display: none;
        position: absolute
    }

    .blog-banner__load-button:before {
        background: #000ee6;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 10
    }

    .blog-banner__load-button:after {
        animation: container-rotate 1s linear infinite;
        background: url(../images/deprecated/spinner.svg);
        background-repeat: no-repeat;
        background-size: contain;
        height: 1.25rem;
        left: calc(50% - .625rem);
        top: calc(50% - .625rem);
        width: 1.25rem;
        z-index: 11
    }

    .blog-banner__load-button.is-loading:after,
    .blog-banner__load-button.is-loading:before {
        display: block
    }

.blog-posts {
    scroll-margin: 11.25rem
}

.blog-posts__header {
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .blog-posts__header {
        padding-bottom: 5rem
    }
}

.blog-posts__heading {
    padding-bottom: 3rem
}

@media (min-width:1180px) {
    .blog-posts__heading {
        padding-bottom: 0
    }
}

.blog-posts__articles {
    margin-bottom: 4rem
}

.blog-posts__articles-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    transition: transform .3s;
    will-change: transform
}

@media (min-width:768px) {
    .blog-posts__articles-item {
        margin-bottom: 4.75rem
    }

    }

@media (max-width:768px) {
    .blog-banner__nav-items {
        overflow: scroll;
        padding-bottom: 13px;
    }
}

@media (min-width:1180px) {
    .blog-posts__articles-item {
        margin-bottom: 3.5rem
    }
}

.blog-posts__articles-item:hover {
    transform: translateY(-1rem)
}

.blog-posts a:focus-visible,
.blog-posts button:focus-visible {
    border-radius: 3px;
    outline: .0625rem solid #000;
    outline-offset: .125rem
}

.blog-posts a.pagination__link:focus-visible {
    border-radius: 50%
}

.blog-posts .blog-article:focus-within {
    border-radius: 5px;
    outline: .25rem solid #000;
    outline-offset: .125rem
}

.blog-posts .blog-article a:focus-visible {
    outline: none
}

.blog-post {
    margin-bottom: .5rem;
    padding-bottom: 2rem
}

.blog-post__image-wrap {
    margin-bottom: 1rem;
    position: relative
}

.blog-post__play-icon {
    display: none;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

@media (min-width:1180px) {
    .blog-post__play-icon {
        display: inline-block;
        opacity: 0;
        transition: opacity .3s
    }
}

.blog-post__image {
    display: block;
    width: 100%
}

    .blog-post__image img {
        border-radius: .75rem;
        width: 100%
    }

.blog-post__link {
    display: flex;
    flex-direction: column
}

.blog-post__link--multimedia .blog-post__image-wrap {
    position: relative
}

    .blog-post__link--multimedia .blog-post__image-wrap:after {
        background: #000;
        border-radius: .75rem;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: opacity .3s;
        width: 100%;
        z-index: 0
    }

.blog-post__link--multimedia:hover .blog-post__image-wrap:after {
    opacity: .4
}

.blog-post__link--multimedia:hover .blog-post__play-icon {
    opacity: 1
}

.blog-post__date,
.blog-post__description {
    color: #667080
}

.blog-post .blog-labels {
    bottom: .5rem;
    left: 1rem;
    max-width: 100%;
    position: absolute;
    z-index: 1
}

.blog-categories {
    margin-bottom: 2rem;
    position: relative
}

@media (min-width:1180px) {
    .blog-categories {
        margin-bottom: 0
    }
}

@media (max-width:1179.98px) {
    .blog-categories__dropdown {
        background: #fff;
        border: .0625rem solid #d4e2e8;
        border-radius: .75rem;
        left: 0;
        margin-top: .5rem;
        opacity: 0;
        padding: .875rem .625rem;
        position: absolute;
        top: 100%;
        transform: translateY(6rem);
        transition: transform .3s, opacity .3s, visibility .3s;
        visibility: hidden;
        width: 100%;
        z-index: 1000
    }

        .blog-categories__dropdown.is-visible {
            opacity: 1;
            transform: translateY(0);
            visibility: visible
        }
}

.blog-categories__list-button {
    border: .0625rem solid #262b33;
    border-radius: .75rem;
    padding: .375rem .625rem
}

@media (min-width:1180px) {
    .blog-categories__list-button {
        display: none
    }

    .blog-categories__list {
        padding-top: 2rem
    }

    .blog-categories__list--depth-0 {
        padding-top: 0
    }

    .blog-categories__item + .blog-categories__item {
        padding-top: 2rem
    }
}

.blog-categories__link-wrap {
    display: flex;
    justify-content: space-between
}

@media (max-width:1179.98px) {
    .blog-categories__link-wrap {
        padding: .875rem 1rem
    }
}

@media (min-width:1180px) {
    .blog-categories__item-link {
        color: #838c9a
    }

    .blog-categories__item-link--depth-0 {
        color: #161616
    }
}

.blog-categories__item-link.is-active {
    color: #000ee6
}

.blog-categories__dropdown-button {
    align-items: center;
    align-self: center;
    display: inline-flex;
    flex: 0 0 1.5rem;
    height: 1.5rem;
    justify-content: center;
    margin-left: 1.5rem;
    max-width: 1.5rem;
    padding: .375rem
}

    .blog-categories__dropdown-button.is-active {
        transform: scaleY(-1)
    }

.blog-categories__dropdown-icon {
    height: auto;
    width: 100%
}

.blog-categories__list-dropdown {
    display: none
}

    .blog-categories__list-dropdown.is-visible {
        display: block
    }

.blog-loader {
    display: none;
    justify-content: center
}

    .blog-loader svg {
        display: block;
        height: auto;
        max-width: 8.75rem
    }

    .blog-loader.is-active {
        display: flex
    }

        .blog-loader.is-active .blog-loader__icon {
            animation: spin .7s linear infinite
        }

.blog-promo-product-podcast {
    background: linear-gradient(1turn, #f0f4fb 4.67%, #fff 104.67%);
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    overflow: hidden
}

@media (min-width:1180px) {
    .blog-promo-product-podcast {
        align-items: center;
        display: flex;
        flex-direction: row
    }
}

.blog-promo-product-podcast__heading {
    font-family: Monument;
    font-weight: 800;
    text-transform: uppercase
}

.blog-promo-product-podcast__image {
    display: flex;
    margin: 0 auto 5rem;
    position: relative
}

@media (min-width:1180px) {
    .blog-promo-product-podcast__image {
        flex: 0 0 17.5rem;
        margin: 0;
        max-width: 17.5rem
    }
}

.blog-promo-product-podcast__link {
    align-items: center;
    background: transparent;
    background: conic-gradient(from 53deg at 50% 50%, #1f2123 0deg, #3a3d40 130deg, #1f2123 175deg, #3c4245 318deg, #1f2123 1turn);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    display: inline-flex;
    height: 5.25rem;
    justify-content: center;
    left: 50%;
    padding: 0;
    position: relative;
    position: absolute;
    text-decoration: none;
    top: 100%;
    transform: translate(-50%, -50%);
    width: 5.25rem;
    z-index: 5
}

@media (min-width:1180px) {
    .blog-promo-product-podcast__link {
        left: 100%;
        top: 50%
    }
}

.blog-promo-product-podcast__link,
.blog-promo-product-podcast__link:after {
    border-radius: 50%
}

    .blog-promo-product-podcast__link:after {
        -webkit-backdrop-filter: blur(.75rem);
        backdrop-filter: blur(.75rem);
        background: #fefeff, .2;
        content: "";
        display: block;
        height: 95%;
        left: 70%;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 95%
    }

.blog-promo-product-podcast__link-icon {
    max-width: 1.125rem
}

.blog-promo-product-podcast__body {
    padding: 0 1.5rem 2rem
}

@media (min-width:1180px) {
    .blog-promo-product-podcast__body {
        align-items: center;
        display: flex;
        padding-left: 6.25rem
    }
}

.blog-promo-product-podcast__header {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .blog-promo-product-podcast__header {
        flex: 1 0 auto;
        max-width: 60%;
        padding-bottom: 0;
        padding-right: 2.5rem
    }
}

.blog-promo-product-podcast__label {
    font-family: Roboto, sans-serif;
    font-size: .5625rem;
    letter-spacing: 1em;
    line-height: 1;
    text-transform: uppercase
}

@media (min-width:1180px) {
    .blog-promo-product-podcast__label {
        letter-spacing: 1.9em
    }
}

.blog-promo-product-podcast__heading {
    font-size: 1.875rem;
    letter-spacing: .045em
}

@media (min-width:1180px) {
    .blog-promo-product-podcast__heading {
        font-size: 3.625rem
    }
}

.blog-promo-product-podcast__content {
    padding-right: 2rem
}

.pagination__link:focus-visible {
    border-radius: 50%
}

.single-post {
    overflow: visible
}

    .single-post ::selection {
        background: #000ee6;
        color: #fff
    }

    .single-post.offset .main-wrapper {
        padding-top: 5.5rem
    }

@media (min-width:768px) {
    .single-post.offset .main-wrapper {
        padding-top: 7.25rem
    }
}

@media (min-width:1180px) {
    .single-post.offset .main-wrapper {
        padding-top: 8.625rem
    }
}

.single-post .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.single-post__hero {
    padding-bottom: 2.5rem
}

@media (min-width:768px) {
    .single-post__hero {
        padding-bottom: 4rem
    }
}

@media (min-width:1180px) {
    .single-post__hero {
        padding-bottom: 8.25rem
    }
}

.single-post__hero-background {
    background: #121b22;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

    .single-post__hero-background img {
        height: 100%;
        object-fit: cover;
        object-position: center;
        width: 100%
    }

@media (min-width:1180px) {
    .single-post__hero-background img {
        display: block;
        margin: auto;
        object-fit: contain
    }
}

.single-post__hero-caption {
    padding-top: .625rem
}

.single-post__hero--alternative {
    margin-bottom: 3.5rem;
    padding: 7.75rem 0 3.5rem;
    position: relative
}

@media (min-width:768px) {
    .single-post__hero--alternative {
        padding: 7.25rem 0 6.125rem
    }
}

@media (min-width:1180px) {
    .single-post__hero--alternative {
        margin-bottom: 5.375rem;
        padding: 8rem 0 9.6875rem
    }
}

.single-post__hero--alternative,
.single-post__hero--alternative .blog-article__date,
.single-post__hero--alternative .blog__back-link {
    color: #fff
}

    .single-post__hero--alternative .blog-link__icon * {
        fill: #fff
    }

@media (min-width:1180px) {
    .single-post__hero--alternative .single-post__summary {
        margin: 0 auto;
        max-width: 51.5rem
    }

    .single-post__hero--alternative .blog-article__date,
    .single-post__hero--alternative .single-post__heading {
        text-align: center
    }

    .single-post__hero--alternative .blog-authors {
        display: flex;
        justify-content: center
    }

    .single-post__hero--new {
        padding-bottom: 4.125rem
    }
}

.single-post__summary {
    padding-bottom: 4rem
}

@media (min-width:1180px) {
    .single-post__summary {
        padding-bottom: 0
    }
}

.single-post__heading {
    padding-bottom: 1.5rem
}

@media (max-width:767.98px) {
    .single-post__heading {
        font-size: 1.75rem
    }
}

@media (min-width:768px) {
    .single-post__heading {
        padding-bottom: 1.25rem
    }
}

@media (min-width:1180px) {
    .single-post__heading {
        padding-bottom: 2rem
    }
}

.single-post__back-link {
    bottom: 100%;
    left: 1rem;
    margin-bottom: 1.5rem;
    opacity: 0;
    position: absolute;
    transition: opacity .3s, visibility .3s;
    visibility: hidden;
    will-change: opacity, visibility
}

    .single-post__back-link.is-visible {
        opacity: 1;
        visibility: visible
    }

.single-post__sidebar {
    display: none
}

@media (min-width:1180px) {
    .single-post__sidebar {
        align-self: flex-start;
        display: block;
        position: sticky;
        top: 5.625rem
    }

    .single-post.post-template-template-blog-article .single-post__sidebar {
        top: 7.75rem
    }
}

.single-post__sidebar-authors {
    padding-bottom: 2rem;
    position: relative;
    z-index: 1
}

.single-post__reading-info {
    padding-bottom: 1.5rem
}

.single-post__reading-time {
    align-items: center;
    display: flex;
    font-size: .875rem;
    justify-content: center
}

    .single-post__reading-time svg * {
        stroke: #161616
    }

.single-post__reading-icon {
    margin-right: .625rem
}

.single-post__progress {
    background: rgba(0, 14, 230, .1);
    height: .25rem;
    margin-bottom: 1.3125rem;
    width: 100%
}

.single-post__progress-bar {
    background: #000ee6;
    height: 100%;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform .3s ease-out
}

.single-post__toc {
    border-top: .0625rem solid #e3e5e8;
    padding: 1.5rem 0
}

.single-post__toc-title {
    padding-bottom: 1.5rem
}

.single-post__toc-items {
    max-height: calc(100vh - 34.375rem);
    min-height: 5.625rem;
    padding-left: .875rem
}

.single-post__toc-item {
    padding-bottom: 1.125rem
}

    .single-post__toc-item:last-of-type {
        padding-bottom: 0
    }

.single-post__toc-link,
.single-post__toc-start-link {
    color: #5c6370
}

.single-post__toc-link {
    position: relative;
    transition: color .5s ease-in-out;
    will-change: color
}

    .single-post__toc-link:before {
        background: #000ee6;
        border-radius: 50%;
        content: "";
        display: block;
        height: .3125rem;
        left: -.8125rem;
        opacity: 0;
        position: absolute;
        top: .5rem;
        transform: translateX(-.75rem);
        transition: opacity .5s ease-in-out, transform .5s ease-out;
        visibility: hidden;
        width: .3125rem;
        will-change: opacity, visibility, transform
    }

    .single-post__toc-link.is-active {
        color: #000ee6
    }

        .single-post__toc-link.is-active:before {
            opacity: 1;
            transform: translateX(0);
            visibility: visible
        }

.single-post__share {
    border-top: .0625rem solid #e3e5e8;
    padding-top: 1rem
}

.single-post__share-title {
    font-size: .875rem;
    padding-bottom: 1.625rem;
    text-align: center
}

.single-post__share-links {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 15.625rem
}

.single-post__share-button {
    align-items: center;
    background: transparent;
    background-color: transparent;
    border: none;
    border-radius: .5rem;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 2.5rem;
    height: 2.5rem;
    justify-content: center;
    max-width: 2.5rem;
    padding: 0;
    position: relative;
    transition: background-color .3s;
    will-change: background-color
}

    .single-post__share-button:hover {
        background: #f5f7ff
    }

    .single-post__share-button svg * {
        transition: fill .3s
    }

.single-post__share-button--facebook:hover svg * {
    fill: #4267b2
}

.single-post__share-button--twitter:hover svg * {
    fill: #1da1f2
}

.single-post__share-button--linkedin:hover svg * {
    fill: #2867b2
}

.single-post__share-button--copy:hover svg * {
    fill: #000ee6
}

.single-post__share-tooltip {
    background: #f5f7ff;
    border-radius: .5rem;
    font-size: .75rem;
    left: 50%;
    margin-top: .5rem;
    opacity: 0;
    padding: .5rem;
    position: absolute;
    top: 100%;
    transform: translate(-50%, -.5rem);
    transition: transform, opacity .3s, visibility .3s;
    visibility: hidden;
    will-change: transform, opacity, visibility
}

.is-copied .single-post__share-tooltip {
    opacity: 1;
    transform: translate(-50%);
    visibility: visible
}

@media (min-width:1366px) {
    .single-post__content-col {
        margin-left: 8.3333333333%
    }
}

.single-post__anchor {
    position: absolute;
    top: -6.25rem;
    visibility: hidden
}

.single-post__content,
.single-post__intro {
    position: relative
}

    .single-post__content h1,
    .single-post__content h2,
    .single-post__content h3,
    .single-post__content h4,
    .single-post__content h5,
    .single-post__content h6,
    .single-post__intro h1,
    .single-post__intro h2,
    .single-post__intro h3,
    .single-post__intro h4,
    .single-post__intro h5,
    .single-post__intro h6 {
        font-weight: 600;
        margin-bottom: 1.5rem
    }

    .single-post__content h4,
    .single-post__intro h4 {
        font-size: 1.25rem
    }

    .single-post__content h5,
    .single-post__content h6,
    .single-post__intro h5,
    .single-post__intro h6 {
        font-size: 1.125rem;
        margin-bottom: 1rem
    }

    .single-post__content p,
    .single-post__content p:last-of-type,
    .single-post__intro p,
    .single-post__intro p:last-of-type {
        margin-bottom: 2.5rem
    }

        .single-post__content p:last-child,
        .single-post__intro p:last-child {
            margin-bottom: 0
        }

    .single-post__content em,
    .single-post__content i,
    .single-post__intro em,
    .single-post__intro i {
        font-style: italic
    }

    .single-post__content a,
    .single-post__intro a {
        color: #000ee6
    }

    .single-post__content ul,
    .single-post__intro ul {
        padding-bottom: 1.5rem
    }

        .single-post__content ul ul,
        .single-post__intro ul ul {
            padding-bottom: 0
        }

            .single-post__content ul ul li:before,
            .single-post__intro ul ul li:before {
                background: transparent;
                border-color: transparent transparent transparent #000ee6;
                border-radius: 0;
                border-style: solid;
                border-width: .5rem 0 .5rem .5rem;
                height: 0;
                width: 0
            }

@media (max-width:1365.98px) {

    .single-post__content ul ul li:before,
    .single-post__intro ul ul li:before {
        top: .25rem
    }
}

.single-post__content ul li.list-unstyled:before,
.single-post__intro ul li.list-unstyled:before {
    display: none
}

.single-post__content ol,
.single-post__intro ol {
    list-style: decimal;
    padding-left: 1.25rem
}

    .single-post__content ol li + li,
    .single-post__intro ol li + li {
        padding-top: 1rem
    }

.single-post__content ol,
.single-post__content ul,
.single-post__intro ol,
.single-post__intro ul {
    padding-bottom: 1.5rem
}

.single-post__content b,
.single-post__content strong,
.single-post__intro b,
.single-post__intro strong {
    font-weight: 600
}

.single-post__content code,
.single-post__intro code {
    background: #f5f5f5;
    display: block;
    font-family: Courier;
    font-size: .875rem;
    line-height: 1.5rem;
    overflow-x: auto;
    padding: 1.25rem
}

    .single-post__content code.code-inline,
    .single-post__intro code.code-inline {
        display: inline;
        margin: 0 .1875rem;
        padding: .1875rem .5625rem
    }

.single-post__content blockquote,
.single-post__intro blockquote {
    margin-bottom: 2.5rem
}

.single-post__content img,
.single-post__intro img {
    height: auto;
    max-width: 100%
}

.single-post__content figure,
.single-post__intro figure {
    max-width: 100%
}

.single-post__content .wp-video,
.single-post__content .wp-video .mejs-container,
.single-post__intro .wp-video,
.single-post__intro .wp-video .mejs-container {
    height: 100% !important;
    width: 100% !important
}

    .single-post__content .wp-video video.wp-video-shortcode,
    .single-post__intro .wp-video video.wp-video-shortcode {
        height: 100% !important
    }

.single-post__content .wp-video,
.single-post__content .youtube-responsive-container,
.single-post__intro .wp-video,
.single-post__intro .youtube-responsive-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

    .single-post__content .wp-video .mejs-container,
    .single-post__content .wp-video embed,
    .single-post__content .wp-video iframe,
    .single-post__content .wp-video object,
    .single-post__content .wp-video video,
    .single-post__content .youtube-responsive-container .mejs-container,
    .single-post__content .youtube-responsive-container embed,
    .single-post__content .youtube-responsive-container iframe,
    .single-post__content .youtube-responsive-container object,
    .single-post__content .youtube-responsive-container video,
    .single-post__intro .wp-video .mejs-container,
    .single-post__intro .wp-video embed,
    .single-post__intro .wp-video iframe,
    .single-post__intro .wp-video object,
    .single-post__intro .wp-video video,
    .single-post__intro .youtube-responsive-container .mejs-container,
    .single-post__intro .youtube-responsive-container embed,
    .single-post__intro .youtube-responsive-container iframe,
    .single-post__intro .youtube-responsive-container object,
    .single-post__intro .youtube-responsive-container video {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.single-post__content > table,
.single-post__intro > table {
    font-size: 1rem;
    width: 100%
}

    .single-post__content > table th,
    .single-post__intro > table th {
        background: #1f2126;
        color: #fff;
        font-weight: 700
    }

    .single-post__content > table td,
    .single-post__content > table th,
    .single-post__intro > table td,
    .single-post__intro > table th {
        border: .0625rem solid #5c6370;
        padding: .625rem .5rem
    }

.single-post__content-column,
.single-post__section {
    margin-bottom: 2.5rem
}

.single-post__cta {
    background: #f5f7ff;
    border: .0625rem solid #000ee6;
    border-radius: .5rem;
    padding: 2rem
}

.single-post__cta-heading {
    font-size: 1.375rem;
    line-height: 1.3333;
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .single-post__cta-heading {
        font-size: 1.5rem
    }
}

.single-post__cta-heading b,
.single-post__cta-heading strong {
    color: #000ee6;
    font-weight: 700
}

.single-post__cta-content {
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .single-post__cta-form-row {
        margin: 0 auto;
        max-width: 26.25rem
    }
}

.single-post__cta-field {
    padding-bottom: 1rem
}

@media (min-width:768px) {
    .single-post__cta-field {
        margin-right: .75rem;
        padding-bottom: 0
    }
}

.single-post__cta-input {
    font-size: .875rem
}

.single-post__cta-button {
    justify-content: center;
    width: 100%
}

@media (min-width:768px) {
    .single-post__cta-button {
        width: auto
    }
}

.single-post__cta-responses {
    position: static
}

.single-post__content blockquote,
.single-post__intro blockquote,
.single-post__quote {
    background: #feefd8;
    border-radius: .5rem;
    padding: 1.5rem 2rem
}

    .single-post__content blockquote:before,
    .single-post__intro blockquote:before,
    .single-post__quote:before {
        background: url(../images/templates/single-post/quote-icon.svg);
        background-size: contain;
        content: "";
        display: block;
        height: 1.25rem;
        margin-bottom: 1rem;
        width: 1.5rem
    }

    .single-post__content blockquote p,
    .single-post__intro blockquote p,
    .single-post__quote p {
        font-weight: 500
    }

    .single-post__content blockquote strong,
    .single-post__intro blockquote strong,
    .single-post__quote strong {
        font-weight: 700
    }

.single-post__quote-content {
    padding-bottom: 1.25rem
}

.single-post__quote-avatar {
    border: none;
    height: 2.5rem;
    max-width: 2.5rem
}

.single-post__quote a {
    color: #000ee6
}

    .single-post__quote a:focus,
    .single-post__quote a:hover {
        text-decoration: underline
    }

.single-post__articles {
    margin: 4rem 0
}

.single-post__articles-heading {
    padding-bottom: 1.5rem
}

.single-post__articles-item + .single-post__articles-item {
    margin-top: 1.5rem
}

.single-post__articles-icon {
    align-self: center;
    flex: 0 0 1.25rem;
    height: 1.25rem;
    margin-right: 1.125rem;
    max-width: 1.25rem
}

.single-post__articles-link {
    background: #f5f7ff;
    border-radius: .5rem;
    display: flex;
    padding: .875rem 1.5rem
}

    .single-post__articles-link:hover {
        text-decoration: underline
    }

.single-post figure.wp-caption,
.single-post__image {
    text-align: center
}

.single-post figure.wp-caption-wrap,
.single-post__image-wrap {
    border-radius: .5rem;
    display: inline-block;
    overflow: hidden;
    position: relative
}

.single-post figure.wp-caption-cover,
.single-post__image-cover {
    align-items: center;
    background: rgba(0, 14, 230, .24);
    content: "";
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s, visibility .3s;
    visibility: hidden;
    width: 100%;
    will-change: opacity, visibility;
    z-index: 2
}

.single-post figure.wp-caption-wrap:hover .single-post figure.wp-caption-cover,
.single-post figure.wp-caption-wrap:hover .single-post__image-cover,
.single-post__image-wrap:hover .single-post figure.wp-caption-cover,
.single-post__image-wrap:hover .single-post__image-cover {
    opacity: 1;
    visibility: visible
}

.single-post figure.wp-caption-button,
.single-post__image-button {
    background: #000ee6;
    border: .125rem solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 3rem;
    width: 3rem
}

    .single-post figure.wp-caption-button:focus,
    .single-post__image-button:focus {
        outline: none
    }

    .single-post figure.wp-caption-button svg *,
    .single-post__image-button svg * {
        stroke: #fff
    }

.single-post figure.wp-caption img,
.single-post__image img {
    display: block
}

.single-post figure.wp-caption .wp-caption-text,
.single-post figure.wp-caption-caption,
.single-post__image .wp-caption-text,
.single-post__image-caption {
    color: #5c6370;
    font-size: .875rem;
    font-style: italic;
    font-weight: 500;
    padding-top: .5rem
}

@media (min-width:768px) {

    .single-post figure.wp-caption .wp-caption-text,
    .single-post figure.wp-caption-caption,
    .single-post__image .wp-caption-text,
    .single-post__image-caption {
        font-size: 1rem
    }
}

.single-post__authors {
    padding-top: 4rem
}

@media (min-width:768px) {
    .single-post__authors {
        padding-top: 6.25rem
    }
}

.single-post__related {
    border-top: .0625rem solid #e3e5e8;
    margin-top: 2rem;
    padding-top: 2.5rem
}

@media (min-width:768px) {
    .single-post__related {
        margin-top: 5rem;
        padding-top: 4rem
    }
}

.single-post__related-heading {
    padding-bottom: 2.75rem
}

@media (max-width:767.98px) {
    .single-post__related-heading {
        font-size: 1.75rem
    }
}

@media (min-width:768px) {
    .single-post__related-heading {
        padding-bottom: 4rem
    }
}

@media (min-width:1180px) {
    .single-post__related-heading {
        padding-bottom: 5.25rem
    }
}

.single-post__related .blog-posts__articles {
    justify-content: center
}

.single-post__lightbox {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 2rem;
    position: fixed;
    top: 0;
    transform: translateY(7.5rem);
    transition: transform .3s, opacity visibility .3s .3s;
    visibility: hidden;
    width: 100%;
    z-index: 99999
}

@media (min-width:768px) {
    .single-post__lightbox {
        padding: 4rem
    }
}

.single-post__lightbox.is-open {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.single-post__lightbox-content {
    max-width: 100%;
    position: relative;
    z-index: 2
}

@media (min-width:1180px) {
    .single-post__lightbox-content {
        max-width: calc(100% - 12.5rem)
    }
}

.single-post__lightbox-content img {
    height: auto;
    max-height: calc(100vh - 7.5rem);
    max-width: 100%;
    width: auto
}

@media (min-width:1180px) {
    .single-post__lightbox-content img {
        max-height: 95vh
    }
}

.single-post__lightbox-actions {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .single-post__lightbox-actions {
        left: 100%;
        margin-left: 1rem;
        position: absolute;
        top: 0
    }
}

@media (min-width:1366px) {
    .single-post__lightbox-actions {
        margin-left: 2rem
    }
}

.single-post__lightbox-close {
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    text-transform: uppercase
}

    .single-post__lightbox-close:focus {
        outline: none
    }

    .single-post__lightbox-close svg {
        margin-right: 1rem
    }

.single-post__lightbox-backdrop {
    background: rgba(31, 33, 38, .8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.single-post-accordion__item {
    border-radius: .5rem;
    padding: 0 1.5rem
}

    .single-post-accordion__item + .single-post-accordion__item {
        margin-top: 1rem
    }

.single-post-accordion--primary .single-post-accordion__item {
    background: #f0f9ff
}

.single-post-accordion--alternative .single-post-accordion__item {
    background: #f3f4ff
}

.single-post-accordion__header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 0
}

.single-post-accordion__close-icon {
    align-self: center;
    transform: rotate(45deg);
    transition: transform .3s ease-in-out
}

.is-visible .single-post-accordion__close-icon {
    transform: rotate(0)
}

.single-post-accordion__collapse {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transform: scaleY(0);
    transition: opacity .3s ease;
    transition-delay: .2s
}

    .single-post-accordion__collapse:after {
        content: "";
        display: block;
        padding-bottom: 2.5rem
    }

    .single-post-accordion__collapse.is-visible {
        opacity: 1;
        position: relative;
        transform: none
    }

.single-post-accordion__content {
    padding-top: .5rem
}

.single-post-accordion__avatars {
    margin: 0 auto;
    padding-bottom: .5rem
}

.single-post-accordion__person-position {
    color: #5c6370
}

    .single-post-accordion__person-position a {
        color: #000ee6
    }

    .single-post-accordion .single-post__image-caption a,
    .single-post-accordion__person-position a {
        text-decoration: underline
    }

.single-post-accordion .single-post__image img {
    border-radius: 1rem
}

.single-post-accordion .single-post__image-cover {
    display: none
}

.software-architecture-page section {
    margin: 0
}

.software-architecture-page img {
    height: auto;
    max-width: 100%
}

.sa-section-label {
    font-size: .625rem;
    letter-spacing: .125rem;
    padding-bottom: 1rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .sa-section-label {
        padding-bottom: 1.5rem
    }
}

.sa-section-content b,
.sa-section-content strong {
    font-weight: 700
}

@media (max-width:767.98px) {
    .sa-section-content {
        font-size: .875rem
    }
}

.sa-section-decoration {
    display: none
}

@media (min-width:768px) {
    .sa-section-decoration {
        display: block;
        left: 50%;
        max-width: none;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 105%;
        z-index: -1
    }
}

.sa-hero {
    padding: .5rem 0 5rem
}

@media (min-width:768px) {
    .sa-hero {
        padding-bottom: 7.5rem
    }
}

@media (min-width:1180px) {
    .sa-hero {
        padding-top: 3.5rem
    }
}

.sa-hero__container {
    background: #f3f7fb;
    border-radius: 1rem
}

.sa-hero__wrap {
    padding: 4.5rem 1.5rem
}

@media (min-width:768px) {
    .sa-hero__wrap {
        margin: 0 auto;
        max-width: 36.375rem;
        padding: 7.5rem 0
    }
}

@media (min-width:1180px) {
    .sa-hero__wrap {
        max-width: 51.5rem;
        padding: 9rem 0
    }
}

.sa-hero__heading {
    padding-bottom: 1.5rem
}

@media (max-width:767.98px) {
    .sa-hero__heading {
        font-size: 1.75rem
    }
}

@media (min-width:768px) {
    .sa-hero__heading {
        padding-bottom: 2rem
    }
}

.sa-hero__content {
    padding-bottom: 2rem
}

@media (max-width:767.98px) {
    .sa-hero__content {
        font-size: .875rem
    }
}

@media (min-width:768px) {
    .sa-hero__content {
        padding-bottom: 2.5rem
    }
}

.sa-hero__cloud-container {
    max-width: 58.25rem
}

.sa-hero--cloud {
    padding: 2rem 0 7.5rem
}

@media (min-width:768px) {
    .sa-hero--cloud {
        padding-top: 4.5rem
    }
}

@media (min-width:1180px) {
    .sa-hero--cloud {
        padding: 8.25rem 0 12.5rem
    }
}

.sa-hero--cloud .sa-hero__partner-logo {
    display: block;
    margin: 2rem auto 1.25rem
}

@media (min-width:1180px) {
    .sa-hero--cloud .sa-hero__partner-logo {
        margin: 0 4rem 0 0;
        padding-right: 4rem;
        position: relative
    }

        .sa-hero--cloud .sa-hero__partner-logo:after {
            background: #9da5b2;
            content: "";
            display: block;
            height: 2.5rem;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: .0625rem
        }

    .sa-hero--cloud .sa-hero__certificates {
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 2rem 0 3rem
    }
}

.sa-hero--cloud .sa-hero__certificates-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 18.75rem;
    padding-bottom: 1.75rem
}

@media (min-width:1180px) {
    .sa-hero--cloud .sa-hero__certificates-items {
        margin: 0;
        max-width: 33.125rem;
        padding-bottom: 0
    }
}

.sa-hero--cloud .sa-hero__certificate {
    flex: 0 0 50%;
    margin: .75rem .5rem;
    max-width: 7rem
}

@media (min-width:768px) {
    .sa-hero--cloud .sa-hero__certificate {
        margin: 1rem;
        max-width: 6.25rem
    }
}

.sa-hero--cloud .sa-hero__content {
    padding-bottom: 3rem
}

.sa-about__heading {
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .sa-about__heading {
        padding-bottom: 2rem
    }
}

.sa-about__content {
    padding-bottom: 4.125rem
}

@media (min-width:768px) {
    .sa-about__content {
        padding-bottom: 5rem
    }
}

@media (min-width:1180px) {
    .sa-about__content {
        padding-bottom: 0
    }

    .sa-about__image-col {
        padding-top: 1rem
    }
}

@media (min-width:1366px) {
    .sa-about__image-col {
        margin-left: auto
    }
}

.sa-about__image {
    border: .5rem solid #fff;
    border-radius: 1rem;
    box-shadow: 0 2rem 3rem -1rem rgba(105, 124, 161, .16);
    margin-bottom: 3rem
}

@media (min-width:768px) {
    .sa-about__image {
        margin-bottom: 2.5rem
    }
}

@media (min-width:1180px) {
    .sa-about__image {
        margin-bottom: 0
    }

    .sa-about__image--mobile {
        display: none
    }
}

.sa-about__image--desktop {
    display: none
}

@media (min-width:1180px) {
    .sa-about__image--desktop {
        display: block
    }
}

.sa-about__features {
    padding-bottom: 4.5rem
}

@media (min-width:768px) {
    .sa-about__features {
        padding-bottom: 6rem
    }
}

@media (min-width:1180px) {
    .sa-about__features {
        padding-top: 8rem
    }
}

.sa-about__feature {
    padding-bottom: 3rem
}

@media (min-width:768px) {
    .sa-about__feature {
        padding-bottom: 4rem
    }
}

@media (min-width:1180px) {
    .sa-about__feature {
        padding-bottom: 4.5rem
    }
}

.sa-about__feature-icon {
    display: block;
    margin: 0 auto 1rem;
    max-width: 1.75rem
}

@media (min-width:768px) {
    .sa-about__feature-icon {
        margin: 0 2rem 0 0
    }
}

.sa-about__feature-heading {
    padding-bottom: .5rem
}

@media (min-width:768px) {
    .sa-about__feature-heading {
        align-items: center;
        display: flex;
        padding-bottom: .8125rem
    }

    .sa-about__feature-description {
        padding-left: 3.75rem
    }
}

.sa-services {
    overflow: hidden;
    padding-bottom: 9rem;
    position: relative
}

@media (min-width:768px) {
    .sa-services {
        padding-top: 3.5625rem
    }
}

@media (min-width:1180px) {
    .sa-services {
        padding-top: 5.3125rem
    }
}

.sa-services__wrap {
    padding-bottom: 4rem
}

@media (min-width:768px) {
    .sa-services__wrap {
        margin: 0 auto;
        max-width: 36.5rem;
        max-width: 51.5rem;
        padding-bottom: 6.5rem
    }
}

.sa-services__header {
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .sa-services__header {
        padding-bottom: 2rem
    }
}

.sa-services__tile {
    background: #f3f7fb;
    border-radius: 1rem;
    cursor: pointer;
    display: none;
    margin-bottom: 1rem;
    padding: 2rem 1.5rem;
    transition: background-color .3s, color .3s
}

@media (min-width:768px) {
    .sa-services__tile {
        padding: 2.875rem 4.1875rem
    }
}

@media (min-width:1366px) {
    .sa-services__tile {
        background: transparent;
        display: flex;
        justify-content: center;
        padding: 2.875rem 2rem
    }
}

.sa-services__tile--mobile {
    display: flex
}

@media (min-width:1366px) {
    .sa-services__tile--mobile {
        display: none
    }
}

.sa-services__tile:hover {
    background: #f3f7fb
}

.sa-services__tile.is-active {
    background: #000ee6;
    color: #fff
}

.sa-services__tile-dropdown-icon [stroke],
.sa-services__tile-icon [stroke] {
    stroke: #161616;
    transition: stroke .3s
}

.sa-services__tile-dropdown-icon [fill],
.sa-services__tile-icon [fill] {
    fill: #161616;
    transition: fill .3s
}

.sa-services__tile-icon {
    align-self: center;
    flex-shrink: 0;
    margin-right: 1rem;
    max-width: 1.75rem
}

.sa-services__tile-dropdown-icon {
    align-self: center;
    height: auto;
    margin-left: auto;
    width: .875rem
}

@media (min-width:1366px) {
    .sa-services__tile-dropdown-icon {
        display: none
    }
}

.sa-services__tile.is-active .sa-services__tile-dropdown-icon [stroke],
.sa-services__tile.is-active .sa-services__tile-icon [stroke] {
    stroke: #fff
}

.sa-services__tile.is-active .sa-services__tile-dropdown-icon [fill],
.sa-services__tile.is-active .sa-services__tile-icon [fill] {
    fill: #fff
}

.sa-services__tile-title {
    align-self: center
}

.sa-services__item-row {
    justify-content: space-between
}

.sa-services__item-body {
    display: none;
    padding: 1.5rem 0 4rem
}

@media (min-width:768px) {
    .sa-services__item-body {
        margin: 0 auto;
        max-width: 33.375rem;
        padding: 2.625rem 0 5.125rem
    }
}

@media (min-width:1180px) {
    .sa-services__item-body {
        max-width: none
    }
}

.sa-services__item-body.is-active {
    display: block
}

.sa-services__item-content,
.sa-services__item-heading {
    padding-bottom: 1.5rem
}

@media (max-width:991.98px) {
    .sa-services__item-content {
        font-size: .875rem;
        line-height: 1.7
    }
}

@media (min-width:768px) {
    .sa-services__item-content {
        padding-bottom: 3rem
    }
}

@media (min-width:1180px) {
    .sa-services__item-content {
        padding-bottom: 0
    }
}

.sa-services__item-content p {
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .sa-services__item-content p {
        margin-bottom: 1.5rem
    }
}

.sa-services__benefits {
    background: #2b313b;
    border-radius: 1rem;
    padding: 2rem 1.5rem 2.125rem
}

@media (min-width:768px) {
    .sa-services__benefits {
        padding: 3.4375rem 2rem 3.875rem
    }
}

@media (min-width:1366px) {
    .sa-services__benefits {
        padding: 4rem 4.6875rem 4.25rem
    }
}

.sa-services__benefits-heading {
    font-size: 1.25rem;
    line-height: 1.4;
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .sa-services__benefits-items {
        margin: 0 auto;
        max-width: 22.0625rem
    }
}

@media (min-width:1180px) {
    .sa-services__benefits-items {
        max-width: none
    }
}

.sa-services__benefits-item {
    align-items: flex-start;
    display: flex;
    padding-bottom: .875rem
}

@media (min-width:1180px) {
    .sa-services__benefits-item {
        padding-bottom: 1.125rem;
        padding-bottom: 1.5rem
    }
}

.sa-services__benefits-icon {
    flex-shrink: 0;
    margin: .1875rem 1rem 0 0
}

.sa-services__link-wrap {
    display: none;
    padding-top: 3rem
}

@media (min-width:768px) {
    .sa-services__link-wrap {
        padding-top: 3.5625rem
    }
}

@media (min-width:1180px) {
    .sa-services__link-wrap {
        display: block
    }
}

.sa-services__link-wrap--mobile {
    display: block
}

@media (min-width:1180px) {
    .sa-services__link-wrap--mobile {
        display: none
    }
}

.sa-services--cloud .sa-services__row {
    justify-content: space-between
}

@media (min-width:1180px) {
    .sa-services--cloud .sa-services__tile {
        display: flex;
        justify-content: flex-start;
        padding: 2rem 2.5rem
    }
}

.sa-services--cloud .sa-services__tile--mobile {
    display: flex
}

@media (min-width:1180px) {
    .sa-services--cloud .sa-services__tile--mobile {
        display: none
    }

    .sa-services--cloud .sa-services__item-body {
        padding: 0
    }

    .sa-services--cloud .sa-services__item-content {
        padding-bottom: 2.5rem
    }
}

.sa-services--cloud .sa-services__benefits {
    background: #f3f7fb;
    padding: 2rem 1.5rem 3rem
}

@media (min-width:768px) {
    .sa-services--cloud .sa-services__benefits {
        padding: 2.5rem 3.375rem
    }
}

.sa-services--cloud .sa-services__benefits-items {
    max-width: 100%
}

.sa-services--cloud .sa-services__benefits-icon * {
    stroke: #000ee6
}

.sa-services--cloud .sa-services__link-wrap {
    display: block;
    padding-top: 2.5rem
}

@media (min-width:768px) {
    .sa-services--cloud .sa-services__link-wrap {
        padding-top: 3.5rem
    }
}

@media (min-width:1180px) {
    .sa-services--cloud .sa-services__link-wrap {
        padding-top: 2.5rem
    }
}

.sa-cta {
    background: #f3f7fb;
    border-radius: 1rem;
    padding: 3.5rem 1.5rem
}

@media (min-width:768px) {
    .sa-cta {
        padding: 4rem
    }
}

@media (min-width:1180px) {
    .sa-cta {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 5.5rem 6.6875rem
    }
}

.sa-cta__content {
    padding-bottom: 1.5rem
}

@media (max-width:767.98px) {
    .sa-cta__content {
        font-size: 1.25rem
    }
}

@media (min-width:768px) {
    .sa-cta__content {
        padding-bottom: 2rem
    }
}

@media (min-width:1180px) {
    .sa-cta__content {
        max-width: 60%;
        padding-bottom: 0
    }
}

.sa-cta__content b,
.sa-cta__content strong {
    font-weight: 700
}

@media (max-width:991.98px) {
    .sa-cta__button {
        font-size: .875rem;
        line-height: 1.7
    }
}

.sa-approach {
    padding: 7.5rem 0 5rem
}

@media (min-width:768px) {
    .sa-approach {
        padding: 10rem 0 6rem
    }
}

@media (min-width:1180px) {
    .sa-approach {
        padding: 12.5rem 0 7.5rem
    }
}

.sa-approach__image {
    margin: 0 auto;
    max-width: 8.9375rem
}

@media (min-width:768px) {
    .sa-approach__image {
        max-width: 15.9375rem
    }
}

@media (min-width:1180px) {
    .sa-approach__image {
        margin: 0;
        max-width: none;
        position: sticky;
        top: 8.75rem
    }
}

.sa-approach__image img {
    border: .375rem solid #fff;
    border-radius: 1rem;
    box-shadow: 0 2rem 3rem -1rem rgba(105, 124, 161, .16)
}

.sa-approach__header {
    padding-bottom: 2.5rem
}

@media (min-width:768px) {
    .sa-approach__header {
        padding-bottom: 3.5rem
    }
}

.sa-approach__header--desktop {
    display: none
}

@media (min-width:1180px) {
    .sa-approach__header--desktop {
        display: block
    }

    .sa-approach__header--mobile {
        display: none
    }

    .sa-approach__content-col {
        margin-left: 8.3333333333%
    }
}

@media (min-width:768px) {

    .sa-approach__content-wrap,
    .sa-approach__header {
        margin: 0 auto;
        max-width: 33.375rem
    }
}

@media (min-width:1180px) {

    .sa-approach__content-wrap,
    .sa-approach__header {
        margin: 0;
        max-width: none
    }

    .sa-approach__content-row {
        padding-bottom: 10rem
    }
}

.sa-approach__content-wrap {
    padding-bottom: 4rem
}

@media (min-width:768px) {
    .sa-approach__content-wrap {
        margin-top: 4.5rem;
        padding-bottom: 6rem;
        padding-left: 6.125rem;
        position: relative
    }
}

@media (min-width:1180px) {
    .sa-approach__content-wrap {
        margin-top: 0;
        padding-bottom: 0
    }
}

@media (min-width:1366px) {
    .sa-approach__content-wrap {
        padding-left: 11.375rem
    }
}

.sa-approach__content-wrap:before {
    background-image: url(../images/quote.svg);
    background-size: contain;
    content: "";
    display: block;
    height: 3.375rem;
    margin: 2.125rem auto 1.5rem;
    width: 3.375rem
}

@media (min-width:768px) {
    .sa-approach__content-wrap:before {
        height: 4rem;
        left: 0;
        margin: 0;
        position: absolute;
        top: 0;
        width: 4rem
    }
}

@media (min-width:1366px) {
    .sa-approach__content-wrap:before {
        height: 7.75rem;
        width: 7.75rem
    }
}

@media (max-width:1365.98px) {
    .sa-approach__content {
        font-size: .875rem;
        line-height: 1.71
    }
}

.sa-approach__summary {
    padding-top: 2rem
}

@media (min-width:1180px) {
    .sa-approach__summary {
        padding-top: 2.5rem
    }
}

.sa-approach__author {
    display: none
}

@media (min-width:768px) {
    .sa-approach__author {
        display: block;
        padding-top: 2rem
    }
}

.sa-approach__author-position {
    font-size: .75rem
}

.sa-approach__number + .sa-approach__number {
    padding-top: 3rem
}

@media (min-width:768px) {
    .sa-approach__number + .sa-approach__number {
        padding-top: 0
    }
}

.sa-approach__number-value {
    font-size: 4rem;
    line-height: 1;
    padding-bottom: .75rem
}

.sa-specialists {
    background: #f3f7fb;
    border-radius: 1rem;
    margin-bottom: 7.5rem;
    padding: 4rem 1.5rem 4.5rem
}

@media (min-width:768px) {
    .sa-specialists {
        margin-bottom: 10rem;
        padding: 5rem 2.625rem 4rem
    }
}

@media (min-width:1180px) {
    .sa-specialists {
        margin-bottom: 12.5rem;
        padding-bottom: 7.5rem;
        padding-top: 7.5rem
    }
}

.sa-specialists__wrap {
    margin: 0 auto;
    max-width: 56.25rem
}

.sa-specialists__heading {
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .sa-specialists__heading {
        padding-bottom: 3.5rem
    }
}

.sa-specialists__content {
    padding-bottom: 2.5rem
}

.sa-specialists__partner-logo {
    display: block;
    margin: 0 auto 1.25rem
}

@media (min-width:1180px) {
    .sa-specialists__partner-logo {
        margin: 0 2.5rem 0 0;
        padding-right: 2.5rem;
        position: relative
    }

        .sa-specialists__partner-logo:after {
            background: #9da5b2;
            content: "";
            display: block;
            height: 2.5rem;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: .0625rem
        }

    .sa-specialists__certificates {
        align-items: center;
        display: flex;
        justify-content: center
    }
}

.sa-specialists__certificates-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 18.75rem
}

@media (min-width:1180px) {
    .sa-specialists__certificates-items {
        margin: 0;
        max-width: 33.125rem;
        padding-bottom: 0
    }
}

.sa-specialists__certificate {
    flex: 0 0 50%;
    margin: .75rem .5rem;
    max-width: 7rem
}

@media (min-width:768px) {
    .sa-specialists__certificate {
        margin: 1rem;
        max-width: 6.25rem
    }
}

@media (min-width:1180px) {
    .sa-specialists__item-wrap {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.sa-specialists__items {
    padding-top: 3.5rem
}

@media (min-width:1180px) {
    .sa-specialists__items {
        align-items: center;
        display: flex;
        justify-content: center;
        padding-top: 4.5rem
    }
}

.sa-specialists__item {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: .75rem auto;
    max-width: 11.25rem
}

@media (min-width:1180px) {
    .sa-specialists__item {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }
}

.sa-specialists__item-number {
    margin-right: 1rem
}

.sa-specialists__item-label {
    line-height: 1.1
}

.sa-case-study {
    position: relative
}

@media (min-width:768px) {
    .sa-case-study {
        padding-top: 2rem
    }
}

@media (min-width:1180px) {
    .sa-case-study {
        padding-top: 2.875rem
    }
}

.sa-case-study__header {
    padding-bottom: 5rem
}

@media (min-width:768px) {
    .sa-case-study__header {
        margin: 0 auto;
        max-width: 33.375rem
    }
}

@media (min-width:1180px) {
    .sa-case-study__header {
        max-width: 51.5rem
    }
}

.sa-case-study__client-col {
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .sa-case-study__client-col {
        margin-left: 8.3333333333%
    }

    .sa-case-study__goals-col {
        margin-left: 16.6666666667%
    }
}

.sa-case-study__goals ul li {
    padding-left: 1.5rem
}

@media (min-width:768px) {
    .sa-case-study__goals ul li {
        margin-bottom: 2.5rem
    }
}

.sa-case-study__goals ul li:before {
    border: none;
    height: .5rem;
    top: .5rem;
    width: .5rem
}

.sa-case-study__banner {
    border: .5rem solid #fff;
    border-radius: 1rem;
    box-shadow: 0 2rem 3rem -1rem rgba(105, 124, 161, .16);
    margin-top: 1.25rem;
    padding: 4rem 1.5rem;
    position: relative
}

@media (min-width:768px) {
    .sa-case-study__banner {
        margin-top: 3.5rem;
        padding: 4.5rem 4.25rem
    }
}

@media (min-width:1180px) {
    .sa-case-study__banner {
        margin-top: 5rem;
        padding: 5.5rem 13.375rem
    }
}

.sa-case-study__banner-background {
    background: linear-gradient(261.5deg, #1a5afd 4.63%, rgba(0, 14, 230, .9) 87.01%), #fff;
    background-position: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

    .sa-case-study__banner-background img {
        height: 100%;
        object-fit: cover;
        object-position: center;
        width: 100%
    }

@media (min-width:768px) {
    .sa-case-study__banner-content {
        padding-bottom: 2.5rem
    }
}

.sa-case-study__banner-content b,
.sa-case-study__banner-content strong {
    font-weight: 700
}

.sa-case-study__banner-bar {
    display: none
}

@media (min-width:768px) {
    .sa-case-study__banner-bar {
        background: rgba(243, 247, 251, .4);
        border-radius: 6.25rem;
        display: flex;
        height: .625rem;
        margin: 0 auto 3.375rem;
        max-width: 31.25rem;
        position: relative
    }
}

.sa-case-study__banner-progress {
    background: #fff;
    border-radius: 6.25rem;
    height: 100%;
    margin-right: 100%;
    position: relative;
    transition: margin .3s ease-out;
    width: 100%;
    will-change: margin
}

.sa-case-study__banner-tooltip {
    background: #fff;
    border-radius: .5rem;
    display: inline-block;
    font-size: .875rem;
    left: 0;
    margin-top: 1rem;
    min-width: 7.5rem;
    padding: .75rem 1rem;
    position: absolute;
    top: 100%
}

.sa-proof {
    padding-bottom: 7.5rem
}

.sa-proof__container {
    padding-bottom: 5.5rem;
    padding-top: 3rem
}

@media (min-width:768px) {
    .sa-proof__container {
        padding-bottom: 8rem;
        padding-bottom: 8.5rem;
        padding-top: 4.5rem;
        padding-top: 6rem
    }
}

.sa-proof__heading {
    padding-bottom: 3rem
}

@media (min-width:768px) {
    .sa-proof__heading {
        padding-bottom: 3.5rem
    }
}

@media (min-width:1180px) {
    .sa-proof__heading {
        padding-bottom: 5rem
    }
}

.sa-proof__item {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .sa-proof__item {
        padding-bottom: 4rem
    }
}

@media (max-width:991.98px) {
    .sa-proof__item-content {
        font-size: .875rem;
        line-height: 1.7
    }
}

.sa-proof__icon {
    height: 2rem;
    margin-bottom: 1rem;
    width: 2rem
}

@media (min-width:768px) {
    .sa-proof__icon {
        margin-bottom: 1.5rem
    }
}

.sa-proof__icon * {
    stroke: #000ee6;
    stroke-width: 1
}

@media (max-width:1365.98px) {
    .sa-proof__content {
        font-size: .875rem;
        line-height: 1.7
    }
}

body.page-template-template-software-architecture {
    overflow: visible
}

.microservices-image {
    border: .5rem solid #fff;
    border-radius: 1rem;
    box-shadow: 0 2.5rem 3rem #f3f7fb
}

.microservices-hero {
    padding: 8.25rem 0 6.5rem;
    position: relative
}

@media (min-width:1180px) {
    .microservices-hero {
        padding: 10.75rem 0 9.5rem;
        padding: 17rem 0 11.5rem
    }
}

.microservices-hero:after,
.microservices-hero:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: none;
    position: absolute;
    z-index: -1
}

.microservices-hero:before {
    background-image: url(../images/templates/microservices/hero-blob-left.svg);
    display: block;
    height: 23.125rem;
    left: -10.625rem;
    top: -2.6875rem;
    width: 21.125rem
}

@media (min-width:768px) {
    .microservices-hero:before {
        height: 41.625rem;
        left: -18.375rem;
        top: -12.9375rem;
        width: 38.125rem
    }
}

@media (min-width:1180px) {
    .microservices-hero:before {
        height: 61.625rem;
        left: -10.6875rem;
        top: -17.1875rem;
        width: 56.5rem
    }
}

@media (min-width:768px) {
    .microservices-hero:after {
        background-image: url(../images/templates/microservices/hero-blob-right.svg);
        bottom: -6.5625rem;
        display: block;
        height: 21.5625rem;
        right: -10.1875rem;
        width: 21.8125rem
    }
}

@media (min-width:1180px) {
    .microservices-hero:after {
        bottom: -6.0625rem;
        height: 30.0625rem;
        right: -13.1875rem;
        width: 30.4375rem
    }
}

@media (min-width:768px) {
    .microservices-hero__wrap {
        margin: 0 auto;
        max-width: 36.375rem
    }
}

@media (min-width:1180px) {
    .microservices-hero__wrap {
        max-width: 64.875rem
    }
}

.microservices-hero__heading {
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .microservices-hero__heading {
        padding-bottom: 2rem
    }
}

.microservices-hero__buttons {
    padding-top: 3rem
}

@media (min-width:768px) {
    .microservices-hero__buttons {
        align-items: center;
        display: flex;
        justify-content: center;
        padding-top: 2.5rem
    }
}

@media (min-width:1180px) {
    .microservices-hero__buttons {
        padding-top: 3.5rem
    }
}

@media (min-width:768px) {
    .microservices-hero__button {
        padding: 0 1rem
    }
}

.microservices-hero__button + .microservices-hero__button {
    padding-top: 2rem
}

@media (min-width:768px) {
    .microservices-hero__button + .microservices-hero__button {
        padding-top: 0
    }
}

.microservices-about {
    padding-bottom: 4rem
}

@media (min-width:768px) {
    .microservices-about {
        padding-bottom: 6.5rem
    }
}

@media (min-width:1180px) {
    .microservices-about {
        padding-bottom: 5rem
    }
}

.microservices-about__item {
    padding-bottom: 3.5rem
}

@media (min-width:1180px) {
    .microservices-about__item {
        align-items: flex-start;
        display: flex;
        padding-bottom: 7.5rem
    }
}

.microservices-about__header {
    align-items: flex-start;
    display: flex;
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .microservices-about__header {
        padding-bottom: 0
    }
}

.microservices-about__number {
    color: #b8d1db;
    flex: 0 0 3.375rem;
    line-height: 1.1;
    padding-right: 1.5rem
}

.microservices-about__title {
    flex: 1
}

@media (max-width:1179.98px) {
    .microservices-about__content {
        font-size: .875rem;
        line-height: 1.7
    }
}

@media (min-width:1180px) {
    .microservices-about__content {
        line-height: 2
    }
}

.microservices-features {
    padding-bottom: 6rem
}

@media (min-width:768px) {
    .microservices-features {
        padding-bottom: 8rem
    }
}

@media (min-width:1180px) {
    .microservices-features {
        padding-bottom: 10.5rem
    }
}

.microservices-features__image-wrap {
    display: none
}

@media (min-width:1180px) {
    .microservices-features__image-wrap {
        display: block
    }
}

.microservices-features__image-wrap--mobile {
    display: block
}

@media (min-width:1180px) {
    .microservices-features__image-wrap--mobile {
        display: none
    }
}

.microservices-features__image {
    display: block;
    margin: 0 auto 3rem
}

@media (min-width:1180px) {
    .microservices-features__image {
        margin-bottom: 0
    }
}

.microservices-features__header {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .microservices-features__header {
        padding-bottom: 3rem
    }
}

.microservices-features__content-heading {
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .microservices-features__content-heading {
        padding-bottom: 2.5rem
    }
}

@media (min-width:1180px) {
    .microservices-features__content-heading {
        padding-bottom: 2rem
    }
}

.microservices-features__item {
    align-items: flex-start;
    display: flex;
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .microservices-features__item {
        padding-bottom: 2rem
    }
}

.microservices-features__icon {
    display: block;
    flex-shrink: 0;
    margin: .1875rem 1.5rem 0 0
}

@media (min-width:1180px) {
    .microservices-features__icon {
        margin-right: 2rem
    }
}

.microservices-features__icon * {
    stroke: #ff6759
}

.microservices-case-study {
    padding-top: 0;
    position: relative
}

@media (min-width:1180px) {
    .microservices-case-study:before {
        background: url(../images/templates/microservices/case-study-blob.svg);
        background-size: contain;
        content: "";
        display: block;
        height: 33.3125rem;
        position: absolute;
        right: 0;
        top: 2.5rem;
        width: 23.9375rem;
        z-index: -1
    }
}

@media (max-width:767.98px) {
    .microservices-case-study__header {
        padding-bottom: 3.4375rem
    }
}

.microservices-case-study__content {
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .microservices-case-study__content {
        padding-bottom: 4rem
    }
}

@media (min-width:1180px) {
    .microservices-case-study__content {
        padding-bottom: 0
    }
}

.microservices-case-study__client {
    padding-bottom: 2.5rem
}

.microservices-case-study__goals ul li {
    margin-bottom: 1rem
}

    .microservices-case-study__goals ul li:before {
        margin-top: 0
    }

.microservices-case-study .youtube-responsive-container {
    border-radius: 1rem;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

    .microservices-case-study .youtube-responsive-container iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.microservices-proof {
    padding-bottom: 0
}

.microservices-proof__container {
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .microservices-proof__container {
        padding-bottom: 5.5rem;
        padding-top: 3.5rem
    }
}

@media (min-width:1180px) {
    .microservices-proof__container {
        padding-bottom: 6.5rem;
        padding-top: 7.5rem
    }
}

@media (max-width:767.98px) {
    .microservices-proof__heading {
        padding-bottom: 3rem
    }
}

.microservices-extended-cta__wrap {
    background: linear-gradient(180deg, #f3f7fb, #fff);
    border-radius: 1rem;
    margin-bottom: 2.5rem;
    padding: 4rem 1rem 5rem
}

@media (min-width:768px) {
    .microservices-extended-cta__wrap {
        margin-bottom: 4.5rem;
        margin-bottom: 7.5rem;
        padding: 5rem 1.5rem 5.5rem;
        padding: 7.5rem 2rem
    }

    .microservices-extended-cta__container {
        margin: 0 auto;
        max-width: 37.5rem
    }
}

@media (min-width:1180px) {
    .microservices-extended-cta__container {
        max-width: 56.25rem
    }
}

.microservices-extended-cta__header {
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .microservices-extended-cta__header {
        padding-bottom: 2rem
    }
}

.microservices-extended-cta__content {
    padding-bottom: 2.5rem
}

@media (min-width:768px) {
    .microservices-extended-cta__content {
        padding-bottom: 3.5rem
    }
}

@media (min-width:1180px) {
    .microservices-extended-cta__content {
        padding-bottom: 3rem
    }
}

.microservices-extended-cta__items-heading {
    padding-bottom: 2rem
}

@media (max-width:767.98px) {
    .microservices-extended-cta__items-heading {
        font-size: 1.125rem;
        line-height: 1.444
    }
}

@media (min-width:768px) {
    .microservices-extended-cta__items-heading {
        padding-bottom: 3rem
    }
}

.microservices-extended-cta__items {
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .microservices-extended-cta__items {
        padding-bottom: 3.5rem
    }
}

@media (min-width:1180px) {
    .microservices-extended-cta__items {
        padding-bottom: 4.25rem
    }
}

.microservices-used-by {
    padding-bottom: 5rem;
    position: relative
}

@media (min-width:768px) {
    .microservices-used-by {
        padding-bottom: 7.5rem
    }
}

@media (min-width:1180px) {
    .microservices-used-by {
        padding-bottom: 15.25rem
    }

        .microservices-used-by:before {
            background: url(../images/templates/microservices/used-by-blob.svg);
            background-size: contain;
            content: "";
            display: block;
            height: 35.9375rem;
            left: 0;
            position: absolute;
            top: 11.5rem;
            width: 23.9375rem;
            z-index: -1
        }
}

.microservices-used-by__content-wrap {
    padding-bottom: 2.5rem
}

@media (min-width:768px) {
    .microservices-used-by__content-wrap {
        margin: 0 auto;
        max-width: 33.25rem;
        padding-bottom: 3.5rem
    }
}

@media (min-width:1180px) {
    .microservices-used-by__content-wrap {
        max-width: 51.5rem;
        padding-bottom: 3rem
    }
}

.microservices-used-by__header {
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .microservices-used-by__header {
        padding-bottom: 2rem
    }
}

.microservices-used-by__companies-heading {
    padding-bottom: 2rem
}

@media (max-width:767.98px) {
    .microservices-used-by__companies-heading {
        font-size: 1.125rem;
        line-height: 1.44
    }
}

@media (min-width:768px) {
    .microservices-used-by__companies-heading {
        padding-bottom: 3rem
    }
}

@media (min-width:1180px) {
    .microservices-used-by__companies-heading {
        padding-bottom: 4rem
    }
}

.microservices-used-by__company {
    background: #fff;
    border: .0625rem solid #f3f7fb;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 3rem 1rem
}

@media (min-width:768px) {
    .microservices-used-by__company {
        padding: 3.5rem 2rem 3rem
    }
}

@media (min-width:1180px) {
    .microservices-used-by__company {
        box-shadow: 0 1.5rem 3rem rgba(0, 14, 230, .04)
    }
}

.microservices-used-by__company-logo {
    margin-bottom: 2rem
}

.microservices-used-by__company-description {
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .microservices-used-by__company-description {
        padding-bottom: 3rem
    }
}

@media (min-width:1180px) {
    .microservices-used-by__company-description {
        padding-bottom: 4.5rem
    }
}

.microservices-used-by__company,
.microservices-used-by__result {
    font-size: .875rem;
    line-height: 1.85
}

.microservices-used-by__result-label {
    font-size: .625rem;
    line-height: 1.2;
    text-transform: uppercase
}

.microservices-used-by__result-wrap {
    margin-top: auto
}

@media (max-width:1179.98px) {
    .microservices-used-by__company-col {
        height: 100%
    }
}

@media (min-width:768px) and (max-width:1179.98px) {
    .microservices-used-by .slick-slider {
        display: block;
        margin-right: -100%
    }
}

.microservices-used-by .slick-track {
    display: flex
}

.microservices-used-by .slick-slide {
    max-width: 100vw
}

@media (min-width:768px) {
    .microservices-used-by .slick-slide {
        max-width: 672px
    }
}

.microservices-text-image {
    padding-bottom: 7.5rem
}

@media (min-width:768px) {
    .microservices-text-image {
        padding-bottom: 10rem
    }
}

@media (min-width:1180px) {
    .microservices-text-image {
        padding-bottom: 11.875rem
    }
}

.microservices-text-image__image {
    margin-bottom: 3.375rem
}

@media (min-width:768px) {
    .microservices-text-image__image {
        margin-bottom: 4.5rem
    }
}

@media (min-width:1180px) {
    .microservices-text-image__image {
        margin-bottom: 0
    }
}

.microservices-text-image__content-col {
    align-self: center
}

.microservices-text-image__header {
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .microservices-text-image__header {
        padding-bottom: 2rem
    }
}

@media (min-width:1180px) {
    .microservices-text-image__header {
        padding-bottom: 1.5rem
    }
}

.microservices-text-image__button-wrap {
    padding-top: 2rem
}

@media (min-width:1180px) {
    .microservices-testimonials__container {
        position: relative
    }
}

.microservices-testimonials__header {
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .microservices-testimonials__header {
        padding-bottom: 2rem
    }
}

.microservices-testimonials__content {
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .microservices-testimonials__content {
        padding-bottom: 2.5rem
    }
}

@media (min-width:1180px) {
    .microservices-testimonials__content {
        padding-bottom: 4.5rem
    }
}

.microservices-testimonials__icon {
    display: none;
    height: auto
}

@media (min-width:768px) {
    .microservices-testimonials__icon {
        display: block;
        margin: 0 auto 2.5rem;
        width: 6.1875rem
    }
}

@media (min-width:1180px) {
    .microservices-testimonials__icon {
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 15.375rem
    }
}

.microservices-testimonials__items {
    padding-bottom: 7.5rem
}

@media (min-width:1180px) {
    .microservices-testimonials__item {
        padding-bottom: 4rem
    }
}

.microservices-testimonials__item-icon {
    height: auto;
    margin-bottom: 1rem;
    width: 3.625rem
}

@media (min-width:768px) {
    .microservices-testimonials__item-icon {
        display: none
    }
}

.microservices-testimonials__item-content {
    padding-bottom: 1.5rem
}

.microservices-testimonials__author {
    align-items: flex-start;
    display: flex
}

.microservices-testimonials__author-image {
    border-radius: 3rem;
    margin-right: 1rem;
    max-height: 3rem;
    max-width: 3rem
}

.microservices-testimonials__author-position {
    font-size: .75rem;
    line-height: 1.66
}

.microservices-testimonials .slick-slider {
    display: block;
    margin-right: -100%
}

.microservices-testimonials .slick-slide {
    max-width: 80vw
}

@media (min-width:768px) {
    .microservices-testimonials .slick-slide {
        max-width: 403.2px
    }
}

.microservices-testimonials__awards {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 10.375rem;
    padding-bottom: 7.5rem
}

@media (min-width:768px) {
    .microservices-testimonials__awards {
        max-width: 13.125rem;
        padding-bottom: 10rem
    }
}

@media (min-width:1180px) {
    .microservices-testimonials__awards {
        flex-direction: row;
        justify-content: space-between;
        max-width: 64rem;
        padding-bottom: 12.5rem
    }
}

.microservices-testimonials__award {
    margin-bottom: 4rem
}

@media (min-width:1180px) {
    .microservices-testimonials__award {
        padding: 2rem
    }
}

.microservices-cta {
    margin-bottom: 7.5rem
}

.microservices-about__content a,
.microservices-case-study__content a,
.microservices-features__items a,
.microservices-used-by__content a {
    color: #000ee6
}

.microservices .slick-slider {
    margin-bottom: 2.5rem
}

.microservices .slick-slide {
    height: auto;
    width: 100%
}

.microservices .slick-dots {
    position: static
}

    .microservices .slick-dots li {
        height: auto;
        margin: .75rem;
        width: auto
    }

        .microservices .slick-dots li button {
            background: #b8d1db;
            border-radius: 50%;
            height: .625rem;
            width: .625rem
        }

        .microservices .slick-dots li.slick-active button {
            background: #000ee6
        }

.services-page {
    padding-bottom: 6.25rem
}

    .services-page section {
        margin: 0
    }

    .services-page svg {
        max-height: 100%
    }

    .services-page img,
    .services-page svg {
        height: auto;
        max-width: 100%
    }

.services-hero {
    padding-top: 15.25rem;
    position: relative
}

@media (min-width:768px) {
    .services-hero {
        padding-top: 19.8125rem
    }
}

@media (min-width:1180px) {
    .services-hero {
        padding-top: 17.5rem
    }
}

.services-hero:after,
.services-hero:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: absolute;
    z-index: -1
}

.services-hero:before {
    background-image: url(../images/templates/services/hero-decorator-left.svg);
    height: 19.1875rem;
    left: 0;
    top: 19.0625rem;
    width: 13.125rem
}

@media (min-width:768px) {
    .services-hero:before {
        height: 29.9375rem;
        top: 16.1875rem;
        width: 21.3125rem
    }
}

@media (min-width:1180px) {
    .services-hero:before {
        height: 51.3125rem;
        top: 8.3125rem;
        width: 42.4375rem
    }
}

.services-hero:after {
    background-image: url(../images/templates/services/hero-decorator-right.svg);
    height: 9.125rem;
    right: 0;
    top: 12.0625rem;
    width: 7.6875rem
}

@media (min-width:768px) {
    .services-hero:after {
        height: 12.875rem;
        top: 15.9375rem;
        width: 10.9375rem
    }
}

@media (min-width:1180px) {
    .services-hero:after {
        height: 22.125rem;
        top: 12.1875rem;
        width: 16.875rem
    }

    .services-hero__container {
        max-width: 51.5rem
    }
}

.services-hero__heading,
.services-hero__label {
    padding-bottom: 1rem
}

.services-section {
    padding: 3rem 0 4.0625rem
}

@media (min-width:768px) {
    .services-section {
        padding: 4rem 0
    }
}

@media (min-width:1180px) {
    .services-section {
        padding: 9.25rem 0
    }
}

.services-section--even {
    background: #f3f7fb
}

@media (min-width:1180px) {
    .services-section--has-cta {
        padding-bottom: 4.625rem
    }
}

.services-section__header {
    padding-bottom: 1rem;
    position: relative;
    z-index: 1
}

@media (min-width:1180px) {
    .services-section__header {
        padding-bottom: 2rem
    }
}

@media (min-width:768px) {
    .services-section__header:before {
        color: #e9edf5;
        content: attr(data-number);
        display: block;
        font-size: 8.75rem;
        font-weight: 800;
        left: -4rem;
        line-height: 1;
        position: absolute;
        top: -3.75rem;
        z-index: -1
    }
}

@media (min-width:1180px) {
    .services-section__header:before {
        font-size: 11.25rem;
        left: -5.875rem
    }
}

.services-section__header-icon {
    margin-bottom: 1rem;
    max-height: 2.5rem;
    max-width: 2.5rem
}

    .services-section__header-icon svg {
        display: block
    }

.services-section__content-row {
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .services-section__content-row {
        padding-bottom: 2rem
    }
}

@media (min-width:1180px) {
    .services-section__content-row {
        padding-bottom: 5.75rem
    }
}

.services-section__content {
    padding-bottom: 3rem
}

@media (min-width:768px) {
    .services-section__content {
        padding-bottom: 3.5rem
    }
}

@media (min-width:1180px) {
    .services-section__content {
        padding-bottom: 0
    }
}

.services-section__link-wrap {
    padding-top: 1rem
}

@media (min-width:768px) {
    .services-section__link-wrap {
        padding-top: 1.5rem;
        padding-top: 2rem
    }
}

.services-section__link {
    display: inline-flex;
    padding: .5rem 0
}

.services-section__link-arrow {
    margin-left: .5rem;
    opacity: 0;
    transform: translateX(-.5rem);
    transition: transform .3s ease, opacity .3s ease
}

    .services-section__link-arrow * {
        fill: #000ee6
    }

.services-section__link:focus .services-section__link-arrow,
.services-section__link:hover .services-section__link-arrow {
    opacity: 1;
    transform: translateX(0)
}

.services-section__tiles-col {
    align-self: center
}

.services-section__tiles-label {
    padding-bottom: 1.5rem
}

.services-section__button {
    min-height: auto
}

@media (max-width:991.98px) {
    .services-section__button {
        padding: .5rem 1rem
    }
}

.services-section__button-icon {
    margin-left: .5rem
}

    .services-section__button-icon * {
        fill: #000ee6;
        transition: fill .33s ease-in-out
    }

.services-section__button:hover .services-section__button-icon * {
    fill: #fff
}

.services-section__proof-row.slick-initialized {
    margin: 0 -50% 0 0
}

.services-section__proof-row .slick-slide {
    max-width: 95vw;
    padding-right: 1rem;
    width: 100%
}

@media (min-width:768px) {
    .services-section__proof-row .slick-slide {
        max-width: 604.8px;
        padding-right: 2rem
    }
}

@media (max-width:1179.98px) {
    .services-section__proof-item {
        padding: 0
    }
}

.services-section .slick-dots {
    padding-top: 1.5rem;
    position: static
}

@media (min-width:768px) {
    .services-section .slick-dots {
        padding-top: 2rem
    }
}

.services-section .slick-dots li {
    height: .625rem;
    margin: .375rem;
    width: .625rem
}

    .services-section .slick-dots li button {
        background: #9da5b2;
        border-radius: 50%;
        height: 100%;
        width: 100%
    }

    .services-section .slick-dots li.slick-active button {
        background: #000ee6
    }

.services__tiles {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.services__tile {
    margin-bottom: 1.5rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.services__tile-body {
    align-items: center;
    background: #fff;
    border: .0625rem solid rgba(0, 14, 230, .5);
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 1rem;
    text-align: center;
    transition: transform .3s ease-out, border-color .3s ease-out, box-shadow .3s ease-out
}

@media (min-width:768px) {
    .services__tile-body {
        padding: 2rem 1rem
    }
}

.services__tile--services .services__tile-body {
    flex-direction: row;
    justify-content: flex-start;
    padding: 1.25rem .5rem;
    text-align: left
}

@media (min-width:768px) {
    .services__tile--services .services__tile-body {
        padding: 1.5rem 1rem
    }
}

.services__tile-link:hover .services__tile-body {
    border-color: #000ee6;
    box-shadow: 0 1rem 1.5rem rgba(0, 14, 230, .08);
    transform: translateY(-.5rem)
}

.services__tile-icon {
    flex: 0 0 2rem;
    height: 2rem;
    margin-bottom: 1rem;
    width: 2rem
}

    .services__tile-icon svg {
        height: 100%;
        width: 100%
    }

.services__tile--services .services__tile-icon {
    flex: 0 0 1.75rem;
    height: 1.75rem;
    margin-bottom: 0;
    margin-right: .75rem;
    width: 1.75rem
}

.services__tile--services .services__tile-name {
    padding-right: .75rem
}

.services__tile-arrow {
    align-items: center;
    background: #f3f7fb;
    border-radius: 50%;
    display: flex;
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    margin-left: auto;
    transition: background-color .3s ease-out;
    width: 2rem
}

    .services__tile-arrow * {
        fill: #000ee6;
        transition: fill .3s ease-out
    }

.services__tile-link:hover .services__tile-arrow {
    background: #000ee6
}

    .services__tile-link:hover .services__tile-arrow * {
        fill: #fff
    }

.services-case-study {
    background: #fff;
    border-radius: .5rem;
    display: flex;
    overflow: hidden
}

    .services-case-study:focus,
    .services-case-study:hover {
        color: #161616
    }

@media (min-width:1180px) {
    .services-case-study {
        box-shadow: 0 1rem 3rem hsla(0, 0%, 9%, .1)
    }
}

.services-case-study__image {
    max-width: 35%
}

    .services-case-study__image img {
        height: 100%;
        object-fit: cover;
        object-position: center;
        width: 100%
    }

.services-case-study__content {
    align-self: center;
    flex: 1;
    padding: 1rem
}

@media (min-width:768px) {
    .services-case-study__content {
        padding: 2rem
    }
}

.services-case-study__link-wrap {
    padding-top: 1.5rem
}

@media (min-width:768px) {
    .services-case-study__link-wrap {
        padding-top: 2rem
    }
}

.services-case-study:focus .services-section__button,
.services-case-study:hover .services-section__button {
    background: #000ee6;
    color: #fff
}

    .services-case-study:focus .services-section__button svg *,
    .services-case-study:hover .services-section__button svg * {
        fill: #fff
    }

.services-testimonial {
    position: relative;
    z-index: 1
}

    .services-testimonial:after {
        background-image: url(../images/templates/services/quote.svg);
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 10.6875rem;
        position: absolute;
        right: 0;
        top: 0;
        width: 12.375rem;
        z-index: -1
    }

@media (min-width:768px) {
    .services-testimonial:after {
        height: 16.25rem;
        width: 18.8125rem
    }
}

@media (min-width:1180px) {
    .services-testimonial:after {
        height: 21.375rem;
        width: 24.75rem
    }

    .services-testimonial--even {
        padding-left: 8.3333333333%
    }
}

.services-testimonial__content,
.services-testimonial__heading {
    padding-bottom: 1rem
}

@media (min-width:1180px) {
    .services-testimonial__content {
        padding-bottom: 1.5rem
    }
}

.services-testimonial__author,
.services-testimonial__author-name {
    align-items: center;
    display: flex
}

.services-testimonial__author-country {
    color: #667080;
    margin-left: .375rem
}

    .services-testimonial__author-country:before {
        content: "•"
    }

.services-testimonial__author-image {
    margin-right: 1rem
}

    .services-testimonial__author-image img {
        border: .1875rem solid #fff;
        border-radius: 50%;
        max-width: 2.5rem
    }

@media (min-width:768px) {
    .services-testimonial__author-image img {
        max-width: 3rem
    }
}

@media (min-width:1180px) {
    .services-testimonial__author-image img {
        box-shadow: 0 1rem 1.5rem rgba(0, 14, 230, .08);
        max-width: 3.5rem
    }
}

.services-section--even + .services-about,
.services-section--even + .services-cta {
    background: linear-gradient(180deg, #f3f7fb 50%, #fff 0)
}

@media (min-width:768px) {
    .services-cta {
        margin-bottom: 3.375rem
    }
}

.services-cta__wrap {
    background: #f3f7fb;
    border-radius: .5rem;
    padding: 2rem 1rem
}

@media (min-width:768px) {
    .services-cta__wrap {
        border-radius: 1rem;
        padding: 3rem 2rem
    }
}

@media (min-width:1180px) {
    .services-cta__wrap {
        align-items: center;
        display: flex;
        padding: 4rem 8.3333333333%
    }
}

.services-cta--alt .services-cta__wrap {
    background: #000ee6;
    overflow: hidden;
    position: relative
}

    .services-cta--alt .services-cta__wrap:after,
    .services-cta--alt .services-cta__wrap:before {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        pointer-events: none;
        position: absolute;
        z-index: 1
    }

    .services-cta--alt .services-cta__wrap:before {
        background-image: url(../images/templates/services/cta-decorator-left.svg);
        height: 9.6875rem;
        top: 0;
        width: 9.6875rem
    }

@media (min-width:768px) {
    .services-cta--alt .services-cta__wrap:before {
        height: 14rem;
        width: 14.25rem
    }
}

@media (min-width:1180px) {
    .services-cta--alt .services-cta__wrap:before {
        height: 13.625rem;
        left: 5%;
        width: 24.0625rem
    }
}

.services-cta--alt .services-cta__wrap:after {
    background-image: url(../images/templates/services/cta-decorator-right.svg);
    bottom: 0;
    height: 7.25rem;
    right: 0;
    width: 9.3125rem
}

@media (min-width:768px) {
    .services-cta--alt .services-cta__wrap:after {
        height: 8.3125rem;
        width: 10.5625rem
    }
}

@media (min-width:1180px) {
    .services-cta--alt .services-cta__wrap:after {
        height: 12.25rem;
        width: 15.5625rem
    }

    .services-cta__content {
        max-width: 60%
    }
}

.services-cta__heading {
    padding-bottom: 1rem
}

@media (min-width:768px) {
    .services-cta__heading {
        padding-bottom: 1.5rem
    }
}

@media (min-width:1180px) {
    .services-cta__heading {
        padding-bottom: 1rem
    }
}

.services-cta__button-wrap,
.services-cta__content {
    position: relative;
    z-index: 1
}

.services-cta__button-wrap {
    padding-top: 2rem
}

@media (min-width:768px) {
    .services-cta__button-wrap {
        padding-top: 2.5rem
    }
}

@media (min-width:1180px) {
    .services-cta__button-wrap {
        margin-left: auto;
        padding-top: 0
    }
}

.services-cta--alt .button--white {
    border-width: .125rem
}

    .services-cta--alt .button--white:focus,
    .services-cta--alt .button--white:hover {
        border-color: #fff
    }

.services-about__wrap {
    background: #2b313b;
    border-radius: .5rem;
    padding: 3rem 2rem 2.5rem
}

@media (min-width:768px) {
    .services-about__wrap {
        border-radius: 1rem;
        padding: 4rem 3rem 3.5rem
    }
}

@media (min-width:1180px) {
    .services-about__wrap {
        padding: 6.25rem 8.3333333333%
    }
}

.services-about__heading {
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .services-about__heading {
        padding-bottom: 3rem
    }
}

.services-about__logos-heading {
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .services-about__logos-heading {
        padding-bottom: 2rem
    }
}

.services-about__logos {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 3rem
}

@media (min-width:768px) {
    .services-about__logos {
        align-items: center;
        flex-direction: row
    }
}

@media (min-width:1180px) {
    .services-about__logos {
        padding-bottom: 4rem
    }
}

.services-about__logo {
    height: 2.5rem
}

@media (min-width:768px) {
    .services-about__logo + .services-about__logo {
        margin-top: 0
    }
}

.services-about__logo + .services-about__logo {
    margin-top: 1.5rem
}

.services-about__image {
    display: none;
    margin-left: auto
}

@media (min-width:1180px) {
    .services-about__image {
        display: block
    }
}

.services-about__image-wrap {
    position: relative
}

    .services-about__image-wrap:before {
        background: linear-gradient(180deg, #2b313b -30%, transparent);
        content: "";
        display: block;
        height: 30%;
        position: absolute;
        width: 100%;
        z-index: 2
    }

.services-about__image img {
    border-radius: .5rem
}

.services-about__tiles {
    padding-top: 3rem
}

@media (min-width:768px) {
    .services-about__tiles {
        padding-top: 4rem
    }
}

.services-about__tile + .services-about__tile {
    margin-top: 2rem
}

@media (min-width:768px) {
    .services-about__tile + .services-about__tile {
        margin-top: 3rem
    }
}

@media (min-width:1180px) {
    .services-about__tile + .services-about__tile {
        margin-top: 0
    }
}

.services-about__tile-body {
    border: .0625rem solid #9da5b2;
    border-radius: .5rem;
    height: 100%;
    padding: 1.5rem
}

@media (min-width:768px) {
    .services-about__tile-body {
        padding: 1.5rem 2.5rem;
        padding: 2rem
    }
}

.services-about__logos-heading,
.services-about__tile-content {
    color: #9da5b2
}

.services-clients {
    padding: 3rem 0 0
}

@media (min-width:768px) {
    .services-clients {
        padding: 5rem 0 1rem;
        padding-bottom: 2rem
    }
}

.services-clients__header {
    margin: 0 auto;
    max-width: 36.625rem;
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .services-clients__header {
        padding-bottom: 3rem
    }
}

@media (min-width:1180px) {
    .services-clients__header {
        padding-bottom: 3.5rem
    }
}

.services-clients__heading {
    padding-bottom: .5rem
}

@media (min-width:1180px) {
    .services-clients__heading {
        padding-bottom: 1rem
    }
}

.services-clients__logos {
    justify-content: center
}

.services-clients__logo-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 3rem
}

.services-clients__logo {
    max-height: 2.5rem
}

.services-navigation {
    background: #fff;
    box-shadow: 0 .25rem 2rem hsla(0, 0%, 9%, .16);
    left: 0;
    padding: .75rem 0;
    position: fixed;
    top: 0;
    transition: transform .25s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out;
    width: 100%;
    z-index: 999
}

@media (min-width:768px) {
    .services-navigation {
        padding: 0
    }
}

.services-navigation.has-offset {
    transform: translateY(4rem)
}

@media (min-width:992px) {
    .services-navigation.has-offset {
        transform: translateY(4.5rem)
    }
}

.services-navigation--top {
    background: transparent;
    box-shadow: none
}

.services-navigation__title {
    padding-bottom: .5rem
}

@media (min-width:768px) {
    .services-navigation__title {
        display: none
    }
}

.services-navigation__dropdown {
    position: relative
}

@media (max-width:767.98px) {

    .services-navigation__active-item,
    .services-navigation__items {
        border: .0625rem solid #ced0ff;
        border-radius: .25rem
    }

    .services-navigation__items {
        background: #fff;
        display: none;
        left: 0;
        max-height: 70vh;
        overflow-y: auto;
        position: absolute;
        top: 0;
        width: 100%
    }

        .services-navigation__items.is-visible {
            box-shadow: 0 .5rem 2rem hsla(0, 0%, 9%, .08);
            display: block
        }
}

@media (min-width:768px) {
    .services-navigation__items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .services-navigation__item {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:1366px) {
    .services-navigation__item {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

.services-navigation__dropdown-icon {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem
}

@media (min-width:768px) {
    .services-navigation__dropdown-icon {
        display: none
    }
}

.services-navigation__dropdown-icon svg {
    width: .625rem
}

.services-navigation__items.is-visible + .services-navigation__dropdown-icon {
    transform: scaleY(-1);
    transform-origin: 50%
}

@media (max-width:767.98px) {
    .services-navigation__item {
        padding-right: 2rem
    }
}

.services-navigation__link {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    margin: .25rem 0 .25rem .25rem;
    padding: .75rem;
    transition: color .3s ease
}

@media (max-width:767.98px) {
    .services-navigation__link {
        white-space: nowrap
    }
}

@media (min-width:768px) {
    .services-navigation__link {
        color: #9da5b2;
        height: 100%;
        justify-content: center;
        margin: 0;
        padding: .75rem .5rem
    }
}

.services-navigation__link.is-active {
    background: #f3f7fb;
    color: #000ee6
}

@media (min-width:768px) {
    .services-navigation__link.is-active {
        background: transparent;
        position: relative
    }

        .services-navigation__link.is-active:after {
            background: #000ee6;
            bottom: 0;
            content: "";
            display: block;
            height: .125rem;
            left: 0;
            position: absolute;
            width: 100%
        }
}

.services-navigation__link-icon {
    flex: 0 0 1rem;
    height: 1rem;
    margin-right: .625rem;
    max-width: 1rem
}

@media (min-width:768px) {
    .services-navigation__link-icon {
        display: none
    }
}

.services-navigation__link-icon * {
    stroke: #9da5b2
}

.services-navigation__active-item {
    color: #000ee6;
    cursor: pointer
}

@media (min-width:768px) {
    .services-navigation__active-item {
        display: none
    }
}

.services-navigation__active-item svg * {
    stroke: #000ee6
}

.aws-partner-hero {
    padding-top: 7.5rem
}

.aws-partner-hero__partner-logo {
    max-width: 10rem
}

@media (min-width:1180px) {
    .aws-partner-hero__partner-logo {
        flex: 0 0 12.5rem;
        max-width: 12.5rem
    }
}

.aws-partner-hero__certificates-items {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 1.75rem
}

@media (min-width:1180px) {
    .aws-partner-hero__certificates-items {
        margin: 0;
        max-width: 47.5rem;
        padding-bottom: 0
    }
}

@media (min-width:1366px) {
    .aws-partner-hero__certificates-items {
        max-width: 52.5rem
    }
}

.aws-partner-hero__certificate {
    flex: 0 0 50%;
    max-width: 50%;
    padding: .75rem .5rem
}

@media (min-width:768px) {
    .aws-partner-hero__certificate {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding: 1rem
    }
}

@media (min-width:1180px) {
    .aws-partner-hero__certificate {
        flex: 0 0 11.875rem;
        max-width: 11.875rem
    }
}

@media (min-width:1366px) {
    .aws-partner-hero__certificate {
        flex: 0 0 auto;
        max-width: 8.75rem
    }
}

.aws-partner-hero__certificate img {
    width: 7rem
}

.aws-partner-technologies {
    padding-top: 7.5rem
}

.aws-partner-technologies__heading {
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .aws-partner-technologies__container {
        max-width: 58.25rem
    }
}

.aws-partner-team {
    padding-bottom: 7.5rem
}

@media (min-width:1180px) {
    .aws-partner-team {
        padding-bottom: 11.25rem
    }

    .aws-partner-team__header {
        max-width: 31.875rem
    }
}

.aws-partner-team__title {
    padding-bottom: 1.25rem
}

@media (min-width:1180px) {
    .aws-partner-team__viewport {
        overflow: hidden
    }
}

@media (max-width:1179.98px) {
    .aws-partner-team__list {
        flex-wrap: nowrap;
        margin-right: -100%
    }

        .aws-partner-team__list.slick-slider {
            margin-right: -100%
        }
}

.aws-partner-team__list .slick-slide {
    box-sizing: border-box;
    max-width: 50vw;
    width: 100%
}

@media (min-width:768px) {
    .aws-partner-team__list .slick-slide {
        max-width: 224px
    }
}

@media (min-width:1180px) {
    .aws-partner-team .is-sticky {
        position: sticky;
        top: 5rem
    }
}

.aws-partner-team-member {
    align-self: flex-start;
    padding-bottom: 1.5rem
}

.aws-partner-team-member__image {
    border-radius: 1.5rem;
    margin-bottom: .75rem;
    overflow: hidden;
    padding-top: 100%;
    position: relative
}

    .aws-partner-team-member__image img {
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

.aws-partner-team-member__name,
.aws-partner-team-member__position {
    line-height: 1.1
}

.page-template-template-case-study {
    overflow: visible
}

.case-study-page {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .case-study-page {
        padding-bottom: 12.5rem
    }
}

.case-study-page section {
    margin: 0
}

.case-study-page img {
    height: auto;
    max-width: 100%
}

.case-study-page .button,
.case-study-page .hubspot-form .hs-button,
.hubspot-form .case-study-page .hs-button {
    border-radius: 4rem
}

.case-study-page .button__arrow {
    align-self: center;
    margin-left: .75rem
}

.case-study-hero {
    background: #2b313b;
    padding: 5.25rem 0 6.5rem;
    position: relative
}

@media (min-width:768px) {
    .case-study-hero {
        padding: 8.25rem 0 11.5rem
    }
}

.case-study-hero__background img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.case-study-hero__back-link {
    align-items: center;
    display: inline-flex
}

    .case-study-hero__back-link:focus,
    .case-study-hero__back-link:hover {
        color: #fff
    }

.case-study-hero__back-link-icon {
    margin-right: .5rem
}

    .case-study-hero__back-link-icon * {
        stroke: #fff
    }

.case-study-hero__wrap {
    padding-top: 4rem
}

@media (min-width:1180px) {
    .case-study-hero__wrap {
        padding-top: 9.75rem
    }
}

@media (min-width:1680px) {
    .case-study-hero__wrap {
        padding-top: 15.875rem
    }
}

.case-study-hero__logo-row {
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .case-study-hero__logo-row {
        padding-bottom: 2rem
    }
}

@media (max-width:1179.98px) {
    .case-study-hero__share {
        display: none
    }
}

.case-study-hero__heading {
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .case-study-hero__heading {
        padding-bottom: 1rem
    }
}

.case-study-sections {
    padding-top: 5rem
}

@media (min-width:1180px) {
    .case-study-sections {
        padding-top: 10rem
    }
}

.case-study-about {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .case-study-about {
        padding-bottom: 12.25rem
    }
}

.case-study-about--alternative .case-study-about__wrap {
    background: #f3f7fb;
    border-radius: 1.5rem;
    padding: 3rem 2rem
}

@media (min-width:1180px) {
    .case-study-about--alternative .case-study-about__wrap {
        padding: 2rem 4.5rem
    }
}

.case-study-about__heading {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .case-study-about__heading {
        padding-bottom: 1.5rem
    }
}

.case-study-about__content {
    display: none
}

@media (max-width:1179.98px) {
    .case-study-about__content--mobile {
        display: block;
        padding-top: 2rem
    }
}

@media (min-width:1180px) {
    .case-study-about__content--desktop {
        display: block
    }

    .case-study-about__info-col {
        padding-top: .625rem
    }
}

.case-study-about__info + .case-study-about__info {
    padding-top: 1.125rem
}

@media (min-width:1180px) {
    .case-study-about__info + .case-study-about__info {
        padding-top: 1.625rem
    }
}

.case-study-about__label {
    padding-bottom: .5rem
}

.case-study-about__tiles {
    justify-content: center;
    padding-top: 2rem
}

@media (min-width:1180px) {
    .case-study-about__tiles {
        padding-top: 5rem
    }

    .case-study-about__tile {
        margin-bottom: 2rem
    }
}

.case-study-about__tile + .case-study-about__tile {
    margin-top: 1rem
}

@media (min-width:1180px) {
    .case-study-about__tile + .case-study-about__tile {
        margin-top: 0
    }
}

.case-study-about__tile-body {
    background: #f3f7fb;
    border-radius: 1.5rem;
    height: 100%;
    padding: 3rem 2rem
}

.case-study-text-section {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .case-study-text-section {
        padding-bottom: 10rem
    }

    .case-study-text-section__heading-col {
        align-self: flex-start;
        position: sticky;
        top: 7.75rem
    }
}

.case-study-text-section__heading {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .case-study-text-section__heading {
        padding-bottom: 0
    }
}

.case-study-text-section__content p:last-of-type {
    margin-bottom: 1.5rem
}

.case-study-text-section__content p:last-child {
    margin-bottom: 0
}

.case-study-text-section__content em,
.case-study-text-section__content h3 {
    font-size: 1.125rem
}

.case-study-text-section__content h3 {
    padding-bottom: 1rem
}

@media (min-width:1180px) {
    .case-study-text-section__content h3 {
        font-size: 2rem;
        padding-bottom: 2rem
    }

    .case-study-text-section__content em {
        font-size: 1.75rem
    }
}

.case-study-text-section__content ul li:before {
    top: .4em
}

.case-study-text-section__content ol {
    list-style: decimal
}

    .case-study-text-section__content ol,
    .case-study-text-section__content ol li {
        padding-left: 1rem
    }

        .case-study-text-section__content ol li {
            margin-bottom: 1.5rem
        }

.case-study-image-set {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .case-study-image-set {
        padding-bottom: 12.25rem
    }
}

.case-study-image-set__image-wrap + .case-study-image-set__image-wrap {
    margin-top: 3rem
}

@media (min-width:1180px) {
    .case-study-image-set__image-wrap + .case-study-image-set__image-wrap {
        margin-top: 6rem
    }
}

.case-study-image-set__image {
    display: block;
    margin: 0 auto
}

.case-study-image-set__caption {
    font-style: italic;
    padding-top: .875rem
}

    .case-study-image-set__caption a {
        color: #000ee6
    }

.case-study-comparison {
    padding-bottom: 3.5rem
}

@media (min-width:1180px) {
    .case-study-comparison {
        padding-bottom: 6.125rem
    }
}

.case-study-comparison__heading {
    padding-bottom: 3.5rem
}

@media (min-width:1180px) {
    .case-study-comparison__heading {
        padding-bottom: 7.5rem
    }
}

.case-study-comparison__heading-label {
    color: #ced2d9;
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .case-study-comparison__heading-label {
        padding-bottom: 1rem
    }
}

.case-study-comparison__label {
    padding-bottom: 1.5rem
}

.case-study-comparison__label--before {
    color: #ff3d2e
}

.case-study-comparison__separator-col {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 2rem;
    padding-top: 2rem
}

.case-study-comparison__arrow {
    transform: rotate(90deg)
}

@media (min-width:1180px) {
    .case-study-comparison__arrow {
        transform: none
    }
}

.case-study-comparison__arrow * {
    stroke: #2b313b
}

.case-study-embed {
    padding-bottom: 3.5rem
}

.case-study-embed__container {
    position: relative
}

.case-study-embed__button {
    align-items: center;
    -webkit-backdrop-filter: blur(1.25rem);
    backdrop-filter: blur(1.25rem);
    background: hsla(0, 0%, 100%, .15);
    border-radius: 1.5rem;
    display: inline-flex;
    left: 50%;
    padding: 1rem 1.5rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100
}

@media (max-width:1179.98px) {
    .case-study-embed__button-label {
        display: none
    }
}

@media (min-width:1180px) {
    .case-study-embed__button-icon {
        margin-left: .875rem
    }
}

.case-study-embed__button-loading {
    animation: container-rotate 1s linear infinite;
    display: none;
    height: auto;
    width: 1.5rem
}

.case-study-embed__button.is-loading .case-study-embed__button-play {
    display: none
}

.case-study-embed__button.is-loading .case-study-embed__button-loading {
    display: block
}

.case-study-embed__media-element {
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.case-study-embed .image {
    border-radius: 1.5rem
}

.case-study-embed iframe,
.case-study-text-section__content iframe {
    aspect-ratio: 16/9;
    height: 100%;
    width: 100%
}

.case-study-used-tech {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .case-study-used-tech {
        padding-bottom: 12.25rem;
        padding-top: 6.125rem
    }
}

.case-study-used-tech__header {
    margin: 0 auto;
    max-width: 51.5rem;
    padding-bottom: 3rem
}

@media (min-width:1180px) {
    .case-study-used-tech__header {
        padding-bottom: 3.5rem
    }
}

.case-study-used-tech__items {
    padding-top: 1rem
}

@media (min-width:768px) {
    .case-study-used-tech__items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 2rem
    }
}

.case-study-used-tech__item {
    padding-bottom: .5rem
}

@media (min-width:768px) {
    .case-study-used-tech__item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 .375rem 1rem
    }
}

@media (min-width:1180px) {
    .case-study-used-tech__item {
        flex: 0 0 auto;
        max-width: none
    }
}

.case-study-used-tech__link {
    border-radius: .5rem;
    display: block;
    padding: 1rem;
    transition: background-color .3s ease-in-out
}

    .case-study-used-tech__link:focus,
    .case-study-used-tech__link:hover {
        background: #f3f7fb
    }

.case-study-articles {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .case-study-articles {
        padding-bottom: 12.25rem
    }
}

.case-study-articles__heading {
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .case-study-articles__heading {
        padding-bottom: 5rem
    }
}

.case-study-articles__content-col {
    align-self: center
}

@media (min-width:1180px) {
    .case-study-articles__content-col {
        padding-left: 3rem
    }
}

.case-study-articles__article {
    padding-bottom: 3rem
}

@media (min-width:1180px) {
    .case-study-articles__article {
        padding-bottom: 3.5rem
    }
}

.case-study-articles__image img {
    border-radius: 1.5rem;
    display: block;
    margin: 0 auto 1.5rem
}

@media (min-width:1180px) {
    .case-study-articles__image img {
        margin-bottom: 0
    }
}

.case-study-articles__title {
    padding-bottom: 1rem
}

@media (min-width:1180px) {
    .case-study-articles__title {
        padding-bottom: 1.5rem
    }
}

.case-study-articles__link {
    padding-top: 1rem
}

@media (min-width:1180px) {
    .case-study-articles__link {
        padding-top: 3.25rem
    }
}

.case-study-testimonial {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .case-study-testimonial {
        padding: 4.5rem 0 14.5rem
    }
}

.case-study-summary {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .case-study-summary {
        padding-bottom: 13.75rem
    }
}

@media (max-width:1179.98px) {
    .case-study-summary__content-col {
        margin: 0 auto;
        max-width: 31.25rem
    }
}

@media (min-width:1180px) {
    .case-study-summary__content-col {
        align-self: flex-start;
        position: sticky;
        top: 7.75rem
    }
}

.case-study-summary__heading {
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .case-study-summary__heading {
        padding-bottom: 2rem
    }
}

.case-study-summary__content {
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .case-study-summary__content {
        padding-bottom: 0
    }
}

.case-study-summary__link-wrap {
    padding-top: 3rem
}

@media (min-width:1180px) {
    .case-study-summary__link-wrap {
        padding-top: 3.375rem
    }

    .case-study-summary__link-wrap--mobile {
        display: none
    }
}

.case-study-summary__link-wrap--desktop {
    display: none
}

@media (min-width:1180px) {
    .case-study-summary__link-wrap--desktop {
        display: block
    }
}

.case-study-summary__item + .case-study-summary__item {
    padding-top: 1.5rem
}

@media (min-width:1180px) {
    .case-study-summary__item + .case-study-summary__item {
        padding-top: 4rem
    }

    .case-study-summary__item-heading {
        padding-bottom: 1rem
    }
}

@media (max-width:1179.98px) {
    .case-study-summary__item-content {
        display: none
    }
}

.case-study-summary__image {
    display: block;
    padding-top: 3rem
}

.case-study-projects {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .case-study-projects {
        padding-bottom: 12.5rem
    }
}

.case-study-projects__header {
    padding-bottom: 3rem
}

@media (min-width:1180px) {
    .case-study-projects__header {
        padding-bottom: 5rem
    }
}

.case-study-projects__heading {
    padding-bottom: 1rem
}

.case-study-projects__item + .case-study-projects__item {
    padding-top: 1.5rem
}

@media (min-width:768px) {
    .case-study-projects__item + .case-study-projects__item {
        padding-top: 0
    }
}

.case-study-projects__item-wrap {
    border-radius: 1.5rem;
    display: block;
    overflow: hidden;
    padding: 1.5rem;
    position: relative;
    transition: transform .3s ease-in-out, box-shadow .3s ease-in-out
}

@media (min-width:1180px) {
    .case-study-projects__item-wrap {
        padding: 4rem 2rem 2.5rem
    }
}

.case-study-projects__item-wrap:focus,
.case-study-projects__item-wrap:hover {
    box-shadow: 0 2rem 3rem rgba(43, 49, 59, .3);
    color: #fff;
    transform: translateY(-1rem)
}

.case-study-projects__item-image img,
.case-study-projects__item-image:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.case-study-projects__item-image:after {
    background-image: linear-gradient(180deg, transparent, #2b313b);
    content: "";
    display: block
}

.case-study-projects__item-image img {
    object-fit: cover
}

.case-study-projects__item-logo {
    display: none;
    max-height: 3.75rem;
    width: auto
}

@media (min-width:1180px) {
    .case-study-projects__item-logo {
        display: block
    }
}

.case-study-projects__item-description {
    padding-top: 9.625rem
}

@media (min-width:1180px) {
    .case-study-projects__item-description {
        padding-top: 13.75rem
    }
}

.page-template-template-portfolio {
    overflow-x: visible
}

.portfolio-page {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .portfolio-page {
        padding-bottom: 10rem
    }
}

.portfolio-page img {
    height: auto;
    max-width: 100%
}

.portfolio-image-overlay {
    background: #262b33;
    position: relative
}

    .portfolio-image-overlay img {
        opacity: var(--image-transparency, 1)
    }

.portfolio-hero {
    padding: 6.25rem 0 4rem
}

@media (min-width:1180px) {
    .portfolio-hero {
        padding: 11.375rem 0 8rem
    }

    .portfolio-hero__container {
        max-width: 51.5rem
    }
}

.portfolio-hero__label {
    padding-bottom: 1rem
}

@media (min-width:1180px) {
    .portfolio-hero__label {
        padding-bottom: 1.5rem
    }
}

.portfolio-hero__heading {
    padding-bottom: 1.5rem
}

.portfolio-featured__project {
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .portfolio-featured__project {
        padding-bottom: 7.5rem
    }
}

.portfolio-featured__logo {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .portfolio-featured__logo {
        padding-bottom: 3.5rem
    }
}

.portfolio-featured__description,
.portfolio-featured__title {
    padding-bottom: 1rem
}

@media (min-width:1180px) {
    .portfolio-featured__description {
        padding-bottom: 1.5rem
    }
}

.portfolio-featured__image {
    border-radius: 1.5rem;
    line-height: 0;
    margin-bottom: 2rem;
    overflow: hidden
}

@media (min-width:1180px) {
    .portfolio-featured__image {
        border-radius: 1rem;
        margin-bottom: 0
    }
}

.portfolio-featured__link:focus-visible {
    border-radius: 5px;
    outline: 1px solid #000;
    padding: 3px 10px 3px 3px
}

.portfolio-projects {
    padding: 4.5rem 0 5rem
}

@media (min-width:1180px) {
    .portfolio-projects {
        padding: 2.5rem 0 7.5rem
    }
}

.portfolio-projects__label {
    color: #000ee6;
    padding-bottom: .5rem
}

.portfolio-projects__heading {
    padding-bottom: 4rem
}

@media (min-width:1180px) {
    .portfolio-projects__heading {
        padding-bottom: 10rem
    }
}

.portfolio-projects__heading b,
.portfolio-projects__heading strong {
    color: #9da5b2
}

@media (min-width:1180px) {
    .portfolio-projects__filters-col {
        max-height: calc(100vh - 17.5rem);
        overflow-y: auto;
        position: sticky;
        top: 12.5rem
    }
}

.portfolio-projects__item {
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .portfolio-projects__item {
        padding-bottom: 3rem
    }
}

.portfolio-projects__image-wrap {
    display: inline-block;
    line-height: 0;
    margin-bottom: 1rem;
    position: relative
}

.portfolio-projects__logo {
    left: 50%;
    max-width: 60%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.portfolio-projects__image {
    border-radius: 1rem;
    overflow: hidden;
    transform: scaleZ(1)
}

    .portfolio-projects__image img {
        transition: transform .3s ease-in-out
    }

.portfolio-projects__item-body:hover .portfolio-projects__image img {
    transform: scale(1.2)
}

.portfolio-projects__item-body:focus-within {
    border-radius: .3125rem;
    outline: .125rem solid #000;
    outline-offset: .125rem
}

    .portfolio-projects__item-body:focus-within a:focus {
        outline: none
    }

.portfolio-projects__load-more .button__icon {
    align-self: center
}

.portfolio-projects__load-more:focus .button__icon *,
.portfolio-projects__load-more:hover .button__icon * {
    fill: #fff
}

.portfolio-filters {
    border: .0625rem solid #000;
    border-radius: .5rem;
    margin-bottom: 1rem;
    position: relative
}

@media (min-width:1180px) {
    .portfolio-filters {
        border: none;
        margin-bottom: 0
    }

        .portfolio-filters + .portfolio-filters {
            margin-top: 2.875rem
        }
}

.portfolio-filters__items {
    padding-top: 2rem
}

@media (max-width:1179.98px) {
    .portfolio-filters__items {
        background: #fff;
        border: .0625rem solid #ced2d9;
        border-radius: .5rem;
        left: 0;
        margin-top: .5rem;
        max-height: 26.25rem;
        opacity: 0;
        overflow-y: auto;
        padding: 1rem .5rem;
        position: absolute;
        top: 100%;
        transform: translateY(1.875rem);
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out;
        visibility: hidden;
        width: 100%;
        z-index: 300
    }

        .portfolio-filters__items.is-visible {
            opacity: 1;
            transform: translateY(0);
            visibility: visible
        }
}

@media (min-width:1180px) {
    .portfolio-filters__items {
        display: none
    }

        .portfolio-filters__items.is-active {
            display: block
        }
}

.portfolio-filters__title {
    display: none
}

@media (min-width:1180px) {
    .portfolio-filters__title {
        display: block
    }
}

.portfolio-filters__title-inner {
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-flex;
    padding: 0
}

    .portfolio-filters__title-inner:focus-visible {
        border-radius: .3125rem;
        outline: .0625rem solid #000;
        outline-offset: .1875rem
    }

.portfolio-filters__title-icon {
    align-self: center;
    height: .625rem;
    margin-left: 1rem;
    transform: rotate(-90deg);
    width: .625rem
}

.portfolio-filters__title.is-active .portfolio-filters__title-icon {
    transform: rotate(0)
}

.portfolio-filters__active,
.portfolio-filters__link {
    display: block;
    padding: 1rem
}

@media (min-width:1180px) {

    .portfolio-filters__active,
    .portfolio-filters__link {
        padding: 0
    }
}

.portfolio-filters__active {
    cursor: pointer;
    display: flex
}

@media (min-width:1180px) {
    .portfolio-filters__active {
        display: none
    }
}

.portfolio-filters__dropdown-icon {
    align-self: center;
    height: auto;
    margin-left: auto;
    width: .625rem
}

@media (min-width:1180px) {
    .portfolio-filters__item + .portfolio-filters__item {
        padding-top: 1.25rem
    }
}

.portfolio-filters__link {
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    width: 100%
}

@media (min-width:1180px) {
    .portfolio-filters__link {
        width: auto
    }
}

.portfolio-filters__link:hover {
    color: #000ee6
}

@media (max-width:1179.98px) {
    .portfolio-filters__link:hover {
        background: #f3f7fb
    }
}

.portfolio-filters__link.is-active {
    color: #000ee6
}

.portfolio-filters__link.is-inactive {
    color: #ced2d9
}

.portfolio-filters__link:focus-visible {
    border-radius: .3125rem;
    outline: .0625rem solid #000;
    outline-offset: .1875rem
}

.portfolio-testimonial__label {
    padding-bottom: 1rem
}

.portfolio-testimonial__header {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .portfolio-testimonial__header {
        max-width: 38.125rem;
        padding-bottom: 7.5rem
    }
}

.portfolio-testimonial__container {
    padding-bottom: 3rem;
    position: relative
}

@media (min-width:768px) {
    .portfolio-testimonial__container {
        padding-bottom: 5.5rem;
        padding-top: 5.5rem
    }
}

.portfolio-testimonial__container:before {
    background: #f3f7fb;
    border-radius: 1.5rem;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 7rem;
    width: 100%
}

@media (min-width:768px) {
    .portfolio-testimonial__container:before {
        top: 0;
        width: 75%
    }
}

.portfolio-testimonial__row {
    align-items: center
}

.portfolio-testimonial__image {
    display: block;
    padding: 0 2.625rem 2.5rem
}

@media (min-width:768px) {
    .portfolio-testimonial__image {
        padding: 0
    }
}

.portfolio-testimonial__image img {
    border-radius: 1.5rem
}

.portfolio-testimonial__logo {
    margin-bottom: 1.5rem
}

.portfolio-testimonial__content {
    padding-bottom: 2rem
}

.portfolio-testimonial__author {
    padding-top: 1.5rem
}

.portfolio-logos {
    padding: 4rem 0 3.5rem
}

@media (min-width:1180px) {
    .portfolio-logos {
        padding: 7.5rem 0 8.125rem
    }
}

.portfolio-logos__row {
    justify-content: center
}

.portfolio-logos__item {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 3.5rem
}

@media (min-width:1180px) {
    .portfolio-logos__item {
        padding-bottom: 4.375rem
    }
}

.portfolio-logos__item a:focus-visible {
    border-radius: .3125rem;
    outline: .0625rem solid #000;
    outline-offset: .1875rem
}

.portfolio-logos__logo {
    max-height: 4.0625rem
}

.portfolio-stats {
    padding-bottom: 7rem
}

@media (min-width:1180px) {
    .portfolio-stats {
        padding-bottom: 10rem
    }
}

.portfolio-stats__heading {
    padding-bottom: 4rem
}

@media (min-width:1180px) {
    .portfolio-stats__heading {
        padding-bottom: 7.875rem
    }
}

.portfolio-stats__items {
    padding-bottom: 7rem
}

@media (min-width:1180px) {
    .portfolio-stats__items {
        padding-bottom: 10.5625rem
    }
}

.portfolio-stats__item {
    padding: 0 0 2.5rem
}

@media (min-width:1180px) {
    .portfolio-stats__item {
        padding: 0 4rem
    }
}

.portfolio-stats__image {
    display: block;
    text-align: center
}

.portfolio-badge {
    display: flex;
    justify-content: center;
    margin-bottom: .875rem
}

@media (min-width:1180px) {
    .portfolio-badge {
        display: inline-flex;
        margin-bottom: 0;
        vertical-align: middle
    }
}

.portfolio-badge__body {
    background: #dbe7ec;
    border-radius: .5rem;
    display: inline-block;
    font-size: .75rem;
    margin-right: .375rem;
    padding: .5rem
}

    .portfolio-badge__body:hover {
        color: #161616
    }

    .portfolio-badge__body:focus-visible {
        border-radius: .3125rem;
        outline: .0625rem solid #000;
        padding: .4375rem
    }

.portfolio-badge--alt .portfolio-badge__body {
    background: #c4f0fe
}

#project-filters:focus-within,
#projects-container:focus-within {
    overflow: visible !important
}

.about-us-section-label {
    padding-bottom: .4375rem
}

@media (min-width:1180px) {
    .about-us-section-label {
        padding-bottom: 1.5rem
    }
}

.about-us-slider-item {
    display: none
}

    .about-us-slider-item:first-of-type {
        display: block
    }

.about-us-slider-nav {
    align-items: center;
    display: none;
    justify-content: space-between;
    padding: 1.875rem 0 2.875rem
}

@media (min-width:1180px) {
    .about-us-slider-nav {
        display: flex;
        padding: 2.5rem 0 0
    }
}

.about-us-slider-nav--mobile {
    display: flex
}

@media (min-width:1180px) {
    .about-us-slider-nav--mobile {
        display: none
    }
}

.about-us-slider-nav__button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0
}

    .about-us-slider-nav__button svg {
        height: 1.5rem;
        width: 1.5rem
    }

        .about-us-slider-nav__button svg * {
            stroke: #000ee6
        }

    .about-us-slider-nav__button.is-disabled svg * {
        stroke: #838c9a
    }

.about-us-hero {
    background: #2b313b;
    padding: 12.5rem 0;
    position: relative
}

@media (min-width:1180px) {
    .about-us-hero {
        padding: 22.75rem 0 3.75rem
    }
}

.about-us-hero__background img,
.about-us-hero__background video {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.about-us-hero__background picture.is-disabled {
    visibility: hidden
}

.about-us-hero__label {
    padding-bottom: 1.125rem
}

@media (min-width:1180px) {
    .about-us-hero__label {
        padding-bottom: 1.75rem
    }
}

.about-us-hero__heading {
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .about-us-hero__heading {
        padding-bottom: 1rem
    }
}

.about-us-hero__video {
    display: none
}

@media (min-width:1180px) {
    .about-us-hero__video {
        display: block;
        padding-top: 1.5rem
    }
}

.about-us-hero__video-label {
    color: #9da5b2;
    padding: .75rem 0 .5rem
}

.about-us-hero__video-title {
    padding-bottom: .375rem
}

.about-us-hero__video svg * {
    stroke: #9da5b2
}

.about-us-story {
    padding: 5.125rem 0 3.875rem
}

@media (min-width:1180px) {
    .about-us-story {
        padding: 6.125rem 0
    }
}

.about-us-story__heading {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .about-us-story__heading {
        padding-bottom: 2.875rem
    }
}

.about-us-story__content {
    padding-bottom: 2.75rem
}

    .about-us-story__content p {
        margin-bottom: 0
    }

        .about-us-story__content p + p {
            margin-top: 2.1875rem
        }

        .about-us-story__content h3,
        .about-us-story__content h4,
        .about-us-story__content p + h2 {
            margin-top: 2.5rem
        }

@media (min-width:1180px) {

    .about-us-story__content h3,
    .about-us-story__content h4,
    .about-us-story__content p + h2 {
        margin-top: 3.125rem
    }
}

.about-us-story__content h2,
.about-us-story__content h3,
.about-us-story__content h4 {
    font-weight: 700;
    padding-bottom: 1.125rem
}

.about-us-story__content h2 {
    font-size: 2.5rem;
    letter-spacing: -.0625rem;
    line-height: 1.2;
    padding-bottom: 1.5rem
}

.about-us-story__content h3 {
    font-size: 1.5rem;
    letter-spacing: -.03125rem;
    line-height: 1.333
}

.about-us-story__content h4 {
    font-size: 1.25rem;
    letter-spacing: 0;
    line-height: 1.4
}

.about-us-story__image {
    padding: 2rem 0
}

@media (min-width:1180px) {
    .about-us-story__image {
        padding: 3.375rem 16.6666666667% 3.375rem 0
    }
}

.about-us-story__image:before {
    background: #f3f7fb;
    border-radius: .875rem;
    bottom: 0;
    right: -2rem;
    top: 0;
    width: 60%;
    z-index: -1
}

@media (min-width:1180px) {
    .about-us-story__image:before {
        border-radius: 1.5rem;
        right: 0;
        width: 50%
    }
}

.about-us-story__image .image {
    border-radius: .625rem
}

@media (min-width:1180px) {
    .about-us-story__image .image {
        border-radius: 1rem
    }
}

.about-us-values__header {
    padding-bottom: 5.75rem
}

@media (min-width:1180px) {
    .about-us-values__header {
        padding-bottom: 2.625rem
    }

    .about-us-values__nav-item:after,
    .about-us-values__nav:after {
        content: "";
        display: block
    }
}

.about-us-values__nav {
    display: none
}

@media (min-width:1180px) {
    .about-us-values__nav {
        display: block;
        padding-bottom: 3.625rem
    }
}

.about-us-values__nav:after {
    background: #e9edf5;
    height: .0625rem;
    width: 100%
}

@media (min-width:1180px) {
    .about-us-values__nav-container {
        display: flex;
        justify-content: space-between
    }
}

.about-us-values__nav-item {
    cursor: pointer
}

@media (min-width:1180px) {
    .about-us-values__nav-item:after {
        background: #fff;
        border: .0625rem solid #e9edf5;
        border-radius: 50%;
        height: 1.625rem;
        transform: translateY(50%);
        width: 1.625rem
    }
}

.about-us-values__nav-item.is-active:after {
    border-color: #000ee6
}

.about-us-values__nav-number {
    color: #3a43ff
}

.about-us-values__nav-label {
    color: #9da5b2
}

.about-us-values__nav-item.is-active .about-us-values__nav-label {
    color: #000ee6
}

@media (min-width:1180px) {
    .about-us-values__container {
        padding-bottom: 5.5rem;
        padding-top: 5.5rem
    }

        .about-us-values__container:before {
            background: #f3f7fb;
            border-radius: 1.5rem;
            bottom: 0;
            right: 0;
            top: 0;
            width: 70%;
            z-index: -1
        }
}

@media (min-width:1366px) {
    .about-us-values__content-col {
        padding-left: 2.625rem;
        padding-right: 2rem
    }
}

@media (max-width:1179.98px) {
    .about-us-values__content-wrap {
        background: #f3f7fb;
        border-radius: 0 0 1.5rem 1.5rem;
        padding: 0 1.125rem 3.5rem
    }
}

.about-us-values__item-heading {
    padding-bottom: 1rem
}

@media (min-width:1180px) {
    .about-us-values__item-heading {
        padding-bottom: .75rem
    }
}

.about-us-values__content {
    padding-bottom: 3.75rem
}

@media (min-width:1180px) {
    .about-us-values__content {
        padding-bottom: 0
    }
}

.about-us-values__image-col {
    text-align: center
}

@media (min-width:1180px) {
    .about-us-values__image-col:before {
        background-image: url(../images/templates/about-us/lines-decorator.svg);
        height: 3.875rem;
        left: -1.125rem;
        top: 3.25rem;
        width: 3.875rem;
        z-index: 1
    }
}

.about-us-values__image-col .image {
    border-radius: 1.5rem;
    margin: 0 auto
}

@media (min-width:1180px) {
    .about-us-values__image-col .image {
        margin: 0
    }
}

.about-us-values__count {
    color: #838c9a
}

.about-us-motivation {
    padding: 7.25rem 0 6.25rem
}

@media (min-width:1180px) {
    .about-us-motivation {
        padding: 17rem 0 3.875rem
    }
}

.about-us-motivation:before {
    background-image: url(../images/templates/about-us/blob-left.svg);
    background-position: 50%;
    height: 97.0625rem;
    left: -22.5rem;
    top: -8.75rem;
    width: 59.8125rem;
    z-index: -1
}

@media (min-width:1180px) {
    .about-us-motivation:before {
        left: 0;
        top: -4.375rem
    }
}

.about-us-motivation__header {
    padding-bottom: 4.375rem
}

@media (min-width:1180px) {
    .about-us-motivation__header {
        padding-bottom: 6.25rem
    }
}

.about-us-motivation__items-row {
    position: relative
}

@media (min-width:1180px) {
    .about-us-motivation__items-row {
        margin-bottom: 8rem
    }

        .about-us-motivation__items-row:before {
            background-image: url(../images/templates/about-us/dots-decorator.svg);
            background-position: 50%;
            height: 20.375rem;
            left: -11.25rem;
            top: 50%;
            transform: translateY(-50%);
            width: 19rem
        }
}

.about-us-motivation__items-row:nth-of-type(2n):before {
    left: auto;
    right: -11.25rem
}

.about-us-motivation__item {
    padding-bottom: 2.625rem
}

@media (min-width:1180px) {
    .about-us-motivation__item {
        padding-bottom: 0
    }

    .about-us-motivation__items-row:nth-of-type(2n) .about-us-motivation__item-body {
        flex-direction: row-reverse;
        text-align: right
    }
}

.about-us-motivation__content-col {
    align-self: center
}

.about-us-motivation__item-heading {
    padding-bottom: .875rem
}

.about-us-motivation .image {
    border-radius: 1.5rem;
    margin-bottom: 2rem
}

@media (min-width:1180px) {
    .about-us-motivation .image {
        margin-bottom: 0
    }
}

.about-us-people {
    padding-bottom: 6.25rem
}

@media (min-width:1180px) {
    .about-us-people {
        padding-bottom: 9rem
    }
}

.about-us-people__header {
    padding-bottom: 3.5rem
}

@media (min-width:1180px) {
    .about-us-people__header {
        padding-bottom: 5.75rem
    }
}

.about-us-people__wrap {
    margin: 0 auto;
    max-width: 68.75rem
}

.about-us-people__person-col {
    position: relative
}

.about-us-people__person {
    opacity: 1;
    padding-bottom: 4.5rem;
    position: static;
    transform: none;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    visibility: visible
}

@media (max-width:767.98px) {
    .about-us-people__person.hide-m {
        opacity: 0;
        position: absolute;
        transform: translateY(5rem);
        visibility: hidden
    }
}

@media (max-width:1179.98px) {
    .about-us-people__person.hide-t {
        opacity: 0;
        position: absolute;
        transform: translateY(5rem);
        visibility: hidden
    }
}

.about-us-people__image {
    margin-bottom: 1.125rem;
    max-width: 11.0625rem;
    position: relative
}

    .about-us-people__image .image {
        display: block
    }

.about-us-people__image-background {
    background: #fff;
    border-radius: 1rem;
    bottom: 0;
    box-shadow: 0 2.5rem 12.5rem 1rem #edf4ff;
    left: 0;
    padding-top: 85%;
    position: absolute;
    width: 85%;
    z-index: -1
}

    .about-us-people__image-background:after {
        background-image: url(../images/templates/about-us/dots-small.svg);
        bottom: 75%;
        height: 3rem;
        left: 0;
        width: 3rem
    }

.about-us-people__person-col:nth-child(2n) .about-us-people__image-background,
.about-us-people__person-col:nth-child(2n) .about-us-people__image-background:after {
    left: auto;
    right: 0
}

    .about-us-people__person-col:nth-child(2n) .about-us-people__image-background:after {
        top: 50%;
        transform: translate(.75rem, -50%)
    }

.about-us-people__position {
    color: #838c9a
}

@media (min-width:1180px) {
    .about-us-people__button-wrap {
        display: none
    }
}

.about-us-people.loaded .about-us-people__button-wrap {
    display: none
}

.about-us-people__button {
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none
}

    .about-us-people__button:focus .link__icon,
    .about-us-people__button:hover .link__icon {
        transform: none
    }

.about-us-initiatives {
    padding-bottom: 6.75rem
}

@media (min-width:1180px) {
    .about-us-initiatives {
        padding-bottom: 12.875rem
    }
}

.about-us-initiatives__header {
    padding-bottom: 5.375rem
}

@media (min-width:1180px) {
    .about-us-initiatives__header {
        padding-bottom: 6.75rem
    }
}

.about-us-initiatives__image,
.about-us-initiatives__image-col {
    position: relative
}

@media (min-width:1180px) {
    .about-us-initiatives__image-col {
        align-self: flex-start;
        padding-bottom: 3.375rem;
        padding-top: 3.375rem
    }

        .about-us-initiatives__image-col:before {
            background: #f3f7fb;
            border-radius: 1.5rem;
            bottom: 0;
            left: -3.75rem;
            top: 0;
            width: 70%;
            z-index: -1
        }
}

@media (min-width:1366px) {
    .about-us-initiatives__image-col {
        padding-left: 8.3333333333%
    }

        .about-us-initiatives__image-col:before {
            left: 0
        }
}

@media (min-width:1180px) {
    .about-us-initiatives__image:after {
        background-image: url(../images/templates/about-us/lines-decorator.svg);
        height: 3.875rem;
        left: -1.875rem;
        top: 2.25rem;
        transform: scaleX(-1);
        width: 3.875rem
    }
}

.about-us-initiatives__image .image {
    border-radius: 1rem
}

.about-us-initiatives__content-col {
    align-self: center;
    display: flex;
    flex-direction: column
}

    .about-us-initiatives__content-col .link {
        margin-top: 2.8125rem
    }

.about-us-initiatives__components ul li,
.about-us-initiatives__item-content ul li {
    margin-bottom: 0
}

    .about-us-initiatives__components ul li:before,
    .about-us-initiatives__item-content ul li:before {
        border: none;
        height: .75rem;
        width: .75rem
    }

.about-us-initiatives__item-content ul {
    padding: 2.5rem 0 0
}

    .about-us-initiatives__item-content ul li {
        padding-left: 2.25rem
    }

        .about-us-initiatives__item-content ul li:before {
            top: .75rem
        }

.about-us-initiatives__logo {
    padding-bottom: 3.625rem
}

@media (max-width:1179.98px) {
    .about-us-initiatives__logo {
        display: none
    }
}

.about-us-initiatives__item-heading {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .about-us-initiatives__item-heading {
        padding-bottom: 1.5rem
    }
}

.about-us-initiatives__item-content {
    line-height: 2
}

@media (min-width:1180px) {
    .about-us-initiatives__item-content {
        padding-bottom: 1.25rem
    }
}

.about-us-initiatives__slider-nav {
    display: flex;
    padding-bottom: 1.25rem
}

@media (max-width:1179.98px) {
    .about-us-initiatives__slider-nav {
        order: -1
    }
}

.about-us-initiatives .slick-slide {
    height: auto
}

@media (min-width:1180px) {
    .about-us-quotes:before {
        background-image: url(../images/templates/about-us/blob-right.svg);
        height: 69.6875rem;
        right: 0;
        top: 10rem;
        width: 53.375rem;
        z-index: -1
    }
}

.about-us-quotes__header {
    padding-bottom: 4rem
}

@media (min-width:1180px) {
    .about-us-quotes__header {
        padding-bottom: 6.875rem
    }
}

.about-us-awards {
    padding: 5.125rem 0 8.5rem
}

@media (min-width:1180px) {
    .about-us-awards {
        padding: 12.5rem 0 9rem
    }
}

.about-us-awards__header {
    padding-bottom: 4rem
}

@media (min-width:1180px) {
    .about-us-awards__header {
        padding-bottom: 5.375rem
    }
}

.about-us-awards__item {
    margin-bottom: 1.625rem
}

.about-us-awards__item-body {
    align-items: center;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 .25rem 12.5rem #edf4ff;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 18.75rem
}

@media (min-width:768px) {
    .about-us-awards__item-body {
        padding: 2.5rem
    }
}

.about-us-locations {
    padding-bottom: 6.25rem
}

@media (min-width:1180px) {
    .about-us-locations:before {
        background-image: url(../images/templates/about-us/blob-right.svg);
        height: 48.8125rem;
        right: 0;
        top: 10rem;
        width: 37.4375rem;
        z-index: -1
    }
}

.about-us-locations__header {
    padding-bottom: 4rem
}

@media (min-width:1180px) {
    .about-us-locations__header {
        padding-bottom: 5.375rem
    }
}

.about-us-locations__item + .about-us-locations__item {
    padding-top: 4rem
}

@media (min-width:1180px) {
    .about-us-locations__item + .about-us-locations__item {
        padding-top: 6rem
    }
}

.about-us-locations__item .subheading-label {
    color: #838c9a;
    padding-bottom: .75rem
}

.about-us-locations__image {
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .about-us-locations__image {
        padding-bottom: 0
    }
}

.about-us-locations__image .image {
    border-radius: 1.5rem
}

.about-us-locations__address {
    padding: .5625rem 0 1.375rem
}

@media (min-width:992px) {
    .about-us-stats {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.about-us-stats__item {
    flex: 0 0 auto;
    padding-top: 3rem
}

.about-us-stats__item-label {
    color: #838c9a
}

.about-us-text-image {
    padding-top: 2.25rem
}

.about-us-text-image__row + .about-us-text-image__row {
    margin-top: 2.5rem
}

@media (min-width:1180px) {
    .about-us-text-image__row + .about-us-text-image__row {
        margin-top: 1.25rem
    }
}

.about-us-text-image__heading {
    padding-bottom: .875rem
}

.industry-heading-label {
    padding-bottom: 1.5rem
}

.industry-section-heading {
    padding-bottom: 2.5625rem
}

@media (min-width:1180px) {
    .industry-section-heading {
        padding-bottom: 2.875rem
    }
}

.industry-background-square:before {
    background: #f3f7fb;
    bottom: 0;
    top: 0;
    z-index: -1
}

@media (min-width:1180px) {
    .industry-dots:after {
        background-image: url(../images/templates/industry/dots.svg);
        height: 20.25rem;
        width: 26.4375rem
    }
}

.industry-hero {
    padding: 6.875rem 0 3.25rem
}

@media (min-width:1180px) {
    .industry-hero {
        padding: 5.75rem 0 0
    }
}

.industry-hero:before {
    background-image: url(../images/templates/industry/blob-hero.svg);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

@media (min-width:1180px) {
    .industry-hero:before {
        height: 51.6875rem;
        width: 44.5rem
    }
}

.industry-hero__heading {
    padding-bottom: 1.5rem
}

@media (min-width:1180px) {
    .industry-hero__heading {
        padding-bottom: 1.75rem
    }
}

.industry-hero__image-col {
    padding-top: 2.75rem
}

@media (min-width:1180px) {
    .industry-hero__image-col {
        align-items: center;
        aspect-ratio: 32/35;
        display: flex;
        padding-top: 0
    }
}

.industry-stats {
    padding-bottom: 3.625rem
}

@media (min-width:1180px) {
    .industry-stats {
        padding-bottom: 9rem
    }
}

.industry-stats__content {
    padding-bottom: 2rem
}

.industry-stats__items {
    justify-content: center;
    padding-top: 4.5rem
}

.industry-stats__item {
    padding-bottom: 2rem
}

.industry-stats__item-body {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 .25rem 12.5rem #edf4ff;
    display: flex;
    height: 100%;
    padding: 2.625rem 2rem
}

.industry-stats__item-value-wrap {
    flex: 0 0 50%
}

@media (min-width:1180px) {
    .industry-stats__item-value-wrap {
        flex: 0 0 auto;
        max-width: 50%
    }
}

.industry-stats__item-value {
    font-size: 3.75rem;
    letter-spacing: -.005rem;
    line-height: .93;
    white-space: nowrap
}

.industry-stats__item-description {
    padding-left: 1.125rem
}

@media (min-width:1180px) {
    .industry-stats__item-description {
        padding-left: 2rem
    }
}

.industry-questions {
    padding-bottom: 3.5rem
}

@media (min-width:1180px) {
    .industry-questions {
        padding-bottom: 7.625rem
    }
}

.industry-questions:after {
    right: -19.375rem;
    top: -4.375rem
}

.industry-questions__list {
    display: none;
    padding-top: 2.5rem
}

@media (min-width:1180px) {
    .industry-questions__list {
        display: block
    }
}

.industry-questions__list li:before {
    display: none
}

.industry-questions__list-item {
    cursor: pointer;
    margin-bottom: 1.875rem
}

    .industry-questions__list-item.is-active {
        color: #161616
    }

    .industry-questions__list-item .link {
        opacity: 0;
        transition: opacity .3s ease-in-out;
        transition-delay: .3s;
        visibility: hidden
    }

    .industry-questions__list-item:hover .link {
        opacity: 1;
        visibility: visible
    }

.industry-questions__list-item-icon {
    left: 0;
    position: absolute;
    top: .3125rem;
    width: 1rem
}

    .industry-questions__list-item-icon * {
        stroke: #000ee6
    }

.industry-questions__list-item-link {
    margin-left: .625rem;
    position: relative
}

.industry-questions__list-item-arrow {
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    visibility: visible
}

    .industry-questions__list-item-arrow * {
        fill: #000ee6
    }

.industry-questions__list-item:hover .industry-questions__list-item-arrow {
    opacity: 0;
    transform: translateX(9.375rem)
}

.industry-questions__answers-col {
    margin-top: 2rem;
    position: relative
}

@media (min-width:1180px) {
    .industry-questions__answers-col {
        margin-top: 0
    }
}

.industry-questions__answers-col:before {
    border-radius: 1rem;
    height: 100%;
    left: 0;
    width: 100%
}

@media (min-width:1180px) {
    .industry-questions__answers-col:before {
        border-radius: 1rem 0 0 1rem;
        width: 50vw
    }
}

.industry-questions__slider {
    padding-bottom: 2.625rem
}

.industry-questions__answers {
    padding: 2rem .5rem
}

@media (min-width:1180px) {
    .industry-questions__answers {
        padding: 4.5rem 5.625rem 5.375rem
    }
}

.industry-questions__answers .link {
    margin-top: 2rem
}

.industry-questions__answer-icon {
    margin-bottom: 1.25rem
}

.industry-questions__answer-label {
    display: none
}

@media (min-width:1180px) {
    .industry-questions__answer-label {
        display: block
    }

    .industry-questions__question {
        display: none
    }
}

.industry-questions__answer-heading {
    padding-bottom: 2.5rem
}

.industry-questions .slider-item {
    position: absolute;
    visibility: hidden
}

    .industry-questions .slider-item:first-of-type {
        position: static;
        visibility: visible
    }

.industry-quotes {
    padding-bottom: 6.125rem
}

@media (min-width:1180px) {
    .industry-quotes {
        padding-bottom: 17.125rem
    }

        .industry-quotes:before {
            background-image: url(../images/templates/about-us/blob-right.svg);
            height: 69.6875rem;
            right: 0;
            top: 4rem;
            width: 53.375rem;
            z-index: -1
        }
}

.industry-quotes__heading {
    padding-bottom: 3.375rem
}

@media (min-width:1180px) {
    .industry-quotes__heading {
        padding-bottom: 6.75rem
    }
}

.industry-quote:after {
    bottom: -8.125rem;
    right: -8.125rem;
    z-index: -2
}

@media (min-width:1180px) {
    .industry-quote .partner-quote__author {
        display: flex
    }
}

.industry-quote:nth-child(2n) .partner-quote__author {
    justify-content: flex-end
}

@media (min-width:1180px) {
    .industry-quote__rating {
        padding-left: 2.25rem
    }

    .industry-quote:nth-child(2n) .industry-quote__rating {
        order: -1;
        padding-left: 0;
        padding-right: 2.25rem
    }
}

.industry-case-studies {
    padding-bottom: 7rem
}

@media (min-width:1180px) {
    .industry-case-studies {
        padding-bottom: 11.875rem
    }
}

.industry-case-studies__content-row {
    padding-bottom: 2.625rem
}

@media (min-width:1180px) {
    .industry-case-studies__content-row {
        padding-bottom: 6.25rem
    }
}

.industry-case-studies__content + .industry-case-studies__content {
    padding-top: 2.75rem
}

@media (min-width:1180px) {
    .industry-case-studies__content + .industry-case-studies__content {
        padding-top: 0
    }
}

@media (max-width:1179.98px) {
    .industry-case-study {
        position: absolute;
        visibility: hidden
    }

        .industry-case-study:first-of-type {
            position: static;
            visibility: visible
        }
}

@media (min-width:1180px) {
    .industry-case-study + .industry-case-study {
        padding-top: 2.75rem
    }
}

.industry-case-study__image-col {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem;
    position: relative
}

@media (min-width:1180px) {
    .industry-case-study__image-col {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
}

.industry-case-study__image-col:before {
    border-radius: 0 .625rem .625rem 0;
    right: 30%;
    width: 100vw
}

@media (min-width:1180px) {
    .industry-case-study__image-col:before {
        right: 30%;
        width: 50vw
    }
}

.industry-case-study__image-col:after {
    bottom: -3.125rem;
    left: -21.875rem;
    z-index: -1
}

@media (min-width:1180px) {
    .industry-case-study:nth-child(2n) .industry-case-study__image-col:before {
        border-radius: .625rem 0 0 .625rem;
        left: 30%;
        right: auto
    }
}

.industry-case-study:nth-child(2n) .industry-case-study__image-col:after {
    left: auto;
    right: -21.875rem
}

.industry-case-study__image {
    filter: drop-shadow(0 .125rem 2.625rem rgba(43, 49, 59, .15));
    position: relative
}

.industry-case-study__logo {
    padding-bottom: 1.75rem
}

.industry-case-study__heading {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .industry-case-study__heading {
        padding-bottom: 1rem
    }
}

.industry-case-study__content {
    padding: 1.5rem 0 2rem
}

.industry-case-study img {
    display: inline-block
}

.industry-case-study .slider-controls {
    padding: 2.25rem 0 1.875rem
}

@media (min-width:1180px) {
    .industry-case-study .slider-controls {
        display: none
    }
}

.industry-case-study .slider-controls__count {
    display: none
}

.industry-services {
    padding-bottom: 3.5rem
}

@media (min-width:1180px) {
    .industry-services {
        padding-bottom: 8.5rem
    }

        .industry-services:before {
            background-image: url(../images/templates/industry/blob-bottom-left.svg);
            bottom: 0;
            height: 59.1875rem;
            left: 0;
            width: 26.9375rem
        }

        .industry-services:after {
            top: 0
        }
}

.industry-services__heading {
    padding-bottom: 2.625rem
}

@media (min-width:1180px) {
    .industry-services__heading {
        padding-bottom: 7.25rem
    }
}

.industry-services__items:after {
    left: -11.875rem;
    top: -5rem;
    z-index: -1
}

.industry-services__items:nth-child(2n):after {
    bottom: .625rem;
    left: auto;
    right: -11.875rem;
    top: auto
}

.industry-service {
    padding-bottom: 1.25rem
}

@media (min-width:1180px) {
    .industry-service {
        padding-bottom: 3.375rem
    }
}

.industry-service__body {
    background: #fff;
    border-radius: 1rem;
    height: 100%;
    padding: 1.5rem;
    position: relative
}

@media (min-width:1180px) {
    .industry-service__body {
        padding: 4rem 1.5rem
    }

        .industry-service__body:hover .link__icon {
            transform: translateX(.5rem)
        }
}

.industry-service__link-block {
    display: none
}

@media (min-width:1180px) {
    .industry-service__link-block {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }
}

.industry-service:nth-child(2n) .industry-service__body {
    box-shadow: 0 .25rem 12.5rem #edf4ff
}

.industry-service__heading {
    align-items: center;
    display: flex;
    position: relative;
    z-index: 1
}

.industry-service__heading-number {
    color: #f3f7fb;
    font-size: 5rem;
    line-height: .65;
    margin-right: -2.5rem;
    position: relative;
    z-index: -1
}

.industry-service__dropdown-toggle {
    flex: 0 0 auto;
    margin-left: 1.125rem
}

@media (min-width:1180px) {
    .industry-service__dropdown-toggle {
        display: none
    }
}

.industry-service__dropdown-toggle.is-open {
    transform: rotate(180deg)
}

.industry-service__dropdown-icon {
    flex: 1;
    max-width: 1.625rem
}

@media (max-width:1179.98px) {
    .industry-service__collapse {
        opacity: 0;
        overflow: hidden;
        position: absolute;
        transform: scaleY(0);
        transition: opacity .3s ease-in-out
    }

        .industry-service__collapse.is-visible {
            opacity: 1;
            position: static;
            transform: scaleY(1)
        }
}

.industry-service__content {
    padding: 2rem 0 1.25rem
}

@media (min-width:1180px) {
    .industry-service__content {
        padding-bottom: 3.375rem
    }
}

.industry-benefits {
    padding-bottom: 9.625rem
}

@media (min-width:1180px) {
    .industry-benefits {
        padding-bottom: 13.25rem
    }
}

.industry-benefits:before {
    background-image: url(../images/templates/industry/blob-left.svg);
    height: 71.625rem;
    left: -5.625rem;
    top: -4.0625rem;
    width: 41.3125rem
}

@media (min-width:1180px) {
    .industry-benefits:before {
        left: 0;
        top: -15.625rem
    }

    .industry-benefits:after {
        bottom: -18.125rem
    }
}

.industry-benefits__image {
    display: none;
    padding-bottom: 2.625rem
}

@media (min-width:1180px) {
    .industry-benefits__image {
        display: inline-block;
        padding-bottom: 0
    }
}

.industry-benefits__image img {
    border-radius: 1.5rem
}

.industry-benefits__image--mobile {
    display: inline-block
}

@media (min-width:1180px) {
    .industry-benefits__image--mobile {
        display: none
    }

    .industry-benefits__heading {
        padding-bottom: 6.25rem
    }
}

@media (min-width:1680px) {
    .industry-benefits__content-col {
        padding-left: 4.25rem
    }
}

.industry-benefit {
    padding-bottom: 2.75rem
}

@media (min-width:1366px) {
    .industry-benefit {
        padding-bottom: 3.375rem;
        padding-right: 4.5rem
    }
}

.industry-benefit__heading {
    padding-bottom: 1.125rem
}

@media (min-width:1180px) {
    .industry-benefit__heading {
        padding-bottom: 1.75rem
    }
}

.industry-cta {
    background: #fff;
    box-shadow: 0 .25rem 12.5rem #edf4ff;
    margin-bottom: 4.875rem;
    padding: 3.75rem 0
}

@media (min-width:1180px) {
    .industry-cta {
        margin-bottom: 10.375rem;
        padding: 6rem 0
    }

        .industry-cta:after {
            background-image: url(../images/templates/industry/blob-bottom-right.svg);
            bottom: 0;
            height: 18.75rem;
            right: 0;
            width: 21.25rem
        }
}

.industry-cta__container {
    position: relative;
    z-index: 1
}

.industry-cta__content b,
.industry-cta__content strong,
.industry-cta__heading b,
.industry-cta__heading strong {
    font-weight: 700
}

.industry-cta__content {
    color: #667080;
    padding: 1.375rem 0 2.25rem
}

@media (min-width:1180px) {
    .industry-cta__content {
        padding: 1.75rem 0 0
    }
}

.industry-articles {
    padding-bottom: 5.625rem
}

@media (min-width:1180px) {
    .industry-articles {
        padding-bottom: 8.5rem
    }
}

.industry-articles:after {
    bottom: 6.25rem;
    left: -12.5rem;
    z-index: -1
}

.industry-articles__content {
    padding-bottom: 2.25rem
}

@media (min-width:1180px) {
    .industry-articles__content {
        padding-bottom: 3.125rem
    }
}

.industry-articles .slick-slide {
    overflow: hidden
}

    .industry-articles .slick-slide > div {
        align-items: flex-start
    }

.industry-article__image {
    padding: 2.25rem 0 3.75rem
}

@media (min-width:1180px) {
    .industry-article__image {
        padding: 3.375rem 0 4rem 4.75rem
    }
}

.industry-article__image:before {
    right: 70%;
    width: 100vw
}

@media (min-width:1180px) {
    .industry-article__image:before {
        left: 0;
        right: auto;
        width: 45%
    }
}

.industry-article__image .image,
.industry-article__image:before {
    border-radius: 1.5rem
}

.industry-article__content-col {
    padding-top: 1.375rem;
    position: relative
}

.industry-article__authors,
.industry-article__heading {
    padding-bottom: 1.5rem
}

.industry-article .slider-controls {
    bottom: 100%;
    left: 0;
    margin-bottom: .875rem;
    position: absolute;
    width: 100%
}

@media (min-width:1180px) {
    .industry-article .slider-controls {
        margin-bottom: 0;
        padding-top: 3.125rem;
        position: static
    }
}

.industry-technologies {
    padding-bottom: 6.25rem
}

@media (max-width:1179.98px) {
    .industry-technologies__image {
        display: flex;
        justify-content: center
    }

        .industry-technologies__image img {
            max-width: 170vw
        }
}

.industry-technologies__services {
    padding-top: 4rem
}

@media (min-width:1180px) {
    .industry-technologies__services {
        padding-left: 5rem;
        padding-top: 0
    }
}

.industry-technologies__services:after {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.industry-technology + .industry-technology {
    padding-top: 3.75rem
}

@media (min-width:1180px) {
    .industry-technology + .industry-technology {
        padding-top: 5.625rem
    }
}

.industry-technology__main {
    padding-bottom: .625rem
}

.industry-technology__logo {
    flex: 0 0 6.875rem;
    max-width: 6.875rem
}

.industry-technology__link {
    padding-left: 1.5rem
}

.industry-technology__subservices {
    padding-left: 8.375rem;
    word-spacing: .75rem
}

.industry-partnership {
    padding-bottom: 4.5rem
}

@media (min-width:1180px) {
    .industry-partnership {
        padding-bottom: 11.125rem
    }

        .industry-partnership:after {
            top: 12.5rem
        }
}

.industry-partnership__heading {
    padding-bottom: 4rem
}

.industry-partnership__image {
    padding: 3.375rem 0 3.375rem 5.625rem
}

@media (max-width:1179.98px) {
    .industry-partnership__image {
        display: none !important
    }
}

@media (min-width:1180px) {
    .industry-partnership__image:before {
        border-radius: 1.5rem;
        left: 0;
        width: 55%
    }
}

.industry-partnership__image img {
    border-radius: 1rem
}

.industry-partnership__content p {
    margin-bottom: 2rem
}

.industry-partnership__quotes {
    padding-top: 2rem
}

.industry-partnership__quote {
    display: none;
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .industry-partnership__quote {
        display: block
    }
}

.industry-partnership__quote-rating {
    padding-bottom: .625rem
}

.industry-partnership__quote-text {
    padding-bottom: .75rem
}

.industry-partnership__quote--first {
    display: block
}

.industry-advanced-cta {
    padding-bottom: 5.625rem
}

.industry-advanced-cta__container {
    background: #f3f7fb;
    border-radius: 1.5rem;
    padding-bottom: 3.75rem;
    padding-top: 3.75rem
}

@media (min-width:1180px) {
    .industry-advanced-cta__container {
        padding: 4.375rem 5.625rem 6.25rem
    }
}

.industry-advanced-cta__heading {
    padding-bottom: 1.625rem
}

@media (min-width:1180px) {
    .industry-advanced-cta__heading {
        padding-bottom: 2.75rem
    }
}

.industry-advanced-cta__content {
    padding-bottom: 2.125rem
}

@media (min-width:1180px) {
    .industry-advanced-cta__content {
        padding-bottom: 4rem
    }
}

.industry-advanced-cta__contact-instructions {
    padding: 2.125rem 0 2.375rem
}

@media (min-width:1180px) {
    .industry-advanced-cta__contact-instructions {
        padding: 0 0 4rem
    }
}

.industry-advanced-cta__contact-instructions ol {
    counter-set: list 0
}

    .industry-advanced-cta__contact-instructions ol li {
        counter-increment: list;
        display: flex
    }

        .industry-advanced-cta__contact-instructions ol li:before {
            align-self: flex-start;
            color: #000ee6;
            content: counters(list, ".", decimal-leading-zero);
            margin-right: 1.25rem
        }

        .industry-advanced-cta__contact-instructions ol li + li {
            margin-top: 1.125rem
        }

@media (min-width:1180px) {

    .industry-benefits:after,
    .industry-partnership:after,
    .industry-services:after {
        background-image: url(../images/templates/industry/blob-right.svg);
        height: 69.125rem;
        right: 0;
        width: 36.3125rem;
        z-index: -1
    }
}

.industry-tools {
    padding-bottom: 5.625rem
}

@media (min-width:1180px) {
    .industry-tools {
        padding-bottom: 11.875rem
    }
}

.industry-tools__heading {
    padding-bottom: 2rem
}

@media (min-width:1180px) {
    .industry-tools__heading {
        padding-bottom: 4.375rem
    }
}

.industry-tools .slider-controls {
    padding-top: 3rem
}

@media (min-width:1180px) {
    .industry-tools .slider-controls {
        display: none
    }

    .industry-tool {
        flex: 0 0 25%;
        max-width: 25%
    }
}

.industry-faq {
    margin-bottom: 5.625rem;
    padding-top: 2rem
}

.industries-hero {
    padding: 11.125rem 0 8rem;
    position: relative
}

@media (min-width:1366px) {
    .industries-hero {
        padding: 18.625rem 0 16.375rem
    }
}

.industries-hero__label {
    padding-bottom: 2rem
}

.industries-hero__heading {
    padding-bottom: 2.625rem
}

.industries-hero__image img {
    object-fit: cover
}

.industries-hero__image img,
.industries-hero__image:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.industries-hero__image:after {
    background: #2b313b;
    content: "";
    display: block;
    opacity: .8
}

.industries-clients {
    padding-bottom: 3.875rem;
    padding-top: 3.875rem
}

@media (min-width:1180px) {
    .industries-clients {
        padding-bottom: 9.5rem;
        padding-top: 6rem
    }
}

@media (max-width:1179.98px) {
    .industries-item:before {
        display: none
    }

    .industries-item:first-of-type:before,
    .industries-item:nth-of-type(4n):before {
        display: block
    }
}

.industries-item:before {
    z-index: -1
}

.industries-item + .industries-item {
    margin-top: 3.875rem
}

@media (min-width:1180px) {
    .industries-item + .industries-item {
        margin-top: 10.625rem
    }
}

.industries-item:nth-of-type(odd):before {
    background-image: url(../images/templates/industries/blob-left.svg);
    height: 67.75rem;
    left: -11.25rem;
    top: -5rem;
    width: 45.5rem
}

@media (min-width:1180px) {
    .industries-item:nth-of-type(odd):before {
        left: 0
    }
}

.industries-item:nth-of-type(2n):before {
    background-image: url(../images/templates/industries/blob-right.svg);
    height: 59.9375rem;
    left: 3.75rem;
    top: 0;
    width: 38.0625rem
}

@media (min-width:1180px) {
    .industries-item:nth-of-type(2n):before {
        left: auto;
        right: 0
    }
}

.industries-item__number {
    color: #e9edf5;
    font-size: 3.75rem;
    letter-spacing: -.0125rem;
    line-height: 3.25rem;
    margin-bottom: 1.5rem
}

.industries-item__heading {
    padding-bottom: 2.1875rem
}

.industries-item__content {
    padding-bottom: 3rem
}

    .industries-item__content .link {
        margin-top: 2.625rem
    }

.industries-item__project:before {
    background: #f3f7fb;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1
}

@media (min-width:1180px) {
    .industries-item__project:before {
        left: auto;
        transform: none;
        width: 50vw
    }
}

.industries-item__project:after {
    background-image: url(../images/templates/industries/dots.svg);
    height: 20.25rem;
    right: -10.625rem;
    top: -1rem;
    width: 16.9375rem
}

@media (min-width:1180px) {
    .industries-item__project:after {
        right: -11.875rem;
        top: -2rem
    }
}

@media (min-width:1366px) {
    .industries-item:nth-of-type(odd) .industries-item__project {
        padding-left: 8.3333333333%
    }
}

@media (min-width:1180px) {
    .industries-item:nth-of-type(odd) .industries-item__project:before {
        border-radius: .9375rem 0 0 .9375rem;
        left: 0
    }
}

@media (min-width:1366px) {
    .industries-item:nth-of-type(odd) .industries-item__project:before {
        left: 15%
    }
}

@media (min-width:1180px) {
    .industries-item:nth-of-type(2n) .industries-item__project {
        text-align: right
    }
}

@media (min-width:1366px) {
    .industries-item:nth-of-type(2n) .industries-item__project {
        padding-right: 8.3333333333%
    }
}

@media (min-width:1180px) {
    .industries-item:nth-of-type(2n) .industries-item__project:before {
        border-radius: 0 .9375rem .9375rem 0;
        right: 0
    }
}

@media (min-width:1366px) {
    .industries-item:nth-of-type(2n) .industries-item__project:before {
        right: 15%
    }
}

@media (min-width:1180px) {
    .industries-item:nth-of-type(2n) .industries-item__project:after {
        left: -11.875rem;
        right: auto
    }
}

.industries-project {
    padding: 2.375rem 0 2.625rem;
    position: relative;
    z-index: 1
}

@media (min-width:1180px) {
    .industries-project {
        padding: 5.125rem 0 4.875rem
    }
}

.industries-project__label {
    padding-bottom: 1.375rem
}

.industries-project__description {
    padding-bottom: 1rem
}

.industries-project .image {
    padding-bottom: 1.875rem
}

    .industries-project .image img {
        border-radius: 1rem
    }

.industries-cta .new-cta {
    margin-top: 4.625rem
}

@media (min-width:1180px) {
    .industries-cta .new-cta {
        margin-top: 10.75rem
    }

    .industries-cta .new-cta__button-wrap {
        padding-top: 3.375rem
    }
}

.industries-cta .new-cta__button {
    border-radius: 4.125rem;
    min-height: 4.125rem;
    padding: 1.25rem 2rem
}

@media (max-width:767.98px) {
    .industries-cta .new-cta__button {
        justify-content: center;
        width: 100%
    }
}

.industries-sections-nav {
    display: none;
    padding-bottom: 8.125rem
}

@media (min-width:1180px) {
    .industries-sections-nav {
        display: block
    }
}

.industries-sections-nav .sections-nav {
    position: relative;
    top: 0
}

.industries-sections-nav.is-fixed .sections-nav {
    background: #fff;
    left: 0;
    padding: 2rem 0;
    position: fixed;
    transition: transform .23s ease-in-out;
    width: 100%;
    z-index: 10
}

@media (min-width:1180px) {
    .admin-bar .industries-sections-nav.is-fixed .sections-nav {
        top: 2rem
    }
}

.industries-sections-nav.is-fixed.offset .sections-nav {
    transform: translateY(4.5rem)
}

body.page-template-page_about_us_how_we_deliver {
    background-image: url(../images/deprecated/about-us-hwd/blob-header-mobile.svg);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain
}

@media (min-width:768px) {
    body.page-template-page_about_us_how_we_deliver {
        background-image: url(../images/deprecated/about-us-hwd/blob-header-tablet.svg);
        background-size: initial
    }
}

@media (min-width:1180px) {
    body.page-template-page_about_us_how_we_deliver {
        background-image: url(../images/deprecated/about-us-hwd/blob-header.svg)
    }
}

.about-us-page-hwd-section {
    margin-top: 0
}

.about-us-page-hwd-section__header {
    padding-top: 4.6875rem;
    position: relative;
    z-index: 1
}

.about-us-page-hwd-section__heading {
    position: relative
}

    .about-us-page-hwd-section__heading:before {
        color: #f3f7fb;
        content: attr(data-number);
        font-size: 6.25rem;
        font-weight: 800;
        left: -.125rem;
        letter-spacing: -.0375rem;
        line-height: 1;
        position: absolute;
        top: 0;
        transform: translateY(-90%);
        z-index: -1
    }

@media (min-width:1180px) {
    .about-us-page-hwd-section__heading:before {
        font-size: 8.75rem
    }
}

.about-us-page-hwd-section__subtitle {
    padding-bottom: .5rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-section__subtitle {
        padding-bottom: 1.5rem
    }
}

.about-us-page-hwd-hero {
    padding: 9rem 0 4.375rem;
    position: relative
}

@media (min-width:1180px) {
    .about-us-page-hwd-hero {
        padding: 14.625rem 0 10.4375rem
    }
}

.about-us-page-hwd-hero:after,
.about-us-page-hwd-hero:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: absolute;
    z-index: -1
}

.about-us-page-hwd-hero:before {
    background-image: url(../images/templates/how-we-deliver/blob-mobile-top.svg);
    height: 23.125rem;
    left: 0;
    top: 0;
    width: 21.125rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-hero:before {
        background-image: url(../images/templates/how-we-deliver/blob-desktop-top.svg);
        height: 61.625rem;
        width: 56.5rem
    }
}

.about-us-page-hwd-hero:after {
    background-image: url(../images/templates/how-we-deliver/blob-mobile-bottom.svg);
    background-position: 100%;
    bottom: 5rem;
    height: 16.75rem;
    right: 0;
    width: 17rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-hero:after {
        height: 30.0625rem;
        width: 30.4375rem
    }
}

.about-us-page-hwd-hero__content-col {
    margin-bottom: 2.625rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-hero__content-col {
        align-self: center;
        margin-bottom: 0
    }
}

.about-us-page-hwd-hero__heading {
    margin-bottom: 1rem
}

@media (min-width:1366px) {
    .about-us-page-hwd-hero__heading {
        margin-bottom: 1.5rem
    }
}

.about-us-page-hwd-hero__subtitle {
    margin-bottom: 1.5625rem
}

@media (min-width:768px) {
    .about-us-page-hwd-hero__subtitle {
        margin-bottom: 4rem
    }
}

@media (min-width:1180px) {
    .about-us-page-hwd-hero__subtitle {
        margin-bottom: 0
    }
}

@media (min-width:1366px) {
    .about-us-page-hwd-hero__badge-col {
        margin-left: auto
    }
}

.about-us-page-hwd-hero__badge {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 .125rem 7rem #edf4ff;
    margin: 0 auto;
    max-width: 27.5rem;
    padding: 1.125rem 1.5rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-hero__badge {
        margin-right: 0;
        max-width: 38.75rem;
        padding: 3rem 2.625rem
    }
}

.about-us-page-hwd-hero__badge-header {
    align-items: flex-start;
    display: flex;
    padding-bottom: 1.25rem
}

.about-us-page-hwd-hero__badge-score {
    word-spacing: -.5625rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-hero__badge-score {
        margin-bottom: .5625rem
    }
}

.about-us-page-hwd-hero__badge-logo {
    height: auto;
    margin-left: auto;
    width: 3.4375rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-hero__badge-logo {
        width: 5rem
    }
}

.about-us-page-hwd-hero__badge-star {
    height: auto;
    width: 1.5rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-hero__badge-star {
        margin-right: .5rem;
        width: 2.125rem
    }
}

.about-us-page-hwd-hero__badge-star * {
    fill: #ff3c2f
}

@media (min-width:1180px) {
    .about-us-page-hwd-hero__badge-content strong {
        font-size: 1.25rem;
        line-height: 1.1
    }

    .about-us-page-hwd-hero__badge-content p + ul {
        margin-top: .5rem
    }
}

.about-us-page-hwd-hero__badge-content ul {
    list-style: disc;
    padding-left: 1rem
}

.about-us-page-hwd-quick-menu {
    display: none;
    height: 7.0625rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-quick-menu {
        display: block
    }
}

.about-us-page-hwd-quick-menu__wrapper {
    background: #fff;
    height: 7.0625rem;
    position: relative;
    z-index: 10
}

    .about-us-page-hwd-quick-menu__wrapper.is-fixed {
        left: 0;
        position: fixed;
        top: 0;
        transition: transform .23s ease-in-out;
        width: 100%;
        will-change: transition
    }

        .about-us-page-hwd-quick-menu__wrapper.is-fixed.offset {
            transform: translateY(4.5rem)
        }

.about-us-page-hwd-quick-menu__list {
    align-content: center;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    height: 7.0625rem;
    justify-content: space-between
}

.about-us-page-hwd-quick-menu__link {
    box-sizing: border-box;
    color: #898989;
    display: block;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    position: relative
}

    .about-us-page-hwd-quick-menu__link:after {
        background-color: #fff;
        border: .09375rem solid #000ee6;
        border-radius: 100%;
        bottom: 0;
        content: "";
        height: 1rem;
        left: 0;
        position: absolute;
        width: 1rem
    }

    .about-us-page-hwd-quick-menu__link.is-active {
        color: #161616
    }

.about-us-page-hwd-quick-menu__line-disabled {
    background-color: #e4e4e4;
    z-index: -2
}

.about-us-page-hwd-quick-menu__line-active,
.about-us-page-hwd-quick-menu__line-disabled {
    height: .125rem;
    left: 0;
    margin-top: -.0625rem;
    position: absolute;
    top: calc(50% + .375rem);
    width: 100%
}

.about-us-page-hwd-quick-menu__line-active {
    background-color: #000ee6;
    transform: translateX(-100%);
    transition: transform .23s linear;
    will-change: transform;
    z-index: -1
}

.about-us-page-hwd-predictable {
    padding-bottom: 5rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-predictable {
        padding: 7.5rem 0 13.5rem
    }
}

.about-us-page-hwd-predictable .about-us-page-hwd-section__header {
    margin-bottom: 1.5rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-predictable .about-us-page-hwd-section__header {
        margin-bottom: 2.25rem
    }

    .about-us-page-hwd-predictable__col-tiles {
        margin-left: auto;
        margin-right: 0
    }
}

.about-us-page-hwd-predictable__content {
    margin-bottom: 2rem
}

@media (min-width:768px) {
    .about-us-page-hwd-predictable__content {
        margin-bottom: 4rem
    }
}

@media (min-width:1180px) {
    .about-us-page-hwd-predictable__content {
        margin-bottom: 0
    }
}

.about-us-page-hwd-iterative {
    padding-bottom: 7.1875rem;
    position: relative
}

@media (min-width:768px) {
    .about-us-page-hwd-iterative {
        padding-bottom: 7.5rem
    }
}

@media (min-width:1180px) {
    .about-us-page-hwd-iterative {
        padding-bottom: 25.375rem
    }
}

@media (min-width:1366px) {
    .about-us-page-hwd-iterative {
        padding-bottom: 28.25rem
    }
}

@media (min-width:1680px) {
    .about-us-page-hwd-iterative {
        padding-bottom: 35.375rem
    }
}

.about-us-page-hwd-iterative .about-us-page-hwd-section__header {
    margin-bottom: .625rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-iterative .about-us-page-hwd-section__header {
        margin-bottom: 2.375rem
    }
}

.about-us-page-hwd-iterative__content {
    margin-bottom: 2.625rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-iterative__content {
        margin-bottom: 3.75rem
    }
}

.about-us-page-hwd-iterative__accordion {
    margin-bottom: 2.5rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-iterative__accordion {
        margin-bottom: 0
    }
}

.about-us-page-hwd-iterative__process {
    display: none;
    height: 47.0625rem;
    width: 86.1875rem;
    z-index: 1
}

@media (min-width:1180px) {
    .about-us-page-hwd-iterative__process {
        display: block;
        position: absolute;
        right: 0;
        top: 5rem;
        transform: scale(.7404);
        transform-origin: top right
    }
}

@media (min-width:1366px) {
    .about-us-page-hwd-iterative__process {
        transform: scale(.8144)
    }
}

@media (min-width:1680px) {
    .about-us-page-hwd-iterative__process {
        right: 8.333333%;
        transform: none
    }
}

.about-us-page-hwd-iterative__process #Process-shape-active {
    left: 0;
    position: absolute;
    top: 0
}

#Process-shape-active .about-us-page-hwd-iterative__process-line {
    transition: stroke-dashoffset .23s ease-in-out
}

    #Process-shape-active .about-us-page-hwd-iterative__process-line.no-trans {
        transition: none !important
    }

    #Process-shape-active .about-us-page-hwd-iterative__process-line#Path-Pre-final-active {
        transition: stroke-dashoffset .46s ease-out
    }

#Process-shape-active .about-us-page-hwd-iterative__process-point {
    cursor: pointer
}

    #Process-shape-active .about-us-page-hwd-iterative__process-point > circle,
    #Process-shape-active .about-us-page-hwd-iterative__process-point > path {
        stroke: #e4e4e4;
        transition: stroke .23s ease-in-out;
        transition-delay: .23s
    }

    #Process-shape-active .about-us-page-hwd-iterative__process-point.is-active > circle,
    #Process-shape-active .about-us-page-hwd-iterative__process-point.is-active > path {
        stroke: #000ee6;
        transition-delay: 0s
    }

.about-us-page-hwd-iterative__process-point--end {
    pointer-events: none !important
}

.about-us-page-hwd-iterative__process-start {
    left: 0;
    position: absolute;
    top: 69.6%
}

.about-us-page-hwd-iterative__process-end {
    left: 61.4%;
    position: absolute;
    top: 93.2%
}

.about-us-page-hwd-iterative__process-steps {
    left: 65.5%;
    position: absolute;
    top: 33.1%;
    width: 25.6%
}

.about-us-page-hwd-iterative__process-step {
    align-content: center;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    left: 0;
    min-height: 6.5rem;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .23s ease-in-out, transform .23s ease-in-out;
    width: 100%;
    will-change: opacity, transform
}

    .about-us-page-hwd-iterative__process-step.is-disabled {
        opacity: 0;
        transform: translateY(1.25rem);
        transition-delay: 0s
    }

    .about-us-page-hwd-iterative__process-step.is-enabled {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .23s
    }

.about-us-page-hwd-iterative__process-mobile {
    position: relative
}

@media (min-width:1180px) {
    .about-us-page-hwd-iterative__process-mobile {
        display: none
    }
}

.about-us-page-hwd-iterative__process-mobile-step + .about-us-page-hwd-iterative__process-mobile-step {
    margin-top: 2rem
}

.about-us-page-hwd-iterative__process-mobile-number {
    align-content: center;
    align-items: center;
    background-color: #fff;
    border: .125rem solid #e4e4e4;
    border-radius: 100%;
    display: flex;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    margin-bottom: 1rem;
    position: relative;
    text-align: center;
    width: 3rem
}

.about-us-page-hwd-iterative__process-mobile-title {
    margin-bottom: .5rem
}

.about-us-page-hwd-quality-driven {
    background: linear-gradient(0deg, #f3f7fb 35%, #fff 86%);
    padding-bottom: 2.5rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-quality-driven {
        margin-bottom: 8.625rem;
        padding-bottom: 0
    }
}

.about-us-page-hwd-quality-driven .about-us-page-hwd-section__header {
    margin-bottom: 3.625rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-quality-driven .about-us-page-hwd-section__header {
        margin-bottom: 4.25rem
    }
}

.about-us-page-hwd-quality-driven .about-us-page-tile {
    margin-bottom: 2.375rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-quality-driven .about-us-page-tile {
        margin-bottom: 4.25rem
    }
}

.about-us-page-hwd-scalable {
    padding: 4.5rem 0 3.375rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-scalable {
        padding-bottom: 12.25rem
    }
}

.about-us-page-hwd-scalable .about-us-page-hwd-section__header {
    margin-bottom: 3.75rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-scalable .about-us-page-hwd-section__header {
        margin-bottom: 4.5rem
    }
}

.about-us-page-hwd-scalable__content-wrap {
    background: #2b313b;
    border-radius: 1rem;
    margin-bottom: 3rem;
    padding: 3.125rem 1.625rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-scalable__content-wrap {
        margin-bottom: 0;
        padding: 3.375rem 4.6875rem 2.8125rem
    }
}

.about-us-page-hwd-scalable__content-header {
    margin-bottom: 1.75rem
}

.about-us-page-hwd-cooperative {
    padding-bottom: 3rem;
    position: relative
}

@media (min-width:1180px) {
    .about-us-page-hwd-cooperative {
        padding-bottom: 6.25rem
    }
}

.about-us-page-hwd-cooperative .about-us-page-hwd-section__header {
    margin-bottom: 2rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-cooperative .about-us-page-hwd-section__header {
        margin-bottom: 3.5rem
    }
}

@media (min-width:768px) {
    .about-us-page-hwd-cooperative__content {
        column-count: 2;
        column-gap: 2rem
    }
}

.about-us-page-hwd-cooperative__globe {
    display: none
}

@media (min-width:1180px) {
    .about-us-page-hwd-cooperative__globe {
        display: block;
        height: 27.9375rem;
        left: 67%;
        position: absolute;
        top: 0;
        width: 27.8125rem
    }
}

@media (min-width:1366px) {
    .about-us-page-hwd-cooperative__globe {
        height: 38.1875rem;
        width: 38rem
    }
}

.about-us-page-hwd-communication {
    padding-bottom: 5rem
}

@media (min-width:768px) {
    .about-us-page-hwd-communication {
        padding-bottom: 7.5rem
    }
}

@media (min-width:1180px) {
    .about-us-page-hwd-communication {
        padding-bottom: 9.25rem
    }
}

@media (min-width:1366px) {
    .about-us-page-hwd-communication {
        padding-bottom: 9.625rem
    }
}

@media (min-width:1680px) {
    .about-us-page-hwd-communication {
        padding-bottom: 7.5rem
    }
}

.about-us-page-hwd-communication__header {
    margin-bottom: 2rem
}

@media (min-width:1180px) and (max-width:1365.98px) {
    .about-us-page-hwd-communication__header {
        align-content: center;
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        height: 100%
    }

        .about-us-page-hwd-communication__header p {
            margin-bottom: 3rem
        }
}

@media (min-width:1180px) {
    .about-us-page-hwd-communication__header {
        margin-bottom: 3rem
    }
}

.about-us-page-hwd-communication__app {
    margin-bottom: 2rem
}

@media (min-width:1180px) {
    .about-us-page-hwd-communication__app {
        margin-bottom: 3rem
    }
}

@media (min-width:1366px) {
    .about-us-page-hwd-communication__app {
        margin-bottom: 0
    }
}

.about-us-page-hwd-communication__app-icon {
    margin-bottom: 1rem
}

.about-us-page-hwd-communication__app-description {
    line-height: 1.42
}

.about-us-page-hwd-case-studies {
    padding-bottom: 5rem
}

@media (min-width:768px) {
    .about-us-page-hwd-case-studies {
        padding-bottom: 8rem
    }
}

@media (min-width:1180px) {
    .about-us-page-hwd-case-studies {
        padding-bottom: 7.5rem
    }
}

@media (min-width:1366px) {
    .about-us-page-hwd-case-studies {
        padding-bottom: 9.625rem
    }
}

@media (min-width:1680px) {
    .about-us-page-hwd-case-studies {
        padding-bottom: 11.75rem
    }
}

.about-us-page-hwd-case-studies__header {
    align-content: center;
    align-items: center;
    background-image: url(../images/deprecated/about-us-hwd/header-wave.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 89.9375rem 13rem;
    display: flex;
    flex-flow: row wrap;
    height: 13.625rem;
    justify-content: center;
    margin-bottom: 2rem;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .about-us-page-hwd-case-studies__header {
        margin-bottom: 0
    }
}

@media (min-width:1680px) {
    .about-us-page-hwd-case-studies__header {
        margin-bottom: 4.25rem
    }
}

.about-us-page-hwd-case-studies__heading {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center
}

@media (min-width:768px) {
    .about-us-page-hwd-case-studies__heading {
        flex: 0 0 66.66666%;
        max-width: 66.66666%
    }
}

@media (min-width:1180px) {
    .about-us-page-hwd-case-studies__heading {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

.about-us-page-hwd-case-studies__col-video {
    margin-bottom: 2.75rem;
    position: relative
}

@media (min-width:1180px) {
    .about-us-page-hwd-case-studies__col-video {
        margin-bottom: 0
    }

    .about-us-page-hwd-case-studies__col-content {
        align-self: center;
        margin-left: auto;
        margin-right: 0
    }
}

@media (min-width:1366px) {
    .about-us-page-hwd-case-studies__col-content {
        margin-left: auto;
        margin-right: auto
    }
}

.about-us-page-hwd-case-studies__content-title {
    margin-bottom: 2rem
}

.about-us-page-hwd-case-studies__content {
    margin-bottom: 3.5rem
}

    .about-us-page-hwd-case-studies__content ul li {
        padding-left: 1.5rem;
        position: relative
    }

        .about-us-page-hwd-case-studies__content ul li:not(:last-of-type) {
            margin-bottom: 1rem
        }

        .about-us-page-hwd-case-studies__content ul li:before {
            background-color: #000ee6;
            border-radius: 100%;
            content: "";
            height: .5rem;
            left: 0;
            position: absolute;
            top: .71875rem;
            width: .5rem
        }

.about-us-page-hwd-case-studies__footer {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-flow: column wrap
}

@media (min-width:768px) {
    .about-us-page-hwd-case-studies__footer {
        align-content: center;
        align-items: center;
        flex-flow: row wrap
    }
}

.about-us-page-hwd-case-studies__footer .button,
.about-us-page-hwd-case-studies__footer .hubspot-form .hs-button,
.hubspot-form .about-us-page-hwd-case-studies__footer .hs-button {
    margin-bottom: 1.5rem
}

@media (min-width:768px) {

    .about-us-page-hwd-case-studies__footer .button,
    .about-us-page-hwd-case-studies__footer .hubspot-form .hs-button,
    .hubspot-form .about-us-page-hwd-case-studies__footer .hs-button {
        margin-bottom: 0;
        margin-right: 2rem
    }
}

.about-us-page-hwd-case-studies__button-arrow {
    margin-left: .625rem
}

    .about-us-page-hwd-case-studies__button-arrow .arrow-icon {
        transition: stroke .33s ease-in-out
    }

.about-us-page-hwd-case-studies__button:focus .about-us-page-hwd-case-studies__button-arrow .arrow-icon,
.about-us-page-hwd-case-studies__button:hover .about-us-page-hwd-case-studies__button-arrow .arrow-icon {
    stroke: #fff
}

.about-us-page-hwd-case-studies .youtube-responsive-container {
    border-radius: .5rem;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 1.875rem;
    position: relative
}

    .about-us-page-hwd-case-studies .youtube-responsive-container embed,
    .about-us-page-hwd-case-studies .youtube-responsive-container iframe,
    .about-us-page-hwd-case-studies .youtube-responsive-container object {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.about-us-page-hwd-cta {
    margin-bottom: 7.5rem
}

    .about-us-page-hwd-cta .subheading-label {
        padding-bottom: 1.125rem
    }

.about-us-page-hero__more-icon--blue {
    border-color: #000ee6;
    margin-right: 0
}

    .about-us-page-hero__more-icon--blue:after {
        background-color: #000ee6
    }

.about-us-page-tile {
    box-sizing: border-box;
    margin-bottom: 2.25rem;
    position: relative
}

.about-us-page-tile__icon {
    margin-bottom: 1rem
}

.about-us-page-tile__icon-image {
    display: block;
    max-height: 2rem;
    max-width: 2rem
}

.about-us-page-tile__heading {
    line-height: 1.5;
    margin-bottom: .875rem;
    position: relative;
    z-index: 2
}

.about-us-page-tile--side {
    margin-bottom: 3.375rem
}

@media (min-width:768px) {
    .about-us-page-tile--side {
        padding-left: 4.5rem;
        position: relative
    }

        .about-us-page-tile--side .about-us-page-tile__icon {
            height: 2rem;
            left: 0;
            position: absolute;
            top: 0;
            width: 2rem
        }
}

.about-us-page-accordion {
    display: block;
    list-style-type: none;
    position: relative;
    z-index: 2
}

.about-us-page-accordion__item {
    padding-left: 2.125rem;
    position: relative
}

    .about-us-page-accordion__item:not(:last-of-type) {
        margin-bottom: 1.75rem
    }

.about-us-page-accordion__header {
    background: 0;
    border: 0;
    display: block;
    padding: 0;
    text-align: left;
    width: 100%
}

    .about-us-page-accordion__header:hover {
        cursor: pointer
    }

    .about-us-page-accordion__header:focus {
        box-shadow: none;
        outline: 0
    }

.about-us-page-accordion__icon {
    left: 0;
    position: absolute;
    top: .25rem
}

    .about-us-page-accordion__icon * {
        stroke: #000ee6
    }

.about-us-page-accordion__body {
    display: none
}

    .about-us-page-accordion__body.is-open {
        display: block
    }

.page-template-template-ctos {
    overflow: visible
}

.for-ctos-page {
    padding-bottom: 10rem
}

.for-ctos__section-label {
    padding-bottom: .5rem
}

@media (min-width:1180px) {
    .for-ctos__section-label {
        padding-bottom: 1.5rem
    }
}

.for-ctos-hero {
    padding: 9rem 0 7rem;
    position: relative
}

@media (min-width:1180px) {
    .for-ctos-hero {
        padding: 16.75rem 0 15.875rem
    }
}

.for-ctos-hero:after,
.for-ctos-hero:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: absolute;
    z-index: -1
}

.for-ctos-hero:before {
    background-image: url(../images/templates/services/hero-decorator-left.svg);
    height: 19.1875rem;
    left: 0;
    top: 19.0625rem;
    width: 13.125rem
}

@media (min-width:768px) {
    .for-ctos-hero:before {
        height: 29.9375rem;
        top: 16.1875rem;
        width: 21.3125rem
    }
}

@media (min-width:1180px) {
    .for-ctos-hero:before {
        height: 51.3125rem;
        top: 8.3125rem;
        width: 42.4375rem
    }
}

.for-ctos-hero:after {
    background-image: url(../images/templates/services/hero-decorator-right.svg);
    height: 9.125rem;
    right: 0;
    top: 12.0625rem;
    width: 7.6875rem
}

@media (min-width:768px) {
    .for-ctos-hero:after {
        height: 12.875rem;
        top: 15.9375rem;
        width: 10.9375rem
    }
}

@media (min-width:1180px) {
    .for-ctos-hero:after {
        height: 22.125rem;
        top: 12.1875rem;
        width: 16.875rem
    }

    .for-ctos-hero__container {
        max-width: 55rem
    }
}

.for-ctos-hero__heading {
    padding-bottom: 1.5rem
}

.for-ctos-hero__content {
    padding-bottom: 3rem
}

.for-ctos-solutions {
    padding-bottom: 8.125rem
}

@media (min-width:1180px) {
    .for-ctos-solutions {
        padding-bottom: 6.625rem
    }

    .for-ctos-solutions__content-col {
        align-self: flex-start;
        position: sticky;
        top: 7.75rem
    }
}

.for-ctos-solutions__heading {
    padding-bottom: 1rem
}

@media (min-width:1180px) {
    .for-ctos-solutions__heading {
        padding-bottom: 2rem
    }
}

.for-ctos-solutions__content {
    padding-bottom: 3rem
}

@media (min-width:1180px) {
    .for-ctos-solutions__content {
        padding-bottom: 0
    }
}

.for-ctos-solutions__item {
    padding-bottom: 3.5rem
}

@media (min-width:1180px) {
    .for-ctos-solutions__item {
        padding-bottom: 1.875rem
    }
}

.for-ctos-solutions__item-icon {
    margin-bottom: 1rem;
    max-height: 2.625rem;
    max-width: 2.625rem
}

.for-ctos-solutions__item-title {
    padding-bottom: .75rem
}

.for-ctos-case-study {
    background: linear-gradient(180deg, #fff 35%, #f3f7fb 85%);
    padding: 4rem 0 3.375rem
}

@media (min-width:1180px) {
    .for-ctos-case-study {
        padding: 8.125rem 0 9.5rem
    }
}

.for-ctos-case-study__video-col {
    align-self: center
}

.for-ctos-case-study__video {
    border: .5rem solid #fff;
    border-radius: 1rem;
    box-shadow: 0 2rem 3rem -1rem rgba(102, 112, 128, .16);
    height: 0;
    margin-bottom: 4rem;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

@media (min-width:1180px) {
    .for-ctos-case-study__video {
        border-radius: 1rem;
        margin-bottom: 0
    }
}

.for-ctos-case-study__video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.for-ctos-case-study__heading {
    padding-bottom: 3.375rem
}

@media (min-width:1180px) {
    .for-ctos-case-study__heading {
        padding-bottom: 2.625rem
    }
}

.for-ctos-case-study__content ul li {
    padding-left: 1.5rem;
    position: relative
}

    .for-ctos-case-study__content ul li:not(:last-of-type) {
        margin-bottom: 1.125rem
    }

    .for-ctos-case-study__content ul li:before {
        background-color: #000ee6;
        border-radius: 100%;
        content: "";
        height: .5rem;
        left: 0;
        position: absolute;
        top: .5625rem;
        width: .5rem
    }

@media (min-width:1180px) {
    .for-ctos-case-study__content ul li:before {
        top: .71875rem
    }
}

.for-ctos-case-study__actions {
    padding-top: 2.625rem
}

@media (min-width:1180px) {
    .for-ctos-case-study__actions {
        align-items: center;
        display: flex;
        padding-top: 2.125rem
    }
}

.for-ctos-case-study__action + .for-ctos-case-study__action {
    margin-top: 2.125rem
}

@media (min-width:1180px) {
    .for-ctos-case-study__action + .for-ctos-case-study__action {
        margin-left: 4rem;
        margin-top: 0
    }
}

.for-ctos-services {
    padding-top: 4rem;
    position: relative
}

@media (min-width:1180px) {
    .for-ctos-services {
        padding-top: 7rem
    }

        .for-ctos-services:after,
        .for-ctos-services:before {
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            display: block;
            position: absolute;
            z-index: -1
        }
}

.for-ctos-services:before {
    background-image: url(../images/templates/for-ctos/blob-5.svg);
    height: 90.75rem;
    left: 0;
    top: 7.5rem;
    width: 47.125rem
}

.for-ctos-services:after {
    background-image: url(../images/templates/for-ctos/blob-6.svg);
    bottom: 0;
    height: 30.0625rem;
    right: 0;
    width: 15.25rem
}

.for-ctos-services__heading {
    padding-bottom: 2.5rem
}

@media (max-width:1179.98px) {
    .for-ctos-services__heading {
        font-size: 2.25rem;
        line-height: 1.4
    }
}

@media (min-width:1180px) {
    .for-ctos-services__heading {
        padding-bottom: 6.25rem
    }
}

.for-ctos-services__technology {
    padding-bottom: 2rem
}

.for-ctos-services__technology-body {
    background: #fff;
    border-radius: 1rem;
    display: block;
    height: 100%;
    padding: 1.5rem 2rem;
    transition: background-color .3s ease-in-out, color .3s ease-in-out
}

    .for-ctos-services__technology-body:focus,
    .for-ctos-services__technology-body:hover {
        background: #000ee6
    }

        .for-ctos-services__technology-body:focus,
        .for-ctos-services__technology-body:focus .link,
        .for-ctos-services__technology-body:hover,
        .for-ctos-services__technology-body:hover .link {
            color: #fff
        }

            .for-ctos-services__technology-body:focus .link__icon *,
            .for-ctos-services__technology-body:hover .link__icon * {
                stroke: #fff
            }

.for-ctos-services__technology-heading {
    display: flex;
    padding-bottom: .875rem
}

.for-ctos-services__technology-icon {
    align-self: flex-start;
    flex: 0 0 1.625rem;
    margin-right: 1rem;
    max-height: 1.625rem;
    max-width: 1.625rem
}

    .for-ctos-services__technology-icon [stroke] {
        transition: stroke .3s ease-in-out
    }

.for-ctos-services__technology-body:focus .for-ctos-services__technology-icon [stroke],
.for-ctos-services__technology-body:hover .for-ctos-services__technology-icon [stroke] {
    stroke: #fff
}

.for-ctos-services__technology-actions {
    padding-top: 1.5rem;
    text-align: right
}

.for-ctos-testimonials {
    padding-top: 5rem
}

@media (min-width:1180px) {
    .for-ctos-testimonials {
        padding-top: 6.25rem
    }
}

.for-ctos-testimonials__heading {
    padding-bottom: 2.75rem
}

@media (min-width:1180px) {
    .for-ctos-testimonials__heading {
        padding-bottom: 10rem
    }

    .for-ctos-testimonials .slick-slide {
        max-width: 528px
    }
}

.for-ctos-roundtables {
    padding: 6.25rem 0;
    position: relative
}

@media (min-width:1180px) {
    .for-ctos-roundtables {
        padding: 17.5rem 0 15.5rem
    }

        .for-ctos-roundtables:after {
            background-image: url(../images/templates/for-ctos/blob-7.svg);
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            display: block;
            height: 69.75rem;
            position: absolute;
            right: 0;
            top: 9.375rem;
            width: 49.3125rem;
            z-index: -1
        }

    .for-ctos-roundtables__content-col {
        align-self: center
    }
}

.for-ctos-roundtables__heading {
    padding-bottom: 1rem
}

@media (max-width:1179.98px) {
    .for-ctos-roundtables__heading {
        font-size: 2.25rem
    }
}

@media (min-width:1180px) {
    .for-ctos-roundtables__heading {
        padding-bottom: 2rem
    }
}

.for-ctos-roundtables__content {
    padding-bottom: 3.625rem
}

@media (min-width:1180px) {
    .for-ctos-roundtables__content {
        padding-bottom: 2.625rem
    }
}

.for-ctos-roundtables__image {
    display: block;
    margin-top: 5.75rem;
    position: relative
}

@media (min-width:1180px) {
    .for-ctos-roundtables__image {
        margin-top: 0
    }
}

.for-ctos-roundtables__image:before {
    background-image: url(../images/dots-square.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 12.25rem;
    left: -1rem;
    position: absolute;
    top: -2.5rem;
    width: 11.8125rem;
    z-index: -1
}

@media (min-width:1180px) {
    .for-ctos-roundtables__image:before {
        height: 20.5rem;
        left: -4rem;
        top: -4rem;
        width: 22.1875rem
    }
}

@media (max-width:991.98px) {
    body #hubspot-messages-iframe-container {
        display: none !important
    }
}

@media (min-width:1180px) and (max-width:1365.98px) {
    body.praca .site-header--career .nav-list__link {
        padding-left: .25rem;
        padding-right: .25rem
    }
}

@media (min-width:1200px) {
    body.page-template-template-single-case-study .section--full-img {
        background-size: contain;
        height: auto;
        padding-top: 42.7%
    }
}

@media (min-width:1180px) {
    body.page-template-template-aws-partner {
        overflow: initial
    }
}

@keyframes spinner {
    to {
        transform: translateY(-50%) rotate(1turn)
    }
}

body.page-template-template-contact-form .contact-modal,
body.page-template-template-contact-thankyou .contact-modal {
    height: auto;
    position: relative;
    z-index: 1
}

body.page-template-template-contact-form .footer,
body.page-template-template-contact-thankyou .footer {
    margin-top: 0
}