<div class="js-component bg-bkg relative " data-mode="dark">

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

    <div class="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">Welcome Anne Example</h1>

                <div class="block prose xl:prose-xl text-body lg:w-9/12">
                    <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="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="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/edit-profile.png 1200w" data-src="/front-end/images/test-imagery/edit-profile.png">

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

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

                    <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">Profile &amp; preferences</h2>
                        <div class="prose prose-lg mt-4 ">
                            <p>Curabitur sollicitudin, neque a dapibus aliquet, elit neque vehicula dui, id tristique velit urna sed dui. </p>
                        </div>

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

                            <a href="./profile.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">

                                Edit details

                            </a>

                        </div>

                    </div>

                </div>

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

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

    <div class="container py-16 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>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>

        </div>

        <div class="w-full space-y-6 md:space-y-0 md:grid md:gap-6 md:grid-cols-2">

            <div data-mode=" ">
                <a href="./my-organisation.html" class="bg-white flex flex-col lg:flex-row 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 lg:w-5/12 lg:shrink-0">
                        <div class="w-full aspect-[16/10] lg:h-full lg:aspect-auto overflow-hidden">

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

                                <source media="(max-width: 1023px)" width="1200" height="750" srcset="/front-end/images/test-imagery/example2@16-10@1200w.jpg 1200w">

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

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

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

                        <h2 class="relative text-xl  xl:text-3xl text-heading  font-bold leading-tight pb-2">My organisation</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=" ">
                <a href="./my-committees.html" class="bg-white flex flex-col lg:flex-row 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 lg:w-5/12 lg:shrink-0">
                        <div class="w-full aspect-[16/10] lg:h-full lg:aspect-auto overflow-hidden">

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

                                <source media="(max-width: 1023px)" width="1200" height="750" srcset="/front-end/images/test-imagery/example6@16-10@1200w.jpg 1200w">

                                <img class="lazyload w-full h-full object-cover transition ease-in-out duration-300 group-hover:scale-110 [&amp;_img]:w-full [&amp;_img]:h-full [&amp;_img]:object-cover " alt="" width="1200" height="1200" data-sizes="auto" data-srcset=",/front-end/images/test-imagery/example6@1-1@1200w.jpg 1200w" data-src="/front-end/images/test-imagery/example6@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">My committees</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 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">Membership Q&amp;As</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.</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>
{% render "@hero-variant-1", hero, true  %}

{% for component in componentsList %}
    {% render "@" + component.name, component.data, true %}
{% endfor %}
{
  "siteName": "UCEA",
  "pageName": "Dashboard",
  "dataTheme": "teal",
  "loggedIn": true,
  "headerDataTheme": "teal",
  "headerDataMode": "dark",
  "hero": {
    "heading": "Welcome Anne Example",
    "caption": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua",
    "pattern": "vortex-pattern",
    "patternClass": "absolute right-0 w-3/4 md:w-full -top-20 translate-x-1/3",
    "dataMode": "dark",
    "image": null,
    "link": false
  },
  "componentsList": [
    {
      "name": "one-panel-cta-component",
      "data": {
        "dataTheme": "",
        "dataMode": "",
        "flipped": true,
        "pattern": false,
        "heading": "Profile & preferences",
        "description": "Curabitur sollicitudin, neque a dapibus aliquet, elit neque vehicula dui, id tristique velit urna sed dui. ",
        "image": {
          "src": "images/test-imagery/edit-profile.png",
          "srcSet": [
            {
              "url": "images/test-imagery/edit-profile.png",
              "size": "1200"
            }
          ]
        },
        "link": {
          "text": "Edit details",
          "url": "./profile"
        }
      }
    },
    {
      "name": "cta-card-list-style-2-component",
      "data": {
        "pattern": false,
        "ctaList": [
          {
            "heading": "My organisation",
            "copy": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
            "showArrow": false,
            "whiteBg": true,
            "url": "./my-organisation.html",
            "image": {
              "src": "images/test-imagery/example1@1-1@1200w.jpg",
              "width": 1200,
              "height": 1200,
              "srcSet": [
                {
                  "url": "images/test-imagery/example1@1-1@1200w.jpg",
                  "size": "1200"
                }
              ],
              "mdMax": {
                "width": 1200,
                "height": 750,
                "srcSet": [
                  {
                    "url": "images/test-imagery/example2@16-10@1200w.jpg",
                    "size": 1200
                  }
                ]
              }
            }
          },
          {
            "heading": "My committees",
            "copy": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
            "url": "./my-committees.html",
            "image": {
              "src": "images/test-imagery/example6@1-1@1200w.jpg",
              "width": 1200,
              "height": 1200,
              "srcSet": [
                {
                  "url": "images/test-imagery/example6@1-1@1200w.jpg",
                  "size": "1200"
                }
              ],
              "mdMax": {
                "width": 1200,
                "height": 750,
                "srcSet": [
                  {
                    "url": "images/test-imagery/example6@16-10@1200w.jpg",
                    "size": 1200
                  }
                ]
              }
            }
          }
        ]
      }
    },
    {
      "name": "accordion-component",
      "data": {
        "dataTheme": "",
        "headline": {
          "heading": "Membership Q&As",
          "summary": "Lorem ipsum dolor sit amet, consectetur adipisicing elit.",
          "textAlign": "center"
        }
      }
    }
  ]
}

No notes defined.