<div class="js-component bg-bkg relative ">
<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]">
<?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 1142 1142" 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="264.4" cy="675.1" fx="264.4" fy="675.1" r="808.9" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="currentColor" />
<stop offset="1" stop-color="currentColor" stop-opacity="0" />
</radialGradient>
</defs>
<path d="M284,536.9c-1.5,28.5,4.2,57.3,16.9,85.5,12.6,28.2,31.6,54.5,56.4,78,25.7,24.4,56.5,44.8,91.5,60.6,35.1,15.8,72.3,26.2,110.8,30.7,37.1,4.4,73.7,3.2,108.8-3.4,35.1-6.7,66.9-18.5,94.5-35.2,28.6-17.3,51.5-39.1,68-64.7,16.5-25.6,25.6-53.6,27.1-83.2,1.5-28.5-4.2-57.3-16.9-85.5-12.6-28.2-31.6-54.5-56.4-78-25.7-24.4-56.5-44.8-91.5-60.6-35.1-15.8-72.3-26.2-110.8-30.7-37.1-4.4-73.7-3.2-108.8,3.4-35.1,6.7-66.9,18.5-94.5,35.2-28.6,17.3-51.5,39.1-68,64.7s-25.6,53.6-27.1,83.2h0ZM379.6,389.4c27.6-16.7,59.3-28.5,94.3-35.2,35-6.7,71.5-7.8,108.5-3.4,38.3,4.5,75.5,14.9,110.5,30.7,35,15.8,65.7,36.1,91.3,60.4,24.7,23.5,43.7,49.7,56.3,77.8,12.6,28.2,18.3,56.9,16.8,85.3-1.5,29.5-10.6,57.4-27.1,83s-39.3,47.3-67.8,64.6c-27.6,16.7-59.3,28.5-94.3,35.2s-71.5,7.8-108.5,3.4c-38.3-4.5-75.5-14.9-110.5-30.7s-65.7-36.1-91.3-60.4c-24.7-23.5-43.7-49.7-56.3-77.8-12.6-28.2-18.3-56.9-16.8-85.3,1.5-29.5,10.6-57.4,27.1-83s39.3-47.3,67.8-64.6h0ZM275.3,516.9c-3.6,28.4.2,57.5,11.3,86.5,11.1,29,28.9,56.5,53,81.7,24.9,26.1,55.4,48.6,90.7,66.8,35.3,18.2,73.3,31.2,112.9,38.4,38.2,7,76.3,8.4,113.3,4.2,36.9-4.2,70.9-13.8,100.8-28.6,31-15.3,56.3-35.4,75.3-59.8,19-24.4,30.5-51.7,34.2-81.1,3.6-28.4-.2-57.5-11.3-86.5s-28.9-56.5-53-81.7c-24.9-26.1-55.4-48.6-90.7-66.8-35.3-18.2-73.3-31.2-112.9-38.4-38.2-7-76.3-8.4-113.3-4.2-36.9,4.2-70.9,13.8-100.8,28.6-31,15.3-56.3,35.4-75.3,59.8s-30.5,51.7-34.2,81.1h0ZM385.3,376.5c29.9-14.7,63.7-24.3,100.6-28.5s74.9-2.8,113,4.2c39.5,7.2,77.4,20.1,112.6,38.3,35.2,18.2,65.7,40.6,90.5,66.7,24,25.1,41.8,52.6,52.8,81.6,11.1,29,14.9,58,11.3,86.3-3.7,29.3-15.2,56.5-34.2,80.9s-44.2,44.5-75.2,59.7c-29.9,14.7-63.7,24.3-100.6,28.5-36.9,4.2-74.9,2.8-113-4.2-39.5-7.2-77.4-20.1-112.6-38.3s-65.7-40.6-90.5-66.7c-24-25.1-41.8-52.6-52.8-81.6-11.1-29-14.9-58-11.3-86.3,3.7-29.3,15.2-56.5,34.2-80.9s44.3-44.5,75.2-59.7h0ZM267.6,496.4c-5.8,28-4,57.3,5.5,87.1,9.4,29.7,25.9,58.4,49.1,85.2,24,27.8,54.1,52.3,89.4,73,35.4,20.7,73.9,36.2,114.5,46.2,39.2,9.6,78.7,13.7,117.4,12.1,38.7-1.6,74.6-8.8,106.8-21.5,33.3-13.1,61.1-31.4,82.6-54.4s35.5-49.5,41.5-78.5c5.8-28,4-57.3-5.5-87.1-9.4-29.7-25.9-58.4-49.1-85.2-24-27.8-54.1-52.3-89.4-73-35.4-20.7-73.9-36.2-114.5-46.2-39.2-9.6-78.7-13.7-117.4-12.1-38.7,1.6-74.6,8.8-106.8,21.5-33.3,13.1-61.1,31.4-82.6,54.4s-35.5,49.5-41.5,78.5h0ZM392.1,364c32.1-12.6,68-19.8,106.6-21.4,38.6-1.6,78,2.4,117.2,12,40.5,9.9,78.9,25.4,114.2,46.1,35.3,20.6,65.3,45.1,89.2,72.8,23.1,26.8,39.6,55.4,49,85,9.4,29.7,11.2,58.9,5.4,86.9-6,29-19.9,55.3-41.4,78.3s-49.2,41.3-82.4,54.3c-32.1,12.6-68,19.8-106.6,21.4-38.6,1.6-78-2.4-117.1-12-40.5-9.9-78.9-25.4-114.2-46.1-35.3-20.6-65.3-45.1-89.2-72.8-23.1-26.8-39.6-55.4-49-85-9.4-29.7-11.2-58.9-5.4-86.9,6-29,19.9-55.3,41.4-78.3,21.5-23,49.2-41.3,82.4-54.3h-.1ZM261.2,475.5c-8.1,27.6-8.3,56.9-.7,87.2,7.6,30.3,22.7,60.1,44.8,88.5,22.9,29.4,52.4,56,87.6,79,35.2,23.1,74.1,41.3,115.6,54,40.1,12.3,80.8,19.1,121.1,20.2,40.3,1.1,78.2-3.6,112.5-14,35.6-10.7,65.8-27,89.8-48.5s40.5-46.9,48.8-75.4c8.1-27.6,8.3-56.9.7-87.2s-22.7-60.1-44.8-88.5c-22.9-29.4-52.4-56-87.6-79-35.2-23.1-74.1-41.3-115.6-54-40.1-12.3-80.8-19.1-121.1-20.2s-78.2,3.6-112.5,14c-35.6,10.7-65.8,27-89.8,48.5s-40.5,46.9-48.8,75.4h0ZM400.2,352c34.3-10.3,72.1-15,112.3-13.9,40.2,1.1,80.9,7.9,120.9,20.2,41.4,12.7,80.2,30.9,115.3,53.9,35.2,23,64.6,49.6,87.4,78.9,22.1,28.3,37.1,58,44.7,88.2,7.6,30.2,7.4,59.5-.7,87-8.3,28.5-24.7,53.8-48.7,75.2s-54.1,37.7-89.6,48.4c-34.3,10.3-72.1,15-112.3,13.9s-80.9-7.9-120.9-20.2c-41.4-12.7-80.2-30.9-115.3-53.9s-64.6-49.6-87.4-78.9c-22.1-28.3-37.1-58-44.7-88.2s-7.4-59.5.7-87c8.3-28.5,24.7-53.8,48.7-75.2,24-21.4,54.1-37.7,89.6-48.4h0ZM256,454.1c-10.4,26.9-12.7,56.2-7,87,5.7,30.8,19.2,61.5,40.1,91.4,21.7,30.9,50.4,59.5,85.3,85,34.9,25.5,74,46.3,116.2,62,40.7,15.1,82.6,24.7,124.4,28.6,41.8,3.9,81.5,1.8,118-6.1,37.7-8.2,70.3-22.4,96.9-42.1,26.5-19.8,45.4-43.9,56.2-71.8,10.4-26.9,12.7-56.2,7-87s-19.2-61.5-40.1-91.4c-21.7-30.9-50.4-59.5-85.3-85-34.9-25.5-74-46.3-116.2-62-40.7-15.1-82.6-24.7-124.4-28.6-41.8-3.9-81.5-1.8-118,6.1-37.7,8.2-70.3,22.4-96.9,42.1-26.5,19.8-45.4,43.9-56.2,71.8h0ZM409.4,340.6c36.4-7.9,76-9.9,117.7-6.1,41.7,3.9,83.5,13.5,124.1,28.6,42.1,15.6,81.1,36.4,115.9,61.8,34.9,25.4,63.5,53.9,85.1,84.8,20.9,29.8,34.3,60.4,40,91.2,5.7,30.7,3.3,59.9-7,86.8-10.7,27.8-29.6,51.9-56.1,71.6-26.5,19.7-59,33.9-96.6,42-36.4,7.9-76,9.9-117.7,6.1-41.7-3.9-83.5-13.5-124.1-28.6-42.1-15.6-81.1-36.4-115.9-61.8-34.9-25.4-63.5-53.9-85.1-84.8-20.9-29.8-34.3-60.4-40-91.2-5.7-30.7-3.3-59.9,7-86.8,10.7-27.8,29.6-51.9,56.1-71.6s59-33.9,96.6-42ZM252.1,432.4c-12.7,26.1-17.3,55.2-13.6,86.3,3.7,31.1,15.5,62.7,35.1,93.9,20.3,32.3,48,62.9,82.5,90.7,34.5,27.9,73.6,51.4,116.2,69.9,41.2,17.9,84,30.4,127.2,37.2s84.6,7.5,123,2.2c39.8-5.6,74.7-17.4,103.7-35.3,29-17.9,50.4-40.6,63.6-67.7,12.7-26.1,17.3-55.2,13.6-86.3s-15.5-62.7-35.1-93.9c-20.3-32.3-48-62.9-82.5-90.7-34.5-27.9-73.6-51.4-116.2-69.9-41.2-17.9-84-30.4-127.2-37.2-43.2-6.8-84.6-7.5-123-2.2-39.8,5.6-74.7,17.4-103.7,35.3s-50.4,40.6-63.6,67.7h0ZM419.8,329.9c38.4-5.4,79.7-4.6,122.7,2.2,43.1,6.8,85.8,19.3,126.9,37.1,42.6,18.5,81.6,42,116,69.8s62.1,58.2,82.3,90.5c19.5,31.2,31.3,62.7,35,93.7s-.9,60-13.6,86.1c-13.2,27-34.5,49.7-63.5,67.6-28.9,17.8-63.8,29.7-103.5,35.2-38.4,5.4-79.7,4.6-122.7-2.2-43.1-6.8-85.8-19.3-126.9-37.1-42.6-18.5-81.6-42-116-69.8s-62.1-58.2-82.3-90.5c-19.5-31.2-31.3-62.7-35-93.7s.9-60,13.6-86.1c13.2-27,34.5-49.7,63.5-67.6,28.9-17.8,63.8-29.7,103.5-35.2h0ZM249.7,410.5c-15.1,25.2-22,53.8-20.4,85.1s11.6,63.6,29.6,96.2c18.7,33.7,45.3,66.1,79.1,96.2,33.8,30.2,72.7,56.4,115.7,77.9,41.5,20.7,85.1,36.2,129.5,46s87.3,13.4,127.7,10.7c41.8-2.8,78.9-12.2,110.3-28,31.4-15.8,55.3-37,71-63.1,15.1-25.2,22-53.8,20.4-85.1s-11.6-63.6-29.6-96.2c-18.7-33.7-45.3-66.1-79.1-96.2-33.8-30.2-72.7-56.4-115.7-77.9-41.5-20.7-85.1-36.2-129.5-46s-87.3-13.4-127.7-10.7c-41.8,2.8-78.9,12.2-110.3,28s-55.3,37-71,63.1h0ZM431.4,320c40.3-2.7,83.1.9,127.4,10.7,44.3,9.8,87.7,25.2,129.2,45.9,42.9,21.4,81.7,47.6,115.4,77.7,33.7,30.1,60.3,62.4,78.9,96,18,32.4,28,64.7,29.6,95.9s-5.3,59.8-20.4,84.9c-15.6,26-39.5,47.2-70.8,63-31.4,15.8-68.4,25.1-110.1,27.9-40.3,2.7-83.1-.9-127.4-10.7-44.3-9.8-87.7-25.2-129.2-45.9-42.9-21.4-81.7-47.6-115.4-77.7-33.7-30.1-60.3-62.4-78.9-96-18-32.4-28-64.7-29.6-95.9-1.6-31.2,5.3-59.8,20.4-84.9,15.6-26,39.5-47.2,70.8-63,31.4-15.8,68.4-25.1,110.1-27.9h0ZM248.8,388.5c-17.6,24.1-26.8,52.2-27.4,83.5-.6,31.3,7.4,64.3,23.8,98,17,34.9,42.3,69.1,75.2,101.5,32.9,32.5,71.5,61.3,114.6,85.7,41.7,23.6,85.8,42.1,131.2,54.9,45.4,12.9,89.8,19.5,131.9,19.6,43.6.2,82.9-6.6,116.7-20.2,33.8-13.6,60.2-33.1,78.4-58,17.6-24.1,26.8-52.2,27.4-83.5.6-31.3-7.4-64.3-23.8-98-17-34.9-42.3-69.1-75.2-101.5-32.9-32.5-71.5-61.3-114.6-85.7-41.7-23.6-85.8-42.1-131.2-54.9-45.4-12.9-89.8-19.5-131.9-19.6-43.6-.2-82.9,6.6-116.7,20.2s-60.2,33.1-78.4,58h0ZM444.2,310.9c42,.2,86.3,6.7,131.6,19.6,45.3,12.8,89.3,31.3,130.9,54.8,43,24.4,81.5,53.1,114.3,85.5s58.1,66.5,75,101.3c16.4,33.6,24.4,66.5,23.7,97.8-.6,31.2-9.8,59.3-27.3,83.3-18.1,24.9-44.4,44.3-78.2,57.9-33.7,13.5-72.9,20.3-116.4,20.2-42-.2-86.3-6.7-131.6-19.6-45.3-12.8-89.3-31.3-130.9-54.8-43-24.4-81.5-53.1-114.3-85.5-32.8-32.4-58.1-66.5-75-101.3-16.4-33.6-24.4-66.5-23.7-97.8.6-31.2,9.8-59.3,27.3-83.3,18.1-24.9,44.4-44.3,78.2-57.9,33.7-13.5,72.9-20.3,116.4-20.2h0ZM249.5,366.4c-20,22.8-31.6,50.2-34.5,81.4-2.9,31.2,3,64.6,17.6,99.4,15.1,36,38.9,71.8,70.8,106.5,31.8,34.7,69.8,66.2,112.8,93.5,41.6,26.4,86.1,47.9,132.3,64,46.2,16,91.9,25.7,135.6,28.8,45.3,3.2,86.6-.8,122.7-12,36.1-11.2,65-28.8,85.7-52.4,20-22.8,31.6-50.2,34.5-81.4s-3-64.6-17.6-99.4c-15.1-36-38.9-71.8-70.8-106.5-31.8-34.7-69.8-66.2-112.8-93.5-41.6-26.4-86.1-47.9-132.3-64-46.2-16-91.9-25.7-135.6-28.8-45.3-3.2-86.6.8-122.7,12-36.1,11.2-65,28.8-85.7,52.4h0ZM458.1,302.6c43.7,3.1,89.2,12.7,135.3,28.7,46.1,16,90.6,37.4,132,63.8,42.9,27.3,80.8,58.7,112.6,93.3,31.8,34.6,55.5,70.4,70.6,106.3,14.6,34.7,20.5,68.1,17.6,99.2-2.9,31.1-14.5,58.4-34.5,81.2-20.7,23.5-49.4,41.1-85.5,52.3-36.1,11.1-77.2,15.2-122.4,12-43.7-3.1-89.2-12.7-135.3-28.7-46.1-16-90.6-37.4-132-63.8-42.9-27.3-80.8-58.7-112.6-93.3-31.8-34.6-55.5-70.4-70.6-106.3-14.6-34.7-20.5-68.1-17.6-99.2s14.5-58.4,34.5-81.2c20.7-23.5,49.4-41.1,85.5-52.3,36.1-11.1,77.2-15.2,122.4-12h0ZM251.8,344.5c-22.4,21.3-36.5,47.8-41.8,78.8-5.3,30.9-1.6,64.7,11.1,100.4,13.1,37,35.2,74.4,65.8,111.2s67.7,70.9,110.5,101.2c41.3,29.3,86,53.8,132.9,73s93.6,32,138.8,38.2c46.8,6.4,90,5.2,128.4-3.4,38.4-8.6,69.6-24.2,92.8-46.3,22.4-21.3,36.5-47.8,41.8-78.8,5.3-30.9,1.6-64.7-11.1-100.4-13.1-37-35.2-74.4-65.8-111.2s-67.7-70.9-110.5-101.2c-41.3-29.3-86-53.8-132.9-73-46.9-19.2-93.6-32-138.8-38.2-46.8-6.4-90-5.2-128.4,3.4s-69.6,24.2-92.8,46.3h0ZM473.2,295.4c45.1,6.1,91.7,18.9,138.5,38.1,46.8,19.1,91.4,43.7,132.6,72.9,42.6,30.2,79.7,64.2,110.2,100.9s52.6,74.1,65.6,110.9c12.6,35.6,16.3,69.3,11,100.2-5.3,30.8-19.3,57.3-41.7,78.6-23.2,22-54.3,37.6-92.6,46.2-38.3,8.6-81.4,9.7-128.1,3.4-45.1-6.1-91.7-18.9-138.5-38.1-46.8-19.1-91.4-43.7-132.6-72.9-42.6-30.2-79.7-64.2-110.2-100.9s-52.6-74.1-65.6-110.9c-12.6-35.6-16.3-69.3-11-100.2,5.3-30.8,19.3-57.3,41.7-78.6,23.2-22,54.3-37.6,92.6-46.2s81.4-9.7,128.1-3.4h0ZM255.7,322.8c-24.9,19.7-41.4,45.2-49.2,75.7-7.8,30.5-6.3,64.4,4.2,100.9,10.9,37.8,31.2,76.7,60.3,115.5s65.2,75.4,107.4,108.6c40.8,32.1,85.4,59.7,132.8,82.1,47.3,22.4,94.9,38.5,141.5,47.8,48.2,9.6,93.2,11.5,133.7,5.5,40.5-5.9,74.1-19.3,99.8-39.7,24.9-19.7,41.4-45.2,49.2-75.7s6.3-64.4-4.2-100.9c-10.9-37.8-31.2-76.7-60.3-115.5-29.1-38.9-65.2-75.4-107.4-108.6-40.8-32.1-85.4-59.7-132.8-82.1-47.3-22.4-94.9-38.5-141.5-47.8-48.2-9.6-93.2-11.5-133.7-5.5-40.5,5.9-74.1,19.3-99.8,39.7h0ZM489.4,289.3c46.5,9.3,94,25.3,141.2,47.6,47.2,22.4,91.8,49.9,132.5,81.9,42.1,33.1,78.2,69.6,107.2,108.4,29,38.8,49.3,77.6,60.2,115.3,10.5,36.4,11.9,70.3,4.2,100.7s-24.2,55.8-49,75.5c-25.7,20.4-59.2,33.7-99.6,39.6-40.4,5.9-85.3,4-133.4-5.5-46.5-9.3-94-25.3-141.2-47.6-47.2-22.4-91.8-49.9-132.5-81.9-42.1-33.1-78.2-69.6-107.2-108.4-29-38.8-49.3-77.6-60.2-115.3-10.5-36.4-11.9-70.3-4.2-100.7,7.7-30.4,24.2-55.8,49-75.5,25.7-20.4,59.2-33.7,99.6-39.6s85.3-4,133.4,5.5h0ZM261.4,301.4c-27.3,17.9-46.3,42.2-56.6,72-10.3,29.9-11.3,63.8-3,101,8.6,38.5,26.9,78.6,54.3,119.4s62.3,79.8,103.7,115.9c40,34.8,84.4,65.5,132,91.2,47.6,25.7,95.9,45,143.6,57.5,49.4,12.9,96,17.9,138.5,14.9,42.5-3.1,78.4-14.1,106.6-32.6,27.3-17.9,46.3-42.2,56.6-72,10.3-29.9,11.3-63.8,3-101-8.6-38.5-26.9-78.6-54.3-119.4-27.4-40.8-62.3-79.8-103.7-115.9-40-34.8-84.4-65.5-132-91.2-47.6-25.7-95.9-45-143.6-57.5-49.4-12.9-96-17.9-138.5-14.9-42.5,3.1-78.4,14.1-106.6,32.6h0ZM506.7,284.3c47.6,12.5,95.8,31.8,143.2,57.4s91.7,56.2,131.7,91c41.3,36,76.2,74.9,103.5,115.6s45.5,80.8,54.1,119.2c8.3,37.1,7.3,71-3,100.7-10.3,29.8-29.2,54-56.5,71.9-28.2,18.5-64,29.5-106.4,32.6s-88.9-1.9-138.2-14.8c-47.6-12.5-95.8-31.8-143.2-57.4-47.4-25.6-91.7-56.2-131.7-91-41.3-36-76.2-74.9-103.5-115.6-27.3-40.7-45.5-80.8-54.1-119.2-8.3-37.1-7.3-71,3-100.7,10.3-29.8,29.2-54,56.5-71.9,28.2-18.5,64-29.5,106.4-32.6s88.9,1.9,138.2,14.8h0ZM268.9,280.5c-29.6,16-51.2,38.8-64,67.9s-16.4,62.9-10.4,100.5c6.1,39,22.2,80.3,47.7,122.9,25.5,42.6,58.9,83.9,99.4,122.8,39.1,37.5,83,71.2,130.5,100.2,47.5,28.9,96.3,51.6,145,67.4,50.4,16.4,98.5,24.6,142.8,24.5,44.4,0,82.5-8.6,113.1-25.1,29.6-16,51.2-38.8,64-67.9,12.8-29.1,16.4-62.9,10.4-100.5-6.1-39-22.2-80.3-47.7-122.9-25.5-42.6-58.9-83.9-99.4-122.8-39.1-37.5-83-71.2-130.5-100.2-47.6-28.9-96.3-51.6-145-67.4-50.4-16.4-98.5-24.6-142.8-24.5-44.4.1-82.5,8.6-113.1,25.1h0ZM525,280.5c48.6,15.8,97.2,38.4,144.7,67.2,47.4,28.8,91.3,62.5,130.2,99.9,40.3,38.8,73.7,80,99.2,122.5,25.4,42.5,41.5,83.8,47.6,122.7,5.9,37.5,2.4,71.3-10.4,100.3-12.8,29-34.3,51.8-63.9,67.8-30.6,16.5-68.6,25-112.9,25.1-44.3,0-92.2-8.1-142.5-24.4-48.6-15.8-97.2-38.4-144.7-67.2-47.4-28.8-91.3-62.5-130.2-99.9-40.3-38.8-73.7-80-99.2-122.5-25.4-42.5-41.5-83.8-47.6-122.7-5.9-37.5-2.4-71.3,10.4-100.3,12.8-29,34.3-51.8,63.9-67.8,30.6-16.5,68.6-25,112.9-25.1s92.2,8.1,142.5,24.4h0ZM278.2,260.1c-32,13.9-56,35.2-71.5,63.3-15.5,28.1-21.6,61.6-18.1,99.5,3.6,39.3,17.2,81.7,40.6,126s55.2,87.8,94.3,129.4c37.9,40.2,81,76.9,128.4,109,47.3,32.2,96.4,58.2,145.8,77.3,51.2,19.8,100.5,31.4,146.7,34.4,46.1,3,86.3-2.8,119.4-17.2,32-13.9,56-35.2,71.5-63.3s21.6-61.6,18.1-99.5c-3.6-39.3-17.2-81.7-40.6-126-23.4-44.3-55.2-87.8-94.3-129.4-37.9-40.2-81-76.9-128.4-109-47.3-32.2-96.4-58.2-145.8-77.3-51.2-19.8-100.5-31.4-146.7-34.4-46.1-3-86.3,2.8-119.4,17.2h0ZM544.3,278c49.3,19.1,98.3,45.1,145.5,77.2s90.3,68.7,128.1,108.8c39.1,41.5,70.8,85,94.1,129.1,23.4,44.2,37,86.5,40.5,125.7,3.4,37.9-2.7,71.3-18.1,99.3-15.4,28-39.4,49.3-71.3,63.1-33,14.3-73.1,20.1-119.1,17.1s-95.3-14.5-146.3-34.3c-49.3-19.1-98.3-45.1-145.5-77.2-47.2-32.1-90.3-68.7-128.1-108.8-39.1-41.5-70.8-85-94.1-129.1-23.4-44.2-37-86.5-40.5-125.7-3.4-37.9,2.7-71.3,18.1-99.3,15.4-28,39.4-49.3,71.3-63.1,33-14.3,73.1-20.1,119.1-17.1s95.3,14.5,146.3,34.3h0ZM289.3,240.4c-34.2,11.6-60.8,31.2-78.9,58.1-18.1,27-26.9,59.9-26.1,98,.8,39.4,12,82.7,33.1,128.5s50.9,91.5,88.6,135.7c36.4,42.7,78.6,82.3,125.5,117.7,46.8,35.4,95.9,64.8,145.9,87.3,51.7,23.4,102.2,38.3,149.9,44.5s89.9,3.2,125.3-8.8c34.2-11.6,60.8-31.2,78.9-58.1,18.1-27,26.9-59.9,26.1-98-.8-39.4-12-82.7-33.1-128.5s-50.9-91.5-88.6-135.7c-36.4-42.7-78.6-82.3-125.5-117.7-46.8-35.4-95.9-64.8-145.9-87.3-51.7-23.4-102.2-38.3-149.9-44.5-47.7-6.2-89.9-3.2-125.3,8.8h0ZM564.6,276.8c49.9,22.5,98.8,51.8,145.5,87.1,46.7,35.3,88.8,74.8,125.2,117.4,37.6,44.1,67.4,89.7,88.4,135.4,21.1,45.7,32.2,88.8,33,128.2.8,38-7.9,70.9-26,97.8-18.1,26.9-44.5,46.4-78.7,58-35.4,12-77.4,15-125,8.8s-97.9-21.1-149.5-44.4c-49.9-22.5-98.8-51.8-145.5-87.1s-88.8-74.8-125.2-117.4c-37.6-44.1-67.4-89.7-88.4-135.4-21.1-45.7-32.2-88.8-33-128.2-.8-38,7.9-70.9,26-97.8s44.5-46.4,78.7-58c35.3-12,77.4-15,125-8.8s97.9,21.1,149.5,44.4h0ZM302.3,221.6c-36.4,9.2-65.4,26.9-86.2,52.5s-32.3,57.9-34.2,96c-2,39.4,6.4,83.3,25,130.5s46.3,94.8,82.2,141.6c34.7,45.2,75.7,87.6,121.8,126.2,46.1,38.6,94.9,71.3,145.2,97.3,52.1,26.9,103.4,45.4,152.5,54.9s93.2,9.5,130.9,0c36.4-9.2,65.4-26.9,86.2-52.5s32.3-57.9,34.2-96c2-39.4-6.4-83.3-25-130.5s-46.3-94.8-82.2-141.6c-34.7-45.2-75.7-87.6-121.8-126.2-46.1-38.6-95-71.3-145.2-97.3-52.1-26.9-103.4-45.4-152.5-54.9s-93.2-9.5-130.9,0h0ZM585.7,277.1c50.2,25.9,98.9,58.6,144.9,97.1,46,38.5,86.9,80.8,121.5,125.9,35.9,46.6,63.5,94.2,82.1,141.2,18.6,47.1,27,90.9,25,130.2-1.9,38-13.4,70.2-34.1,95.8-20.7,25.6-49.7,43.2-86,52.4-37.6,9.5-81.5,9.5-130.6,0-49-9.5-100.2-27.9-152.2-54.8-50.2-25.9-98.9-58.6-144.9-97.1s-86.9-80.8-121.5-125.9c-35.9-46.6-63.5-94.2-82.1-141.2-18.6-47.1-27-90.9-25-130.2,1.9-38,13.4-70.2,34.1-95.8,20.7-25.6,49.7-43.2,86-52.4,37.6-9.5,81.5-9.5,130.6,0,49,9.5,100.2,27.9,152.2,54.8ZM317.2,203.7c-38.5,6.7-69.9,22.2-93.4,46.4-23.5,24.1-37.8,55.5-42.5,93.4-4.9,39.2.6,83.6,16.5,131.9,15.9,48.4,41.2,97.8,75.2,147,32.8,47.5,72.3,92.7,117.4,134.4s93.5,77.7,143.9,107.2c52.1,30.5,104.1,52.5,154.5,65.4s96.1,16,136,9.1c38.5-6.7,69.9-22.2,93.4-46.4,23.5-24.1,37.8-55.5,42.5-93.4,4.9-39.2-.6-83.6-16.5-131.9-15.9-48.4-41.2-97.8-75.2-147-32.8-47.5-72.3-92.7-117.4-134.4-45.1-41.7-93.5-77.7-143.9-107.2-52.1-30.5-104.1-52.5-154.5-65.4s-96.1-16-136-9.1h0ZM607.6,278.8c50.3,29.4,98.5,65.3,143.5,106.9s84.4,86.7,117.1,134.1c33.9,49,59.1,98.4,75,146.6s21.4,92.5,16.5,131.6c-4.8,37.8-19,69.1-42.4,93.1-23.4,24.1-54.7,39.6-93.2,46.3-39.8,6.9-85.4,3.8-135.7-9.1-50.3-12.9-102.1-34.8-154.1-65.2-50.3-29.4-98.5-65.3-143.5-106.9-45-41.6-84.4-86.7-117.1-134.1-33.9-49-59.1-98.4-75-146.6s-21.4-92.5-16.5-131.6c4.8-37.8,19-69.1,42.4-93.1,23.4-24.1,54.7-39.6,93.2-46.3,39.8-6.9,85.4-3.8,135.7,9.1s102.1,34.8,154.1,65.2h0ZM334,186.9c-40.5,3.9-74.3,17.3-100.4,39.7s-43.3,52.8-51,90.2c-8,38.7-5.4,83.4,7.6,132.7s35.7,100.4,67.4,151.8c30.7,49.6,68.4,97.5,112.2,142.2s91.5,84.1,141.7,116.9c52,34,104.4,59.6,155.8,76,51.4,16.4,98.7,22.6,140.6,18.5,40.5-3.9,74.3-17.3,100.4-39.7,26.1-22.4,43.3-52.8,51-90.2,8-38.7,5.4-83.4-7.6-132.7-13-49.4-35.7-100.4-67.4-151.8-30.7-49.6-68.4-97.5-112.2-142.2s-91.5-84.1-141.7-116.9c-52-34-104.4-59.6-155.8-76-51.4-16.4-98.7-22.6-140.6-18.5h0ZM630.3,282.1c50.1,32.8,97.6,72.1,141.4,116.7,43.7,44.6,81.4,92.4,112,141.9,31.7,51.3,54.3,102.3,67.3,151.5s15.5,93.8,7.6,132.4c-7.7,37.3-24.8,67.6-50.9,90-26.1,22.4-59.8,35.7-100.2,39.6-41.8,4.1-89-2.1-140.3-18.5s-103.6-41.9-155.4-75.8c-50.1-32.8-97.6-72.1-141.4-116.7-43.7-44.6-81.4-92.4-112-141.9-31.7-51.3-54.3-102.3-67.3-151.5s-15.5-93.8-7.6-132.4c7.7-37.3,24.8-67.6,50.9-90s59.8-35.7,100.2-39.6c41.8-4.1,89,2.1,140.3,18.5s103.6,41.9,155.4,75.8h0ZM352.6,171.3c-42.4,1.1-78.4,12.1-107.2,32.6-28.8,20.5-48.8,49.6-59.5,86.4-11.1,38.1-11.7,82.8-1.8,133,9.9,50.1,29.8,102.7,59,156.2,28.2,51.7,64,102,106.3,149.7,42.3,47.7,89,90.3,138.7,126.5,51.5,37.6,104.1,66.7,156.4,86.7,52.2,19.9,100.9,29.5,144.8,28.3,42.4-1.1,78.4-12.1,107.2-32.6s48.8-49.6,59.5-86.4c11.1-38.1,11.7-82.8,1.8-133-9.9-50.1-29.8-102.7-59-156.2-28.2-51.7-64-102-106.3-149.7s-89-90.3-138.7-126.5c-51.5-37.6-104.1-66.7-156.4-86.7-52.2-19.9-100.9-29.5-144.8-28.3h0ZM653.6,286.9c49.7,36.2,96.2,78.7,138.4,126.3,42.2,47.6,77.9,97.8,106.1,149.4,29.2,53.4,49,105.8,58.9,155.8s9.3,94.7-1.8,132.6c-10.7,36.7-30.7,65.7-59.4,86.2s-64.7,31.4-107,32.6c-43.8,1.2-92.4-8.4-144.5-28.2-52.1-19.9-104.6-49-156-86.5-49.7-36.2-96.2-78.7-138.4-126.3-42.2-47.6-77.9-97.8-106.1-149.4-29.2-53.4-49-105.8-58.9-155.8s-9.3-94.7,1.8-132.6c10.7-36.7,30.7-65.7,59.4-86.2s64.7-31.4,107-32.6c43.8-1.2,92.4,8.4,144.5,28.2,52.1,19.9,104.6,49,156,86.5h0ZM373.1,157c-44.1-1.8-82.4,6.6-113.8,25.1-31.4,18.5-54.3,46.1-68.1,82-14.3,37.2-18.2,81.8-11.5,132.5,6.7,50.7,23.5,104.5,50,159.9,25.6,53.5,59.1,106.3,99.6,156.8s85.9,96.2,135,135.9c50.8,41.1,103.4,73.8,156.2,97.4,52.8,23.5,102.8,36.4,148.4,38.3,44.1,1.8,82.4-6.6,113.8-25.1,31.4-18.5,54.3-46.1,68.1-82,14.3-37.2,18.2-81.8,11.5-132.5s-23.5-104.5-50-159.9c-25.6-53.5-59.1-106.3-99.6-156.8s-85.9-96.2-135-135.9c-50.8-41.1-103.4-73.8-156.2-97.4-52.8-23.5-102.8-36.4-148.4-38.3h0ZM677.5,293.4c49,39.6,94.3,85.2,134.7,135.6,40.4,50.4,73.8,103,99.3,156.4,26.4,55.3,43.2,109,49.9,159.5,6.7,50.6,2.8,95.1-11.5,132.2-13.8,35.9-36.7,63.4-68,81.8-31.3,18.4-69.5,26.9-113.5,25-45.6-1.9-95.4-14.8-148.1-38.3-52.7-23.5-105.1-56.2-155.8-97.2-49-39.6-94.3-85.2-134.7-135.6-40.4-50.4-73.8-103-99.3-156.4-26.4-55.3-43.2-108.9-49.9-159.5-6.7-50.6-2.8-95.1,11.5-132.2,13.8-35.9,36.7-63.4,68-81.8,31.3-18.4,69.5-26.9,113.5-25,45.6,1.9,95.4,14.8,148.1,38.3,52.7,23.5,105.1,56.2,155.8,97.2h0ZM395.5,144.2c-45.7-4.9-86.1.8-120,17.1-34,16.2-59.8,42.2-76.8,77.1-17.6,36.1-24.8,80.3-21.6,131.4s16.8,105.9,40.3,163c22.7,55.2,53.7,110.1,92.1,163.3s82.3,102,130.4,145c49.8,44.5,102,80.9,155.2,108,53.2,27.2,104.1,43.5,151.4,48.6,45.7,4.9,86.1-.8,120-17.1,34-16.2,59.8-42.2,76.8-77.1,17.6-36.1,24.8-80.3,21.6-131.4-3.3-51.1-16.8-105.9-40.3-163-22.7-55.2-53.7-110.1-92.1-163.3-38.4-53.2-82.3-102-130.4-145-49.8-44.5-102-80.9-155.2-108-53.2-27.2-104.1-43.5-151.4-48.6h0ZM701.8,301.5c48,42.9,91.8,91.6,130.1,144.7,38.3,53.1,69.2,107.9,91.9,162.9,23.5,57,37,111.7,40.2,162.6,3.2,50.9-4,95-21.5,131.1-16.9,34.8-42.7,60.7-76.6,76.9-33.9,16.2-74.2,21.9-119.8,17-47.2-5.1-98-21.4-151.1-48.5s-105.2-63.4-154.9-107.8c-48-42.9-91.8-91.6-130.1-144.7-38.3-53.1-69.2-107.9-91.9-162.9-23.5-57-37-111.7-40.2-162.6s4-95,21.5-131.1c16.9-34.8,42.7-60.7,76.6-76.9s74.2-21.9,119.8-17c47.2,5.1,98,21.4,151.1,48.5,53.1,27.1,105.2,63.4,154.9,107.8h0ZM419.6,133c-47.1-8.1-89.5-5.2-126,8.7-36.5,13.8-65.2,37.9-85.4,71.5-20.9,34.8-31.6,78.4-32,129.6-.3,51.2,9.8,106.8,30.1,165.4,19.6,56.6,47.8,113.6,83.8,169.4,36,55.8,78.1,107.5,124.9,153.7,48.5,47.9,100.2,87.8,153.4,118.6,53.3,30.8,105,50.7,153.8,59.1,47.1,8.1,89.5,5.2,126-8.7,36.5-13.8,65.2-37.9,85.4-71.5,20.9-34.8,31.6-78.4,32-129.6.3-51.2-9.8-106.8-30.1-165.4-19.6-56.6-47.8-113.6-83.8-169.4-36-55.8-78.1-107.5-124.9-153.7-48.5-47.9-100.2-87.8-153.4-118.6-53.3-30.8-105-50.7-153.8-59.1h0ZM726.5,311.3c46.8,46.2,88.7,97.8,124.7,153.4,35.9,55.6,64.1,112.5,83.6,169,20.2,58.5,30.3,114,30,165s-11.1,94.5-31.9,129.3c-20.1,33.5-48.8,57.6-85.2,71.4-36.4,13.8-78.7,16.7-125.7,8.6-48.7-8.4-100.3-28.2-153.5-58.9s-104.7-70.5-153.1-118.3c-46.8-46.2-88.7-97.8-124.7-153.4-35.9-55.6-64.1-112.5-83.6-169-20.2-58.5-30.3-114-30-165s11.1-94.5,31.9-129.3c20.1-33.5,48.8-57.6,85.2-71.4,36.4-13.8,78.7-16.7,125.7-8.6,48.7,8.4,100.3,28.2,153.5,58.9s104.7,70.5,153.1,118.3h0ZM445.5,123.5c-48.4-11.4-92.6-11.4-131.5,0-38.9,11.3-70.5,33.3-93.9,65.4-24.2,33.3-38.6,76-42.6,127-4.1,51,2.4,107.2,19.2,167.1,16.2,57.8,41.4,116.7,74.8,174.8,33.4,58.1,73.3,112.7,118.7,162.1,47,51.2,97.7,94.6,150.8,129s105.5,57.9,155.6,69.6c48.4,11.4,92.6,11.4,131.5,0,38.9-11.3,70.5-33.3,93.9-65.4,24.2-33.3,38.6-76,42.6-127,4.1-51-2.4-107.2-19.2-167.1-16.2-57.8-41.4-116.7-74.8-174.8-33.4-58.1-73.3-112.7-118.7-162.1-47-51.2-97.7-94.6-150.8-129s-105.5-57.9-155.6-69.6h0ZM751.5,322.8c45.2,49.3,85.1,103.7,118.4,161.7,33.3,58,58.4,116.7,74.6,174.4,16.8,59.7,23.2,115.8,19.2,166.7s-18.4,93.5-42.5,126.7c-23.3,32.1-54.9,54-93.7,65.3-38.8,11.2-83,11.2-131.2,0-50-11.7-102.2-35.1-155.2-69.5s-103.6-77.7-150.5-128.7c-45.2-49.3-85.1-103.7-118.4-161.7-33.3-58-58.4-116.7-74.6-174.4-16.8-59.7-23.2-115.8-19.2-166.7,4-50.9,18.4-93.5,42.5-126.7,23.3-32.1,54.9-54,93.7-65.3,38.8-11.2,83-11.2,131.2,0,50,11.7,102.2,35.1,155.2,69.5,53,34.4,103.6,77.7,150.5,128.7h0ZM473.1,115.9c-49.4-14.7-95.4-17.8-136.7-9.3-41.2,8.5-75.7,28.3-102.3,58.7-27.6,31.5-45.6,73.1-53.5,123.7-7.9,50.6-5.3,107.1,7.8,168.1,12.7,58.8,34.6,119.3,65,179.6,30.5,60.3,68,117.5,111.5,170,45.1,54.3,94.7,101.2,147.4,139.2,52.7,38.1,105.4,65.1,156.6,80.3,49.4,14.7,95.4,17.8,136.7,9.3,41.2-8.5,75.7-28.3,102.3-58.7,27.6-31.5,45.6-73.1,53.5-123.7,7.9-50.6,5.3-107.1-7.8-168.1-12.7-58.8-34.6-119.3-65-179.6-30.5-60.3-68-117.5-111.5-170-45.1-54.3-94.7-101.2-147.4-139.2-52.7-38.1-105.4-65.1-156.6-80.3h0ZM776.6,336c43.4,52.3,80.9,109.4,111.3,169.6,30.4,60.2,52.2,120.5,64.9,179.2,13.1,60.8,15.7,117.2,7.8,167.7s-25.9,92-53.4,123.4c-26.6,30.4-60.9,50.1-102.1,58.6-41.2,8.5-87,5.4-136.4-9.3-51.1-15.2-103.6-42.2-156.2-80.1-52.6-38-102.1-84.7-147-138.9-43.4-52.3-80.9-109.4-111.3-169.6-30.4-60.2-52.2-120.5-64.9-179.2-13.1-60.8-15.7-117.2-7.8-167.7s25.9-92,53.4-123.4c26.6-30.4,60.9-50.1,102.1-58.6s87-5.4,136.4,9.3c51.1,15.2,103.6,42.1,156.2,80.1s102.1,84.7,147,138.9h0ZM502.3,110.1c-50.3-18.1-97.9-24.5-141.3-18.8-43.5,5.6-80.7,22.9-110.6,51.4-31,29.5-52.7,69.8-64.6,119.7-11.9,49.9-13.3,106.5-4.1,168.2,8.9,59.6,27.2,121.4,54.5,183.7,27.3,62.3,62.1,122,103.5,177.3,42.9,57.3,91,107.5,143,149.2,52,41.7,104.8,72.3,156.9,91,50.3,18.1,97.9,24.5,141.3,18.8,43.5-5.6,80.7-22.9,110.6-51.4,31-29.5,52.7-69.8,64.6-119.7,11.9-49.9,13.3-106.5,4.1-168.2-8.9-59.6-27.2-121.4-54.5-183.7s-62.1-122-103.5-177.3c-42.9-57.3-91-107.5-143-149.2s-104.8-72.3-156.9-91h0ZM801.7,350.9c41.3,55.2,76.1,114.8,103.3,176.9,27.2,62.2,45.5,123.8,54.4,183.3,9.2,61.5,7.8,118-4.1,167.8-11.9,49.8-33.6,90-64.5,119.4-29.8,28.4-67,45.7-110.3,51.3-43.4,5.6-90.8-.7-141-18.8-52-18.7-104.6-49.3-156.5-90.8-51.9-41.6-99.9-91.6-142.7-148.8-41.3-55.2-76.1-114.8-103.3-176.9-27.2-62.2-45.5-123.8-54.4-183.3-9.2-61.5-7.8-118,4.1-167.8,11.9-49.8,33.6-90,64.5-119.4,29.8-28.4,67-45.7,110.3-51.3,43.4-5.6,90.8.7,141,18.8,52,18.7,104.6,49.3,156.5,90.8,51.9,41.6,99.9,91.6,142.7,148.8h0ZM533.1,106.5c-51-21.6-99.9-31.2-145.5-28.6s-85.5,17.2-118.7,43.6c-34.3,27.3-59.8,65.9-75.8,114.9s-21.5,105.3-16.4,167.5c4.9,60.1,19.5,123,43.3,187,23.8,64.1,55.7,126,94.7,184.1,40.4,60.2,86.8,113.6,137.8,158.8s103.6,79.4,156.4,101.8c51,21.6,99.9,31.2,145.5,28.6s85.5-17.2,118.7-43.6c34.3-27.3,59.8-65.9,75.8-114.9s21.5-105.3,16.4-167.5c-4.9-60.1-19.5-123-43.3-187-23.8-64.1-55.7-126-94.7-184.1-40.4-60.2-86.8-113.6-137.8-158.8s-103.6-79.4-156.4-101.8h0ZM826.7,367.5c38.9,58,70.7,119.8,94.5,183.7s38.3,126.7,43.2,186.6c5.1,62-.4,118.3-16.4,167.1s-41.4,87.4-75.7,114.6c-33.1,26.3-72.9,40.9-118.4,43.5s-94.3-7-145.2-28.6c-52.6-22.3-105.1-56.5-156-101.5-50.9-45.1-97.1-98.4-137.4-158.4-38.9-58-70.7-119.8-94.5-183.7s-38.3-126.7-43.2-186.6c-5.1-62,.4-118.3,16.4-167.1,16-48.9,41.4-87.4,75.7-114.6,33.1-26.3,72.9-40.9,118.4-43.5s94.3,7,145.2,28.6c52.6,22.3,105.1,56.5,156,101.5,50.9,45.1,97.1,98.4,137.4,158.4h0ZM565.4,105c-51.4-25.1-101.6-38.1-149.1-38.7-47.6-.6-90.1,11.2-126.5,35.2-37.6,24.8-67,61.6-87.1,109.3-20.2,47.7-30,103.6-29.3,165.9.7,60.2,11.3,124,31.4,189.6,20.1,65.6,48.7,129.6,85,190.3,37.6,62.8,81.9,119.4,131.6,168s101.9,86.5,155.1,112.4c51.4,25.1,101.6,38.1,149.1,38.7,47.6.6,90.1-11.2,126.5-35.2,37.6-24.8,67-61.6,87.1-109.3,20.2-47.7,30-103.6,29.3-165.9-.7-60.2-11.3-124-31.4-189.6-20.1-65.6-48.7-129.6-85-190.3-37.6-62.8-81.9-119.4-131.6-168s-101.9-86.5-155.1-112.4h0ZM851.5,385.8c36.2,60.6,64.8,124.4,84.8,189.8,20,65.4,30.6,129,31.3,189.2.8,62.2-9.1,117.9-29.2,165.6-20.1,47.6-49.4,84.3-86.9,109.1-36.3,23.9-78.7,35.7-126.2,35.1s-97.5-13.6-148.8-38.6c-53.1-25.9-105.2-63.7-154.8-112.2-49.6-48.5-93.8-104.9-131.3-167.6-36.2-60.6-64.8-124.4-84.8-189.8-20-65.4-30.6-129-31.3-189.2-.8-62.2,9.1-117.9,29.2-165.6,20.1-47.6,49.4-84.3,86.9-109.1,36.3-23.9,78.7-35.7,126.2-35.1,47.4.6,97.5,13.6,148.8,38.6,53.1,25.9,105.2,63.7,154.8,112.2s93.8,104.9,131.3,167.6h0ZM599.1,105.7c-51.6-28.6-102.8-45.1-152.1-49-49.4-3.9-94.5,4.9-134,26.3-40.9,22.1-74.1,56.8-98.5,103s-38.7,101.2-42.5,163.5c-3.6,60.2,2.7,124.5,18.9,191.3,16.1,66.8,41.2,132.7,74.5,195.7,34.5,65.3,76.4,124.8,124.6,176.8,48.1,52,99.6,93.4,153,123,51.6,28.6,102.8,45.1,152.1,49,49.4,3.9,94.5-4.9,134-26.3,40.9-22.1,74.1-56.8,98.5-103s38.7-101.2,42.5-163.5c3.6-60.2-2.7-124.5-18.9-191.3-16.1-66.8-41.2-132.7-74.5-195.7-34.5-65.3-76.4-124.8-124.6-176.8-48.1-52-99.6-93.4-153-123ZM875.9,405.9c33.3,62.9,58.3,128.7,74.4,195.3,16.1,66.6,22.4,130.9,18.8,190.9-3.7,62.1-18,117-42.4,163.1s-57.5,80.7-98.3,102.7c-39.4,21.3-84.4,30.1-133.7,26.2s-100.3-20.4-151.8-48.9c-53.3-29.6-104.6-70.8-152.7-122.7-48-51.9-89.8-111.2-124.3-176.4-33.3-62.9-58.3-128.7-74.4-195.3-16.1-66.6-22.4-130.9-18.8-190.9,3.7-62.1,18-117,42.4-163.1,24.4-46.1,57.5-80.7,98.3-102.7,39.4-21.3,84.4-30.1,133.7-26.2,49.3,3.9,100.3,20.4,151.8,48.9,53.3,29.6,104.6,70.8,152.7,122.7,48,51.9,89.8,111.2,124.3,176.4h0ZM634,108.8c-51.5-32.1-103.5-52.2-154.5-59.5-51-7.4-98.5-1.7-141.1,16.9-44.1,19.2-81.1,51.5-109.8,95.9-28.8,44.4-47.6,98.3-56,160.1-8.1,59.8-6.2,124.4,5.7,192.2,11.9,67.8,33.2,135.2,63.2,200.5,31.1,67.6,70.3,129.8,116.6,185,46.2,55.2,96.7,100.1,150.1,133.4,51.5,32.1,103.5,52.2,154.5,59.5,51,7.4,98.5,1.7,141.1-16.9,44.1-19.2,81.1-51.5,109.8-95.9,28.8-44.4,47.6-98.3,56-160.1,8.1-59.8,6.2-124.4-5.7-192.2s-33.2-135.2-63.2-200.5c-31.1-67.6-70.3-129.8-116.6-185-46.2-55.2-96.7-100.1-150.1-133.4h0ZM899.9,427.5c30,65.1,51.2,132.4,63.1,200,11.9,67.6,13.8,132.1,5.7,191.7-8.4,61.7-27.2,115.5-55.9,159.8s-65.6,76.5-109.6,95.6c-42.5,18.5-89.9,24.2-140.8,16.8-50.9-7.3-102.8-27.3-154.2-59.4-53.2-33.2-103.6-78-149.7-133-46.1-55.1-85.3-117.2-116.3-184.6-30-65.1-51.2-132.4-63.1-200-11.9-67.6-13.8-132.1-5.7-191.7,8.4-61.7,27.2-115.5,55.9-159.8s65.6-76.5,109.6-95.6c42.5-18.5,89.9-24.2,140.8-16.8,50.9,7.3,102.8,27.3,154.2,59.4,53.2,33.2,103.6,78,149.7,133,46.1,55.1,85.3,117.2,116.3,184.6ZM670,114.3c-51.2-35.7-103.8-59.3-156.3-70.2-52.5-10.9-102.2-8.5-147.9,7-47.2,16.1-88,45.7-121.1,88s-56.6,94.7-69.8,155.8c-12.8,59-15.5,123.7-8,192.1,7.4,68.4,24.6,137.2,51.1,204.4,27.4,69.6,63.7,134.4,107.7,192.7s93.2,106.6,146.3,143.5c51.2,35.7,103.8,59.3,156.3,70.2,52.5,10.9,102.2,8.5,147.9-7,47.2-16.1,88-45.7,121.1-88s56.6-94.7,69.8-155.8c12.8-59,15.5-123.7,8-192.1-7.4-68.4-24.6-137.2-51.1-204.4-27.4-69.6-63.7-134.4-107.7-192.7s-93.2-106.6-146.3-143.5h0ZM923.2,450.8c26.4,67,43.6,135.7,51,203.9,7.4,68.3,4.7,132.8-8,191.7-13.2,61-36.6,113.3-69.7,155.5-33,42.2-73.7,71.7-120.8,87.8-45.5,15.5-95.2,17.9-147.5,7-52.4-10.9-104.8-34.4-155.9-70-52.9-36.8-102-85-145.9-143.2s-80.1-122.9-107.5-192.3c-26.4-67-43.6-135.7-51-203.9-7.4-68.3-4.7-132.8,8-191.7,13.2-61,36.6-113.3,69.7-155.5,33-42.2,73.7-71.7,120.8-87.8,45.5-15.5,95.2-17.9,147.5-7,52.4,10.9,104.8,34.4,155.9,70,52.9,36.8,102,85,145.9,143.2,43.9,58.2,80.1,122.9,107.5,192.3h0ZM707.1,122.3c-50.6-39.1-103.5-66.4-157.3-80.9-53.7-14.5-105.6-15.7-154.2-3.3-50.3,12.8-94.8,39.4-132.2,79.3s-65.7,90.5-83.9,150.6c-17.6,58-25.1,122.3-22.3,191.1s15.6,138.6,38.3,207.5c23.4,71.3,56.4,138.5,97.9,199.8,41.5,61.2,89.2,112.8,141.6,153.3,50.6,39.1,103.5,66.4,157.3,80.9,53.7,14.5,105.6,15.7,154.2,3.3,50.3-12.8,94.8-39.4,132.2-79.3,37.5-39.9,65.7-90.5,83.9-150.6,17.6-58,25.1-122.3,22.3-191.1s-15.6-138.6-38.3-207.5c-23.4-71.3-56.4-138.5-97.9-199.8s-89.2-112.8-141.6-153.3h0ZM945.7,475.7c22.6,68.7,35.4,138.4,38.2,207,2.7,68.6-4.7,132.8-22.3,190.6-18.1,59.9-46.3,110.5-83.7,150.2-37.4,39.8-81.8,66.4-131.9,79.1-48.4,12.3-100.2,11.2-153.8-3.3s-106.4-41.7-156.9-80.7c-52.3-40.4-99.8-91.9-141.2-153-41.4-61.1-74.3-128.1-97.7-199.3-22.6-68.7-35.4-138.4-38.2-207-2.7-68.6,4.7-132.8,22.3-190.6,18.1-59.9,46.3-110.5,83.7-150.2,37.4-39.8,81.8-66.4,131.9-79.1,48.4-12.3,100.2-11.2,153.8,3.3s106.4,41.7,156.9,80.7c52.3,40.4,99.8,91.9,141.2,153,41.4,61.1,74.3,128.1,97.7,199.3h0ZM745,132.9c-49.7-42.6-102.8-73.4-157.5-91.7-54.8-18.2-108.6-23-160-14.1-53.2,9.2-101.3,32.7-143.2,69.9-41.9,37.2-74.9,85.7-98.1,144.4-22.5,56.6-34.9,120.2-37.1,189-2.1,68.8,6.2,139.3,24.7,209.6,19.2,72.8,48.5,142.1,87.2,206.1,38.7,64,84.4,118.8,135.9,162.8,49.7,42.6,102.8,73.4,157.6,91.7,54.8,18.2,108.6,23,160,14.1,53.2-9.2,101.3-32.7,143.2-69.9s74.9-85.7,98.1-144.4c22.5-56.6,34.9-120.2,37.1-189,2.1-68.8-6.2-139.3-24.7-209.6-19.2-72.8-48.5-142.1-87.2-206.1s-84.4-118.8-135.9-162.8h0ZM967.3,502c18.5,70.1,26.8,140.5,24.6,209.1-2.1,68.6-14.6,132.1-37,188.6-23.2,58.5-56.1,107-97.9,144-41.7,37.1-89.8,60.5-142.8,69.7-51.2,8.9-104.9,4.2-159.6-14.1-54.7-18.2-107.6-49-157.2-91.5-51.4-44-97-98.6-135.6-162.5-38.6-63.8-67.9-133-87-205.6-18.5-70.1-26.8-140.5-24.6-209.1,2.1-68.6,14.6-132.1,37-188.6,23.2-58.5,56.1-107,97.9-144,41.7-37.1,89.8-60.5,142.8-69.7,51.2-8.9,104.9-4.2,159.6,14.1,54.7,18.2,107.6,49,157.2,91.5,51.4,44,97,98.6,135.6,162.5,38.6,63.8,67.9,133,87,205.6h0ZM783.6,146.1c-48.6-45.9-101.4-80.4-157.1-102.4-55.6-22-111.2-30.5-165.2-25.2-55.9,5.5-107.7,25.6-153.9,59.7-46.2,34.1-84,80.3-112.4,137.2-27.5,54.9-45,117.5-52.3,186-7.2,68.5-3.7,139.4,10.4,210.8,14.6,73.9,40.1,145.2,75.7,211.7s79.1,124.4,129.4,171.9c48.6,45.9,101.4,80.4,157.1,102.4,55.6,22,111.2,30.5,165.2,25.2,55.9-5.5,107.7-25.6,153.9-59.7s84-80.3,112.4-137.2c27.5-54.9,45-117.5,52.3-186,7.2-68.5,3.7-139.4-10.4-210.8-14.6-73.9-40.1-145.2-75.7-211.7-35.6-66.5-79.1-124.4-129.4-171.9h0ZM987.8,529.9c14.1,71.3,17.6,142,10.4,210.4-7.2,68.3-24.7,130.8-52.1,185.6-28.4,56.7-66.1,102.8-112.2,136.9-46.1,34.1-97.7,54.1-153.5,59.6-53.9,5.3-109.3-3.2-164.8-25.2s-108.2-56.4-156.7-102.2c-50.2-47.5-93.7-105.2-129.1-171.5-35.5-66.4-60.9-137.4-75.5-211.2-14.1-71.3-17.6-142-10.4-210.4,7.2-68.3,24.7-130.8,52.1-185.6,28.4-56.7,66.1-102.8,112.2-136.9,46.1-34.1,97.7-54.1,153.5-59.6,53.9-5.3,109.3,3.2,164.8,25.2,55.5,22,108.2,56.4,156.7,102.2,50.2,47.5,93.7,105.2,129.1,171.5,35.5,66.4,60.9,137.4,75.5,211.2h0ZM822.8,162c-47.2-49.2-99.6-87.3-155.8-113.1-56.2-25.9-113.3-38.2-169.8-36.7-58.5,1.6-113.7,18-164.2,48.8-50.5,30.8-93.1,74.2-126.8,129-32.5,52.9-55.3,114.1-67.8,181.9-12.5,67.8-14,138.8-4.5,211.1,9.8,74.8,31.1,147.6,63.3,216.5,32.1,68.8,73.2,129.6,122,180.5,47.2,49.2,99.6,87.3,155.8,113.1,56.2,25.9,113.3,38.2,169.8,36.7,58.5-1.6,113.7-18,164.2-48.8s93.1-74.2,126.8-129c32.5-52.9,55.4-114.1,67.8-181.9,12.5-67.8,14-138.8,4.5-211.1-9.8-74.8-31.1-147.6-63.3-216.5-32.1-68.8-73.2-129.6-122-180.5h0ZM1007.1,559c9.5,72.1,8,142.9-4.5,210.6-12.4,67.7-35.2,128.7-67.7,181.5-33.6,54.6-76.2,97.9-126.5,128.7-50.4,30.8-105.5,47.2-163.8,48.7-56.4,1.5-113.4-10.8-169.4-36.6-56.1-25.8-108.3-63.8-155.4-112.9-48.7-50.8-89.7-111.4-121.7-180.1-32.1-68.7-53.3-141.3-63.1-216-9.5-72.1-8-142.9,4.5-210.6,12.4-67.7,35.2-128.7,67.7-181.5,33.6-54.6,76.2-97.9,126.5-128.7,50.4-30.8,105.5-47.2,163.8-48.7,56.4-1.5,113.4,10.8,169.4,36.6,56.1,25.8,108.3,63.8,155.4,112.9,48.7,50.8,89.7,111.4,121.7,180.1s53.3,141.3,63.1,216h0ZM862.4,180.6c-45.4-52.4-97.1-94-153.6-123.7-56.5-29.7-115-46-173.8-48.4-60.9-2.5-119.5,10-174.2,37.3-54.7,27.2-102.2,67.6-141.1,119.8-37.6,50.5-65.8,110-83.7,176.7-17.9,66.8-24.6,137.5-20,210.2,4.8,75.3,21.6,149.4,50,220.3,28.4,70.9,66.6,134.4,113.7,188.6,45.4,52.4,97.1,94,153.6,123.7s115,46,173.8,48.4c60.9,2.5,119.5-10,174.2-37.3,54.7-27.2,102.2-67.6,141.1-119.8,37.6-50.5,65.8-110,83.7-176.7,17.9-66.8,24.6-137.5,20-210.2-4.8-75.3-21.6-149.4-50-220.3s-66.6-134.4-113.7-188.6h0ZM1025,589.5c4.6,72.6-2.1,143.1-19.9,209.7-17.9,66.6-45.9,125.9-83.5,176.3-38.9,52.2-86.3,92.4-140.8,119.6-54.6,27.2-113,39.7-173.8,37.2-58.7-2.4-117-18.7-173.4-48.3-56.4-29.6-107.9-71.2-153.3-123.4-46.9-54.1-85.1-117.4-113.4-188.2-28.3-70.8-45.1-144.7-49.9-219.8-4.6-72.6,2.1-143.1,19.9-209.7,17.9-66.6,45.9-125.9,83.5-176.3,38.9-52.2,86.3-92.4,140.8-119.6,54.6-27.2,113-39.7,173.8-37.2,58.7,2.4,117,18.7,173.4,48.3s107.9,71.2,153.3,123.4c46.9,54.1,85.1,117.4,113.4,188.2,28.3,70.8,45.1,144.7,49.9,219.8h0ZM902.2,201.8c-43.4-55.4-94.1-100.6-150.7-134.1-56.6-33.6-116.1-53.9-177.1-60.4-63.1-6.8-124.9,1.7-183.7,25-58.8,23.4-111.1,60.3-155.4,109.7-42.8,47.7-76.4,105.1-99.8,170.5-23.4,65.4-35.6,135.5-36,208.3-.5,75.4,11.6,150.6,35.9,223.3,24.3,72.7,59.5,138.7,104.4,196.1,43.4,55.4,94.1,100.6,150.7,134.1,56.6,33.6,116.1,53.9,177.1,60.4,63.1,6.8,124.9-1.7,183.7-25,58.8-23.4,111.1-60.3,155.4-109.7,42.8-47.7,76.4-105.1,99.8-170.5s35.6-135.5,36-208.3c.5-75.4-11.6-150.6-35.9-223.3s-59.5-138.7-104.4-196.1h0ZM1041.4,621.1c-.5,72.7-12.6,142.6-36,207.8s-56.9,122.4-99.6,170.1c-44.2,49.3-96.4,86.1-155,109.4s-120.3,31.7-183.3,25c-60.8-6.5-120.3-26.8-176.7-60.3-56.4-33.5-107-78.5-150.3-133.8-44.8-57.3-79.9-123.1-104.2-195.6-24.3-72.6-36.3-147.5-35.9-222.8.5-72.7,12.6-142.6,36-207.8,23.4-65.2,56.9-122.4,99.6-170.1,44.2-49.3,96.4-86.1,155-109.4,58.7-23.3,120.3-31.7,183.3-25,60.8,6.5,120.3,26.8,176.7,60.3,56.4,33.5,107,78.5,150.3,133.8,44.8,57.3,79.9,123.1,104.2,195.6,24.3,72.6,36.3,147.5,35.9,222.8ZM941.9,225.8c-41.1-58.3-90.5-106.9-146.8-144.3s-116.8-61.9-179.6-72.6c-65.1-11.1-129.9-7-192.7,12.2-62.8,19.2-119.8,52.4-169.4,98.6-47.9,44.6-87,99.5-116.1,163.1-29.1,63.6-46.8,132.6-52.6,205.3-6,75.2,1.1,151,21.1,225.3s51.7,142.5,94.2,202.9c41.1,58.3,90.5,106.9,146.8,144.3s116.8,61.9,179.6,72.6c65.1,11.1,129.9,7,192.7-12.2s119.8-52.4,169.4-98.6c47.9-44.6,87-99.5,116.1-163.1s46.8-132.6,52.6-205.3c6-75.2-1.1-151-21.1-225.3-20-74.2-51.7-142.5-94.2-202.9h0ZM1056.2,653.8c-5.8,72.5-23.4,141.4-52.5,204.8-29,63.4-68,118.2-115.8,162.7-49.5,46.1-106.4,79.2-169,98.4s-127.3,23.2-192.3,12.1c-62.7-10.7-123-35.1-179.2-72.5s-105.5-85.8-146.5-144c-42.4-60.2-74.1-128.3-94-202.4-20-74.1-27.1-149.7-21.1-224.7,5.8-72.5,23.4-141.4,52.5-204.8,29-63.4,68-118.2,115.8-162.7,49.5-46.1,106.4-79.2,169-98.4,62.7-19.2,127.3-23.2,192.3-12.1,62.7,10.7,123,35.1,179.2,72.5s105.5,85.8,146.5,144c42.4,60.2,74.1,128.3,94,202.4,20,74.1,27.1,149.7,21.1,224.7h0ZM981.5,252.6c-38.4-61-86.2-112.9-142.1-154.2-55.8-41.3-116.8-69.9-181.4-85-66.8-15.7-134.5-16.1-201.1-1.3-66.7,14.8-128.3,43.9-183.2,86.5-53,41.2-97.6,93.2-132.5,154.6-34.9,61.4-58.3,129.1-69.6,201.1-11.7,74.6-9.8,150.7,5.6,226.2,15.4,75.5,43.4,145.8,83.2,209,38.4,61,86.2,112.9,142.1,154.2,55.8,41.3,116.8,69.9,181.4,85,66.8,15.7,134.5,16.1,201.1,1.3,66.7-14.8,128.3-43.9,183.2-86.5,53-41.2,97.6-93.2,132.5-154.6,34.9-61.4,58.3-129.1,69.6-201.1,11.7-74.6,9.8-150.7-5.6-226.2s-43.4-145.8-83.2-209h0ZM1069.2,687.4c-11.3,71.9-34.6,139.4-69.4,200.7-34.8,61.2-79.3,113.1-132.2,154.2-54.8,42.5-116.3,71.6-182.8,86.3-66.5,14.7-134,14.3-200.7-1.3-64.4-15.1-125.3-43.6-181-84.8-55.7-41.2-103.4-93-141.7-153.9-39.7-63.1-67.6-133.2-83-208.5s-17.2-151.2-5.6-225.7c11.3-71.9,34.6-139.4,69.4-200.7,34.8-61.2,79.3-113.1,132.2-154.2,54.8-42.5,116.3-71.6,182.8-86.3,66.5-14.7,134-14.3,200.7,1.3,64.4,15.1,125.3,43.6,181,84.8,55.7,41.2,103.4,93,141.7,153.9,39.7,63.1,67.6,133.2,83,208.5,15.4,75.3,17.2,151.2,5.6,225.7h0ZM1020.7,282c-35.5-63.6-81.4-118.7-136.4-163.7-55-45.1-116.3-77.9-182.3-97.4C633.7.5,563.5-4.6,493.1,5.4c-70.3,10.1-136.5,34.8-196.7,73.5-58.1,37.4-108.2,86.2-148.9,145s-69.9,124.7-86.9,195.8c-17.6,73.6-21.1,149.7-10.6,226s34.5,148.4,71.3,214.3c35.5,63.6,81.4,118.7,136.4,163.7,55,45.1,116.3,77.9,182.3,97.4,68.3,20.3,138.6,25.4,208.9,15.3,70.3-10.1,136.5-34.8,196.7-73.5,58.1-37.4,108.2-86.2,148.9-145s69.9-124.7,86.9-195.8c17.6-73.6,21.1-149.7,10.6-226s-34.5-148.4-71.3-214.3v.2ZM1080.2,721.9c-16.9,70.9-46.1,136.7-86.7,195.3-40.6,58.7-90.6,107.3-148.6,144.6-60,38.6-126.1,63.3-196.2,73.4-70.2,10.1-140.3,4.9-208.4-15.3-65.8-19.5-127-52.2-181.9-97.2-54.9-45-100.7-99.9-136.1-163.4-36.7-65.7-60.6-137.6-71.1-213.8s-6.9-152,10.6-225.5c16.9-70.9,46.1-136.7,86.7-195.3,40.6-58.7,90.6-107.3,148.6-144.6,60-38.6,126.1-63.3,196.2-73.4,70.2-10.1,140.3-4.9,208.4,15.3,65.8,19.5,127,52.2,181.9,97.2,54.9,45,100.7,99.9,136.1,163.4,36.7,65.7,60.6,137.6,71.1,213.8,10.5,76.2,6.9,152-10.6,225.5ZM1059.3,314c-32.3-65.9-76-124.1-129.8-172.9-53.9-48.8-115.2-85.8-182.4-109.9C677.7,6.3,605-3.8,531.2,1.4s-144.4,25.2-209.7,59.6c-63.1,33.2-118.7,78.4-165.3,134.2-46.6,55.8-81.7,119.5-104.5,189.3-23.6,72.2-32.8,147.8-27.5,224.7s25.1,150.5,58.5,218.7c32.3,65.9,76,124.1,129.8,172.9,53.9,48.8,115.2,85.8,182.4,109.9,69.5,25,142.2,35,216,29.9,73.8-5.2,144.4-25.2,209.7-59.6,63.1-33.2,118.7-78.4,165.3-134.2s81.7-119.5,104.5-189.3c23.6-72.2,32.8-147.8,27.5-224.7-5.4-76.9-25.1-150.5-58.5-218.7h0ZM1089.2,757.1c-22.7,69.6-57.8,133.1-104.3,188.8-46.5,55.7-101.9,100.8-164.9,133.9-65.2,34.3-135.6,54.4-209.2,59.5s-146.1-4.9-215.5-29.8c-67-24.1-128.2-61-181.9-109.7-53.8-48.7-97.3-106.7-129.6-172.5-33.3-68.1-53-141.5-58.3-218.2-5.4-76.7,3.9-152.2,27.4-224.2,22.7-69.6,57.8-133.1,104.3-188.8s101.9-100.8,164.9-133.9C387.2,27.9,457.6,7.9,531.3,2.7c73.7-5.2,146.1,4.9,215.5,29.8,67,24.1,128.2,61,181.9,109.7,53.8,48.7,97.3,106.7,129.6,172.5,33.3,68.1,53,141.5,58.3,218.2s-3.9,152.2-27.4,224.2h0ZM1097.1,348.7c-28.8-68-69.9-129.1-122.4-181.5-52.4-52.4-113.5-93.6-181.5-122.4C722.9,15.1,648.1,0,571,0s-151.9,15.1-222.3,44.9c-68,28.8-129.1,69.9-181.5,122.4-52.4,52.4-93.6,113.5-122.4,181.5C15.1,419.1,0,493.9,0,571s15.1,151.9,44.9,222.3c28.8,68,69.9,129.1,122.4,181.5,52.4,52.4,113.5,93.6,181.5,122.4,70.4,29.8,145.2,44.9,222.3,44.9s151.9-15.1,222.3-44.9c68-28.8,129.1-69.9,181.5-122.4s93.6-113.5,122.4-181.5c29.8-70.4,44.9-145.2,44.9-222.3s-15.1-151.9-44.9-222.3h-.2ZM1095.9,792.7c-28.7,67.8-69.8,128.8-122.1,181.1-52.3,52.3-113.2,93.4-181.1,122.1-70.2,29.7-144.8,44.8-221.7,44.8s-151.5-15.1-221.7-44.8c-67.8-28.7-128.8-69.8-181.1-122.1-52.3-52.3-93.4-113.2-122.1-181.1C16.4,722.5,1.3,647.9,1.3,571s15.1-151.5,44.8-221.7c28.7-67.8,69.8-128.8,122.1-181.1,52.3-52.3,113.2-93.4,181.1-122.1C419.5,16.4,494.1,1.3,571,1.3s151.5,15.1,221.7,44.8c67.8,28.7,128.8,69.8,181.1,122.1,52.3,52.3,93.4,113.2,122.1,181.1,29.7,70.2,44.8,144.8,44.8,221.7s-15.1,151.5-44.8,221.7Z" style="fill: url(#radial-gradient);" />
</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-10 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-12 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="./.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>
</div>
</div>
<div class="js-component relative z-0 container component-spacer-margin" data-vanilla-module="Accordion">
<div class="max-w-screen-md mx-auto ">
<div class="">
<div class="">
<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">Lorem ipsum dolor</h2>
<div class="prose xl:prose-lg mt-4 lg:mt-6 max-w-screen-sm mx-auto">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<div class="js-accordion-button-list ">
<div class="border-b-2 border-grey/10">
<button id="accordion-button-1" aria-controls="accordion-panel-1" class="js-accordion-item-button group peer font-bold leading-tight flex w-full items-center justify-between py-6 px-4 transition" aria-expanded="false">
<p class="text-lg md:text-2xl text-grey-800 transition-colors ease-in-out text-left pr-4">Duis aute irure dolor in reprehenderit in voluptate</p>
<div class="js-accordion-item-icon w-8 h-8 transform transition ease-in-out duration-500 flex-shrink-0 group-aria-expanded:rotate-180 bg-button-2-surface rounded-full p-2" aria-hidden="true">
<svg class="fill-current text-button-2-arrow w-full h-full transition-colors ease-in-out rotate-90">
<use href="/front-end/sprite.svg#icon-chevron"></use>
</svg>
</div>
</button>
<div id="accordion-panel-1" aria-labelledby="accordion-button-1" class="js-accordion-item-panel hidden overflow-hidden peer-aria-expanded:block">
<div class="js-accordion-item-content p-4">
<div class="prose xl:prose-lg max-w-none">
<p><a href=''>Duis aute irure dolor in reprehenderit in voluptate</a>. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<ul>
<li>In eu tristique est</li>
<li>In eu tristique est</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="border-b-2 border-grey/10">
<button id="accordion-button-2" aria-controls="accordion-panel-2" class="js-accordion-item-button group peer font-bold leading-tight flex w-full items-center justify-between py-6 px-4 transition" aria-expanded="false">
<p class="text-lg md:text-2xl text-grey-800 transition-colors ease-in-out text-left pr-4">Title Two</p>
<div class="js-accordion-item-icon w-8 h-8 transform transition ease-in-out duration-500 flex-shrink-0 group-aria-expanded:rotate-180 bg-button-2-surface rounded-full p-2" aria-hidden="true">
<svg class="fill-current text-button-2-arrow w-full h-full transition-colors ease-in-out rotate-90">
<use href="/front-end/sprite.svg#icon-chevron"></use>
</svg>
</div>
</button>
<div id="accordion-panel-2" aria-labelledby="accordion-button-2" class="js-accordion-item-panel hidden overflow-hidden peer-aria-expanded:block">
<div class="js-accordion-item-content p-4">
<div class="prose xl:prose-lg max-w-none">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam enim nunc, lobortis at tincidunt id, tempus a augue. Morbi vestibulum arcu maximus augue auctor, id finibus mauris suscipit. Praesent ante erat, molestie in facilisis in, ornare et sem. Morbi gravida faucibus nulla, id malesuada turpis placerat id. Aliquam at felis at diam volutpat dictum. Fusce sed orci sed quam pulvinar tempus vel nec dolor. Maecenas fermentum quam et arcu porttitor elementum. Sed tincidunt orci libero, in vehicula orci feugiat quis.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce maximus, quam non facilisis pellentesque, ante sapien tristique sapien, sed auctor arcu magna quis urna. Sed dictum felis sit amet quam rutrum maximus. Nulla et finibus nibh, vel finibus nisi. Integer leo metus, mattis nec lacus vitae, egestas ultricies ex. Fusce efficitur mauris metus, quis auctor turpis elementum eget. Duis mollis mattis ipsum sit amet interdum.Donec id ultricies erat. Aliquam molestie ante quis venenatis eleifend. Nullam ac feugiat nulla, quis varius risus. Morbi sollicitudin eget libero sit amet mollis. Etiam velit ex, pellentesque non mi eget, commodo mollis nunc. Fusce dolor sapien, ultricies ut enim consectetur, fringilla hendrerit nibh. Donec sodales ornare tempor. Morbi sit amet mi eu nisl porta consectetur.Phasellus vel efficitur quam, id scelerisque elit. Donec et nisl vulputate, tristique urna a, sodales metus. Curabitur scelerisque erat quis pulvinar faucibus. Proin odio nisl, rutrum in venenatis vitae, porttitor at urna. Etiam pellentesque nisl ac facilisis bibendum. Vestibulum ullamcorper velit eget convallis consectetur. Cras fringilla nibh tellus, et vestibulum sapien efficitur sit amet. Mauris pellentesque odio diam, vitae lacinia eros luctus ac. Proin mollis ac mi semper accumsan. Cras ut nibh justo.Donec vitae ex lectus. Donec id velit aliquet, ullamcorper purus a, viverra turpis. Praesent posuere tortor tellus, at accumsan nibh sodales eu. Phasellus arcu sapien, sollicitudin sit amet laoreet sit amet, tempus eget dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam facilisis, eros id facilisis consequat, nunc nibh convallis lectus, nec mattis augue sapien vel massa. Etiam placerat eu erat faucibus lacinia. </p>
</div>
</div>
</div>
</div>
<div class="border-b-2 border-grey/10">
<button id="accordion-button-3" aria-controls="accordion-panel-3" class="js-accordion-item-button group peer font-bold leading-tight flex w-full items-center justify-between py-6 px-4 transition" aria-expanded="false">
<p class="text-lg md:text-2xl text-grey-800 transition-colors ease-in-out text-left pr-4">Title Three</p>
<div class="js-accordion-item-icon w-8 h-8 transform transition ease-in-out duration-500 flex-shrink-0 group-aria-expanded:rotate-180 bg-button-2-surface rounded-full p-2" aria-hidden="true">
<svg class="fill-current text-button-2-arrow w-full h-full transition-colors ease-in-out rotate-90">
<use href="/front-end/sprite.svg#icon-chevron"></use>
</svg>
</div>
</button>
<div id="accordion-panel-3" aria-labelledby="accordion-button-3" class="js-accordion-item-panel hidden overflow-hidden peer-aria-expanded:block">
<div class="js-accordion-item-content p-4">
<div class="prose xl:prose-lg max-w-none">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
</div>
</div>
</div>
</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 [&_img]:w-full [&_img]:h-full [&_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 [&_img]:w-full [&_img]:h-full [&_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 [&_img]:w-full [&_img]:h-full [&_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 [&_img]:w-full [&_img]:h-full [&_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="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 [&_img]:w-full [&_img]:h-full [&_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 [&_img]:w-full [&_img]:h-full [&_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 [&_img]:w-full [&_img]:h-full [&_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-hidden lg:overflow-visible bg-bkg component-spacer-padding">
<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="container ">
<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">News & insights</h2>
</div>
<div class="w-full splide" data-vanilla-module="Slider" data-splide='{"perPage":1,"mediaQuery":"min","pagination":true,"arrows":false,"gap":"1.5rem","padding":{"right":"4.5rem"},"breakpoints":{"768":{"perPage":2,"mediaQuery":"min","pagination":true,"arrows":false,"gap":"1.5rem","padding":{"right":"0rem"}},"1024":{"destroy":true}}}'>
<div class="splide__track !overflow-visible">
<div class="lg:!grid lg:!gap-6 lg:!grid-cols-4 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">
News
</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 [&_img]:w-full [&_img]:h-full [&_img]:object-cover " alt="" width="1200" height="750" data-sizes="auto" data-srcset="/front-end/images/test-imagery/example4@16-10@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example4@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">
<div class="text-sm mb-2 font-semibold text-grey-500 flex items-center gap-1">
<span>23 April 2026</span>
</div>
<h2 class="relative text-xl text-grey font-bold leading-tight pb-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit</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">
News
</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 [&_img]:w-full [&_img]:h-full [&_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">
<div class="text-sm mb-2 font-semibold text-grey-500 flex items-center gap-1">
<span>23 April 2026</span>
</div>
<h2 class="relative text-xl text-grey font-bold leading-tight pb-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit</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">
News
</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 [&_img]:w-full [&_img]:h-full [&_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">
<div class="text-sm mb-2 font-semibold text-grey-500 flex items-center gap-1">
<span>23 April 2026</span>
</div>
<h2 class="relative text-xl text-grey font-bold leading-tight pb-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit</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">
News
</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 [&_img]:w-full [&_img]:h-full [&_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">
<div class="text-sm mb-2 font-semibold text-grey-500 flex items-center gap-1">
<span>23 April 2026</span>
</div>
<h2 class="relative text-xl text-grey font-bold leading-tight pb-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-component relative z-0 component-spacer-padding bg-grey-50">
<div class="container">
<div class="max-w-screen-md mx-auto lg:px-20">
<h2 class="text-5xl xl:text-7xl font-normal font-heading leading-[40px] xl:leading-[72px] text-heading text-center">Contact us</h2>
<div class="mt-8">
<div class="flex flex-col gap-8">
<label class="block">
<span class="text-body mb-2 block font-semibold">Full name</span>
<input type="text" class="
block
w-full
rounded-md
border-grey-200
shadow-sm
focus:border-button-surface focus:ring-3 focus:ring-button-surface/20" placeholder="">
</label>
<label class="block font-semibold">
<span class="text-body mb-2 block">Email</span>
<input type="email" class="
block
w-full
rounded-md
border-grey-200
shadow-sm
focus:border-button-surface placeholder:font-normal focus:ring-3 focus:ring-button-surface/20" placeholder="john@hotmail.com">
</label>
<label class="block">
<span class="text-body mb-2 block font-semibold">When is your event?</span>
<div class="relative">
<input type="text" class="
block
w-full
rounded-md
border-grey-200
shadow-sm
focus:border-button-surface focus:ring-3 focus:ring-button-surface/20">
<div class="absolute w-5 h-5 right-2 top-2/4 -translate-y-2/4 pointer-events-none text-heading">
<svg class="fill-current w-full h-full" aria-hidden="true">
<use href="/front-end/sprite.svg#icon-calendar"></use>
</svg>
</div>
</div>
</label>
<fieldset>
<legend class="text-body mb-2 block font-semibold">Do you agree?</legend>
<div class="flex gap-x-4">
<label class="inline-flex items-center text-body">
<input type="radio" class=" text-grey focus:border-button-surface focus:ring-3 focus:ring-button-surface/20" name="Do you agree?" value="Yes">
<span class="ml-2">Yes</span>
</label>
<label class="inline-flex items-center text-body">
<input type="radio" class=" text-grey focus:border-button-surface focus:ring-3 focus:ring-button-surface/20" name="Do you agree?" value="No">
<span class="ml-2">No</span>
</label>
</div>
</fieldset>
<label class="block">
<span class="text-body mb-2 block font-semibold">What type of event is it?</span>
<select class="block
w-full
rounded-md
border-grey-200
shadow-sm
focus:border-button-surface focus:ring-3 focus:ring-button-surface/20">
<option>Corporate event</option>
<option>Wedding</option>
<option>Birthday</option>
<option>Other</option>
</select>
</label>
<fieldset>
<legend class="text-body mb-2 block font-semibold">Select multiple options</legend>
<div class="space-y-2">
<label class="flex items-center text-body">
<input type="checkbox" class="rounded
border-grey-200
text-grey
focus:border-button-surface
focus:ring-button-surface
shadow-sm
focus:ring
focus:ring-offset-0
focus:border-button-surface focus:ring-3 focus:ring-button-surface/20" value="Option 1">
<span class="ml-2">Option 1</span>
</label>
<label class="flex items-center text-body">
<input type="checkbox" class="rounded
border-grey-200
text-grey
focus:border-button-surface
focus:ring-button-surface
shadow-sm
focus:ring
focus:ring-offset-0
focus:border-button-surface focus:ring-3 focus:ring-button-surface/20" value="Option 2">
<span class="ml-2">Option 2</span>
</label>
<label class="flex items-center text-body">
<input type="checkbox" class="rounded
border-grey-200
text-grey
focus:border-button-surface
focus:ring-button-surface
shadow-sm
focus:ring
focus:ring-offset-0
focus:border-button-surface focus:ring-3 focus:ring-button-surface/20" value="Option 3">
<span class="ml-2">Option 3</span>
</label>
<label class="flex items-center text-body">
<input type="checkbox" class="rounded
border-grey-200
text-grey
focus:border-button-surface
focus:ring-button-surface
shadow-sm
focus:ring
focus:ring-offset-0
focus:border-button-surface focus:ring-3 focus:ring-button-surface/20" value="Other">
<span class="ml-2">Other</span>
</label>
</div>
</fieldset>
<label class="block">
<span class="text-body mb-2 block font-semibold">Additional details</span>
<textarea class="
block
w-full
rounded-md
border-grey-200
shadow-sm
focus:border-button-surface focus:ring-3 focus:ring-button-surface/20" rows="3"></textarea>
</label>
<div class="block">
<div>
<label class="inline-flex items-center text-body">
<input type="checkbox" class="rounded
border-grey-200
text-grey
focus:border-button-surface
focus:ring-button-surface/50
shadow-sm
focus:ring
focus:ring-offset-0">
<span class="ml-2">Sign up to our newsletter</span>
</label>
</div>
</div>
</div>
<div class="my-8 text-right">
<button class="btn bg-button-surface text-button-text border-2 border-button-surface hover:bg-button-surface-hover hover:border-button-surface-hover">
Submit
</button>
</div>
</div>
</div>
</div>
</div>
<div class="js-component relative z-0 component-spacer-margin">
<div class="container ">
<div class="w-full mx-auto gap-6 flex flex-col md:flex-row justify-center">
<div class="flex-1 flex justify-center">
<div class="w-full max-w-screen-lg">
<picture class="block overflow-hidden w-full">
<img class="lazyload rounded-md w-full" 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 class="mt-3 text-grey text-base">
Lorem ipsum dolor
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-component relative z-0 component-spacer-margin">
<div class="container ">
<div class="w-full mx-auto gap-6 flex flex-col md:flex-row justify-center">
<div class="flex-1 flex justify-center">
<div class="w-full max-w-screen-lg">
<picture class="block overflow-hidden w-full">
<img class="lazyload rounded-md w-full" 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 class="mt-3 text-grey text-base">
Lorem ipsum dolor
</div>
</div>
</div>
<div class="flex-1 flex justify-center">
<div class="w-full max-w-screen-lg">
<picture class="block overflow-hidden w-full">
<img class="lazyload rounded-md w-full" 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 class="mt-3 text-grey text-base">
Lorem ipsum dolor
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-component relative z-0 component-spacer-margin">
<div class="container ">
<div class="w-full mx-auto gap-6 flex flex-col md:flex-row justify-center">
<div class="flex-1 flex justify-center">
<div class="w-full max-w-screen-lg">
<picture class="block overflow-hidden w-full">
<img class="lazyload rounded-md w-full" 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 class="mt-3 text-grey text-base">
Lorem ipsum dolor
</div>
</div>
</div>
<div class="flex-1 flex justify-center">
<div class="w-full max-w-screen-lg">
<picture class="block overflow-hidden w-full">
<img class="lazyload rounded-md w-full" 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 class="mt-3 text-grey text-base">
Lorem ipsum dolor
</div>
</div>
</div>
<div class="flex-1 flex justify-center">
<div class="w-full max-w-screen-lg">
<picture class="block overflow-hidden w-full">
<img class="lazyload rounded-md w-full" 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 class="mt-3 text-grey text-base">
Lorem ipsum dolor
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-component relative z-0 bg-bkg component-spacer-padding ">
<div class="container">
<div class="max-w-screen-sm mx-auto text-center">
<h2 class="text-3xl xl:text-6xl mb-4 font-bold leading-tight text-heading">
Link list
</h2>
<div class="mb-8 max-w-none prose xl:prose-lg leading-tight">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
<div class=" max-w-screen-md mx-auto py-4">
<div class="flex flex-col gap-4 items-stretch">
<div class="h-full flex flex-col">
<div class="rounded-xl w-full hover:shadow-md transition-shadow duration-300 border-[1px] border-grey-200 bg-white h-full overflow-hidden">
<a href="./" class="flex h-full">
<div class="flex items-center bg-heading m-0 px-3.5 md:px-9 py-6 text-white">
<svg class="w-6 md:w-8 h-8 md:h-10 fill-current text-white justify-self-center">
<use href="/front-end/sprite.svg#icon-pdf"></use>
</svg>
</div>
<div class="text-left w-full p-4 lg:p-6 pr-0 xl:pr-2 flex flex-col justify-center">
<p class="w-10/12 text-lg leading-tight font-bold text-heading mb-1">PDF title (strategic framework 2025-27)</p>
<p class="w-10/12 leading-tight font-light text-grey">PDF 220KB</p>
</div>
<div class="flex items-center p-4 md:pr-6 md:pl-0">
<svg class="fill-current text-heading w-8 md:w-10 h-6 md:h-8">
<use href="/front-end/sprite.svg#icon-download"></use>
</svg>
</div>
</a>
</div>
</div>
<div class="h-full flex flex-col">
<div class="rounded-xl w-full hover:shadow-md transition-shadow duration-300 border-[1px] border-grey-200 bg-white h-full overflow-hidden">
<a href="./" class="flex h-full">
<div class="flex items-center bg-heading m-0 px-3.5 md:px-9 py-6 text-white">
<svg class="w-6 md:w-8 h-8 md:h-10 fill-current text-white justify-self-center">
<use href="/front-end/sprite.svg#icon-link"></use>
</svg>
</div>
<div class="text-left w-full p-4 lg:p-6 pr-0 xl:pr-2 flex flex-col justify-center">
<p class="w-10/12 text-lg leading-tight font-bold text-heading mb-1">External link title</p>
<p class="w-10/12 leading-tight font-light text-grey">Lorem ipsum dolor sit amet</p>
</div>
<div class="flex items-center p-4 md:pr-6 md:pl-0">
<svg class="fill-current text-heading w-8 md:w-10 h-6 md:h-8">
<use href="/front-end/sprite.svg#icon-external-link"></use>
</svg>
</div>
</a>
</div>
</div>
<div class="h-full flex flex-col">
<div class="rounded-xl w-full hover:shadow-md transition-shadow duration-300 border-[1px] border-grey-200 bg-white h-full overflow-hidden">
<a href="./" class="flex h-full">
<div class="flex items-center bg-heading m-0 px-3.5 md:px-9 py-6 text-white">
<svg class="w-6 md:w-8 h-8 md:h-10 fill-current text-white justify-self-center">
<use href="/front-end/sprite.svg#icon-link"></use>
</svg>
</div>
<div class="text-left w-full p-4 lg:p-6 pr-0 xl:pr-2 flex flex-col justify-center">
<p class="w-10/12 text-lg leading-tight font-bold text-heading mb-1">Internal link title</p>
<p class="w-10/12 leading-tight font-light text-grey">Lorem ipsum dolor sit amet</p>
</div>
<div class="flex items-center p-4 md:pr-6 md:pl-0">
<svg class="fill-current text-heading w-6 md:w-7 h-4 md:h-5">
<use href="/front-end/sprite.svg#icon-internal-link"></use>
</svg>
</div>
</a>
</div>
</div>
</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=" px-4 ">
<div class="js-component bg-white xl:rounded-xl relative z-0 ">
<div class="max-w-[1532px] mx-auto">
<div class="flex flex-col lg:flex-row w-full p-0 pt-6 lg:p-4 lg:py-12 xl:px-12 xl:py-24 ">
<div class="lg:flex-1 lg:w-4/12 flex flex-col justify-center align-center mb-0 order-2 lg:order-none lg:pr-12 xl:pr-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">
Download report
</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/example4@16-10@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example4@16-10@1200w.jpg">
</picture>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="component-spacer-margin component-spacer-padding bg-bkg relative overflow-hidden">
<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="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 [&_img]:w-full [&_img]:h-full [&_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>
<div class="container">
<div class="js-component relative z-0 component-spacer-margin bg-bkg rounded-lg">
<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-10 -left-8 max-w-1/2">
<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="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="js-component relative z-0 container component-spacer-margin">
<div class="bg-bkg p-8 md:flex items-center rounded-lg">
<h2 class="text-xl flex-1 font-bold leading-tight text-heading">
Stay updated on our latest news, volunteering and fundraising events
</h2>
<div>
<div class="mt-4 md:mt-0 md:ml-4">
<a href="./.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>
<div class="js-component relative z-0 container component-spacer-margin">
<div class="w-full max-w-screen-md mx-auto bg-bkg px-6 md:px-12 py-4 md:py-8 border-l-2 border-heading">
<div class="mb-4">
<div class="w-6 md:w-12 h-6 md:h-12">
<svg class="fill-current w-full h-full text-button-2-surface" aria-hidden="true">
<use href="/front-end/sprite.svg#icon-quote"></use>
</svg>
</div>
</div>
<h2 class="text-xl md:text-3xl text-heading text-left font-heading leading-tight whitespace-pre-line">“HE institutions in TPS face substantial financial challenges which have been exacerbated by the extraordinary increases in employer pension contributions. UCEA has lobbied successive Westminster Governments for financial support for these increased costs for our post-92 members, which has been made available to schools and FE colleges.”</h2>
<span class="block font-bold text-grey text-base md:text-xl mt-4 text-left whitespace-pre-line">Raj Jethwa</span>
<span class="block text-base md:text-xl text-grey text-left whitespace-pre-line">UCEA Chief Executive</span>
</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">
<h1>Lorem ipsum dolor (h1)</h1>
<p>Lorem ipsum dolor sit amet, <a href=''>consectetur adipisicing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<h2>Lorem ipsum dolor (h2)</h2>
<p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<ol>
<li>In eu tristique est</li>
<li>In eu tristique est</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
</ol>
<h3>Sunt in culpa qui officia? (h3)</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h4>Excepteur sint occaecat cupidatat non proident! (h4) </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<ul>
<li>In eu tristique est</li>
<li>In eu tristique est</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="js-component relative z-0 component-spacer-padding bg-bkg">
<div class="container relative">
<div class="max-w-screen-xl mx-auto">
<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">How do the contracts in HE teaching differ between subjects?</h2>
<div class="prose xl:prose-lg mt-4 lg:mt-6 max-w-screen-sm mx-auto">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8 justify-items-center">
<div class="w-full flex justify-center">
<a href="" class="flex flex-col items-center w-full max-w-xs group h-full mb-3">
<div class="w-32 h-32 bg-button-2-surface relative flex rounded-full justify-center mb-2 md:mb-4 items-center transition ease-in-out duration-300 group-hover:bg-button-2-surface-hover group-hover:shadow-sm" data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fadeInUp">
<div class="absolute w-2/4 h-auto">
<div class="w-full h-16 text-button-2-arrow">
<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 66 69'>
<g fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='4.008'>
<path d='m30.942 20.87-18.25-8.424c-.721-.374-.52-.868.428-1.249l18.704-8.911c.748-.354 1.33-.36 1.924-.074l19.111 9.119c1.196.701.541 1.035-.187 1.33L34.45 20.936c-1.33.607-2.144.56-3.5-.067z' />
<path stroke-linecap='round' d='M20.18 16.996v8.397c2.097 2.899 6.306 5.177 12.551 5.177 5.438 0 10.368-2.592 12.379-5.197l.12-8.377M14.102 14.363v12.245M39.43 46.058c0 3.78-3.067 6.84-6.847 6.84a6.84 6.84 0 0 1-6.84-6.84c0-3.774 3.065-6.847 6.84-6.847a6.85 6.85 0 0 1 6.847 6.847ZM19.883 66.869v-4.663c0-3.647 1.837-4.209 4.63-6.16a11.1 11.1 0 0 0 8.075 3.474c3.18 0 6.052-1.336 8.076-3.473 2.479 1.596 4.042 2.625 4.042 6.172v4.65M19.407 40.45a5.39 5.39 0 0 1-5.391 5.39 5.39 5.39 0 0 1-5.391-5.39c0-2.98 2.412-5.391 5.39-5.391 2.98 0 5.392 2.411 5.392 5.39ZM19.41 51.323c-1.704.675-2.846 1.022-6 .982-2.504-.033-6.158-1.356-7.755-3.04-2.198 1.537-3.647 4.082-3.647 6.954v5.251c0 1.182.968 2.144 2.144 2.144h8.69M45.938 40.45a5.39 5.39 0 0 0 5.39 5.39c2.98 0 5.391-2.411 5.391-5.39 0-2.98-2.411-5.391-5.39-5.391a5.39 5.39 0 0 0-5.392 5.39ZM45.938 51.323c1.703.675 2.845 1.022 5.998.982 2.505-.033 6.16-1.356 7.756-3.04 2.197 1.537 3.647 4.082 3.647 6.954v5.251a2.15 2.15 0 0 1-2.144 2.144h-8.691' />
</g>
</svg>
</div>
</div>
</div>
<div class="flex flex-col justify-start">
<span class="text-center block font-semibold text-heading text-7xl leading-tight">
<span data-vanilla-module="CountUp" data-number="53.2" data-suffix="%" data-prefix="">0</span>
</span>
<div class="text-center mt-0 mx-auto px-10">
<p class="text-heading text-xl xl:text-[32px] leading-tight">Staff</p>
</div>
</div>
</a>
</div>
<div class="w-full flex justify-center">
<a href="" class="flex flex-col items-center w-full max-w-xs group h-full mb-3">
<div class="w-32 h-32 bg-button-2-surface relative flex rounded-full justify-center mb-2 md:mb-4 items-center transition ease-in-out duration-300 group-hover:bg-button-2-surface-hover group-hover:shadow-sm" data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fadeInUp">
<div class="absolute w-2/4 h-auto">
<div class="w-full h-16 text-button-2-arrow">
<svg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'>
<g>
<path d='M1.91406 61.3984H61.9601' stroke='currentColor' stroke-width='3.82499' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M6.71094 55.9609H57.1626' stroke='currentColor' stroke-width='3.82499' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M10.1328 50.5234H53.7314' stroke='currentColor' stroke-width='3.82499' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M13.5703 48.3285V24.1992' stroke='currentColor' stroke-width='3.82499' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M22.8125 48.3285V24.1992' stroke='currentColor' stroke-width='3.82499' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M32.0625 48.3285V24.1992' stroke='currentColor' stroke-width='3.82499' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M41.3203 48.3285V24.1992' stroke='currentColor' stroke-width='3.82499' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M50.5703 48.3285V24.1992' stroke='currentColor' stroke-width='3.82499' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M4.6608 20.3602C5.06879 22.2026 6.20354 23.7836 8.08416 23.7836H58.5294C60.4164 23.7836 61.9528 22.2408 61.9528 20.3602C61.9528 18.2819 59.2307 16.9368 59.2307 16.9368L35.0504 2.37634C34.2662 1.81534 33.259 1.70697 32.0286 2.37634L6.70717 16.4906C5.46404 17.1599 4.34205 18.9322 4.65442 20.3602H4.6608Z' stroke='currentColor' stroke-width='3.82499' stroke-miterlimit='10' stroke-linecap='round' />
</g>
</svg>
</div>
</div>
</div>
<div class="flex flex-col justify-start">
<span class="text-center block font-semibold text-heading text-7xl leading-tight">
<span data-vanilla-module="CountUp" data-number="38.3" data-suffix="%" data-prefix="">0</span>
</span>
<div class="text-center mt-0 mx-auto px-10">
<p class="text-heading text-xl xl:text-[32px] leading-tight">Interest and other finance costs</p>
</div>
</div>
</a>
</div>
<div class="w-full flex justify-center">
<a href="" class="flex flex-col items-center w-full max-w-xs group h-full mb-3">
<div class="w-32 h-32 bg-button-2-surface relative flex rounded-full justify-center mb-2 md:mb-4 items-center transition ease-in-out duration-300 group-hover:bg-button-2-surface-hover group-hover:shadow-sm" data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fadeInUp">
<div class="absolute w-2/4 h-auto">
<div class="w-full h-16 text-button-2-arrow">
<svg viewBox='0 0 66 67' fill='none' xmlns='http://www.w3.org/2000/svg'>
<g>
<path d='M24.5401 64.9033C24.5401 64.9033 8.82031 66.5401 8.82031 49.1836' stroke='currentColor' stroke-width='4.00844' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M3.77344 53.6915L8.93764 48.7344L14.7165 53.1036' stroke='currentColor' stroke-width='4.00844' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M39.6406 2.04512C39.6406 2.04512 55.3604 0.408341 55.3604 17.7649' stroke='currentColor' stroke-width='4.00844' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M60.4028 13.2539L55.2386 18.211L49.4531 13.8418' stroke='currentColor' stroke-width='4.00844' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M21.4754 43.0304C21.0679 43.0572 20.6604 43.0705 20.2462 43.0705C10.1717 43.0705 2.00781 34.9067 2.00781 24.8321C2.00781 14.7576 10.1717 6.59375 20.2462 6.59375C28.8977 6.59375 36.1463 12.6198 38.0169 20.7034' stroke='currentColor' stroke-width='4.00844' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M44.9884 61.3088C55.0612 61.3088 63.2268 53.1432 63.2268 43.0704C63.2268 32.9976 55.0612 24.832 44.9884 24.832C34.9156 24.832 26.75 32.9976 26.75 43.0704C26.75 53.1432 34.9156 61.3088 44.9884 61.3088Z' stroke='currentColor' stroke-width='4.00844' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M24.2657 19.7423C24.0453 17.6713 22.796 16.4688 20.8051 16.4688C19.2752 16.4688 17.5048 17.3439 17.3913 19.7423C17.2844 22.1407 17.3913 31.1998 17.3913 31.1998H24.2657' stroke='currentColor' stroke-width='3.34036' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M20.8055 24.6836H15.4609' stroke='currentColor' stroke-width='3.34036' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M49.3907 38.9767C49.1703 36.9057 47.921 35.7031 45.9301 35.7031C44.4002 35.7031 42.6298 36.5783 42.5163 38.9767C42.4094 41.3751 42.5163 50.4341 42.5163 50.4341H49.3907' stroke='currentColor' stroke-width='3.34036' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M45.9305 43.9219H40.5859' stroke='currentColor' stroke-width='3.34036' stroke-miterlimit='10' stroke-linecap='round' />
</g>
</svg>
</div>
</div>
</div>
<div class="flex flex-col justify-start">
<span class="text-center block font-semibold text-heading text-7xl leading-tight">
<span data-vanilla-module="CountUp" data-number="6.7" data-suffix="%" data-prefix="">0</span>
</span>
<div class="text-center mt-0 mx-auto px-10">
<p class="text-heading text-xl xl:text-[32px] leading-tight">Depreciation</p>
</div>
</div>
</a>
</div>
<div class="w-full flex justify-center">
<a href="" class="flex flex-col items-center w-full max-w-xs group h-full mb-3">
<div class="w-32 h-32 bg-button-2-surface relative flex rounded-full justify-center mb-2 md:mb-4 items-center transition ease-in-out duration-300 group-hover:bg-button-2-surface-hover group-hover:shadow-sm" data-vanilla-module="AnimateOnScroll" data-animation-type="scroll-fadeInUp">
<div class="absolute w-2/4 h-auto">
<div class="w-full h-16 text-button-2-arrow">
<svg viewBox='0 0 64 62' fill='none' xmlns='http://www.w3.org/2000/svg'>
<g>
<path d='M13.1411 42.8705C13.1411 45.9137 10.6715 48.3833 7.62828 48.3833C4.58503 48.3833 2.10938 45.9137 2.10938 42.8705C2.10938 39.8272 4.57899 37.3516 7.62828 37.3516C10.6776 37.3516 13.1411 39.8212 13.1411 42.8705Z' stroke='currentColor' stroke-width='4.22673' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M37.0786 32.1535C37.0786 35.1967 34.609 37.6724 31.5658 37.6724C28.5225 37.6724 26.0469 35.2028 26.0469 32.1535C26.0469 29.1042 28.5165 26.6406 31.5658 26.6406C34.6151 26.6406 37.0786 29.1102 37.0786 32.1535Z' stroke='currentColor' stroke-width='4.22673' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M60.9927 7.62615C60.9927 10.6694 58.5231 13.139 55.4798 13.139C52.4366 13.139 49.9609 10.6694 49.9609 7.62615C49.9609 4.5829 52.4306 2.11328 55.4798 2.11328C58.5291 2.11328 60.9927 4.5829 60.9927 7.62615Z' stroke='currentColor' stroke-width='4.22673' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M12.7734 40.8964L26.5888 35.3594' stroke='currentColor' stroke-width='4.22673' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M35.9453 28.8131L52.2786 12.1055' stroke='currentColor' stroke-width='4.22673' stroke-miterlimit='10' stroke-linecap='round' />
<path d='M2.10938 59.4453H60.9998' stroke='currentColor' stroke-width='4.22673' stroke-miterlimit='10' stroke-linecap='round' />
</g>
</svg>
</div>
</div>
</div>
<div class="flex flex-col justify-start">
<span class="text-center block font-semibold text-heading text-7xl leading-tight">
<span data-vanilla-module="CountUp" data-number="1.4" data-suffix="%" data-prefix="">0</span>
</span>
<div class="text-center mt-0 mx-auto px-10">
<p class="text-heading text-xl xl:text-[32px] leading-tight">Interest and other finance costs</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
{% render "@hero-variant-1", hero, true %}
{% for component in componentsList %}
{% render "@" + component.name, component.data, true %}
{% endfor %}
{
"siteName": "UCEA",
"pageName": "Component demo",
"dataTheme": "red",
"headerDataTheme": "",
"headerDataMode": "dark",
"hero": {
"heading": "UCEA is the leading voice on employment and reward matters in the UK HE sector ",
"caption": "Membership is open to UK HE providers and associated sector bodies. ",
"pattern": "mobius-pattern",
"image": false
},
"componentsList": [
{
"name": "accordion-component"
},
{
"name": "card-carousel-component"
},
{
"name": "cta-card-list-style-1-component--white"
},
{
"name": "featured-article-card-list-component"
},
{
"name": "form-component"
},
{
"name": "image-list-component"
},
{
"name": "image-list-component--2"
},
{
"name": "image-list-component--3"
},
{
"name": "link-component"
},
{
"name": "media-content-panel-style-1-component--contrast-bg"
},
{
"name": "media-content-panel-style-1-component"
},
{
"name": "multi-panel-cta-component"
},
{
"name": "one-panel-cta-component"
},
{
"name": "promo-content-card-component"
},
{
"name": "quote-component"
},
{
"name": "rich-text-component"
},
{
"name": "summary-card-list-component"
}
]
}
No notes defined.