Index: Red Theme

<div class="js-component bg-bkg relative  md:mb-24 ">

    <div class="absolute inset-0 overflow-hidden pointer-events-none z-0">
        <div class="absolute top-20 right-0 lg:top-auto lg:-bottom-12 lg:-right-16 w-3/4 sm:w-1/2 xl:w-full max-w-[784px]">
            <svg class="text-button-2-surface w-full h-auto " viewBox="0 0 729 453" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">

                <g clip-path="url(#clip0_508_3879)">
                    <path d="M223.062 459.782L271.131 371.912" stroke="currentColor" stroke-width="18.3701" />
                    <path d="M293.484 459.782L341.553 371.912" stroke="currentColor" stroke-width="15.3084" />
                    <path d="M363.906 459.782L411.975 371.912" stroke="currentColor" stroke-width="12.2467" />
                    <path d="M434.32 459.782L482.389 371.912" stroke="currentColor" stroke-width="9.18503" />
                    <path d="M504.742 459.782L552.811 371.912" stroke="currentColor" stroke-width="7.34802" />
                    <path d="M575.156 459.782L623.225 371.912" stroke="currentColor" stroke-width="4.89868" />
                    <path d="M645.578 459.782L693.646 371.912" stroke="currentColor" stroke-width="3.06168" />
                    <path d="M715.992 459.782L764.061 371.912" stroke="currentColor" stroke-width="2.44283" />
                    <path d="M152.648 459.782L200.717 371.912" stroke="currentColor" stroke-width="21.4317" />
                    <path d="M82.2266 459.782L130.295 371.912" stroke="currentColor" stroke-width="24.4934" />
                    <path d="M11.8047 459.782L59.873 371.912" stroke="currentColor" stroke-width="27.5551" />
                </g>
                <g clip-path="url(#clip1_508_3879)">
                    <path d="M223.883 360.441L271.951 272.571" stroke="currentColor" stroke-width="18.3701" />
                    <path d="M294.297 360.441L342.365 272.571" stroke="currentColor" stroke-width="15.3084" />
                    <path d="M364.719 360.441L412.787 272.571" stroke="currentColor" stroke-width="12.2467" />
                    <path d="M435.133 360.441L483.201 272.571" stroke="currentColor" stroke-width="9.18503" />
                    <path d="M505.555 360.441L553.623 272.571" stroke="currentColor" stroke-width="7.34802" />
                    <path d="M575.977 360.441L624.045 272.571" stroke="currentColor" stroke-width="4.89868" />
                    <path d="M646.391 360.441L694.459 272.571" stroke="currentColor" stroke-width="3.06168" />
                    <path d="M716.805 360.441L764.873 272.571" stroke="currentColor" stroke-width="2.44283" />
                    <path d="M153.461 360.441L201.529 272.571" stroke="currentColor" stroke-width="21.4317" />
                    <path d="M83.0469 360.441L131.115 272.571" stroke="currentColor" stroke-width="24.4934" />
                    <path d="M12.625 360.441L60.6933 272.571" stroke="currentColor" stroke-width="24.4934" />
                </g>
                <g clip-path="url(#clip2_508_3879)">
                    <path d="M233.258 260.548L281.326 172.678" stroke="currentColor" stroke-width="11.022" />
                    <path d="M303.672 260.548L351.74 172.678" stroke="currentColor" stroke-width="9.79736" />
                    <path d="M374.094 260.548L422.162 172.678" stroke="currentColor" stroke-width="9.18503" />
                    <path d="M444.516 260.548L492.584 172.678" stroke="currentColor" stroke-width="7.34802" />
                    <path d="M514.93 260.548L562.998 172.678" stroke="currentColor" stroke-width="4.89868" />
                    <path d="M585.352 260.548L633.42 172.678" stroke="currentColor" stroke-width="3.06168" />
                    <path d="M655.766 260.548L703.834 172.678" stroke="currentColor" stroke-width="1.83701" />
                    <path d="M726.188 260.548L774.256 172.678" stroke="currentColor" stroke-width="1.62855" />
                    <path d="M162.836 260.548L210.904 172.678" stroke="currentColor" stroke-width="13.4714" />
                    <path d="M92.4219 260.548L140.49 172.678" stroke="currentColor" stroke-width="15.3084" />
                    <path d="M22 260.548L70.0683 172.678" stroke="currentColor" stroke-width="18.3701" />
                </g>
                <g clip-path="url(#clip3_508_3879)">
                    <path d="M234.07 174.209L282.139 86.3394" stroke="currentColor" stroke-width="7.34802" />
                    <path d="M304.492 174.209L352.561 86.3394" stroke="currentColor" stroke-width="6.12335" />
                    <path d="M374.914 174.209L422.982 86.3394" stroke="currentColor" stroke-width="4.89868" />
                    <path d="M445.328 174.209L493.396 86.3394" stroke="currentColor" stroke-width="3.67401" />
                    <path d="M515.742 174.209L563.811 86.3394" stroke="currentColor" stroke-width="3.06168" />
                    <path d="M586.164 174.209L634.232 86.3394" stroke="currentColor" stroke-width="2.44934" />
                    <path d="M656.578 174.209L704.646 86.3394" stroke="currentColor" stroke-width="1.22467" />
                    <path d="M727 174.209L775.068 86.3394" stroke="currentColor" stroke-width="0.814276" />
                    <path d="M163.648 174.209L211.717 86.3394" stroke="currentColor" stroke-width="11.022" />
                    <path d="M93.2344 174.209L141.303 86.3394" stroke="currentColor" stroke-width="12.2467" />
                    <path d="M22.8203 174.209L70.8886 86.3394" stroke="currentColor" stroke-width="12.2467" />
                </g>
                <g clip-path="url(#clip4_508_3879)">
                    <path d="M235.695 81.1348L283.764 -6.73534" stroke="currentColor" stroke-width="4.28635" />
                    <path d="M306.117 81.1348L354.186 -6.73534" stroke="currentColor" stroke-width="3.67401" />
                    <path d="M376.539 81.1348L424.607 -6.73534" stroke="currentColor" stroke-width="3.06168" />
                    <path d="M446.953 81.1348L495.021 -6.73534" stroke="currentColor" stroke-width="2.44934" />
                    <path d="M517.375 81.1348L565.443 -6.73534" stroke="currentColor" stroke-width="1.83701" />
                    <path d="M587.797 81.1348L635.865 -6.73534" stroke="currentColor" stroke-width="1.22467" />
                    <path d="M658.211 81.1348L706.279 -6.73534" stroke="currentColor" stroke-width="0.612335" />
                    <path d="M728.633 81.1348L776.701 -6.73534" stroke="currentColor" stroke-width="0.407138" />
                    <path d="M165.281 81.1348L213.35 -6.73534" stroke="currentColor" stroke-width="4.89868" />
                    <path d="M94.8672 81.1348L142.936 -6.73534" stroke="currentColor" stroke-width="5.51102" />
                    <path d="M24.4453 81.1348L72.5136 -6.73534" stroke="currentColor" stroke-width="6.12335" />
                </g>
                <defs>
                    <clipPath id="clip0_508_3879">
                        <rect width="745.062" height="74.0991" fill="white" transform="translate(0 378.648)" />
                    </clipPath>
                    <clipPath id="clip1_508_3879">
                        <rect width="745.062" height="73.2848" fill="white" transform="translate(0 279.307)" />
                    </clipPath>
                    <clipPath id="clip2_508_3879">
                        <rect width="750.111" height="73.4802" fill="white" transform="translate(0.382812 179.414)" />
                    </clipPath>
                    <clipPath id="clip3_508_3879">
                        <rect width="750.111" height="73.4802" fill="white" transform="translate(0.382812 93.0747)" />
                    </clipPath>
                    <clipPath id="clip4_508_3879">
                        <rect width="750.111" height="73.4802" fill="white" transform="translate(0.382812)" />
                    </clipPath>
                </defs>
            </svg>
        </div>
    </div>

    <div class="flex flex-col lg:flex-auto lg:grid lg:breakout-screen-lg xl:breakout-screen-xl 2xl:breakout-screen-2xl xl:min-h-[348px]">
        <div class="w-full order-last lg:order-none lg:row-start-1 lg:col-start-2 lg:col-end-8 relative z-10 flex items-center align-end lg:py-8 xsm:max-w-screen-xsm sm:max-w-screen-sm md:max-w-screen-md lg:max-w-none">
            <div class="items-start text-left flex flex-col w-11/12 lg:w-full gap-y-4  py-6  px-4 xl:pr-2 xl:pl-0">

                <h1 class="text-5xl xl:text-7xl font-normal font-heading leading-[40px] xl:leading-[72px] text-heading">UCEA is the leading voice on employment and reward matters in the UK HE sector </h1>

                <div class="block prose xl:prose-xl text-body lg:w-9/12">
                    <p>Membership is open to UK HE providers and associated sector bodies. </p>
                </div>

                <div class="pt-3 xl:pt-5">

                    <a href="./about-us.html" class="btn bg-button-surface text-button-text border-2 border-button-surface hover:bg-button-surface-hover hover:border-button-surface-hover">

                        Find out more

                    </a>

                </div>

            </div>
        </div>

        <div class="order-first lg:order-none lg:row-start-1 lg:col-start-8 lg:col-end-14 relative z-0 flex items-center lg:justify-center py-0 pr-6 xl:pr-0">

            <div class="relative w-full h-full flex items-center lg:justify-end gap-2 lg:gap-6 pl-4 lg:pl-0 pb-14 lg:pb-0 pt-10 xl:pt-0">
                <div class="relative z-10 w-[50%] max-w-[200px] lg:max-w-[300px] rounded-xl overflow-hidden self-end mb-[-1rem]">

                    <picture class="block overflow-hidden  w-full">

                        <img class="lazyload w-full object-cover aspect-[3.5/6] " alt="" width="400" height="533" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example9@12-16@900w.jpg 1200w" data-src="/front-end/images/test-imagery/example9@12-16@900w.jpg">

                    </picture>
                </div>
                <div class="relative z-0 w-[50%] max-w-[200px] lg:max-w-[300px] rounded-xl overflow-hidden self-end mb-[-3rem]">

                    <picture class="block overflow-hidden  w-full">

                        <img class="lazyload w-full object-cover aspect-[3.5/6] " alt="" width="400" height="533" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example11@12-16@900w.jpg 1200w" data-src="/front-end/images/test-imagery/example11@12-16@900w.jpg">

                    </picture>
                </div>
            </div>

        </div>
    </div>
</div>

<div class="js-component component-spacer-margin relative z-0">
    <div class="container">

        <div class="max-w-screen-md mx-auto">
            <div class="prose xl:prose-lg max-w-none prose-h2:font-normal prose-a:text-button-surface prose-a:hover:text-button-surface-hover">
                <h2>Welcome</h2>
                <p> The Universities and Colleges Employers Association (UCEA) provides its member institutions with timely advice and guidance on all employment and reward matters relevant to the HE sector. Our purpose was revised in 2023: UCEA is the leading voice on employment and reward matters in the UK Higher Education sector. We support our members to be employers of choice through collaboration, advocacy and expert advice.</p>
            </div>
        </div>

    </div>
</div>

<div class="component-spacer-margin xl:px-4 ">

    <div class="js-component p-4 py-6 lg:p-6 lg:py-8 xl:px-12 xl:py-24 bg-bkg xl:rounded-xl relative z-0 ">

        <div class="max-w-[1532px] mx-auto">

            <div class="flex flex-col lg:flex-row w-full ">
                <div class="lg:flex-1 lg:w-4/12 flex flex-col justify-center align-center mb-0 order-2 lg:order-last lg:pl-12 xl:pl-32 w-full sm:w-4/5 lg:w-full">
                    <div>

                        <h2 class="text-3xl xl:text-6xl mb-4 font-bold leading-tight text-heading">Real-terms change in the New JNCHES pay spine</h2>
                        <div class="md:mb-8 max-w-none prose xl:prose-lg">
                            <div>
                                <p>Independent calculations, commissioned by UCEA, looking at the real-terms change in the value of the New JNCHES pay spine show that all pay spine points have kept pace with CPIH inflation since 2013-14.</p>
                                <ul>
                                    <li>Lorem ipsum dolor sit amet consectetur.</li>
                                    <li>Donec suscipit pulvinar felis eu auctor orci lobortis lorem et eget. </li>
                                    <li>Fusce venenatis est eu magna porttitor </li>
                                </ul>
                            </div>
                            <div class="flex gap-4 flex-wrap mt-8">

                                <div>

                                    <a href="./index.html" class="btn bg-button-2-surface text-button-2-arrow border-2 border-button-2-surface hover:bg-button-2-surface-hover hover:border-button-2-surface-hover">

                                        Find out more

                                    </a>

                                </div>

                            </div>
                        </div>

                    </div>
                </div>
                <div class="lg:flex-1 lg:w-6/12 flex relative justify-center align-center lg:mx-0 order-1 lg:order-none">

                    <div class="relative w-full h-full pb-4 lg:pb-0">

                        <picture class="block overflow-hidden  w-full">

                            <img class="lazyload rounded-xl w-full" alt="" width="1200" height="750" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example2@16-10@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example2@16-10@1200w.jpg">

                        </picture>

                    </div>

                </div>
            </div>
        </div>
    </div>

</div>

<div class="js-component relative z-0 bg-white component-spacer-margin">

    <div class="container z-10 relative">

        <div class="text-center mb-8 lg:mb-12">
            <h2 class="text-5xl xl:text-7xl block font-heading font-normal leading-tight text-heading">Discover more</h2>

            <div class="prose xl:prose-lg mt-4 lg:mt-6 max-w-screen-sm mx-auto">
                <p>UCEA and the HE trade unions have developed this stress and mental wellbeing resources pack for HE institutions.</p>
            </div>

        </div>

        <div class="block space-y-6 md:space-y-0 md:grid md:gap-6 md:grid-cols-3">

            <div data-mode="dark">
                <a href="" class="bg-bkg-white-mix flex flex-col lg:h-full flex-1 transition ease-in-out duration-300 group overflow-hidden shadow-md hover:shadow-lg rounded-lg">

                    <div class="relative z-0 order-first ">
                        <div class="w-full aspect-[4/3] overflow-hidden">

                            <picture class="block overflow-hidden object-cover w-full h-full ">

                                <img class="lazyload w-full h-full object-cover transition ease-in-out duration-300 group-hover:scale-110 [&amp;_img]:w-full [&amp;_img]:h-full [&amp;_img]:object-cover " alt="" width="1200" height="750" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example1@16-10@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example1@16-10@1200w.jpg">

                            </picture>
                        </div>
                    </div>

                    <div class="flex flex-1 relative z-10 flex-col p-6 xl:p-8 " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                        <h2 class="relative text-xl  xl:text-3xl text-heading  font-bold leading-tight pb-2">Employee Experience</h2>

                        <p class="py-2 text-body text-base xl:text-xl">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>

                    </div>
                </a>
            </div>

            <div data-mode="dark">
                <a href="" class="bg-bkg-white-mix flex flex-col lg:h-full flex-1 transition ease-in-out duration-300 group overflow-hidden shadow-md hover:shadow-lg rounded-lg">

                    <div class="relative z-0 order-first ">
                        <div class="w-full aspect-[4/3] overflow-hidden">

                            <picture class="block overflow-hidden object-cover w-full h-full ">

                                <img class="lazyload w-full h-full object-cover transition ease-in-out duration-300 group-hover:scale-110 [&amp;_img]:w-full [&amp;_img]:h-full [&amp;_img]:object-cover " alt="" width="1200" height="750" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example2@16-10@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example2@16-10@1200w.jpg">

                            </picture>
                        </div>
                    </div>

                    <div class="flex flex-1 relative z-10 flex-col p-6 xl:p-8 " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                        <h2 class="relative text-xl  xl:text-3xl text-heading  font-bold leading-tight pb-2">Employee Relations and Trade Unions</h2>

                        <p class="py-2 text-body text-base xl:text-xl">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>

                    </div>
                </a>
            </div>

            <div data-mode="dark">
                <a href="" class="bg-bkg-white-mix flex flex-col lg:h-full flex-1 transition ease-in-out duration-300 group overflow-hidden shadow-md hover:shadow-lg rounded-lg">

                    <div class="relative z-0 order-first ">
                        <div class="w-full aspect-[4/3] overflow-hidden">

                            <picture class="block overflow-hidden object-cover w-full h-full ">

                                <img class="lazyload w-full h-full object-cover transition ease-in-out duration-300 group-hover:scale-110 [&amp;_img]:w-full [&amp;_img]:h-full [&amp;_img]:object-cover " alt="" width="1200" height="750" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example3@16-10@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example3@16-10@1200w.jpg">

                            </picture>
                        </div>
                    </div>

                    <div class="flex flex-1 relative z-10 flex-col p-6 xl:p-8 " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                        <h2 class="relative text-xl  xl:text-3xl text-heading  font-bold leading-tight pb-2">Equality and Pay Gaps</h2>

                        <p class="py-2 text-body text-base xl:text-xl">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>

                    </div>
                </a>
            </div>

        </div>
    </div>
</div>

<div class="js-component relative z-0 overflow-x-hidden w-full lg:grid lg:breakout-screen-lg xl:breakout-screen-xl 2xl:breakout-screen-2xl component-spacer-padding bg-bkg">

    <div class="absolute inset-0 overflow-hidden pointer-events-none z-0 opacity-90">
        <div class="absolute bottom-0 -left-4 w-1/3">
            <svg class="text-button-2-surface w-full h-auto" viewBox="0 0 729 453" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">

                <g clip-path="url(#clip0_508_3879)">
                    <path d="M223.062 459.782L271.131 371.912" stroke="currentColor" stroke-width="18.3701" />
                    <path d="M293.484 459.782L341.553 371.912" stroke="currentColor" stroke-width="15.3084" />
                    <path d="M363.906 459.782L411.975 371.912" stroke="currentColor" stroke-width="12.2467" />
                    <path d="M434.32 459.782L482.389 371.912" stroke="currentColor" stroke-width="9.18503" />
                    <path d="M504.742 459.782L552.811 371.912" stroke="currentColor" stroke-width="7.34802" />
                    <path d="M575.156 459.782L623.225 371.912" stroke="currentColor" stroke-width="4.89868" />
                    <path d="M645.578 459.782L693.646 371.912" stroke="currentColor" stroke-width="3.06168" />
                    <path d="M715.992 459.782L764.061 371.912" stroke="currentColor" stroke-width="2.44283" />
                    <path d="M152.648 459.782L200.717 371.912" stroke="currentColor" stroke-width="21.4317" />
                    <path d="M82.2266 459.782L130.295 371.912" stroke="currentColor" stroke-width="24.4934" />
                    <path d="M11.8047 459.782L59.873 371.912" stroke="currentColor" stroke-width="27.5551" />
                </g>
                <g clip-path="url(#clip1_508_3879)">
                    <path d="M223.883 360.441L271.951 272.571" stroke="currentColor" stroke-width="18.3701" />
                    <path d="M294.297 360.441L342.365 272.571" stroke="currentColor" stroke-width="15.3084" />
                    <path d="M364.719 360.441L412.787 272.571" stroke="currentColor" stroke-width="12.2467" />
                    <path d="M435.133 360.441L483.201 272.571" stroke="currentColor" stroke-width="9.18503" />
                    <path d="M505.555 360.441L553.623 272.571" stroke="currentColor" stroke-width="7.34802" />
                    <path d="M575.977 360.441L624.045 272.571" stroke="currentColor" stroke-width="4.89868" />
                    <path d="M646.391 360.441L694.459 272.571" stroke="currentColor" stroke-width="3.06168" />
                    <path d="M716.805 360.441L764.873 272.571" stroke="currentColor" stroke-width="2.44283" />
                    <path d="M153.461 360.441L201.529 272.571" stroke="currentColor" stroke-width="21.4317" />
                    <path d="M83.0469 360.441L131.115 272.571" stroke="currentColor" stroke-width="24.4934" />
                    <path d="M12.625 360.441L60.6933 272.571" stroke="currentColor" stroke-width="24.4934" />
                </g>
                <g clip-path="url(#clip2_508_3879)">
                    <path d="M233.258 260.548L281.326 172.678" stroke="currentColor" stroke-width="11.022" />
                    <path d="M303.672 260.548L351.74 172.678" stroke="currentColor" stroke-width="9.79736" />
                    <path d="M374.094 260.548L422.162 172.678" stroke="currentColor" stroke-width="9.18503" />
                    <path d="M444.516 260.548L492.584 172.678" stroke="currentColor" stroke-width="7.34802" />
                    <path d="M514.93 260.548L562.998 172.678" stroke="currentColor" stroke-width="4.89868" />
                    <path d="M585.352 260.548L633.42 172.678" stroke="currentColor" stroke-width="3.06168" />
                    <path d="M655.766 260.548L703.834 172.678" stroke="currentColor" stroke-width="1.83701" />
                    <path d="M726.188 260.548L774.256 172.678" stroke="currentColor" stroke-width="1.62855" />
                    <path d="M162.836 260.548L210.904 172.678" stroke="currentColor" stroke-width="13.4714" />
                    <path d="M92.4219 260.548L140.49 172.678" stroke="currentColor" stroke-width="15.3084" />
                    <path d="M22 260.548L70.0683 172.678" stroke="currentColor" stroke-width="18.3701" />
                </g>
                <g clip-path="url(#clip3_508_3879)">
                    <path d="M234.07 174.209L282.139 86.3394" stroke="currentColor" stroke-width="7.34802" />
                    <path d="M304.492 174.209L352.561 86.3394" stroke="currentColor" stroke-width="6.12335" />
                    <path d="M374.914 174.209L422.982 86.3394" stroke="currentColor" stroke-width="4.89868" />
                    <path d="M445.328 174.209L493.396 86.3394" stroke="currentColor" stroke-width="3.67401" />
                    <path d="M515.742 174.209L563.811 86.3394" stroke="currentColor" stroke-width="3.06168" />
                    <path d="M586.164 174.209L634.232 86.3394" stroke="currentColor" stroke-width="2.44934" />
                    <path d="M656.578 174.209L704.646 86.3394" stroke="currentColor" stroke-width="1.22467" />
                    <path d="M727 174.209L775.068 86.3394" stroke="currentColor" stroke-width="0.814276" />
                    <path d="M163.648 174.209L211.717 86.3394" stroke="currentColor" stroke-width="11.022" />
                    <path d="M93.2344 174.209L141.303 86.3394" stroke="currentColor" stroke-width="12.2467" />
                    <path d="M22.8203 174.209L70.8886 86.3394" stroke="currentColor" stroke-width="12.2467" />
                </g>
                <g clip-path="url(#clip4_508_3879)">
                    <path d="M235.695 81.1348L283.764 -6.73534" stroke="currentColor" stroke-width="4.28635" />
                    <path d="M306.117 81.1348L354.186 -6.73534" stroke="currentColor" stroke-width="3.67401" />
                    <path d="M376.539 81.1348L424.607 -6.73534" stroke="currentColor" stroke-width="3.06168" />
                    <path d="M446.953 81.1348L495.021 -6.73534" stroke="currentColor" stroke-width="2.44934" />
                    <path d="M517.375 81.1348L565.443 -6.73534" stroke="currentColor" stroke-width="1.83701" />
                    <path d="M587.797 81.1348L635.865 -6.73534" stroke="currentColor" stroke-width="1.22467" />
                    <path d="M658.211 81.1348L706.279 -6.73534" stroke="currentColor" stroke-width="0.612335" />
                    <path d="M728.633 81.1348L776.701 -6.73534" stroke="currentColor" stroke-width="0.407138" />
                    <path d="M165.281 81.1348L213.35 -6.73534" stroke="currentColor" stroke-width="4.89868" />
                    <path d="M94.8672 81.1348L142.936 -6.73534" stroke="currentColor" stroke-width="5.51102" />
                    <path d="M24.4453 81.1348L72.5136 -6.73534" stroke="currentColor" stroke-width="6.12335" />
                </g>
                <defs>
                    <clipPath id="clip0_508_3879">
                        <rect width="745.062" height="74.0991" fill="white" transform="translate(0 378.648)" />
                    </clipPath>
                    <clipPath id="clip1_508_3879">
                        <rect width="745.062" height="73.2848" fill="white" transform="translate(0 279.307)" />
                    </clipPath>
                    <clipPath id="clip2_508_3879">
                        <rect width="750.111" height="73.4802" fill="white" transform="translate(0.382812 179.414)" />
                    </clipPath>
                    <clipPath id="clip3_508_3879">
                        <rect width="750.111" height="73.4802" fill="white" transform="translate(0.382812 93.0747)" />
                    </clipPath>
                    <clipPath id="clip4_508_3879">
                        <rect width="750.111" height="73.4802" fill="white" transform="translate(0.382812)" />
                    </clipPath>
                </defs>
            </svg>
        </div>
    </div>

    <div class="flex flex-col lg:col-start-2 lg:col-end-6 lg:row-start-1 z-50">
        <div class="w-full max-w-screen-xsm sm:max-w-screen-sm md:max-w-screen-md lg:max-w-none sm:w-3/4 lg:w-11/12 lg:mx-0 px-4 xl:px-0 pb-4">
            <h2 class="text-5xl xl:text-7xl mb-4 leading-tight font-heading text-heading">Upcoming events</h2>
            <div class="mb-8 prose xl:prose-lg font-body">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut bibendum dui leo, non consectetur nisl auctor sed.</p>
            </div>
            <div class="flex flex-col gap-2">

                <div class="flex flex-col gap-2">
                    <div>

                        <a href="./event-list.html" class="btn bg-button-surface text-button-text border-2 border-button-surface hover:bg-button-surface-hover hover:border-button-surface-hover">

                            View all

                        </a>

                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="w-full h-full overflow-hidden pl-4 pt-6 relative lg:row-start-1 lg:col-start-6 lg:col-end-15">
        <div class="w-full splide" data-vanilla-module="Slider" data-splide='{"perPage":1,"mediaQuery":"min","pagination":false,"arrows":true,"gap":"1.5rem","padding":{"right":"4.5rem"},"updateOnMove":true,"breakpoints":{"640":{"perPage":2,"arrows":true,"gap":"1.5rem","padding":{"right":"4.5rem"}},"1024":{"perPage":2,"arrows":true,"gap":"1.5rem","padding":{"right":"4.5rem"}},"1284":{"perPage":3,"arrows":true,"gap":"1rem","padding":{"right":"4.5rem"}}}}'>
            <div class="splide__track !overflow-visible">
                <div class="splide__list">

                    <div class="splide__slide" data-mode="">
                        <a href="" class="bg-white flex flex-col lg:h-full flex-1 transition ease-in-out duration-300 group overflow-hidden shadow-md hover:shadow-lg rounded-lg">

                            <div class="absolute top-0 left-6 xl:left-8 z-10">

                                <div class="tag bg-heading px-2 py-1 text-sm text-white rounded-b-sm">

                                    Event

                                </div>

                            </div>

                            <div class="relative z-0 order-first ">
                                <div class="w-full aspect-[4/3] overflow-hidden">

                                    <picture class="block overflow-hidden object-cover w-full h-full ">

                                        <img class="lazyload w-full h-full object-cover transition ease-in-out duration-300 group-hover:scale-110 [&amp;_img]:w-full [&amp;_img]:h-full [&amp;_img]:object-cover " alt="" width="1200" height="900" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example3@16-12@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example3@16-12@1200w.jpg">

                                    </picture>
                                </div>
                            </div>

                            <div class="flex flex-1 relative z-10 flex-col p-6 xl:p-8 " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                                <div class="text-sm mb-2 font-semibold text-grey-500 flex items-center gap-1">

                                    <span class="inline-flex w-4 h-4 shrink-0 text-grey-500" aria-hidden="true">
                                        <svg class="fill-current w-full h-full -mt-0.5" aria-hidden="true">
                                            <use href="/front-end/sprite.svg#icon-calendar"></use>
                                        </svg>
                                    </span>

                                    <span>1 July 2026</span>
                                </div>

                                <h2 class="relative text-xl  text-grey  font-bold leading-tight pb-2">Getting the most from UCEA membership</h2>

                            </div>
                        </a>
                    </div>

                    <div class="splide__slide" data-mode="">
                        <a href="" class="bg-white flex flex-col lg:h-full flex-1 transition ease-in-out duration-300 group overflow-hidden shadow-md hover:shadow-lg rounded-lg">

                            <div class="absolute top-0 left-6 xl:left-8 z-10">

                                <div class="tag bg-heading px-2 py-1 text-sm text-white rounded-b-sm">

                                    Event

                                </div>

                            </div>

                            <div class="relative z-0 order-first ">
                                <div class="w-full aspect-[4/3] overflow-hidden">

                                    <picture class="block overflow-hidden object-cover w-full h-full ">

                                        <img class="lazyload w-full h-full object-cover transition ease-in-out duration-300 group-hover:scale-110 [&amp;_img]:w-full [&amp;_img]:h-full [&amp;_img]:object-cover " alt="" width="1200" height="900" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example11@16-12@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example11@16-12@1200w.jpg">

                                    </picture>
                                </div>
                            </div>

                            <div class="flex flex-1 relative z-10 flex-col p-6 xl:p-8 " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                                <div class="text-sm mb-2 font-semibold text-grey-500 flex items-center gap-1">

                                    <span class="inline-flex w-4 h-4 shrink-0 text-grey-500" aria-hidden="true">
                                        <svg class="fill-current w-full h-full -mt-0.5" aria-hidden="true">
                                            <use href="/front-end/sprite.svg#icon-calendar"></use>
                                        </svg>
                                    </span>

                                    <span>1 July 2026</span>
                                </div>

                                <h2 class="relative text-xl  text-grey  font-bold leading-tight pb-2">Immigration HR Network meeting </h2>

                            </div>
                        </a>
                    </div>

                    <div class="splide__slide" data-mode="">
                        <a href="" class="bg-white flex flex-col lg:h-full flex-1 transition ease-in-out duration-300 group overflow-hidden shadow-md hover:shadow-lg rounded-lg">

                            <div class="absolute top-0 left-6 xl:left-8 z-10">

                                <div class="tag bg-heading px-2 py-1 text-sm text-white rounded-b-sm">

                                    Event

                                </div>

                            </div>

                            <div class="relative z-0 order-first ">
                                <div class="w-full aspect-[4/3] overflow-hidden">

                                    <picture class="block overflow-hidden object-cover w-full h-full ">

                                        <img class="lazyload w-full h-full object-cover transition ease-in-out duration-300 group-hover:scale-110 [&amp;_img]:w-full [&amp;_img]:h-full [&amp;_img]:object-cover " alt="" width="1200" height="900" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example1@16-12@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example1@16-12@1200w.jpg">

                                    </picture>
                                </div>
                            </div>

                            <div class="flex flex-1 relative z-10 flex-col p-6 xl:p-8 " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                                <div class="text-sm mb-2 font-semibold text-grey-500 flex items-center gap-1">

                                    <span class="inline-flex w-4 h-4 shrink-0 text-grey-500" aria-hidden="true">
                                        <svg class="fill-current w-full h-full -mt-0.5" aria-hidden="true">
                                            <use href="/front-end/sprite.svg#icon-calendar"></use>
                                        </svg>
                                    </span>

                                    <span>2 July 2026</span>
                                </div>

                                <h2 class="relative text-xl  text-grey  font-bold leading-tight pb-2">Introduction to workplace investigator skills workshop</h2>

                            </div>
                        </a>
                    </div>

                    <div class="splide__slide" data-mode="">
                        <a href="./event-detail--red-theme.html" class="bg-white flex flex-col lg:h-full flex-1 transition ease-in-out duration-300 group overflow-hidden shadow-md hover:shadow-lg rounded-lg">

                            <div class="absolute top-0 left-6 xl:left-8 z-10">

                                <div class="tag bg-heading px-2 py-1 text-sm text-white rounded-b-sm">

                                    Event

                                </div>

                            </div>

                            <div class="relative z-0 order-first ">
                                <div class="w-full aspect-[4/3] overflow-hidden">

                                    <picture class="block overflow-hidden object-cover w-full h-full ">

                                        <img class="lazyload w-full h-full object-cover transition ease-in-out duration-300 group-hover:scale-110 [&amp;_img]:w-full [&amp;_img]:h-full [&amp;_img]:object-cover " alt="" width="1200" height="900" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example5@16-12@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example5@16-12@1200w.jpg">

                                    </picture>
                                </div>
                            </div>

                            <div class="flex flex-1 relative z-10 flex-col p-6 xl:p-8 " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                                <div class="text-sm mb-2 font-semibold text-grey-500 flex items-center gap-1">

                                    <span class="inline-flex w-4 h-4 shrink-0 text-grey-500" aria-hidden="true">
                                        <svg class="fill-current w-full h-full -mt-0.5" aria-hidden="true">
                                            <use href="/front-end/sprite.svg#icon-calendar"></use>
                                        </svg>
                                    </span>

                                    <span>21 October 2026</span>
                                </div>

                                <h2 class="relative text-xl  text-grey  font-bold leading-tight pb-2">UCEA Reward Network Meeting - Total Reward Statement (TRS)</h2>

                            </div>
                        </a>
                    </div>

                </div>
            </div>
            <div class="flex items-center lg:w-8/12 mt-10">
                <div class="splide__arrows flex justify-center items-center lg:block">
                    <div class="flex gap-2">
                        <button class="group splide__arrow splide__arrow--prev w-8 h-8  transition ease-in-out duration-300 inline-flex items-center justify-center bg-button-2-surface hover:bg-button-2-surface-hover rounded-full">
                            <span class="rotate-90 inline-flex items-center justify-center">
                                <svg class="w-4 h-3 fill-current block rotate-90" aria-hidden="true">
                                    <use href="/front-end/sprite.svg#icon-chevron"></use>
                                </svg>
                            </span>
                            <span class="sr-only">Previous</span>
                        </button>

                        <button class="group splide__arrow splide__arrow--next w-8 h-8  transition ease-in-out duration-300 inline-flex items-center justify-center bg-button-2-surface hover:bg-button-2-surface-hover rounded-full">
                            <span class="-rotate-90 inline-flex items-center justify-center text-button-2-arrow">
                                <svg class="w-4 h-3 fill-current block rotate-90" aria-hidden="true">
                                    <use href="/front-end/sprite.svg#icon-chevron"></use>
                                </svg>
                            </span>
                            <span class="sr-only">Next</span>
                        </button>
                    </div>
                </div>
                <div class="flex flex-1 justify-center items-center px-4">
                    <div class="w-full">
                        <div class="bg-[color-mix(in_srgb,var(--color-heading)_50%,transparent)] rounded-full splide-progress-bar overflow-hidden">
                            <div class="h-2 w-0 bg-button-2-surface transition-all ease-in-out duration-300 splide-progress-bar__step"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container">

    <div class="js-component relative z-0 component-spacer-margin bg-bkg rounded-lg" data-theme="red" data-mode="dark">

        <div class="overflow-hidden relative z-10">
            <div class="lg:flex items-stretch min-h-[400px]">

                <div class="lg:w-[55%] flex">
                    <div class="relative w-full rounded-b-none rounded-lg lg:rounded-r-none lg:rounded-bl-lg overflow-hidden">

                        <picture class="block overflow-hidden object-cover w-full h-full ">

                            <img class="lazyload h-full object-cover w-full" alt="" width="1200" height="675" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example5@16-10@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example5@16-10@1200w.jpg">

                        </picture>
                    </div>
                </div>

                <div class="lg:w-[45%] flex flex-col justify-start relative overflow-hidden">

                    <div class="absolute inset-0 overflow-hidden pointer-events-none z-0 opacity-90">
                        <div class="absolute -bottom-16 -right-16 xl:-bottom-40 xl:-right-40 w-1/2 xl:w-2/3">
                            <?xml version="1.0" encoding="UTF-8"?>
                            <svg class="text-button-2-surface w-full h-auto" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 1602.4 1602.4" aria-hidden="true">
                                <!-- Generator: Adobe Illustrator 30.4.0, SVG Export Plug-In . SVG Version: 2.1.4 Build 226)  -->
                                <defs>
                                    <radialGradient id="radial-gradient" cx="782.6" cy="730.7" fx="773.2" fy="730.7" r="825.1" gradientUnits="userSpaceOnUse">
                                        <stop offset=".2" stop-color="currentColor" />
                                        <stop offset=".8" stop-color="currentColor" stop-opacity="0" />
                                    </radialGradient>
                                </defs>
                                <path d="M55.2,853.8l-41.1,3-4.8-27.1,47.9-1.8-2,25.9ZM70.8,739L0,733.1l1.3,27.8,64.7,3.2,4.8-25.1ZM94,653.7l-90.4-18.9-2.3,28.1,85.1,14.7,7.6-24ZM126.4,572.9l-106.3-36.1-6,27.9,102.1,30.7,10.2-22.6ZM166.9,497.2l-117.3-56.3-9.8,27.1,114.8,50.4,12.3-21.1ZM214.8,427.3l-122.9-78.4-13.3,25.8,121.9,72,14.4-19.4ZM270.9,364.9l-126.2-103.7c-5.3,8.3-10.5,16.6-15.8,24.8l124.9,95.7c5.6-5.7,11.4-11.2,17.1-16.7ZM326.2,319.9c3.1-2.4,6.3-4.7,9.4-7.1l-129.5-135.5-9.5,11.6-9.3,11.6,129.4,126.4c3.2-2.3,6.4-4.6,9.5-7ZM400.5,264l-117.7-157.5c-8,5.9-15.9,12-23.7,18.3l123.2,153.5c6.2-4.6,12.3-9.3,18.2-14.2ZM463.8,212.3l-89.4-156c-9.1,4-18.2,8-27.2,12.3l98.4,158.7c6.2-4.8,12.2-9.9,18.3-14.9ZM530.3,159.9l-56.2-133.3c-9.7,2-19.3,4.1-29,6.3l65.7,142.1c6.5-4.9,13-9.9,19.5-15.1ZM602,105.6l-24.6-86.3c-9.8-.4-19.7-.5-29.6-.4l33.1,102.6c7-5.1,14-10.3,21.1-15.8ZM663.4,58.8c2-1.6,4-3.3,6-5l13.7-.2-3.6-22.7-13.4,4.3c-2.5-.8-5-1.7-7.5-2.5-2.5-.8-5-1.5-7.5-2.2l6.4,33c2-1.5,4-3.1,6-4.7ZM827.9,1545.2l1.8,47.9,27.1-4.8-3-41.1-25.9-2ZM733.1,1602.4l27.8-1.3,3.2-64.7-25.1-4.8-6,70.8ZM634.9,1598.7l28.1,2.3,14.7-85.1-24-7.6-18.9,90.4ZM536.8,1582.3l27.9,6,30.7-102.1-22.6-10.2-36.1,106.3ZM440.9,1552.8l27.1,9.8,50.4-114.8-21.1-12.3-56.3,117.3ZM427.3,1387.6l-78.4,122.9,25.8,13.3,72-121.9-19.4-14.4ZM364.9,1331.5l-103.7,126.2c8.3,5.3,16.6,10.5,24.8,15.8l95.7-124.9c-5.7-5.6-11.2-11.4-16.7-17.1ZM319.9,1276.1c-2.4-3.1-4.7-6.3-7.1-9.4l-135.5,129.5,11.6,9.5,11.6,9.3,126.4-129.4c-2.3-3.2-4.6-6.4-7-9.5ZM264,1201.9l-157.5,117.7c5.9,8,12,15.9,18.3,23.7l153.5-123.2c-4.6-6.2-9.3-12.3-14.2-18.2ZM212.3,1138.5l-156,89.4c4,9.1,8,18.2,12.3,27.2l158.7-98.4c-4.8-6.2-9.9-12.2-14.9-18.3ZM159.9,1072.1l-133.3,56.2c2,9.7,4.1,19.3,6.3,29l142.1-65.7c-4.9-6.5-9.9-13-15.1-19.5ZM105.6,1000.4l-86.3,24.6c-.4,9.8-.5,19.7-.4,29.6l102.6-33.1c-5.1-7-10.3-14-15.8-21.1ZM30.5,951.3l33-6.4c-1.5-2-3.1-4-4.7-6-1.6-2-3.3-4-5-6l-.2-13.7-22.7,3.6,4.3,13.4c-.8,2.5-1.7,5-2.5,7.5-.8,2.5-1.5,5-2.2,7.6ZM1545.2,774.5l47.9-1.8-4.8-27.1-41.1,3-2,25.9ZM1531.6,863.3l70.8,6-1.3-27.8-64.7-3.2-4.8,25.1ZM1508.4,948.6l90.4,18.9,2.3-28.1-85.1-14.7-7.6,24ZM1476,1029.5l106.3,36.1,6-27.9-102.1-30.7-10.2,22.6ZM1435.5,1105.2l117.3,56.3,9.8-27.1-114.8-50.4-12.3,21.1ZM1387.6,1175.1l122.9,78.4,13.3-25.8-121.9-72-14.4,19.4ZM1331.5,1237.5l126.2,103.7c5.3-8.3,10.5-16.6,15.8-24.8l-124.9-95.7c-5.6,5.7-11.4,11.2-17.1,16.7ZM1276.1,1282.5c-3.1,2.4-6.3,4.7-9.4,7.1l129.5,135.5,9.5-11.6,9.3-11.6-129.4-126.4c-3.2,2.3-6.4,4.6-9.5,7ZM1201.9,1338.4l117.7,157.5c8-5.9,15.9-12,23.7-18.3l-123.2-153.5c-6.2,4.6-12.3,9.3-18.2,14.2ZM1138.5,1390l89.4,156c9.1-4,18.2-8,27.2-12.3l-98.4-158.7c-6.2,4.8-12.2,9.9-18.3,14.9ZM1072.1,1442.5l56.2,133.3c9.7-2,19.3-4.1,29-6.3l-65.7-142.1c-6.5,4.9-13,9.9-19.5,15.1ZM1000.4,1496.8l24.6,86.3c9.8.4,19.7.5,29.6.4l-33.1-102.6c-7,5.1-14,10.3-21.1,15.8ZM938.9,1543.6c-2,1.6-4,3.3-6,5l-13.7.2,3.6,22.7,13.4-4.3c2.5.8,5,1.7,7.5,2.5,2.5.8,5,1.5,7.5,2.2l-6.4-33c-2,1.5-4,3.1-6,4.7ZM774.5,57.2l-1.8-47.9-27.1,4.8,3,41.1,25.9,2ZM869.3,0l-27.8,1.3-3.2,64.7,25.1,4.8L869.3,0ZM967.5,3.6l-28.1-2.3-14.7,85.1,24,7.6,18.9-90.4ZM1065.5,20.1l-27.9-6-30.7,102.1,22.6,10.2,36.1-106.3ZM1161.5,49.6l-27.1-9.8-50.4,114.8,21.1,12.3,56.3-117.3ZM1175.1,214.8l78.4-122.9-25.8-13.3-72,121.9,19.4,14.4ZM1237.5,270.9l103.7-126.2c-8.3-5.3-16.6-10.5-24.8-15.8l-95.7,124.9c5.7,5.6,11.2,11.4,16.7,17.1ZM1282.5,326.2c2.4,3.1,4.7,6.3,7.1,9.4l135.5-129.5-11.6-9.5-11.6-9.3-126.4,129.4c2.3,3.2,4.6,6.4,7,9.5ZM1338.4,400.5l157.5-117.7c-5.9-8-12-15.9-18.3-23.7l-153.5,123.2c4.6,6.2,9.3,12.3,14.2,18.2ZM1390,463.8l156-89.4c-4-9.1-8-18.2-12.3-27.2l-158.7,98.4c4.8,6.2,9.9,12.2,14.9,18.3ZM1442.5,530.3l133.3-56.2c-2-9.7-4.1-19.3-6.3-29l-142.1,65.7c4.9,6.5,9.9,13,15.1,19.5ZM1496.8,602l86.3-24.6c.4-9.8.5-19.7.4-29.6l-102.6,33.1c5.1,7,10.3,14,15.8,21.1ZM1571.9,651l-33,6.4c1.5,2,3.1,4,4.7,6,1.6,2,3.3,4,5,6l.2,13.7,22.7-3.6-4.3-13.4c.8-2.5,1.7-5,2.5-7.5.8-2.5,1.5-5,2.2-7.5ZM379.1,364.1c-2,.6-4,1.1-6,1.7-2,.6-3.9,1.2-5.9,1.9l18.6,18.6c.6-1.8,1.2-3.8,1.8-5.7.6-1.9,1.1-3.9,1.7-5.8l8.8-6.1-12.2-13.1-6.8,8.6ZM421.4,315.7l19.9,25.4,17.6-10-22.1-30.3-15.4,15ZM477.8,265.5l26.2,43.3,18.3-7.8-27.1-48.5-17.5,13ZM587.7,278.7l-27.3-66.8-19.2,10.8,27.6,61.5,18.8-5.5ZM654.2,264.4l-23.1-84.6-20.7,8.3,24.7,79.5,19.1-3.3ZM721,257.6l-14.7-100.6-21.8,5.5,17.5,96.4,19-1.2ZM768.4,257.2l18.8.9-2.9-113.9-22.5,2.6,6.6,110.4ZM864.2,140.1c-7.7.2-15.3.5-23,.6l-7.4,122.7c6.1,1.2,12.2,2.5,18.3,3.8l12-127ZM914.1,286.3l31.2-143.1-11.6-1.1-11.6-1-25.4,139c2.9,1.1,5.8,2.1,8.7,3.1,2.9,1,5.8,2,8.7,3ZM974.1,307l50.6-145.1c-7.3-2.6-14.7-5-22.2-7.4l-45.6,146.8c5.7,2,11.4,3.9,17.1,5.6ZM1035.2,325.4l62-126.1c-6.6-4.1-13.1-8.3-19.8-12.3l-59.8,133c5.8,1.9,11.7,3.6,17.6,5.3ZM1080,339.5c6,2.1,12.1,4.1,18.3,6l61.8-94.6c-5.5-5.4-11.1-10.7-16.8-16l-63.3,104.6ZM1145.2,361.5c6.4,2.3,12.8,4.6,19.5,6.8l45.1-53.6c-4.1-6.5-8.3-13-12.7-19.4l-52,66.2ZM1236.6,373.1c-.6-2-1.2-3.9-1.9-5.9l-18.6,18.6c1.8.6,3.8,1.2,5.7,1.8,1.9.6,3.9,1.1,5.8,1.7l6.1,8.8,13.1-12.2-8.6-6.8c-.6-2-1.1-4-1.7-6ZM341,1161.1l-10-17.6-30.3,22.1,15,15.4,25.4-19.9ZM308.8,1098.4l-7.8-18.3-48.5,27.1,13,17.5,43.3-26.2ZM284.3,1033.5l-5.5-18.8-66.8,27.3,10.8,19.2,61.5-27.6ZM267.6,967.2l-3.3-19.1-84.6,23.1,8.3,20.7,79.5-24.7ZM258.8,900.4l-1.2-19-100.6,14.7,5.5,21.8,96.4-17.5ZM257.2,834l.9-18.8-113.9,2.9,2.6,22.5,110.4-6.6ZM140.6,761.2l122.7,7.4c1.2-6.1,2.5-12.2,3.8-18.3l-127-12c.2,7.7.5,15.3.6,23ZM142.2,668.7l-1,11.6,139,25.4c1.1-2.9,2.1-5.8,3.1-8.7,1-2.9,2-5.8,3-8.7l-143.1-31.2-1.1,11.6ZM154.5,599.8l146.8,45.6c2-5.7,3.9-11.4,5.6-17.1l-145.1-50.6c-2.6,7.3-5,14.7-7.4,22.2ZM187.1,525l133,59.8c1.9-5.8,3.6-11.7,5.3-17.6l-126.1-62c-4.1,6.6-8.3,13.1-12.3,19.8ZM234.9,459.1l104.6,63.3c2.1-6,4.1-12.1,6-18.3l-94.6-61.8c-5.4,5.5-10.7,11.1-16,16.8ZM295.3,405.2l66.2,52c2.3-6.4,4.6-12.8,6.8-19.5l-53.6-45.1c-6.5,4.1-13,8.3-19.4,12.7ZM1223.3,1238.3c2-.6,4-1.1,6-1.7,2-.6,3.9-1.2,5.9-1.9l-18.6-18.6c-.6,1.8-1.2,3.8-1.8,5.7-.6,1.9-1.1,3.9-1.7,5.8l-8.8,6.1,12.2,13.1,6.8-8.6ZM1181,1286.7l-19.9-25.4-17.6,10,22.1,30.3,15.4-15ZM1124.5,1336.9l-26.2-43.3-18.3,7.8,27.1,48.5,17.5-13ZM1014.6,1323.6l27.3,66.8,19.2-10.8-27.6-61.5-18.8,5.5ZM948.1,1338l23.1,84.6,20.7-8.3-24.7-79.5-19.1,3.3ZM881.4,1344.8l14.7,100.6,21.8-5.5-17.5-96.4-19,1.2ZM834,1345.2l-18.8-.9,2.9,113.9,22.5-2.6-6.6-110.4ZM738.2,1462.3c7.7-.2,15.3-.5,23-.6l7.4-122.7c-6.1-1.2-12.2-2.5-18.3-3.8l-12,127ZM688.3,1316.1l-31.2,143.1,11.6,1.1,11.6,1,25.4-139c-2.9-1.1-5.8-2.1-8.7-3.1-2.9-1-5.8-2-8.7-3ZM628.3,1295.4l-50.6,145.1c7.3,2.6,14.7,5,22.2,7.4l45.6-146.8c-5.7-2-11.4-3.9-17.1-5.6ZM567.2,1276.9l-62,126.1c6.6,4.1,13.1,8.3,19.8,12.3l59.8-133c-5.8-1.9-11.7-3.6-17.6-5.3ZM522.4,1262.8c-6-2.1-12.1-4.1-18.3-6l-61.8,94.6c5.5,5.4,11.1,10.7,16.8,16l63.3-104.6ZM457.2,1240.8c-6.4-2.3-12.8-4.6-19.5-6.8l-45.1,53.6c4.1,6.5,8.3,13,12.7,19.4l52-66.2ZM365.8,1229.3c.6,2,1.2,3.9,1.9,5.9l18.6-18.6c-1.8-.6-3.8-1.2-5.7-1.8-1.9-.6-3.9-1.1-5.8-1.7l-6.1-8.8-13.1,12.2,8.6,6.8c.6,2,1.1,4,1.7,6ZM1261.4,441.2l10,17.6,30.3-22.1-15-15.4-25.4,19.9ZM1293.6,504l7.8,18.3,48.5-27.1-13-17.5-43.3,26.2ZM1318.1,568.9l5.5,18.8,66.8-27.3-10.8-19.2-61.5,27.6ZM1334.7,635.1l3.3,19.1,84.6-23.1-8.3-20.7-79.5,24.7ZM1343.5,701.9l1.2,19,100.6-14.7-5.5-21.8-96.4,17.5ZM1458.2,784.3l-2.6-22.5-110.4,6.6-.9,18.8,113.9-2.9ZM1461.7,841.2l-122.7-7.4c-1.2,6.1-2.5,12.2-3.8,18.3l127,12c-.2-7.7-.5-15.3-.6-23ZM1460.2,933.7l1-11.6-139-25.4c-1.1,2.9-2.1,5.8-3.1,8.7-1,2.9-2,5.8-3,8.7l143.1,31.2,1.1-11.6ZM1447.8,1002.5l-146.8-45.6c-2,5.7-3.9,11.4-5.6,17.1l145.1,50.6c2.6-7.3,5-14.7,7.4-22.2ZM1415.3,1077.4l-133-59.8c-1.9,5.8-3.6,11.7-5.3,17.6l126.1,62c4.1-6.6,8.3-13.1,12.3-19.8ZM1367.5,1143.3l-104.6-63.3c-2.1,6-4.1,12.1-6,18.3l94.6,61.8c5.4-5.5,10.7-11.1,16-16.8ZM1307.1,1197.2l-66.2-52c-2.3,6.4-4.6,12.8-6.8,19.5l53.6,45.1c6.5-4.1,13-8.3,19.4-12.7ZM942,367l14.2,7,10-27.5-16.4-3.4-7.7,24ZM1006.9,357.7l-16.6,35.9,13.1,8.5,19.6-38.7-16-5.6ZM1034.5,424.9l11.8,9.8,31.3-46.8-15.4-7.7-27.8,44.8ZM1084.7,471.5l44.7-51.9-14.4-9.8-40.7,50.7,10.4,10.9ZM1163.9,446.5l-54.8,53.5,9.1,11.8,58.7-53.5-13.1-11.7ZM1139.2,542.3l7.7,12.6,72.5-51.6-11.6-13.4-68.6,52.5ZM1163.8,587.3c1.9,4.5,3.7,9,5.6,13.5l87.5-47.7c-3.5-4.9-7-9.7-10.4-14.6l-82.7,48.8ZM1182.2,642.4c.6,2.3,1.2,4.6,1.9,6.9l106.3-42.3-4.4-8-4.4-7.9-101.1,44.3c.6,2.3,1.2,4.7,1.8,7ZM1308,649.1l-115,34.6c1.2,4.6,2.4,9.1,3.9,13.6l116.1-30.6c-1.5-5.9-3.2-11.7-4.9-17.6ZM1319.6,711.8l-112.3,19.4c1.3,4.6,2.8,9.1,4.2,13.7l108.7-14.9c-.2-6.1-.4-12.1-.7-18.2ZM1317.4,775.4l-95.4,4.7c1.3,4.8,2.6,9.6,4.1,14.5l88.3-1.3c1.1-5.9,2.1-11.9,3-17.9ZM1301.8,836.7l-65.6-4.7c1.3,5.1,2.6,10.3,4.1,15.6l54.5,5.8c2.5-5.5,4.8-11,7-16.7ZM336.8,702.5c-1,1.2-2.1,2.4-3.1,3.7-1,1.2-2,2.5-3,3.8l20.1,3.9c-.4-1.5-.9-3-1.3-4.5-.4-1.5-1-3-1.4-4.5l3-7.8-13.6-3.2-.6,8.6ZM343.1,652.6l24,7.7,7-14.2-27.5-10-3.4,16.4ZM402.1,599l-38.7-19.6-5.6,16,35.9,16.6,8.5-13.1ZM380.1,540.1l44.8,27.8,9.8-11.8-46.8-31.3-7.7,15.4ZM409.8,487.4l50.7,40.7,10.9-10.4-51.9-44.7-9.8,14.4ZM446.5,438.5l53.5,54.8,11.8-9.1-53.5-58.7-11.7,13.1ZM489.8,394.6l52.5,68.6,12.6-7.7-51.6-72.5-13.4,11.6ZM600.8,433l-47.7-87.5c-4.9,3.5-9.7,7-14.6,10.4l48.8,82.7c4.5-1.9,9-3.7,13.5-5.6ZM591.2,320.9l44.3,101.1c2.3-.6,4.7-1.2,7-1.8,2.3-.6,4.6-1.2,6.9-1.9l-42.3-106.3-8,4.4-7.9,4.4ZM649.1,294.4l34.6,115c4.6-1.2,9.1-2.4,13.6-3.9l-30.6-116.1c-5.9,1.5-11.7,3.2-17.6,4.9ZM731.2,395c4.6-1.3,9.1-2.8,13.7-4.2l-14.9-108.7c-6.1.2-12.1.4-18.2.7l19.4,112.3ZM793.2,288c-5.9-1.1-11.9-2.1-17.9-3l4.7,95.4c4.8-1.3,9.6-2.6,14.5-4.1l-1.3-88.3ZM853.3,307.5c-5.5-2.5-11-4.8-16.7-7l-4.7,65.6c5.1-1.3,10.3-2.6,15.6-4.1l5.8-54.5ZM897.5,348.1l7.8,3,3.2-13.6-8.6-.6c-1.2-1-2.4-2.1-3.7-3.1-1.2-1-2.5-2-3.8-3l-3.9,20.1c1.5-.4,3-.9,4.5-1.3,1.5-.4,3-1,4.5-1.4ZM660.4,1235.3l-14.2-7-10,27.5,16.4,3.4,7.7-24ZM595.5,1244.6l16.6-35.9-13.1-8.5-19.6,38.7,16,5.6ZM567.9,1177.5l-11.8-9.8-31.3,46.8,15.4,7.7,27.8-44.8ZM517.7,1130.9l-44.7,51.9,14.4,9.8,40.7-50.7-10.4-10.9ZM438.5,1155.9l54.8-53.5-9.1-11.8-58.7,53.5,13.1,11.7ZM463.2,1060.1l-7.7-12.6-72.5,51.6,11.6,13.4,68.6-52.5ZM438.6,1015c-1.9-4.5-3.7-9-5.6-13.5l-87.5,47.7c3.5,4.9,7,9.7,10.4,14.6l82.7-48.8ZM420.2,959.9c-.6-2.3-1.2-4.6-1.9-6.9l-106.3,42.3,4.4,8,4.4,7.9,101.1-44.3c-.6-2.3-1.2-4.7-1.8-7ZM409.4,918.7c-1.2-4.6-2.4-9.1-3.9-13.6l-116.1,30.6c1.5,5.9,3.2,11.7,4.9,17.6l115-34.6ZM282.8,890.6l112.3-19.4c-1.3-4.6-2.8-9.1-4.2-13.7l-108.7,14.9c.2,6.1.4,12.1.7,18.2ZM285,827l95.4-4.7c-1.3-4.8-2.6-9.6-4.1-14.5l-88.3,1.3c-1.1,5.9-2.1,11.9-3,17.9ZM300.5,765.7l65.6,4.7c-1.3-5.1-2.6-10.3-4.1-15.6l-54.5-5.8c-2.5,5.5-4.8,11-7,16.7ZM1265.5,899.9c1-1.2,2.1-2.4,3.1-3.7,1-1.2,2-2.5,3-3.8l-20.1-3.9c.4,1.5.9,3,1.3,4.5.4,1.5,1,3,1.4,4.5l-3,7.8,13.6,3.2.6-8.6ZM1259.3,949.7l-24-7.7-7,14.2,27.5,10,3.4-16.4ZM1200.3,1003.3l38.7,19.6,5.6-16-35.9-16.6-8.5,13.1ZM1222.3,1062.3l-44.8-27.8-9.8,11.8,46.8,31.3,7.7-15.4ZM1192.5,1114.9l-50.7-40.7-10.9,10.4,51.9,44.7,9.8-14.4ZM1155.9,1163.9l-53.5-54.8-11.8,9.1,53.5,58.7,11.7-13.1ZM1112.6,1207.8l-52.5-68.6-12.6,7.7,51.6,72.5,13.4-11.6ZM1001.5,1169.3l47.7,87.5c4.9-3.5,9.7-7,14.6-10.4l-48.8-82.7c-4.5,1.9-9,3.7-13.5,5.6ZM1011.2,1281.5l-44.3-101.1c-2.3.6-4.7,1.2-7,1.8-2.3.6-4.6,1.2-6.9,1.9l42.3,106.3,8-4.4,7.9-4.4ZM953.3,1308l-34.6-115c-4.6,1.2-9.1,2.4-13.6,3.9l30.6,116.1c5.9-1.5,11.7-3.2,17.6-4.9ZM871.2,1207.3c-4.6,1.3-9.1,2.8-13.7,4.2l14.9,108.7c6.1-.2,12.1-.4,18.2-.7l-19.4-112.3ZM822.3,1222c-4.8,1.3-9.6,2.6-14.5,4.1l1.3,88.3c5.9,1.1,11.9,2.1,17.9,3l-4.7-95.4ZM749.1,1294.8c5.5,2.5,11,4.8,16.7,7l4.7-65.6c-5.1,1.3-10.3,2.6-15.6,4.1l-5.8,54.5ZM704.9,1254.3l-7.8-3-3.2,13.6,8.6.6c1.2,1,2.4,2.1,3.7,3.1,1.2,1,2.5,2,3.8,3l3.9-20.1c-1.5.4-3,.9-4.5,1.3-1.5.4-3,1-4.5,1.4ZM1143.9,702.7l1.7,12.3,22.2-5.6-4.9-12.1-18.9,5.5ZM1147.8,745.6l.2,12.2,33.6-4.2-3.4-12.9-30.5,4.9ZM1145.7,799.8l44-.2-1.7-13.3-41.1,1.6-1.2,11.9ZM1191.7,833.4l-50.7-4.2-2.5,11.5,53.2,6.3v-13.6ZM1189.3,881.1l-58.5-12.1-3.6,11.1,60.3,14.6,1.9-13.6ZM1180.5,928.5l-64-21.5-4.8,10.5,65.1,24.4,3.7-13.4ZM1165.8,974.9l-67.7-32.2c-2.1,3.2-4.2,6.4-6.3,9.5l69.1,35.9c1.6-4.4,3.2-8.8,4.9-13.1ZM1143.8,1026.8l3.2-6.3-72.9-46.1c-1.3,1.4-2.5,2.8-3.7,4.2-1.2,1.4-2.5,2.8-3.7,4.2l73.8,50.4,3.3-6.3ZM1121.1,1063l-72.7-59.4c-2.4,2.7-4.8,5.5-7.1,8.4l70.5,61.8c3.2-3.5,6.2-7.2,9.2-10.9ZM1085.6,1097.9l-61.6-64.3c-2.4,2.8-4.7,5.8-7,8.8l57.2,63.9c3.8-2.8,7.7-5.5,11.5-8.4ZM1043.4,1124.2l-44.7-59.7c-2.5,2.9-5.1,5.9-7.6,9l39.4,56.6c4.3-1.9,8.6-3.8,12.9-5.8ZM996.9,1141l-25.6-44.6c-2.8,3.1-5.5,6.2-8.3,9.5l20,37.8c4.6-.8,9.2-1.7,13.9-2.7ZM939,1133.8c-.8.9-1.5,1.9-2.3,2.9l-6.4,1.5,3.9,10.2,5.8-3.3c1.2.1,2.5.3,3.8.4,1.2.1,2.5.2,3.7.3l-6.3-14.8c-.8.9-1.5,1.8-2.3,2.8ZM697.2,439.6l5.5,18.9,12.3-1.7-5.6-22.2-12.1,4.9ZM757.8,454.4l-4.2-33.6-12.9,3.4,4.9,30.5,12.2-.2ZM799.7,412.7l-13.3,1.7,1.6,41.1,11.9,1.2-.2-44ZM847,410.7h-13.6s-4.2,50.6-4.2,50.6l11.5,2.5,6.3-53.2ZM880.1,475.2l14.6-60.3-13.6-1.9-12.1,58.5,11.1,3.6ZM907,485.8l10.5,4.8,24.4-65.1-13.4-3.7-21.5,64ZM942.6,504.3c3.2,2.1,6.4,4.2,9.5,6.3l35.9-69.1c-4.4-1.6-8.8-3.2-13.1-4.9l-32.2,67.7ZM978.6,531.9c1.4,1.2,2.8,2.5,4.2,3.7l50.4-73.8-6.3-3.3-6.3-3.2-46.1,72.9c1.4,1.3,2.8,2.5,4.2,3.7ZM1012,561l61.8-70.5c-3.5-3.2-7.2-6.2-10.9-9.2l-59.4,72.7c2.7,2.4,5.5,4.8,8.4,7.1ZM1033.6,578.4c2.8,2.4,5.8,4.7,8.8,7l63.9-57.2c-2.8-3.8-5.5-7.7-8.4-11.5l-64.3,61.6ZM1073.5,611.3l56.6-39.4c-1.9-4.3-3.8-8.6-5.8-12.9l-59.7,44.7c2.9,2.5,5.9,5.1,9,7.6ZM1096.4,631c3.1,2.8,6.2,5.5,9.5,8.3l37.8-20c-.8-4.6-1.7-9.2-2.7-13.9l-44.6,25.6ZM1145.8,654.7l-14.8,6.3c.9.8,1.8,1.5,2.8,2.3.9.8,1.9,1.5,2.9,2.3l1.5,6.4,10.2-3.9-3.3-5.8c.1-1.2.3-2.5.4-3.8.1-1.2.2-2.5.3-3.7ZM458.5,899.7l-1.7-12.3-22.2,5.6,4.9,12.1,18.9-5.5ZM454.6,856.8l-.2-12.2-33.6,4.2,3.4,12.9,30.5-4.9ZM455.5,814.5l1.2-11.9-44,.2,1.7,13.3,41.1-1.6ZM410.6,768.9l50.7,4.2,2.5-11.5-53.2-6.3v13.6ZM413,721.2l58.5,12.1,3.6-11.1-60.3-14.6-1.9,13.6ZM421.8,673.9l64,21.5,4.8-10.5-65.1-24.4-3.7,13.4ZM436.5,627.5l67.7,32.2c2.1-3.2,4.2-6.4,6.3-9.5l-69.1-35.9c-1.6,4.4-3.2,8.8-4.9,13.1ZM458.5,575.5l-3.2,6.3,72.9,46.1c1.3-1.4,2.5-2.8,3.7-4.2,1.2-1.4,2.5-2.8,3.7-4.2l-73.8-50.4-3.3,6.3ZM481.3,539.4l72.7,59.4c2.4-2.7,4.8-5.5,7.1-8.4l-70.5-61.8c-3.2,3.5-6.2,7.2-9.2,10.9ZM516.8,504.5l61.6,64.3c2.4-2.8,4.7-5.8,7-8.8l-57.2-63.9c-3.8,2.8-7.7,5.5-11.5,8.4ZM558.9,478.1l44.7,59.7c2.5-2.9,5.1-5.9,7.6-9l-39.4-56.6c-4.3,1.9-8.6,3.8-12.9,5.8ZM605.4,461.4l25.6,44.6c2.8-3.1,5.5-6.2,8.3-9.5l-20-37.8c-4.6.8-9.2,1.7-13.9,2.7ZM663.3,468.6c.8-.9,1.5-1.9,2.3-2.9l6.4-1.5-3.9-10.2-5.8,3.3c-1.2-.1-2.5-.3-3.8-.4-1.2-.1-2.5-.2-3.7-.3l6.3,14.8c.8-.9,1.5-1.8,2.3-2.8ZM905.1,1162.8l-5.5-18.9-12.3,1.7,5.6,22.2,12.1-4.9ZM861.7,1178.3l-4.9-30.5-12.2.2,4.2,33.6,12.9-3.4ZM814.5,1146.8l-11.9-1.2.2,44,13.3-1.7-1.6-41.1ZM755.3,1191.7h13.6s4.2-50.6,4.2-50.6l-11.5-2.5-6.3,53.2ZM722.3,1127.2l-14.6,60.3,13.6,1.9,12.1-58.5-11.1-3.6ZM695.4,1116.5l-10.5-4.8-24.4,65.1,13.4,3.7,21.5-64ZM659.8,1098.1c-3.2-2.1-6.4-4.2-9.5-6.3l-35.9,69.1c4.4,1.6,8.8,3.2,13.1,4.9l32.2-67.7ZM623.8,1070.4c-1.4-1.2-2.8-2.5-4.2-3.7l-50.4,73.8,6.3,3.3,6.3,3.2,46.1-72.9c-1.4-1.3-2.8-2.5-4.2-3.7ZM590.3,1041.3l-61.8,70.5c3.5,3.2,7.2,6.2,10.9,9.2l59.4-72.7c-2.7-2.4-5.5-4.8-8.4-7.1ZM568.7,1024c-2.8-2.4-5.8-4.7-8.8-7l-63.9,57.2c2.8,3.8,5.5,7.7,8.4,11.5l64.3-61.6ZM528.9,991.1l-56.6,39.4c1.9,4.3,3.8,8.6,5.8,12.9l59.7-44.7c-2.9-2.5-5.9-5.1-9-7.6ZM506,971.3c-3.1-2.8-6.2-5.5-9.5-8.3l-37.8,20c.8,4.6,1.7,9.2,2.7,13.9l44.6-25.6ZM456.6,947.6l14.8-6.3c-.9-.8-1.8-1.5-2.8-2.3-.9-.8-1.9-1.5-2.9-2.3l-1.5-6.4-10.2,3.9,3.3,5.8c-.1,1.2-.3,2.5-.4,3.8-.1,1.2-.2,2.5-.3,3.7ZM1041.4,963.2c.9-.5,1.8-.9,2.6-1.4.9-.5,1.7-1,2.5-1.5l-10.5-6.8c-.1.9-.2,1.9-.3,2.8,0,.9-.1,1.9-.2,2.9l-3.5,3.7,7,4.9,2.3-4.7ZM1026.5,990l-11.8-9.9-7.2,6.4,13.3,11.9,5.7-8.5ZM1005.1,1019l-16.5-17.6-7.8,5.5,17.4,19.9,6.9-7.8ZM979.8,1045.2l-19-26-8.2,4.5,19.3,28.4,7.9-6.9ZM931.5,1033.6l-8.6,3.4,19.1,37.2,8.8-5.9-19.4-34.7ZM892.5,1046.8l16.8,45.4,9.6-4.7-17.7-43.2-8.8,2.5ZM884.4,1102.5l-14-50.8-8.9,1.5,12.6,52.8,10.2-3.5ZM830.4,1055.3l7,60.4c3.6-.9,7.1-1.7,10.7-2.5l-8.7-58c-3,0-6,0-8.9,0ZM810.2,1121l-2-67.3c-1.5-.2-2.9-.4-4.4-.6-1.5-.2-2.9-.4-4.3-.5l-.4,69.8,5.5-.7,5.5-.7ZM760.3,1121.5c3.7.5,7.4.9,11.1,1.2l6.7-73c-2.8-.4-5.7-.7-8.6-.9l-9.2,72.7ZM747.9,1047c-2.9-.3-5.8-.5-8.7-.7l-16.4,65c3.5,1.3,7,2.6,10.5,3.8l14.7-68ZM716.9,1044.1c-3-.4-6-.7-9.1-1l-19.5,50.3c3.1,2,6.2,3.9,9.4,5.8l19.1-55.1ZM666.6,1076.4l17.7-36.1c-3.2-.4-6.4-.9-9.8-1.2l-15.7,29.5c2.5,2.6,5.2,5.2,7.8,7.8ZM963,570.3l4.9-7-4.7-2.3c-.5-.9-.9-1.8-1.4-2.6-.5-.9-.9-1.7-1.5-2.5l-6.8,10.5c.9.1,1.9.2,2.8.3.9,0,1.9.1,2.9.2l3.7,3.5ZM998.5,581.6l-8.5-5.7-9.9,11.8,6.4,7.2,11.9-13.3ZM1001.4,613.8l5.5,7.8,19.9-17.4-7.8-6.9-17.6,16.5ZM1023.7,649.8l28.4-19.3-6.9-7.9-26,19,4.5,8.2ZM1033.6,670.8l3.4,8.6,37.2-19.1-5.9-8.8-34.7,19.4ZM1044.3,701.1l2.5,8.8,45.4-16.8-4.7-9.6-43.2,17.7ZM1051.7,731.9l1.5,8.9,52.8-12.6-3.5-10.2-50.8,14ZM1055.3,763.1c0,3,0,6,0,8.9l60.4-7c-.9-3.6-1.7-7.1-2.5-10.7l-58,8.7ZM1053.1,798.5c-.2,1.5-.4,2.9-.5,4.3l69.8.4-.7-5.5-.7-5.5-67.3,2c-.2,1.5-.4,2.9-.6,4.4ZM1122.7,831l-73-6.7c-.4,2.8-.7,5.7-.9,8.6l72.7,9.2c.5-3.7.9-7.4,1.2-11.1ZM1115,869.1l-68-14.7c-.3,2.9-.5,5.8-.7,8.7l65,16.4c1.3-3.5,2.6-7,3.8-10.5ZM1099.2,904.6l-55.1-19.1c-.4,3-.7,6-1,9.1l50.3,19.5c2-3.1,3.9-6.2,5.8-9.4ZM1076.4,935.7l-36.1-17.7c-.4,3.2-.9,6.4-1.2,9.8l29.5,15.7c2.6-2.5,5.2-5.2,7.8-7.8ZM561,639.2c-.9.5-1.8.9-2.6,1.4-.9.5-1.7.9-2.5,1.5l10.5,6.8c.1-.9.2-1.9.3-2.8,0-.9.1-1.9.2-2.9l3.5-3.7-7-4.9-2.3,4.7ZM575.9,612.4l11.8,9.9,7.2-6.4-13.3-11.9-5.7,8.5ZM597.3,583.4l16.5,17.6,7.8-5.5-17.4-19.9-6.9,7.8ZM622.6,557.2l19,26,8.2-4.5-19.3-28.4-7.9,6.9ZM670.8,568.8l8.6-3.4-19.1-37.2-8.8,5.9,19.4,34.7ZM709.9,555.6l-16.8-45.4-9.6,4.7,17.7,43.2,8.8-2.5ZM717.9,499.9l14,50.8,8.9-1.5-12.6-52.8-10.2,3.5ZM772,547l-7-60.4c-3.6.9-7.1,1.7-10.7,2.5l8.7,58c3,0,6,0,8.9,0ZM802.8,549.8l.4-69.8-5.5.7-5.5.7,2,67.3c1.5.2,2.9.4,4.4.6,1.5.2,2.9.4,4.3.5ZM842.1,480.8c-3.7-.5-7.4-.9-11.1-1.2l-6.7,73c2.8.4,5.7.7,8.6.9l9.2-72.7ZM854.4,555.3c2.9.3,5.8.5,8.7.7l16.4-65c-3.5-1.3-7-2.6-10.5-3.8l-14.7,68ZM885.4,558.2c3,.4,6,.7,9.1,1l19.5-50.3c-3.1-2-6.2-3.9-9.4-5.8l-19.1,55.1ZM935.7,526l-17.7,36.1c3.2.4,6.4.9,9.8,1.2l15.7-29.5c-2.5-2.6-5.2-5.2-7.8-7.8ZM639.4,1032.1l-4.9,7,4.7,2.3c.5.9.9,1.8,1.4,2.6.5.9.9,1.7,1.5,2.5l6.8-10.5c-.9-.1-1.9-.2-2.8-.3-.9,0-1.9-.1-2.9-.2l-3.7-3.5ZM603.9,1020.8l8.5,5.7,9.9-11.8-6.4-7.2-11.9,13.3ZM601,988.6l-5.5-7.8-19.9,17.4,7.8,6.9,17.6-16.5ZM578.7,952.5l-28.4,19.3,6.9,7.9,26-19-4.5-8.2ZM568.8,931.5l-3.4-8.6-37.2,19.1,5.9,8.8,34.7-19.4ZM558.1,901.2l-2.5-8.8-45.4,16.8,4.7,9.6,43.2-17.7ZM550.7,870.4l-1.5-8.9-52.8,12.6,3.5,10.2,50.8-14ZM547.1,839.3c0-3,0-6,0-8.9l-60.4,7c.9,3.6,1.7,7.1,2.5,10.7l58-8.7ZM481.4,810.2l67.3-2c.2-1.5.4-2.9.6-4.4.2-1.5.4-2.9.5-4.3l-69.8-.4.7,5.5.7,5.5ZM479.6,771.4l73,6.7c.4-2.8.7-5.7.9-8.6l-72.7-9.2c-.5,3.7-.9,7.4-1.2,11.1ZM487.4,733.2l68,14.7c.3-2.9.5-5.8.7-8.7l-65-16.4c-1.3,3.5-2.6,7-3.8,10.5ZM503.1,697.8l55.1,19.1c.4-3,.7-6,1-9.1l-50.3-19.5c-2,3.1-3.9,6.2-5.8,9.4ZM526,666.6l36.1,17.7c.4-3.2.9-6.4,1.2-9.8l-29.5-15.7c-2.6,2.5-5.2,5.2-7.8,7.8ZM769.3,1029.6h8s1.2-12,1.2-12l-7.3-1.9-1.9,13.8ZM753.4,1010l-6.9-2.6-5.3,20,8,1,4.2-18.4ZM729.7,999.8l-6.5-3.4-10,24.9,7.9,2.1,8.5-23.6ZM707.6,987.1l-6-4.1-15.7,28.6,7.7,3.1,14-27.7ZM687.4,972.2l-5.4-4.6-22.1,30.8,7.3,4.2,20.2-30.4ZM664.4,950.3l-28.7,31.3,6.7,5.1,26.8-31.3-4.8-5.1ZM649.3,931.1l-36.1,30.9c2.1,1.9,4.2,3.8,6.3,5.8l33.7-31c-1.3-1.9-2.6-3.8-3.9-5.7ZM639.2,913c-.5-1-1-2-1.5-3l-45.4,30.3,2.8,3.3,2.9,3.3,42.8-30.7c-.5-1-1-2.1-1.5-3.1ZM630.1,894.8c-1-2-2-4-3.1-5.9l-51.1,25.8c1.3,2.6,2.6,5.2,4,7.7l50.2-27.5ZM615.4,868.1l-49.2,17.7c.7,2.8,1.4,5.6,2.1,8.4l50.4-20.2c-1.1-2-2.2-4-3.3-6ZM563,864.4l44-11.7c-1.1-2.1-2.2-4.2-3.3-6.3l-41.1,9.4c0,2.9.2,5.8.4,8.6ZM564.1,834.3l31.1-4.3c-1.1-2.3-2.3-4.5-3.5-6.9l-26,2.7c-.6,2.8-1.1,5.6-1.6,8.5ZM582.5,805.1c-.3-.6-.7-1.3-1.1-1.9-.3-.7-.7-1.3-1.1-2l.6-3.9h-6.7c0-.1.6,3.9.6,3.9-.4.7-.8,1.4-1.1,2-.3.7-.7,1.4-1,2.1l9.8-.2ZM1029.6,825l-11.9-1.2-1.9,7.3,13.8,1.9v-8ZM1028.4,853.2l-18.4-4.2-2.6,6.9,20,5.3,1-8ZM1021.4,889.2l2.1-7.9-23.6-8.5-3.4,6.5,24.9,10ZM1014.8,908.7l-27.7-14-4.1,6,28.6,15.7,3.1-7.7ZM967.6,920.4l30.8,22.1,4.2-7.3-30.4-20.2-4.6,5.4ZM986.7,960l-31.3-26.8-5.1,4.8,31.3,28.7,5.1-6.7ZM967.8,982.8l-31-33.7c-1.9,1.3-3.8,2.6-5.7,3.9l30.9,36.1c1.9-2.1,3.8-4.2,5.8-6.3ZM943.5,1007.2l3.3-2.9-30.7-42.8c-1,.5-2.1,1-3.1,1.5-1,.5-2,1-3,1.5l30.3,45.4,3.3-2.8ZM894.8,972.3c-2,1-4,2-5.9,3.1l25.8,51.1c2.6-1.3,5.2-2.6,7.7-4l-27.5-50.2ZM894.3,1034.1l-20.2-50.4c-2,1.1-4,2.2-6,3.3l17.7,49.2c2.8-.7,5.6-1.4,8.4-2.1ZM855.8,1039.7c2.9,0,5.8-.2,8.6-.4l-11.7-44c-2.1,1.1-4.2,2.2-6.3,3.3l9.4,41.1ZM834.3,1038.2l-4.3-31.1c-2.3,1.1-4.5,2.3-6.9,3.5l2.7,26c2.8.6,5.6,1.1,8.5,1.6ZM803.2,1028.6c.7.3,1.4.7,2.1,1l-.2-9.8c-.6.3-1.3.7-1.9,1.1-.7.3-1.3.7-2,1.1l-3.9-.6v6.7c-.1,0,3.9-.6,3.9-.6.7.4,1.4.8,2,1.1ZM833,572.8h-8s-1.2,12-1.2,12l7.3,1.9,1.9-13.8ZM849,592.3l6.9,2.6,5.3-20-8-1-4.2,18.4ZM872.7,602.5l6.5,3.4,10-24.9-7.9-2.1-8.5,23.6ZM894.8,615.2l6,4.1,15.7-28.6-7.7-3.1-14,27.7ZM914.9,630.2l5.4,4.6,22.1-30.8-7.3-4.2-20.2,30.4ZM938,652l28.7-31.3-6.7-5.1-26.8,31.3,4.8,5.1ZM953,671.2l36.1-30.9c-2.1-1.9-4.2-3.8-6.3-5.8l-33.7,31c1.3,1.9,2.6,3.8,3.9,5.7ZM963.1,689.4c.5,1,1,2,1.5,3l45.4-30.3-2.8-3.3-2.9-3.3-42.8,30.7c.5,1,1,2.1,1.5,3.1ZM1022.5,680l-50.2,27.5c1,2,2,4,3.1,5.9l51.1-25.8c-1.3-2.6-2.6-5.2-4-7.7ZM1036.3,716.5c-.7-2.8-1.4-5.6-2.1-8.4l-50.4,20.2c1.1,2,2.2,4,3.3,6l49.2-17.7ZM1039.4,738l-44,11.7c1.1,2.1,2.2,4.2,3.3,6.3l41.1-9.4c0-2.9-.2-5.8-.4-8.6ZM1038.2,768.1l-31.1,4.3c1.1,2.3,2.3,4.5,3.5,6.9l26-2.7c.6-2.8,1.1-5.6,1.6-8.5ZM1019.9,797.3c.3.6.7,1.3,1.1,1.9.3.7.7,1.3,1.1,2l-.6,3.9h6.7c0,.1-.6-3.9-.6-3.9.4-.7.8-1.4,1.1-2,.3-.7.7-1.4,1-2.1l-9.8.2ZM572.8,777.3l11.9,1.2,1.9-7.3-13.8-1.9v8ZM574,749.2l18.4,4.2,2.6-6.9-20-5.3-1,8ZM581,713.2l-2.1,7.9,23.6,8.5,3.4-6.5-24.9-10ZM587.5,693.6l27.7,14,4.1-6-28.6-15.7-3.1,7.7ZM634.7,682l-30.8-22.1-4.2,7.3,30.4,20.2,4.6-5.4ZM615.6,642.4l31.3,26.8,5.1-4.8-31.3-28.7-5.1,6.7ZM634.5,619.5l31,33.7c1.9-1.3,3.8-2.6,5.7-3.9l-30.9-36.1c-1.9,2.1-3.8,4.2-5.8,6.3ZM658.9,595.1l-3.3,2.9,30.7,42.8c1-.5,2.1-1,3.1-1.5,1-.5,2-1,3-1.5l-30.3-45.4-3.3,2.8ZM687.7,575.8c-2.6,1.3-5.2,2.6-7.7,4l27.5,50.2c2-1,4-2,5.9-3.1l-25.8-51.1ZM708.1,568.2l20.2,50.4c2-1.1,4-2.2,6-3.3l-17.7-49.2c-2.8.7-5.6,1.4-8.4,2.1ZM746.6,562.6c-2.9,0-5.8.2-8.6.4l11.7,44c2.1-1.1,4.2-2.2,6.3-3.3l-9.4-41.1ZM768.1,564.1l4.3,31.1c2.3-1.1,4.5-2.3,6.9-3.5l-2.7-26c-2.8-.6-5.6-1.1-8.5-1.6ZM799.2,581.4c.7-.3,1.3-.7,2-1.1l3.9.6v-6.7c.1,0-3.9.6-3.9.6-.7-.4-1.4-.8-2-1.1-.7-.3-1.4-.7-2.1-1l.2,9.8c.6-.3,1.3-.7,1.9-1.1Z" style="fill: url(#radial-gradient);" />
                            </svg>
                        </div>
                    </div>

                    <div class="max-w-xl p-4 lg:p-10 z-50">
                        <h2 class="text-3xl xl:text-6xl font-bold leading-tight text-heading">Stress and mental wellbeing resources for Higher Education Institutions</h2>
                        <div class="prose prose-lg mt-4 ">
                            <p>UCEA and the HE trade unions have developed this stress and mental wellbeing resources pack for HE institutions.</p>
                        </div>

                        <div class="mt-8 mb-8 xl:mb-20">

                            <a href="./.html" class="btn bg-button-2-surface text-button-2-arrow border-2 border-button-2-surface hover:bg-button-2-surface-hover hover:border-button-2-surface-hover">

                                Find out more

                            </a>

                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div>
</div>

<div class="component-spacer-margin component-spacer-padding bg-bkg relative overflow-hidden">

    <div class="container relative z-10">

        <div class="text-center mb-8 lg:mb-12">
            <h2 class="text-5xl xl:text-7xl block font-heading font-normal leading-tight text-heading">Latest publications</h2>

            <div class="prose xl:prose-lg mt-4 lg:mt-6 max-w-screen-sm mx-auto">
                <p>UCEA and the HE trade unions have developed this stress and mental wellbeing resources pack for HE institutions.</p>
            </div>

        </div>

        <div class="cta-grid-5 relative z-10">
            <div data-mode=" ">
                <a href="./index" class="bg-white flex flex-col lg:h-full flex-1 transition ease-in-out duration-300 group overflow-hidden shadow-md hover:shadow-lg rounded-lg">

                    <div class="relative z-0 order-first ">
                        <div class="w-full aspect-[4/3] overflow-hidden">

                            <picture class="block overflow-hidden object-cover w-full h-full ">

                                <img class="lazyload w-full h-full object-cover transition ease-in-out duration-300 group-hover:scale-110 [&amp;_img]:w-full [&amp;_img]:h-full [&amp;_img]:object-cover " alt="" width="1200" height="1200" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example1@1-1@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example1@1-1@1200w.jpg">

                            </picture>
                        </div>
                    </div>

                    <div class="flex flex-1 relative z-10 flex-col p-6 xl:p-8 " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                        <h2 class="relative text-xl  xl:text-3xl text-heading  font-bold leading-tight pb-2">UCEA Annual Health and Safety Report for 2024</h2>

                        <div class="flex w-full justify-end mt-auto">
                            <div class="relative overflow-hidden bg-button-2-surface rounded-full w-7 h-7 flex items-center justify-center">
                                <div class="absolute w-full h-full flex flex-nowrap top-0 left-0 -translate-x-full transition ease-in-out duration-500 group-hover:translate-x-0">
                                    <div class="w-full h-full justify-center flex items-center flex-shrink-0">
                                        <div class="w-[50%] h-[50%] -mr-0.5">
                                            <svg class="w-full h-full relative fill-current" aria-hidden="true">
                                                <use href="/front-end/sprite.svg#icon-chevron"></use>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="w-full h-full justify-center flex items-center flex-shrink-0">
                                        <div class="w-[50%] h-[50%] -mr-0.5">
                                            <svg class="w-full h-full relative fill-current" aria-hidden="true">
                                                <use href="/front-end/sprite.svg#icon-chevron"></use>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </a>
            </div>

            <div data-mode=" ">
                <a href="./index" class="bg-white flex flex-col lg:h-full flex-1 transition ease-in-out duration-300 group overflow-hidden shadow-md hover:shadow-lg rounded-lg">

                    <div class="flex flex-1 relative z-10 flex-col p-6 xl:p-8 " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                        <h2 class="relative text-xl  xl:text-3xl text-heading  font-bold leading-tight pb-2">Lorem ipsum dolor sit amet</h2>

                        <p class="py-2 text-body text-base xl:text-xl">Sed luctus arcu tincidunt felis elementum, a venenatis justo dignissim. </p>

                        <div class="flex w-full justify-end mt-auto">
                            <div class="relative overflow-hidden bg-button-2-surface rounded-full w-7 h-7 flex items-center justify-center">
                                <div class="absolute w-full h-full flex flex-nowrap top-0 left-0 -translate-x-full transition ease-in-out duration-500 group-hover:translate-x-0">
                                    <div class="w-full h-full justify-center flex items-center flex-shrink-0">
                                        <div class="w-[50%] h-[50%] -mr-0.5">
                                            <svg class="w-full h-full relative fill-current" aria-hidden="true">
                                                <use href="/front-end/sprite.svg#icon-chevron"></use>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="w-full h-full justify-center flex items-center flex-shrink-0">
                                        <div class="w-[50%] h-[50%] -mr-0.5">
                                            <svg class="w-full h-full relative fill-current" aria-hidden="true">
                                                <use href="/front-end/sprite.svg#icon-chevron"></use>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </a>
            </div>

            <div data-mode=" ">
                <a href="./index" class="bg-white flex flex-col lg:h-full flex-1 transition ease-in-out duration-300 group overflow-hidden shadow-md hover:shadow-lg rounded-lg">

                    <div class="flex flex-1 relative z-10 flex-col p-6 xl:p-8 " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                        <h2 class="relative text-xl  xl:text-3xl text-heading  font-bold leading-tight pb-2">Lorem ipsum dolor sit amet</h2>

                        <p class="py-2 text-body text-base xl:text-xl">Sed luctus arcu tincidunt felis elementum, a venenatis justo dignissim. </p>

                        <div class="flex w-full justify-end mt-auto">
                            <div class="relative overflow-hidden bg-button-2-surface rounded-full w-7 h-7 flex items-center justify-center">
                                <div class="absolute w-full h-full flex flex-nowrap top-0 left-0 -translate-x-full transition ease-in-out duration-500 group-hover:translate-x-0">
                                    <div class="w-full h-full justify-center flex items-center flex-shrink-0">
                                        <div class="w-[50%] h-[50%] -mr-0.5">
                                            <svg class="w-full h-full relative fill-current" aria-hidden="true">
                                                <use href="/front-end/sprite.svg#icon-chevron"></use>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="w-full h-full justify-center flex items-center flex-shrink-0">
                                        <div class="w-[50%] h-[50%] -mr-0.5">
                                            <svg class="w-full h-full relative fill-current" aria-hidden="true">
                                                <use href="/front-end/sprite.svg#icon-chevron"></use>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </a>
            </div>

            <div data-mode=" ">
                <a href="./index" class="bg-white flex flex-col lg:h-full flex-1 transition ease-in-out duration-300 group overflow-hidden shadow-md hover:shadow-lg rounded-lg">

                    <div class="flex flex-1 relative z-10 flex-col p-6 xl:p-8 " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                        <h2 class="relative text-xl  xl:text-3xl text-heading  font-bold leading-tight pb-2">Lorem ipsum dolor sit amet</h2>

                        <p class="py-2 text-body text-base xl:text-xl">Sed luctus arcu tincidunt felis elementum, a venenatis justo dignissim. </p>

                        <div class="flex w-full justify-end mt-auto">
                            <div class="relative overflow-hidden bg-button-2-surface rounded-full w-7 h-7 flex items-center justify-center">
                                <div class="absolute w-full h-full flex flex-nowrap top-0 left-0 -translate-x-full transition ease-in-out duration-500 group-hover:translate-x-0">
                                    <div class="w-full h-full justify-center flex items-center flex-shrink-0">
                                        <div class="w-[50%] h-[50%] -mr-0.5">
                                            <svg class="w-full h-full relative fill-current" aria-hidden="true">
                                                <use href="/front-end/sprite.svg#icon-chevron"></use>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="w-full h-full justify-center flex items-center flex-shrink-0">
                                        <div class="w-[50%] h-[50%] -mr-0.5">
                                            <svg class="w-full h-full relative fill-current" aria-hidden="true">
                                                <use href="/front-end/sprite.svg#icon-chevron"></use>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </a>
            </div>

            <div data-mode="light">
                <a href="./index" class="bg-white flex flex-col lg:h-full flex-1 transition ease-in-out duration-300 group overflow-hidden shadow-md hover:shadow-lg rounded-lg">

                    <div class="flex flex-1 relative z-10 flex-col p-6 xl:p-8 " data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fade">

                        <h2 class="relative text-xl  xl:text-3xl text-heading  font-bold leading-tight pb-2">Lorem ipsum dolor sit amet</h2>

                        <p class="py-2 text-body text-base xl:text-xl">Sed luctus arcu tincidunt felis elementum, a venenatis justo dignissim. </p>

                        <div class="flex w-full justify-end mt-auto">
                            <div class="relative overflow-hidden bg-button-2-surface rounded-full w-7 h-7 flex items-center justify-center">
                                <div class="absolute w-full h-full flex flex-nowrap top-0 left-0 -translate-x-full transition ease-in-out duration-500 group-hover:translate-x-0">
                                    <div class="w-full h-full justify-center flex items-center flex-shrink-0">
                                        <div class="w-[50%] h-[50%] -mr-0.5">
                                            <svg class="w-full h-full relative fill-current" aria-hidden="true">
                                                <use href="/front-end/sprite.svg#icon-chevron"></use>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="w-full h-full justify-center flex items-center flex-shrink-0">
                                        <div class="w-[50%] h-[50%] -mr-0.5">
                                            <svg class="w-full h-full relative fill-current" aria-hidden="true">
                                                <use href="/front-end/sprite.svg#icon-chevron"></use>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </a>
            </div>
        </div>
    </div>
</div>