:root {
    --body-vw: 22vw;
    --body-px: 22px;
    --text-l-vw: 28vw;
    --text-l-px: 28px;
    --text-m-vw: 18vw;
    --text-m-px: 18px;
    --text-s-vw: 16vw;
    --text-s-px: 16px;
    --text-xs-vw: 14vw;
    --text-xs-px: 14px;
    --xxl-vw: 76vw;
    --xxl-px: 76px;
    --xl-vw: 64vw;
    --xl-px: 64px;
    --l-vw: 48vw;
    --l-px: 48px;
    --m-vw: 40vw;
    --m-px: 40px;
    --s-vw: 32vw;
    --s-px: 32px;
    --xs-vw: 22vw;
    --xs-px: 22px;
}

@media only screen and (min-width: 1440px) {
    body {
        font-size: calc((var(--body-vw)) / 1440 * 100);
    }

    .text-l {
        font-size: calc((var(--text-l-vw)) / 1440 * 100);
    }

    .text-m {
        font-size: calc((var(--text-m-vw)) / 1440 * 100);
    }

    .text-s {
        font-size: calc((var(--text-s-vw)) / 1440 * 100);
    }

    .text-xs {
        font-size: calc((var(--text-xs-vw)) / 1440 * 100);
    }

    h1,
    .headline.xxl {
        font-size: calc((var(--xxl-vw)) / 1440 * 100);
    }

    h2,
    .headline.xl {
        font-size: calc((var(--xl-vw)) / 1440 * 100);
    }

    h3,
    .headline.l {
        font-size: calc((var(--l-vw)) / 1440 * 100);
    }

    h4,
    .headline.m {
        font-size: calc((var(--m-vw)) / 1440 * 100);
    }

    h5,
    .headline.s {
        font-size: calc((var(--s-vw)) / 1440 * 100);
    }

    h6,
    .headline.xs {
        font-size: calc((var(--xs-vw)) / 1440 * 100);
    }
}

@media only screen and (min-width: 1920px) {
    body {
        font-size: calc((var(--body-px)) * 1.3333);
    }

    .text-l {
        font-size: calc((var(--text-l-px)) * 1.3333);
    }

    .text-m {
        font-size: calc((var(--text-m-px)) * 1.3333);
    }

    .text-s {
        font-size: calc((var(--text-s-px)) * 1.3333);
    }

    .text-xs {
        font-size: calc((var(--text-xs-px)) * 1.3333);
    }

    h1,
    .headline.xxl {
        font-size: calc((var(--xxl-px)) * 1.3333);
    }

    h2,
    .headline.xl {
        font-size: calc((var(--xl-px)) * 1.3333);
    }

    h3,
    .headline.l {
        font-size: calc((var(--l-px)) * 1.3333);
    }

    h4,
    .headline.m {
        font-size: calc((var(--m-px)) * 1.3333);
    }

    h5,
    .headline.s {
        font-size: calc((var(--s-px)) * 1.3333);
    }

    h6,
    .headline.xs {
        font-size: calc((var(--xs-px)) * 1.3333);
    }
}


                    /* Styleguide Specific Code */
                    .styleguide-class-wrapper .class:nth-child(n+2),
                    .button-class-wrapper .class:nth-child(n+2) {
                        margin-left: 4px;
                    }
    
                    /* Universal Code */
                    body {
                        -webkit-font-smoothing: antialiased;
                        /* Chrome, Safari */
                        -moz-osx-font-smoothing: grayscale;
                        /* Firefox */
                        font-feature-settings: "kern" 1;
                        font-kerning: normal;
                    }
    
                    p {
                        word-spacing: 0.001em;
                    }
    
                    ::selection {
                        background: rgb(239, 49, 100, .9);
                        /* WebKit/Blink Browsers */
                        color: #fff;
                    }
    
                    ::-moz-selection {
                        background: rgb(239, 49, 100, .9);
                        /* Gecko Browsers */
                        color: #fff;
                    }
    
                    .w-richtext p:last-of-type {
                        margin-bottom: 0px;
                    }
    
                    .w-slider-nav {
                        padding-top: 0px;
                    }
    
                    .w-slider-dot {
                        margin-bottom: 0px;
                    }
    
                    /* Utility Class Code */
                    .truncate {
                        text-overflow: ellipsis !important;
                    }
    
                    /* Font Awesome V5 CTA Arrow */
                    .cta::after {
                        display: inline-block;
                        font-style: normal;
                        font-variant: normal;
                        text-rendering: auto;
                        -webkit-font-smoothing: antialiased;
                        font-family: "Font Awesome 5 Free";
                        font-weight: 300;
                        content: "\f061";
                        margin-left: 10px;
                        font-size: 20px;
                        line-height: 100%;
                    }
    

                    body,
                    .sans {
                        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
                    }
    
                    .faq-bars---x,
                    .faq-bars---y {
                        background-color: currentColor;
                    }
    
                    @media only screen and (max-width: 767px) {
                        .nav-item-wrapper {
                            height: calc(100vh - 60px);
                        }
                    }


                    
                    .icon-solid,
                    .icon-light,
                    .icon-brands {
                        font-weight: normal;
                        font-style: normal;
                        line-height: 100%;
                        display: inline-block;
                        text-transform: none;
                        letter-spacing: normal;
                        word-wrap: normal;
                        white-space: nowrap;
                        direction: ltr;
                        -webkit-font-smoothing: antialiased;
                        text-rendering: optimizeLegibility;
                        -moz-osx-font-smoothing: grayscale;
                        font-feature-settings: 'liga';
                    }
    
                    .icon-solid {
                        font-family: "Font Awesome 5 Free";
                        font-weight: 900;
                    }
    
                    .icon-brands {
                        font-family: "Font Awesome 5 Brands";
                        font-weight: 400;
                    }
                
 /* prevent interaction w/ Webflow slider  */             
                   
                    .auto-slider {
                        pointer-events: none;
                    }
            
                    .w-round {
                        pointer-events: auto;
                    }