.iti-marquee-section {
    font-family: "Apercu Regular";
    flex-shrink: 0;

    & .et_pb_row, .et_pb_row_0  {
        max-width: 100vw !important;
        padding: 0px !important;
    }

    .iti-marquee-row { 
        box-sizing: border-box;
        max-width: 100%;
        /* min-height: 100% !important; */
        padding: 0px !important;
        display: flex;
        /* height: 100%; */
        margin-left: 20vw;
        @media screen and (max-width: 1200px) {
            margin-left: 0px;
            margin-top: -8rem;
            height: 40%;
            min-height: auto !important;
        } 

        .iti-marquee-body-text {
            margin-left: 10%;
            word-wrap: break-word;
            width: clamp(300px, 70%, 700px) !important;
            position: relative;
            z-index: 2;
            
            h1 {
                font-size: 50pt;
                padding-bottom: 4rem;
            }
            
            p {
                font-size: 12pt;
            }
        }
        .marquee-links {
            a > :not(.iti-button-link) {
                text-decoration: underline !important;
            }
        }
        
        .marquee-links {
            margin-left: 10%;
            margin-top: 2rem;
            position: relative;
            z-index: 2;
            
            .et_pb_text_inner {
                display: flex;
                align-items: center;
                justify-content: center;

                .iti-button-link {
                    word-break: keep-all;
                    text-wrap: nowrap;
                }

                .link-list {
                    display: flex;
                    flex-direction: column;
                    gap: .5rem;

                    a.marquee-link {
                        color: #2d1e73;
                        font-size: 14px;
                        letter-spacing: 1.74px;
                        line-height: 13px;
                        margin-top: 0;
                        position: relative;
                        text-transform: uppercase;
                        align-self: flex-start;
                        display: inline-block;
                        font-weight: 500;
                        padding-bottom: 5px;
                        cursor: pointer;
                        text-decoration: none;
                        background-color: transparent;
                        &:not(:focus-visible) {
                            outline: 0!important;
                        }

                        &:after {
                            content: "";
                            height: 2px;
                            left: 0;
                            position: absolute;
                            top: 100%;
                            width: 100%;
                            bottom: 0;
                            background: #00c2c2;
                        }

                        &:hover:after {
                            animation: swipe-underline 1.25s cubic-bezier(.47,.42,0,.99) 1 normal forwards;
                        }
                    }
                }
                display: flex !important;
                flex-direction:row !important;
                gap: 3rem;
                justify-content:start;
                align-items:center;
            }
        }
        .iti-marquee-left-col {
            @media screen and (max-width: 1200px) {
                padding: 5rem 0rem 0rem 12% !important;
                justify-content: start !important;
            }
            @media screen and (min-width: 1201px) {
                justify-content: center;
            }
            padding: 0rem 0rem 0rem 19rem;
            text-align: left;
            flex-shrink: 0; 
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: start;

            
        }

        .iti-marquee-right-col {
            @media screen and (max-width: 1200px) {
                visibility:hidden;
                width: 0px;
            } 
            flex-shrink: 0;
            flex-grow: 2;
            display: flex;
            justify-content: end;
            width: fit-content;

            .iti-marquee-video-embed {
                display: flex;
                justify-content: center;
                position: relative;
                left: -200px;
            }

            .iti-marquee-column-background {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
                flex-grow: 2;
                height: 100%;
                width: 550px;
                padding: 0px;

                img {
                    width: 182%;
                    height: auto;
                    max-height: 900px;
                    max-width: 700px;
                    position: relative;
                    right: 46%;
                }
                
                & div {
                    position: relative;
                    right: calc(300px - (600px - 38vw));
                }
            }
        }

        .squares { /* that I hate so so so much with every fiber of my being 😭 */
            bottom: 0;
            height: 100%;
            left: 0;
            position: absolute !important;
            right: 0;
            top: 0;
            width: 89%;

            @media screen and (max-width: 1200px) {
                display: none;
            }

            .et_pb_code_inner {
                height: 90%;
                width: 100%;

                div {
                    position: absolute;
                    height: 56px;
                    width: 56px;
                }
                .square-1 {
                    bottom: 0;
                    left: 100%;
                }
                .square-2 {
                    bottom: 56px;
                    left: calc(100% - (56px * 3));
                }
                .square-3 {
                    bottom: 112px;
                    left: calc(100% - 56px);
                }
                .square-4 {
                    bottom: 168px;
                    left: calc(100% - (56px * 2)); 
                }
                .square-5 {
                    bottom: 280px;
                    left: calc(100% - 56px);
                }
                .square-6 {
                    bottom: 224px;
                    left: calc(100% + (56px * 2));
                }
                .square-7 {
                    bottom: 112px;
                    left: calc(100% + (56px * 2)); 
                }
                .square-8 {
                    bottom: 56px;
                    left: calc(100% + (56px * 3));
                }
                .square-9 {
                    bottom: 0;
                    left: calc(100% + (56px * 4));
                }
            }
        }
    }
    .iti-marquee-bottom {
        /* margin-bottom: 10rem; */
        padding: 2rem 0rem 2rem 0rem;
        @media (min-width: 1201px) {
            visibility:hidden;
            height: 0px;
        }
        z-index: 0;
        width: 100%;
        margin-top: -14rem;
        display: flex;
        justify-content: center;
        .et_pb_code_inner {
            img {
                position: relative;
                max-height: 600px;
                /* top: -8rem; */
                margin-bottom: 8rem;
                padding-bottom: 14rem;
            }
            display: flex;
            justify-content: center;
            z-index: 10000;
            width: clamp(300px, 90%, 700px);
            margin: 0 0 auto;
            position: relative;
            top: -18rem;
            height: auto;
        }
    }
}

.right-arrow {
    display: inline-block;
    height: 6px;
    margin-left: calc(10 * 1px);
    min-width: 30px;
    position: relative;
    transition: transform .3s ease-in-out;

    .line {
        display: inline-block;
        background-color: #2d1e73;
        height: 1px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    .pointer {
        border-bottom: 1px solid #2d1e73;
        border-right: 1px solid #2d1e73;
        height: 6px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        width: 6px;
    }
}