.iti-photo-marquee {
    font-family: "Apercu-Medium", Arial, Helvetica, sans-serif;
    color: white;
    word-break: keep-all !important;
    
    .iti-photo-marquee-eyebrow {
        color: #fff;
        font-size: 12px;
        letter-spacing: 1.5px;
        line-height: 13px;
        margin-bottom: 1.25rem !important;
        text-transform: uppercase;
        font-weight: 400;
    }

    .iti-photo-marquee-headline {
        h1 {
            font-family: "Apercu-Medium" sans-serif;
            font-size: 60px;
            letter-spacing: -2.5px;
            line-height: 1;
            font-weight: 500;
            margin: 0;
            color: white;
            margin-bottom: 2.4rem;
            max-width: 50%;
        }
    }

    .iti-photo-marquee-copy {
        font-size: 17px;
        letter-spacing: -.5px;
        line-height: 25px;
        margin-bottom: 3.3125rem;
        max-width: 25rem;
    }
    
    .iti-photo-marquee-cta-btn {
        -webkit-text-size-adjust: 100%;
        font-family: "Apercu Light", sans-serif;
        font-weight: 600;
        line-height: 1.59;
        font-size: 0.75rem;
        position: relative;
        touch-action: manipulation;
        overflow: hidden;
        display: inline-block;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        -webkit-tap-highlight-color: transparent;
        align-items: center;
        text-decoration: none;
        outline: 0!important;
        cursor: pointer;
        user-select: none;
        border-radius: 30px;
        padding-left: calc(28 * 1px);
        padding-right: calc(28 * 1px);
        background-color: #0074e8;
        border: 1px solid #0074e8;
        color: #fff;
        opacity: 1;
        transition: background-color .3s ease-in-out;
        transform: translateX(0);

        &:after {
            padding-top: 0rem;
            line-height: 1.1em;
        }
    }

    .iti-photo-marquee-cta-btn:hover {
        display: inline-block;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
        background-color: rgba(0,0,0,0);

        &:after {
            padding-top: 0rem;
            line-height: 1.1em;
        }
    }

    .iti-floating-squares {
        position: absolute;
        bottom: 0px;
        right: 0px;

        .square {
            position: absolute;
            height: calc(56 * 1px * .5 + (56 - 62 * .5)/(1440 - 375) * (100vw - 375 * 1px));
            width: calc(56 * 1px * .5 + (56 - 62 * .5)/(1440 - 375) * (100vw - 375 * 1px));
        }

        #square-1 {
            opacity: .25;
            bottom: 0px;
            right: 112px;
        }
        #square-2 {
            opacity: .25;
            bottom: 56px;
            right: 0px;
        }
        #square-3 {
            opacity: .25;
            bottom: 112px;
            right: 168px;
        }
        #square-4 {
            opacity: .25;
            bottom: 56px;
            right: 336px;
        }
        #square-5 {
            opacity: .35;
            bottom: 224px;
            right: 224px;
        }
        #square-6 {
            opacity: .3;
            bottom: 280px;
            right: 168px;
        }
    }
}