PageSourceSearch

https://www.questbridge.org/about

html questbridge.org collected 2026-10-01 10:20:15 UTC 301,843 bytes, 2,905 lines download raw bytes

1
2    
3<!DOCTYPE html>
4<html class="h-full" lang="en">
5    <head>
6        <meta charset="utf-8" />
7        <meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="icon" href="https://www.questbridge.org/favicon.ico" sizes="any">
8        <link rel="icon" href="https://www.questbridge.org/icon.svg" type="image/svg+xml">
9        <link rel="apple-touch-icon" href="https://www.questbridge.org/apple-touch-icon.png">
10        <link rel="manifest" href="https://www.questbridge.org/manifest.webmanifest">
11
12                        
13        <link rel="home" href="https://www.questbridge.org/">
14<link rel="canonical" href="https://www.questbridge.org/about">
15<meta property="og:url" content="https://www.questbridge.org/about"><meta name="twitter:url" content="https://www.questbridge.org/about"><meta property="og:locale" content="en-US">
16<title>About Us | QuestBridge</title>
17    <meta name="description" content="Learn more about how QuestBridge supports high-achieving students from low-income backgrounds.">
18    <meta name="image" content="https://asset.questbridge.org/cdn-cgi/image/format=baseline-jpeg,width=1200,height=675,quality=80,fit=cover,gravity=auto/https://asset.questbridge.org/content/uploads/seo/social.jpg">
19    <meta property="og:type" content="website">
20    <meta property="og:title" content="About Us">
21    <meta property="og:description" content="Learn more about how QuestBridge supports high-achieving students from low-income backgrounds.">
22    <meta property="og:image" content="https://asset.questbridge.org/cdn-cgi/image/format=baseline-jpeg,width=1200,height=630,quality=80,fit=cover,gravity=auto/https://asset.questbridge.org/content/uploads/seo/social.jpg">
23    <meta name="twitter:title" content="About Us">
24    <meta name="twitter:description" content="Learn more about how QuestBridge supports high-achieving students from low-income backgrounds.">
25    <meta name="twitter:image" content="https://asset.questbridge.org/cdn-cgi/image/format=baseline-jpeg,width=1200,height=600,quality=80,fit=cover,gravity=auto/https://asset.questbridge.org/content/uploads/seo/social.jpg">
26    <meta property="og:image:type" content="image/jpeg">
27    <meta property="og:image:width" content="1200">
28    <meta property="og:image:height" content="630">
29    
30        
31
32
33                
33<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 33
33
34<script type="module" src="https://www.questbridge.org/dist/main-DnXzNfVM.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/js/main.js&#039;}});document.dispatchEvent(e);"></script>
34
35<link href="https://www.questbridge.org/dist/main-BvDpNYui.css" rel="stylesheet">
36
37                    <!-- Google Tag Manager -->
38            
38<script>
vendor: 375 bytes, lines 38-42
38(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
39            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
40            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
41            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
42            })(window,document,'script','dataLayer','
42GTM-NXPKGTJ
vendor: 3 bytes, line 42
42');
42</script>
42
43            <!-- End Google Tag Manager -->
44            </head>
45
46    <body class="antialiased h-full" data-domains="[&quot;apply.questbridge.org&quot;,&quot;qbhub.questbridge.org&quot;,&quot;questbridge.zendesk.com&quot;]">
47            <div id="page-wrapper" class="relative" x-data="{ menuOpen: false }">    
48    <header
49        x-data="{
50            hovering: false,
51            navigating: false,
52            panel: null,
53            lastSize: 0,
54            breakpoint: 1024,
55            closed: true,
56            closerTimer: null,
57
58            get searching() {
59                return this.isOpen('search')
60            },
61            get menuing() {
62                if (this.lastSize >= this.breakpoint) {
63                    return true
64                }
65                return this.navigating && !this.searching
66            },
67
68            openNavigation(freeze = true) {
69                clearTimeout(this.closeTimer)
70                this.closed = false
71                this.navigating = true
72            },
73            closeNavigation(delay = 150) {
74                clearTimeout(this.closeTimer)
75                this.closeTimer = setTimeout(() => {
76                    this.belowBreakpoint(() => { this.navigating = false })
77                    this.$nextTick(() => {
78                        this.panel = null
79                    })
80                }, delay)
81            },
82            toggleNavigation() {
83                if (this.navigating) {
84                    this.closeNavigation()
85                } else {
86                    this.openNavigation()
87                }
88            },
89            openPanel(id) {
90                this.openNavigation()
91                this.panel = id
92            },
93            closePanel() {
94                if (this.panel === 'search') {
95                    this.closeNavigation()
96                } else {
97                    this.panel = null
98                }
99            },
100            isOpen(id) {
101                return this.navigating && this.panel === id
102            },
103            togglePanel(id) {
104                this.isOpen(id) ? this.closePanel() : this.openPanel(id)
105            },
106            belowBreakpoint(callback) {
107                if (window.innerWidth < this.breakpoint) {
108                    callback()
109                }
110            },
111            aboveBreakpoint(callback) {
112                if (window.innerWidth >= this.breakpoint) {
113                    callback()
114                }
115            },
116            init() {
117                this.lastSize = window.innerWidth
118                this.navigating = window.innerWidth >= this.breakpoint
119            },
120        }"
121        @resize.window="
122            if (window.innerWidth >= breakpoint) {
123                if (searching) {
124                    closeNavigation(0)
125                } else if (panel) {
126                    closePanel()
127                    openNavigation(false)
128                } else {
129                    openNavigation(false)
130                }
131            }
132            if (window.innerWidth < breakpoint && lastSize >= breakpoint) {
133                closeNavigation()
134            }
135            lastSize = window.innerWidth
136        "
137        @keydown.esc.stop="closeNavigation()"
138        @click.away="closeNavigation()"
139        class="relative z-40 w-full bg-white border-b lg:py-[1.375rem]"
140        :class="{
141            '!bg-white': navigating,
142        }"
143    >
144        <div class="container">
145            <div class="flex gap-x-6 items-center xl:gap-x-16 min-[1060px]:gap-10">
146                                <div class="">
147                    <a
148                        href="https://www.questbridge.org/"
149                        class="inline-flex [&>svg]:w-full text-[#000000] dark:text-white transition-[height] duration-300"
150                    >
151                        <span class="sr-only">Home</span>
152                        <svg class="w-full min-w-24 max-w-44 mt-1.5" width="227" height="41" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 227 41" fill="none" aria-hidden="true"><path fill="#000" d="M6.961 26.714c0 1.678 1.087 2.149 1.986 2.149 1.055 0 1.709-.59 2.11-1.03.283-.322.466-.47.748-.47.252 0 .465.267.465.53-.031.148-.157.35-.37.589-.654.708-1.898 1.238-3.048 1.238-2.425 0-4.04-1.12-4.04-3.387v-.59C2.112 25.213 0 22.886 0 19.593c0-3.739 2.733-6.269 5.962-6.269 3.23 0 5.994 2.53 5.994 6.27 0 3.357-2.205 5.738-5.001 6.179v.94h.006Zm-.992-12.42c-2.237 0-3.481 1.292-3.481 5.3 0 4.006 1.244 5.298 3.48 5.298 2.237 0 3.513-1.292 3.513-5.299 0-4.007-1.244-5.298-3.512-5.298ZM23.635 25.504c1.794 0 2.905-1.11 2.905-2.918v-8.184c-1.236 0-1.348.032-1.645.032-.208 0-.44-.193-.44-.539 0-.346.238-.57.44-.57.29 0 .439.16 2.144.16h.03c1.734 0 1.847-.16 2.143-.16.208 0 .44.224.44.57s-.238.539-.44.539c-.296 0-.439-.032-1.645-.032v8.184c0 2.758-2.025 4.06-4.46 4.06s-4.431-1.302-4.431-4.06v-8.184c-1.438 0-1.586.032-1.877.032-.232 0-.44-.193-.44-.539 0-.346.208-.57.44-.57.297 0 .44.16 2.85.16h.12c2.405 0 2.583-.16 2.874-.16.208 0 .44.224.44.57s-.238.539-.44.539c-.29 0-.469-.032-1.877-.032v8.562c0 1.809 1.349 2.54 2.881 2.54M39.655 19.232c.773 0 1.417-.608 1.417-1.532 0-.29.065-.543.415-.543.351 0 .351.259.351.543 0 .317-.065.737-.065 1.855v.317c0 1.118.065 1.532.065 1.855 0 .29 0 .543-.35.543-.351 0-.416-.252-.416-.543 0-.924-.644-1.532-1.417-1.532h-1.092v5.397h3.022c1.865 0 2.346-.607 2.346-2.876 0-.259.195-.478.546-.478.35 0 .513.226.513.478 0 .317-.13 1.183-.13 2.495v.892c0 .317-.26.543-.48.543-.287 0-1.288-.13-1.8-.13l-5.238-.064c-2.6 0-2.794.162-3.119.162-.26 0-.48-.194-.48-.543 0-.35.227-.5
15276.48-.576.318 0 .513.033 2.053.033V14.442c-1.54 0-1.735.033-2.053.033-.26 0-.48-.194-.48-.543 0-.35.227-.575.48-.575.318 0 .513.161 3.119.161l4.659-.032c.513 0 1.507-.162 1.8-.162.253 0 .48.226.48.575v.86c0 1.312.13 2.204.13 2.527a.469.469 0 0 1-.48.479c-.351 0-.546-.259-.546-.479 0-2.3-.513-2.876-2.346-2.876h-2.476v4.828h1.092v-.006ZM54.315 26.646c-1.224 0-2.385-.628-2.954-1.097-.087.127-.202.285-.202.533 0 .405-.086.564-.425.564-.397 0-.483-.222-.483-.533v-3.576c0-.31.086-.564.454-.564s.454.31.454.564c0 1.947 1.794 3.132 3.013 3.132 1.333 0 2.586-.5 2.586-2.225 0-1.097-.741-1.725-2.276-2.226l-1.138-.374c-1.478-.5-3.242-1.534-3.242-3.792 0-2.51 1.931-3.728 3.891-3.728 1.052 0 1.932.438 2.415.844.057 0 .172-.096.172-.28 0-.285.086-.564.425-.564.397 0 .455.248.455.533v3.1c0 .254-.087.533-.426.533-.396 0-.454-.31-.454-.533 0-1.033-.684-2.663-2.587-2.663-1.224 0-2.414.628-2.414 2.1 0 1.033.793 1.724 1.759 2.003l1.334.374c2.219.66 3.61 1.915 3.61 4.077 0 2.568-1.932 3.792-3.978 3.792M74.153 17.776a.5.5 0 0 1-.522-.48c0-2.307-.49-2.883-2.243-2.883h-1.293v11.144c1.473 0 1.66-.032 1.964-.032.249 0 .46.227.46.577s-.218.544-.46.544c-.305 0-.49-.162-2.977-.162h-.124c-2.517 0-2.703.162-3.014.162-.217 0-.46-.195-.46-.544 0-.35.249-.577.46-.577.311 0 .491.032 1.97.032V14.413h-1.261c-1.784 0-2.275.576-2.275 2.883 0 .227-.186.48-.49.48a.471.471 0 0 1-.491-.48c0-.317.124-1.218.124-2.533V13.9c0-.35.217-.577.46-.577.28 0 1.23.162 1.72.162h6.638c.46 0 1.41-.162 1.69-.162.249 0 .46.227.46.577v.862c0 1.315.155 2.21.155 2.533 0 .227-.155.48-.49.48ZM105.729 0C94.445 0 85.273 9.198 85.273 20.5S94.451 41 105.73 41c11.277 0 20.455-9.198 20.455-20.5S117.012 0 105.729 0Zm-3.592 3.127s.047-.024.076-.03c0 0-.035.012-.076.03Zm2.731 15.6h.006v-.006m1.645-.958a.688.688 0 0 1-.289.467c-.324.242-.784.242-1.008.012a.41.41 0 0 1-.113-.32.697.697 0 0 1 .289-.466c.325-.237.785-.243 1.009-.006a.403.403 0 0 1 .112.278v.041m1.068 2.701s.017.006.023.012c-.006 0-.017.006-.023.012v-.024Zm-.814 1.508s.006.035.012.053c-.018-.006-.036-.018-.053-.024.017-.012.029-.017.041-.03Zm-3.445 0c.006-.154.059-.284.142-.355a.443.443 0 0 1 .342-.095c.2.018.395.13.542.308.136.165.207.36.207.532a.484.484 0 0 1-.142.36c-.118.054-.53.184-.92-.212-.118-.118-.189-.337-.177-.538m2.159.691a.815.815 0 0 1 .584-.224c.395 0 .731.242.731.538 0 .295-.33.55-.725.55-.23 0-.448-.077-.584-.22a.468.468 0 0 1-.147-.324c0-.148.076-.26.141-.326m2.005-1.335c.213-.331.602-.48.856-.32.135.089.206.255.206.438 0 .153-.047.319-.141.473a.816.816 0 0 1-.502.372.481.481 0 0 1-.348-.053.459.459 0 0 1-.194-.302.823.823 0 0 1 .129-.608m.095-2.743a.483.483 0 0 1 .354 0c.183.07.342.236.436.449a.804.804 0 0 1 .03.627.477.477 0 0 1-.236.26c-.272.118-.631-.089-.791-.45-.088-.212-.106-.437-.029-.626a.474.474 0 0 1 .236-.266m-.59 1.832a1.293 1.293 0 1 1-2.477-.52c.023-.03.047-.053.07-.088.065-.09.118-.178.166-.272.011-.012.023-.024.035-.042a1.293 1.293 0 0 1 2.206.916m-2.743-1.2a1.824 1.824 0 0 0-.224.343.78.78 0 0 1-.436.225.45.45 0 0 1-.348-.083c-.236-.177-.23-.597.006-.91.241-.313.637-.432.872-.254a.488.488 0 0 1 .177.402.784.784 0 0 1-.053.277m1.481 20.642c-10.653 0-19.323-8.69-19.323-19.365 0-.538.023-1.064.065-1.59h14.834l.059-.142a4.674 4.674 0 0 1 4.4-2.932 4.64 4.64 0 0 1 3.138 1.289h.006s.012.018.018.018c.371.349.678.744.914 1.164l.059.1c.33.527 1.203 1.91 2.961 1.467.519-.13.926-.497 1.162-1.017a2.244 2.244 0 0 0-.065-1.933 9.066 9.066 0 0 0-1.61-2.518l-.036-.041-.011-.012a8.916 8.916 0 0 0-6.471-2.897 9.035 9.035 0 0 0-5.745 1.945c-.065.053-.1.136-.136.213l-.03.065-.005.006c-.012 0-.03-.012-.047-.012h-.094l-.083.059a9.131 9.131 0 0 0-1.386 1.555c-.012.011-.053.065-.077.094-.224.172-.49.266-.69.242-.377-.053-.625-.366-.625-.78v-.023a.47.47 0 0 1 .041-.19l.03-.059c.017-.03.182-.266.182-.266a10.493 10.493 0 0 1 6.341-4.132c.908-.212 1.728-1.01 1.728-2.169 0-.148-.011-.307-.041-.467-.283-1.596-1.74-1.791-2.477-1.667a14.869 14.869 0 0 0-10.782 8.896l-.06.154v.012a.76.76 0 0 1-.719.526.718.718 0 0 1-.702-.715v-.012c0-.106.012-.183.035-.248.048-.124.178-.444.219-.526v-.012a16.342 16.342 0 0 1 6.276-7.306c.088-.06.135-.154.206-.332.018-.035.041-.088.065-.147a.247.247 0 0 0 .248.006h.04a.449.449 0 0 0 .302-.042 16.278 16.278 0 0 1 8.092-1.992c2.56.042 5.
152002.662 7.255 1.839l.124.047.059.018c.059.03.118.03.171.023.018.065.053.13.13.172a16.425 16.425 0 0 1 6.217 6.236c.053.1.124.136.159.16a.404.404 0 0 0 .183.141c0 .042.012.107.012.148.011.136.017.254.064.349a16.46 16.46 0 0 1 1.304 3.73c0 .024.029.183.029.183.036.195.065.373.065.532 0 .331-.124.574-.56.692a.483.483 0 0 1-.395-.047c-.325-.201-.513-.799-.572-1.082-1.227-5.58-5.61-10.014-11.154-11.302l-.006-.006c-.725-.148-2.194 0-2.53 1.584-.301 1.407.578 2.418 1.592 2.69l.301.082a10.513 10.513 0 0 1 7.78 10.35c-.094 5.811-4.89 10.458-10.688 10.363a10.475 10.475 0 0 1-9.266-5.9l-.07-.141a9.715 9.715 0 0 1-.431-1.023l-.207-.473v-.012c-.318-.691-1.091-1.164-1.964-1.205-1.15-.054-2.064.857-2.123 2.122-.012.266.023.532.106.786v.03c.153.43.318.862.501 1.276l.024.047a14.987 14.987 0 0 0 4.612 5.847l.36.26c.124.088.248.047.36-.018 0 .142.023.284.147.366a14.784 14.784 0 0 0 7.874 2.418c2.271.036 4.46-.425 6.506-1.377.177-.083.213-.26.23-.367 0 0 .012-.053.018-.07a.362.362 0 0 0 .118-.13c0 .04.018.088.059.13.153.165.319.07.767-.19a14.859 14.859 0 0 0 6.789-8.57v-.013s.012-.041.017-.047c0-.012.071-.248.071-.248l.012-.024.083-.355v-.011c.035-.26.241-.834.578-1.064a.508.508 0 0 1 .43-.083c.366.088.496.307.496.686a3.3 3.3 0 0 1-.065.579s-.024.142-.024.16a.99.99 0 0 1-.017.082l-.089.337v.03a16.425 16.425 0 0 1-2.477 5.172.29.29 0 0 0-.059.19c0 .082.029.159.047.218 0 0 0 .012.006.017-.071.083-.236.284-.266.32a.22.22 0 0 0-.123-.042.272.272 0 0 0-.213.1c-3.185 3.914-7.904 6.113-12.935 6.03a16.271 16.271 0 0 1-13.601-7.726c-.071-.112-.2-.16-.449-.236a2.975 2.975 0 0 0-.118-.036c.06-.076.16-.2.16-.342a.329.329 0 0 0-.047-.172 16.287 16.287 0 0 1-1.976-7.01h13.566a1.136 1.136 0 0 0-.201.608v.071c0 .349.13.692.348.91.608.621 1.345.468 1.652.302l.023-.012.018-.018c.041.196.147.385.301.532.253.249.619.39 1.003.39.725-.005 1.315-.52 1.309-1.146a.777.777 0 0 0-.018-.166c.201.089.431.113.655.06.348-.077.666-.302.873-.627.395-.615.289-1.39-.236-1.726a1.24 1.24 0 0 0-.177-.089c.206-.118.372-.307.466-.544.13-.33.112-.72-.041-1.076a1.418 1.418 0 0 0-.761-.762 1.062 1.062 0 0 0-.808 0c-.254.106-.449.32-.555.585a1.266 1.266 0 0 0-.059.207 2.195 2.195 0 0 0-.2-.112c.012-.012.029-.018.041-.03.307-.224.496-.55.531-.886a1.02 1.02 0 0 0-.266-.78c-.43-.456-1.215-.485-1.787-.06-.306.225-.495.55-.525.887-.006.082 0 .165.006.248-.017-.012-.029-.03-.047-.041-.501-.379-1.262-.213-1.699.366-.348.461-.389 1.046-.141 1.46H87.822v.225a16.3 16.3 0 0 0 .082 2.199l.03.284v.053l.011.094a17.871 17.871 0 0 0 5.74 10.99 17.767 17.767 0 0 0 11.643 4.598 17.834 17.834 0 0 0 11.236-3.76 17.94 17.94 0 0 0 6.352-9.788l.095-.379.012-.082.023-.136c.16-1.177-.407-2.513-1.628-2.72-1.262-.212-2.383.793-2.63 1.874l-.012.06-.094.396-.036.13a13.552 13.552 0 0 1-4.819 7.253 13.274 13.274 0 0 1-8.405 2.778 13.358 13.358 0 0 1-7.278-2.294 13.48 13.48 0 0 1-4.778-5.704s-.006-.024-.012-.024a13.143 13.143 0 0 1-.46-1.194v-.011a.74.74 0 0 1-.047-.249v-.035a.71.71 0 0 1 .242-.515.742.742 0 0 1 1.186.254l.023.066c.094.277.2.543.307.798v-.018l.1.266c1.876 4.28 6.093 7.093 10.747 7.17a11.814 11.814 0 0 0 7.272-2.323l.472-.366c.148-.119.265-.355.383-.61.077-.153.172-.348.236-.413.018 0 .053.012.053.012.107.035.319.1.508-.1l.271-.302a11.988 11.988 0 0 0 2.949-7.685v-.212c0-1.094-.141-2.17-.419-3.204-.053-.195-.206-.674-.436-.816a.444.444 0 0 0-.378-.041 6.913 6.913 0 0 1-.1-.42c-.059-.284-.118-.58-.236-.816a.173.173 0 0 1-.012-.059c0-.036.012-.089.024-.148.018-.07.041-.16.041-.254a.541.541 0 0 0-.076-.284l-.337-.55a11.748 11.748 0 0 0-6.293-4.776s-.201-.07-.372-.112h-.017c-.513-.083-.909-.384-1.044-.804a.896.896 0 0 1-.048-.272c0-.16.054-.307.148-.402.183-.183.519-.213.95-.077l.07.018c5.026 1.318 8.877 5.48 9.809 10.599.077.485.466 1.028.985 1.389.502.349 1.068.479 1.581.372.596-.124 1.05-.431 1.345-.916a.394.394 0 0 0 .047-.207v-.012a.257.257 0 0 0 .124-.13l.059-.171s.012-.053.012-.077c0-.018-.006-.03-.012-.047.018-.006.035-.018.035-.018l.024-.112c.053-.237.077-.49.077-.763v-.171a20.226 20.226 0 0 0-.366-1.573c-.03-.1-.106-.165-.195-.212a.29.29 0 0 0 .065-.178c0-.023 0-.053-.012-.082a17.816 17.816 0 0 0-5.886-8.607c-.071-.06-.189-.118-.366-.213a2.982 2.982 0 0 1-.271-.148c-.012-.012-.03-.017-.047-.023v-.03c0-.065-.024-.124-.101-.177a17.692 17.692 0 0 0-10.033-3.305 17.83 17.83 0 0 0-3.728.331c-.029 0-.129.036-.176.148a.255.255 0 0 0-.225-.065c-.353.077-.713.166-1.055.266l-.525.16-.75.26A17.79 17.79 0 0 0 93.75 7.2c-.112.1-.135.242-.159.349 0 .011 0 .023-.006.041-.1-.012-.236-.024-.342.083a17.934 17.934 0 0 0-2.642 3.25.512.512 0 0 0-.065.285v.065a.768.768 0 0 1-.154.16 1.06 1.06 0 0 0-.253.295c-.33.59-.637 1.206-.897 1.832a4.537 4.537 0 0 0-.183.455 2.274 2.274 0 0 0-.124.692v.035a2.184 2.184 0 0 0 2.153 2.187c.92.018 1.758-.55 2.082-1.406l.054-.136v.012l.064-.172.036-.1a13.466 13.466 0 0 1 9.343-7.78h.006c.442-.124.79-.076.973.137a.628.628 0 0 1 .147.42.897.897 0 0 1-.065.324c-.153.379-.53.621-1.008.657h-.024l-.023.005a11.881 11.881 0 0 0-3.386 1.466.243.243 0 0 0-.118.213s.006.047.012.065c-.03.03-.053.065-.083.095-.011.018-.035.041-.053.065-.07-.03-.165-.048-.26.018l-.111.065-.136.082h-.
152012a.378.378 0 0 0-.236.083 11.94 11.94 0 0 0-2.536 2.72l-.03.046-.053.095c-.088.166-.247.591-.247.88v.042c0 .603.23 1.188.63 1.602.366.378.85.591 1.357.597.844.018 1.475-.266 2.035-.916l.012-.012s.018-.03.024-.035a7.573 7.573 0 0 1 11.584-.904l.012.017.012.012a7.559 7.559 0 0 1 1.462 2.181 1.7 1.7 0 0 1 .142.609.574.574 0 0 1-.041.236c-.048.1-.142.166-.278.207-.654.195-1.038-.319-1.35-.821l-.118-.178.017.03a6.262 6.262 0 0 0-.796-1.1l-.023-.03-.012-.011a6.011 6.011 0 0 0-4.341-1.927 6.082 6.082 0 0 0-5.397 3.086h-13.75c1.452-9.246 9.462-16.345 19.088-16.345 10.652 0 19.322 8.69 19.322 19.365 0 10.676-8.67 19.365-19.322 19.365"/><path fill="#000" d="m102.725 24.038-.017-.024-.295-.337c-.59-.686-1.398-1.632-2.831-1.407-.543.089-1.068.485-1.375 1.04a2.137 2.137 0 0 0-.118 1.863l.036.07.07.119a9.006 9.006 0 0 0 7.438 4.232 9.043 9.043 0 0 0 7.898-4.327c.395-.55.531-1.3.342-1.974-.159-.562-.507-.982-.991-1.183-1.651-.691-2.725.592-3.132 1.076l-.088.1c-.914 1.207-2.454 1.957-3.928 1.928a4.639 4.639 0 0 1-3.003-1.194m7.892.301.16-.177c.389-.473.849-.958 1.451-.674.129.06.2.136.236.248.064.213-.018.55-.231.905a7.513 7.513 0 0 1-6.576 3.523h-.154c-.224-.024-.477-.042-.66.07a.62.62 0 0 0-.212.249s-.012.018-.018.03h-.041c-.171-.012-.289-.024-.289-.32v-.177l-.472-.118a7.544 7.544 0 0 1-4.341-3.186v-.006a.667.667 0 0 1-.048-.278c0-.177.047-.402.219-.532a.823.823 0 0 1 .578-.166c.271.036.536.22.784.55l.148.172.259.301.012.012a6.051 6.051 0 0 0 4.276 1.897 6.063 6.063 0 0 0 4.949-2.352l-.024.023-.006.006ZM136.488 26.633c-.258 0-.49-.195-.49-.545 0-.35.232-.578.49-.578.325 0 .523.033 2.093.033V14.414c-1.57 0-1.768.033-2.093.033-.258 0-.49-.195-.49-.545 0-.35.232-.578.49-.578.325 0 .523.162 3.013.162.656 0 1.867-.064 2.682-.064 3.503 0 5.072 1.447 5.072 3.114 0 1.415-1.41 2.602-2.814 2.953 2.125.292 3.827 1.765 3.827 3.465 0 2.083-1.668 3.627-5.171 3.627-1.312 0-2.457-.097-3.536-.097-2.556 0-2.748.162-3.08.162m5.338-12.258h-.914v4.848h.722c2.099 0 3.211-.643 3.211-2.602 0-1.538-.755-2.246-3.013-2.246m.821 5.775h-1.735v5.484h1.934c2.258 0 3.013-.805 3.013-2.726 0-1.602-1.113-2.758-3.212-2.758ZM163.804 22.936c0 1.326-.092 1.479-.092 2.142 0 .503.184.816.546.816.392 0 .453-.287.453-.663 0-.287.215-.504.454-.504.27 0 .484.223.484.472 0 .975-.876 1.447-1.514 1.447-1.514 0-2.482-.727-2.482-3.716 0-2.078-.331-2.9-2.544-2.9h-1.182v5.296c1.452 0 1.636-.031 1.942-.031.239 0 .454.223.454.567s-.215.535-.454.535c-.3 0-.484-.159-2.941-.159h-.154c-2.457 0-2.635.16-2.942.16-.239 0-.453-.192-.453-.536 0-.344.214-.567.453-.567.301 0 .485.031 1.937.031v-10.93c-1.452 0-1.636.03-1.937.03-.239 0-.453-.19-.453-.534 0-.345.214-.568.453-.568.301 0 .485.16 2.789.16.607 0 1.728-.064 2.482-.064 3.243 0 4.695 1.415 4.695 3.06 0 1.446-1.422 2.645-2.88 2.963 1.912.504 2.88 2.014 2.88 3.5m-5.032-8.573h-.852v4.76h.668c1.943 0 2.973-.63 2.973-2.555 0-1.51-.699-2.205-2.789-2.205ZM175.475 25.522c.211 0 .4.228.4.578 0 .351-.189.546-.4.546-.266 0-.428-.163-2.6-.163h-.135c-2.171 0-2.328.163-2.599.163-.211 0-.401-.195-.401-.546 0-.35.19-.578.401-.578.265 0 .428.033 1.711.033v-11.14c-1.283 0-1.446.033-1.711.033-.211 0-.401-.195-.401-.546 0-.35.19-.578.401-.578.265 0 .428.163 2.599.163h.135c2.172 0 2.329-.163 2.6-.163.211 0 .4.228.4.578 0 .351-.189.546-.4.546-.266 0-.428-.033-1.717-.033v11.14c1.283 0 1.446-.033 1.717-.033ZM194.282 20.001c0 3.787-2.541 6.612-5.322 6.612-.825 0-3.163-.162-3.636-.13-2.397 0-2.571.163-2.87.163-.239 0-.442-.195-.442-.546 0-.35.209-.578.442-.578.293 0 .473.033 1.89.033v-11.14c-1.417 0-1.597.033-1.89.033-.239 0-.442-.195-.442-.546 0-.35.209-.578.442-.578.293 0 .473.163 2.87.163.885-.033 2.811-.098 3.636-.098 2.781 0 5.322 2.793 5.322 6.612Zm-2.219 0c0-4.274-1.124-5.618-3.312-5.618-1.244 0-2.308.032-2.308.032v11.14s.944.065 2.308.065c2.188 0 3.312-1.384 3.312-5.619ZM200.424 20c0-3.981 2.59-6.676 5.65-6.676 1.679 0 2.47.596 3.179 1.224.149-.127.262-.254.262-.5 0-.286.03-.597.47-.597.411 0 .471.222.471.564v3.887c0 .247-.03.596-.471.596-.44 0-.47-.349-.47-.596 0-1.946-1.411-3.544-3.269-3.544-2.238 0-3.47 1.502-3.47 5.643 0 4.14 1.238 5.643 3.47 5.643 1.263 0 2.531-.532 2.531-3.544-.971 0-1.12.031-1.411.031-.209 0-.441-.222-.441-.532 0-.343.238-.565.441-.56
1525.291 0 .41.159 2.381.159h.119c2.03 0 2.09-.159 2.382-.159.238 0 .44.222.44.565 0 .31-.208.532-.44.532-.298 0-.441-.031-1.382-.031 0 .938-.291 4.546-4.798 4.546-3.06 0-5.65-2.663-5.65-6.645M222.151 19.232c.703 0 1.282-.608 1.282-1.532 0-.29.059-.543.378-.543s.319.259.319.543c0 .317-.059.737-.059 1.855v.317c0 1.118.059 1.532.059 1.855 0 .29 0 .543-.319.543s-.378-.252-.378-.543c0-.924-.585-1.532-1.282-1.532h-.993v5.397h2.747c1.696 0 2.133-.607 2.133-2.876 0-.259.177-.478.496-.478s.467.226.467.478c0 .317-.119 1.183-.119 2.495v.892c0 .317-.23.543-.437.543-.266 0-1.169-.13-1.636-.13l-4.761-.064c-2.369 0-2.54.162-2.835.162-.231 0-.438-.194-.438-.543 0-.35.207-.576.438-.576.289 0 .466.033 1.866.033V14.442c-1.4 0-1.577.033-1.866.033-.231 0-.438-.194-.438-.543 0-.35.207-.575.438-.575.289 0 .466.161 2.835.161l4.235-.032c.467 0 1.371-.162 1.637-.162.236 0 .437.226.437.575v.86c0 1.312.118 2.204.118 2.527 0 .227-.148.479-.437.479a.487.487 0 0 1-.497-.479c0-2.3-.466-2.876-2.132-2.876h-2.251v4.828h.993v-.006Z"/></svg>
153
154                    </a>
155                </div>
156
157                                    <nav class="flex gap-6 justify-between lg:py-2 2xl:gap-10 grow">
158                        <ul class="hidden gap-6 lg:flex 2xl:gap-10">
159                                                            
160                                <li
161                                    class="flex"
162                                    :class="{ 'bg-white z-10': isOpen('apply-to-college') }"
163                                    @mouseleave="aboveBreakpoint(() => { closeNavigation() })"
164                                    @mouseenter="aboveBreakpoint(() => {
165                                        // Only mark hovering if that's how the panel is opened originally
166                                        // Otherwise, having the mouse almost anywhere in the viewport will
167                                        // trigger `mouseenter` and focus won't trap for keyboard navigation
168                                        if (!isOpen('apply-to-college')) hovering = true;
169                                        openPanel('apply-to-college')
170                                    })"
171                                >
172                                                                                                                    <div class="flex gap-1 [&_span]:whitespace-nowrap ">
173                                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline underline-offset-8 decoration-4 decoration-transparent hover:decoration-blue-700 [.is-active_&amp;]:decoration-blue-700 gap-2" href="https://www.questbridge.org/apply-to-college">            <span>Apply to College</span>            <span>
174                                                    
175
176
177
178
179
180
181    
182                            </span>
183        </a>                                            
184                                            <button
185                                                type="button"
186                                                class="pl-0.5 2xl:pl-1 focus-visible:ring-inset aria-expanded:z-20"
187                                                @click="togglePanel('apply-to-college')"
188                                                :aria-expanded="isOpen('apply-to-college')"
189                                                aria-label="submenu_toggle"
190                                            ><svg class="size-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M.75 3.91 4.891 9H7.11l4.141-5.09"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m2.316 3 3.555 4.387h.255L9.68 3"/></svg></button>
191                                        </div>
192                                    
193                                    <div
194                                        class="w-screen max-w-full bg-gray-50 absolute top-0 left-0 z-50 overflow-auto overscroll-contain -lg:h-full lg:top-full lg:max-h-[calc(100vh-120px)] self-start flex flex-col items-stretch transition border-t"
195                                        x-show="isOpen('apply-to-college')"
196                                        @close="closePanel()"
197                                        x-transition:enter-start="-lg:translate-x-4 opacity-0"
198                                        x-transition:enter-end="-lg:translate-x-0 opacity-100"
199                                        x-transition:leave-start="-lg:translate-x-0 opacity-100"
200                                        x-transition:leave-end="-lg:translate-x-4 opacity-0"
201                                        x-trap="!hovering && isOpen('apply-to-college')"
202                                        @keydown.esc.stop="closePanel()"
203                                        x-cloak
204                                    >
205                                        
206
207
208
209
210
211
212
213<div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12">        <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5">                    
214
215
216
217
218
219
220    <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64">
221  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M52 60.665H18.487c-3.579 0-6.487-2.943-6.487-6.564m0 0c0-3.622 2.908-6.565 6.487-6.565h29.188c2.39 0 4.325-1.959 4.325-4.376V3.332H12z"></path>
222  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48.222 7.16H15.776v36.053h32.446z"></path>
223  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.445 10.977H19.554v28.332h24.891zM48.875 47.832v12.413"></path>
224</svg>
225
226        
227                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
227decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&amp;_svg]:!size-6" href="https://www.questbridge.org/apply-to-college">            <span>Apply to College</span>            <span>
228                                                    
229
230
231
232
233
234
235    <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
236    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
237    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
238</svg>
239
240                            </span>
241        </a>
242        
243        <div class="mb-8 text-base max-w-[32ch]"><p>QuestBridge supports high-achieving students from low-income backgrounds on their path to a top college. This is your chance to dream big. </p></div>
244    </div>
245        <div class="basis-2/3 grow grid lg:grid-cols-3 gap-8">                                    <div class="flex-1 flex flex-col gap-3.5">                                            <div class="text-red-500 font-bold tracking-wider uppercase">High School Juniors</div>
246                    
247                                        <div class="">
248                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program">            <span>College Prep Scholars Program</span>            <span>
249                                                    
250
251
252
253
254
255
256    
257                            </span>
258        </a>                                    
259                                                                        <div class="ml-3 space-y-2">                                                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards">            <span>Scholarships & Awards</span>            <span>
260                                                    
261
262
263
264
265
266
267    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
268    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
269    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
270</svg>
271
272                            </span>
273        </a>                                                    
274                                                                                                                                                                                                                            <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
274decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/summer-programs">            <span>Summer Programs</span>            <span>
275                                                    
276
277
278
279
280
281
282    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
283    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
284    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
285</svg>
286
287                            </span>
288        </a>                                                                                                                            </div>                                                                                                                    <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/personalized-support">            <span>Personalized Support</span>            <span>
289                                                    
290
291
292
293
294
295
296    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
297    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
298    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
299</svg>
300
301                            </span>
302        </a>                                                                                                                            </div>                                                                                                                    <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/quest-for-excellence-awards">            <span>Quest for Excellence Awards</span>            <span>
303                                                    
304
305
306
307
308
309
310    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
311    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
312    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
313</svg>
314
315                            </span>
316        </a>                                                                                                                            </div>                                                                                                                    <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
316decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/national-college-admissions-conferences">            <span>National College Admissions Conferences</span>            <span>
317                                                    
318
319
320
321
322
323
324    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
325    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
326    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
327</svg>
328
329                            </span>
330        </a>                                                                                                                            </div>                                                                                                                                                            </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/apply">            <span>Apply</span>            <span>
331                                                    
332
333
334
335
336
337
338    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
339    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
340    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
341</svg>
342
343                            </span>
344        </a>                                                    
345                                                                                                                                                        </div>                                                                                                                        </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <div class="text-red-500 font-bold tracking-wider uppercase">High School Seniors</div>
346                    
347                                        <div class="">
348                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/programs/national-college-match">
348            <span>National College Match</span>            <span>
349                                                    
350
351
352
353
354
355
356    
357                            </span>
358        </a>                                    
359                                                                        <div class="ml-3 space-y-2">                                                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/the-match-scholarship">            <span>The Match Scholarship</span>            <span>
360                                                    
361
362
363
364
365
366
367    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
368    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
369    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
370</svg>
371
372                            </span>
373        </a>                                                    
374                                                                                                                                                        </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply">            <span>Apply</span>            <span>
375                                                    
376
377
378
379
380
381
382    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
383    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
384    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
385</svg>
386
387                            </span>
388        </a>                                                    
389                                                                                                                                                                                                                            <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/appl
389y/dates-and-deadlines">            <span>Dates & Deadlines</span>            <span>
390                                                    
391
392
393
394
395
396
397    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
398    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
399    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
400</svg>
401
402                            </span>
403        </a>                                                                                                                            </div>                                                                                                                    <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/ranking-colleges">            <span>Ranking Colleges</span>            <span>
404                                                    
405
406
407
408
409
410
411    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
412    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
413    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
414</svg>
415
416                            </span>
417        </a>                                                                                                                            </div>                                                                                                                    <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/regular-decision">            <span>Regular Decision</span>            <span>
418                                                    
419
420
421
422
423
424
425    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
426    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
427    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
428</svg>
429
430                            </span>
431        </a>                                                                                                                            </div>                                                                                                                                                            </div>                                                                                                                        </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <div class="text-red-500 font-bold tracking-wider up
431percase">Learn More</div>
432                    
433                                        <div class="">
434                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/partners/college-partners">            <span>College Partners</span>            <span>
435                                                    
436
437
438
439
440
441
442    
443                            </span>
444        </a>                                    
445                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/resources">            <span>Resource Library</span>            <span>
446                                                    
447
448
449
450
451
452
453    
454                            </span>
455        </a>                                    
456                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/events">            <span>Events</span>            <span>
457                                                    
458
459
460
461
462
463
464    
465                            </span>
466        </a>                                    
467                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://apply.questbridge.org/register/refer-a-student">
467            <span>Refer a Student</span>            <span>
468                                                    
469
470
471
472
473
474
475    
476                            </span>
477        </a>                                    
478                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://questbridge.zendesk.com/hc/en-us">            <span>AskQB</span>            <span>
479                                                    
480
481
482
483
484
485
486    
487                            </span>
488        </a>                                    
489                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                        </div></div>                                    </div>
490                                </li>
491                                                            
492                                <li
493                                    class="flex"
494                                    :class="{ 'bg-white z-10': isOpen('thrive-in-college-beyond') }"
495                                    @mouseleave="aboveBreakpoint(() => { closeNavigation() })"
496                                    @mouseenter="aboveBreakpoint(() => {
497                                        // Only mark hovering if that's how the panel is opened originally
498                                        // Otherwise, having the mouse almost anywhere in the viewport will
499                                        // trigger `mouseenter` and focus won't trap for keyboard navigation
500                                        if (!isOpen('thrive-in-college-beyond')) hovering = true;
501                                        openPanel('thrive-in-college-beyond')
502                                    })"
503                                >
504                                                                                                                    <div class="flex gap-1 [&_span]:whitespace-nowrap ">
505                                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline underline-offset-8 decoration-4 decoration-transparent hover:decoration-blue-700 [.is-active_&amp;]:decoration-blue-700 gap-2" href="https://www.questbridge.org/thrive">            <span>Thrive in College & Beyond</span>            <span>
506                                                    
507
508
509
510
511
512
513    
514                            </span>
515        </a>                                            
516                                            <button
517                                                type="button"
518                                                class="pl-0.5 2xl:pl-1 focus-visible:ring-inset aria-expanded:z-20"
519                                                @click="togglePanel('thrive-in-college-beyond')"
520                                                :aria-expanded="isOpen('thrive-in-college-beyond')"
521                                                aria-label="submenu_toggle"
522                                            ><svg class="size-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M.75 3.91 4.891 9H7.11l4.141-5.09"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m2.316 3 3.555 4.387h.255L9.68 3"/></svg></button>
523                                        </div>
524                                    
525                                    <div
526                                        class="w-screen max-w-full bg-gray-50 absolute top-0 left-0 z-50 overflow-auto overscroll-contain -lg:h-full lg:top-full lg:max-h-[calc(100vh-120px)] self-start flex flex-col items-stretch transition border-t"
527                                        x-show="isOpen('thrive-in-college-beyond')"
528                                        @close="closePanel()"
529                                        x-transition:enter-start="-lg:translate-x-4 opacity-0"
530                                        x-transition:enter-end="-lg:translate-x-0 opacity-100"
531                                        x-transition:leave-start="-lg:translate-x-0 opacity-100"
532                                        x-transition:leave-end="-lg:translate-x-4 opacity-0"
533                                        x-trap="!hovering && isOpen('thrive-in-college-beyond')"
534                                        @keydown.esc.stop="closePanel()"
535                                        x-cloak
536                                    >
537                                        
538
539
540
541
542
543
544
545<div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12">        <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5">                    
546
547
548
549
550
551
552    <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64">
553  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m41.286 15.025-10-9.736-10 9.736v40.264h20zM21.286 27.43H3.429v27.857h17.857z"></path>
554  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 52.433h10.714v-21.43H7z"></path>
555  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.571 48.86h3.572V34.574H10.57zM59.143 27.43H41.286v27.857h17.857z"></path>
556  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.857 52.433h10.715v-21.43H44.857z"></path>
557  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48.429 48.86H52V34.574H48.43zM24.857 24.571h12.858v-7.428L31.286 11l-6.429 6.27v7.301M24.857 55.292h12.858V28.863H24.857v26.429000000000002"></path>
558  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M29.143 21.004h4.285v-3.06l-2.143-1.94-2.142 1.98zM29.143 55.287h4.285V32.43l-2.143.04h-2.142z"></path>
559</svg>
560
561        
562                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
562decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&amp;_svg]:!size-6" href="https://www.questbridge.org/thrive">            <span>Thrive in College & Beyond</span>            <span>
563                                                    
564
565
566
567
568
569
570    <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
571    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
572    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
573</svg>
574
575                            </span>
576        </a>
577        
578        <div class="mb-8 text-base max-w-[32ch]"><p>We’re here to connect Scholars and Alumni to the people and opportunities you need to reach your full potential.</p></div>
579    </div>
580        <div class="basis-2/3 grow grid lg:grid-cols-3 gap-8">                                    <div class="flex-1 flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/connect">            <span>Connect</span></a>                    
581                                        <div class="">
582                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://qbhub.questbridge.org/">            <span>The QB Hub</span>            <span>
583                                                    
584
585
586
587
588
589
590    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
591    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
592    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
593</svg>
594
595                            </span>
596        </a>                                    
597                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/connect/campus-chapters">            <span>Campus Chapters</span>            <span>
598                                                    
599
600
601
602
603
604
605    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
606    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
607    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
608</svg>
609
610                            </span>
611        </a>                                    
612                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
612decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/connect/alumni-community">            <span>Alumni Community</span>            <span>
613                                                    
614
615
616
617
618
619
620    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
621    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
622    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
623</svg>
624
625                            </span>
626        </a>                                    
627                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/connect/national-quest-day">            <span>National Quest Day</span>            <span>
628                                                    
629
630
631
632
633
634
635    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
636    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
637    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
638</svg>
639
640                            </span>
641        </a>                                    
642                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/learn-grow">            <span>Learn & Grow</span></a>                    
643                                        <div class="">
644                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/learn-grow/qb-convene">
644            <span>QB Convene</span>            <span>
645                                                    
646
647
648
649
650
651
652    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
653    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
654    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
655</svg>
656
657                            </span>
658        </a>                                    
659                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/learn-grow/mentorship">            <span>Mentorship</span>            <span>
660                                                    
661
662
663
664
665
666
667    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
668    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
669    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
670</svg>
671
672                            </span>
673        </a>                                    
674                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/apply-to-college/events">            <span>Events</span>            <span>
675                                                    
676
677
678
679
680
681
682    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
683    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
684    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
685</svg>
686
687                            </span>
688        </a>                                    
689                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/give-back">
689            <span>Give Back</span></a>                    
690                                        <div class="">
691                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/give-back/emergency-fund">            <span>Emergency Fund</span>            <span>
692                                                    
693
694
695
696
697
698
699    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
700    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
701    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
702</svg>
703
704                            </span>
705        </a>                                    
706                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/give-back/storytelling">            <span>Storytelling</span>            <span>
707                                                    
708
709
710
711
712
713
714    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
715    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
716    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
717</svg>
718
719                            </span>
720        </a>                                    
721                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://apply.questbridge.org/register/refer-a-student">
721            <span>Refer a Student</span>            <span>
722                                                    
723
724
725
726
727
728
729    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
730    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
731    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
732</svg>
733
734                            </span>
735        </a>                                    
736                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/career-development">            <span>Career Development</span></a>                    
737                                        <div class="">
738                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/career-development/summer-professional-experience-program">            <span>Summer Professional Experience Program</span>            <span>
739                                                    
740
741
742
743
744
745
746    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
747    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
748    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
749</svg>
750
751                            </span>
752        </a>                                    
753                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/career-development/job-board">            <span>Job Board for Scholars & Alumni</span>            <span>
754                                                    
755
756
757
758
759
760
761    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
762    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
763    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
764</svg>
765
766                            </span>
767        </a>                                    
768                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/graduate-school">
768            <span>Graduate School</span></a>                    
769                                        <div class="">
770                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/graduate-school/graduate-school-match-mba">            <span>Graduate School Match: MBA</span>            <span>
771                                                    
772
773
774
775
776
777
778    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
779    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
780    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
781</svg>
782
783                            </span>
784        </a>                                    
785                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/graduate-school/graduate-school-scholarship-law">            <span>Graduate School Scholarship: Law</span>            <span>
786                                                    
787
788
789
790
791
792
793    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
794    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
795    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
796</svg>
797
798                            </span>
799        </a>                                    
800                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/graduate-school/graduate-school-scholarship-medicine">
800            <span>Graduate School Scholarship: Medicine</span>            <span>
801                                                    
802
803
804
805
806
807
808    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
809    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
810    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
811</svg>
812
813                            </span>
814        </a>                                    
815                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                        </div></div>                                    </div>
816                                </li>
817                                                            
818                                <li
819                                    class="flex"
820                                    :class="{ 'bg-white z-10': isOpen('our-partners') }"
821                                    @mouseleave="aboveBreakpoint(() => { closeNavigation() })"
822                                    @mouseenter="aboveBreakpoint(() => {
823                                        // Only mark hovering if that's how the panel is opened originally
824                                        // Otherwise, having the mouse almost anywhere in the viewport will
825                                        // trigger `mouseenter` and focus won't trap for keyboard navigation
826                                        if (!isOpen('our-partners')) hovering = true;
827                                        openPanel('our-partners')
828                                    })"
829                                >
830                                                                                                                    <div class="flex gap-1 [&_span]:whitespace-nowrap ">
831                                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline underline-offset-8 decoration-4 decoration-transparent hover:decoration-blue-700 [.is-active_&amp;]:decoration-blue-700 gap-2" href="https://www.questbridge.org/partners">            <span>Our Partners</span>            <span>
832                                                    
833
834
835
836
837
838
839    
840                            </span>
841        </a>                                            
842                                            <button
843                                                type="button"
844                                                class="pl-0.5 2xl:pl-1 focus-visible:ring-inset aria-expanded:z-20"
845                                                @click="togglePanel('our-partners')"
846                                                :aria-expanded="isOpen('our-partners')"
847                                                aria-label="submenu_toggle"
848                                            ><svg class="size-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M.75 3.91 4.891 9H7.11l4.141-5.09"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m2.316 3 3.555 4.387h.255L9.68 3"/></svg></button>
849                                        </div>
850                                    
851                                    <div
852                                        class="w-screen max-w-full bg-gray-50 absolute top-0 left-0 z-50 overflow-auto overscroll-contain -lg:h-full lg:top-full lg:max-h-[calc(100vh-120px)] self-start flex flex-col items-stretch transition border-t"
853                                        x-show="isOpen('our-partners')"
854                                        @close="closePanel()"
855                                        x-transition:enter-start="-lg:translate-x-4 opacity-0"
856                                        x-transition:enter-end="-lg:translate-x-0 opacity-100"
857                                        x-transition:leave-start="-lg:translate-x-0 opacity-100"
858                                        x-transition:leave-end="-lg:translate-x-4 opacity-0"
859                                        x-trap="!hovering && isOpen('our-partners')"
860                                        @keydown.esc.stop="closePanel()"
861                                        x-cloak
862                                    >
863                                        
864
865
866
867
868
869
870
871<div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12">        <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5">                    
872
873
874
875
876
877
878    <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64">
879  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.616 29.715c-4.024 0-7.282 3.093-7.282 6.914s3.258 6.914 7.282 6.914 7.282-3.093 7.282-6.914-3.258-6.914-7.282-6.914m0 16.558c-6.695 0-12.133 5.162-12.133 11.52V60.1H56.75v
879-2.309c0-6.357-5.438-11.52-12.133-11.52"></path>
880  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M36.689 56.242h15.845c-.754-3.503-4.024-6.141-7.928-6.141s-7.175 2.638-7.93 6.14zm7.929-22.699c-1.785 0-3.234 1.376-3.234 3.07 0 1.695 1.449 3.07 3.233 3.07s3.234-1.375 3.234-3.07-1.449-3.07-3.233-3.07M17.837 3.879c-4.024 0-7.282 3.093-7.282 6.914s3.258 6.914 7.282 6.914 7.282-3.093 7.282-6.914S21.86 3.88 17.837 3.88m0 16.558c-6.695 0-12.133 5.163-12.133 11.52v2.308H29.97v-2.308c0-6.357-5.438-11.52-12.133-11.52"></path>
881  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.92 30.425h15.846c-.755-3.502-4.024-6.14-7.929-6.14s-7.174 2.638-7.929 6.14zm7.917-22.698c-1.785 0-3.234 1.376-3.234 3.07s1.45 3.07 3.234 3.07 3.234-1.376 3.234-3.07-1.45-3.07-3.234-3.07M56.752 32.799c-.647-5.334-3.114-10.497-7.426-14.59-4.312-4.094-9.75-6.437-15.367-7.051-1.628-.148-2.982-.205-3.689-.205M5.214 38.453c.647 5.334 3.114 10.497 7.426 14.59 4.311 4.095 9.749 6.437 15.366 7.051"></path>
882</svg>
883
884        
885                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&amp;_svg]:!size-6" href="https://www.questbridge.org/partners">            <span>Our Partners</span>            <span>
886                                                    
887
888
889
890
891
892
893    <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
894    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
895    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
896</svg>
897
898                            </span>
899        </a>
900        
901        <div class="mb-8 text-base max-w-[32ch]"><p>Our partnerships bridge the gap between the nation’s brightest minds and the opportunities they deserve.</p></div>
902    </div>
903        <div class="basis-2/3 grow flex flex-col gap-8 lg:flex-row lg:gap-20">                                    <div class="flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/partners/college-partners">            <span>College Partners</span></a>                    
904                                        <div class="">
905                                                                    </div>                </div>                            <div class="flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/partners/graduate-school-partners">            <span>Graduate School Partners</span></a>                    
906                                        <div class="">
907                                                                    </div>                </div>                            <div class="flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/partners/career-partners">
907            <span>Career Partners</span></a>                    
908                                        <div class="">
909                                                                    </div>                </div>                        </div></div>                                    </div>
910                                </li>
911                                                            
912                                <li
913                                    class="flex"
914                                    :class="{ 'bg-white z-10': isOpen('about') }"
915                                    @mouseleave="aboveBreakpoint(() => { closeNavigation() })"
916                                    @mouseenter="aboveBreakpoint(() => {
917                                        // Only mark hovering if that's how the panel is opened originally
918                                        // Otherwise, having the mouse almost anywhere in the viewport will
919                                        // trigger `mouseenter` and focus won't trap for keyboard navigation
920                                        if (!isOpen('about')) hovering = true;
921                                        openPanel('about')
922                                    })"
923                                >
924                                                                                                                    <div class="flex gap-1 [&_span]:whitespace-nowrap is-active">
925                                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline underline-offset-8 decoration-4 decoration-transparent hover:decoration-blue-700 [.is-active_&amp;]:decoration-blue-700 gap-2" href="https://www.questbridge.org/about">            <span>About Us</span>            <span>
926                                                    
927
928
929
930
931
932
933    
934                            </span>
935        </a>                                            
936                                            <button
937                                                type="button"
938                                                class="pl-0.5 2xl:pl-1 focus-visible:ring-inset aria-expanded:z-20"
939                                                @click="togglePanel('about')"
940                                                :aria-expanded="isOpen('about')"
941                                                aria-label="submenu_toggle"
942                                            ><svg class="size-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M.75 3.91 4.891 9H7.11l4.141-5.09"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m2.316 3 3.555 4.387h.255L9.68 3"/></svg></button>
943                                        </div>
944                                    
945                                    <div
946                                        class="w-screen max-w-full bg-gray-50 absolute top-0 left-0 z-50 overflow-auto overscroll-contain -lg:h-full lg:top-full lg:max-h-[calc(100vh-120px)] self-start flex flex-col items-stretch transition border-t"
947                                        x-show="isOpen('about')"
948                                        @close="closePanel()"
949                                        x-transition:enter-start="-lg:translate-x-4 opacity-0"
950                                        x-transition:enter-end="-lg:translate-x-0 opacity-100"
951                                        x-transition:leave-start="-lg:translate-x-0 opacity-100"
952                                        x-transition:leave-end="-lg:translate-x-4 opacity-0"
953                                        x-trap="!hovering && isOpen('about')"
954                                        @keydown.esc.stop="closePanel()"
955                                        x-cloak
956                                    >
957                                        
958
959
960
961
962
963
964
965<div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12">        <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5">                    
966
967
968
969
970
971
972    <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64">
973  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31.69 32.991c5.694 
9730 10.31-4.616 10.31-10.31s-4.616-10.31-10.31-10.31-10.31 4.616-10.31 10.31 4.616 10.31 10.31 10.31"></path>
974  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31.69 16.57c-3.37 0-6.11 2.74-6.11 6.11s2.74 6.11 6.11 6.11 6.11-2.74 6.11-6.11-2.74-6.11-6.11-6.11M44.61 59.039c0-7.15-5.81-12.96-12.95-12.98-7.14.02-12.95 5.83-12.95 12.98"></path>
975  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14.36 59.04c0-9.53 7.76-17.31 17.29-17.34h.02c9.54.03 17.29 7.8 17.29 17.34"></path>
976  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 59.042c0-11.93 9.71-21.66 21.64-21.69 11.98.03 21.68 9.76 21.68 21.69M31.69 37.352c-8.09 0-14.67-6.58-14.67-14.67s6.58-14.67 14.67-14.67 14.67 6.58 14.67 14.67-6.58 14.67-14.67 14.67"></path>
977</svg>
978
979        
980                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&amp;_svg]:!size-6" href="https://www.questbridge.org/about">            <span>About Us</span>            <span>
981                                                    
982
983
984
985
986
987
988    <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
989    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
990    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
991</svg>
992
993                            </span>
994        </a>
995        
996        <div class="mb-8 text-base max-w-[32ch]"><p>Learn more about who we are and how we help students dream big on their path to, through, and beyond college.</p></div>
997    </div>
998        <div class="basis-2/3 grow grid lg:grid-cols-3 gap-8">                                    <div class="flex-1 flex flex-col gap-3.5">                                            <div class="text-red-500 font-bold tracking-wider uppercase">Our Story</div>
999                    
1000                                        <div class="">
1001                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/history">            <span>History</span>            <span>
1002                                                    
1003
1004
1005
1006
1007
1008
1009    
1010                            </span>
1011        </a>                                    
1012                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/mission-and-vision">
1012            <span>Mission & Vision</span>            <span>
1013                                                    
1014
1015
1016
1017
1018
1019
1020    
1021                            </span>
1022        </a>                                    
1023                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/impact">            <span>Impact</span>            <span>
1024                                                    
1025
1026
1027
1028
1029
1030
1031    
1032                            </span>
1033        </a>                                    
1034                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/scholar-stories">            <span>Scholar Stories</span>            <span>
1035                                                    
1036
1037
1038
1039
1040
1041
1042    
1043                            </span>
1044        </a>                                    
1045                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/news">            <span>News</span>            <span>
1046                                                    
1047
1048
1049
1050
1051
1052
1053    
1054                            </span>
1055        </a>                                    
1056                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <div class="text-red-500 font-bold tracking-wider up
1056percase">Learn More</div>
1057                    
1058                                        <div class="">
1059                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/donate">            <span>Donate</span>            <span>
1060                                                    
1061
1062
1063
1064
1065
1066
1067    
1068                            </span>
1069        </a>                                    
1070                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/jobs">            <span>Jobs</span>            <span>
1071                                                    
1072
1073
1074
1075
1076
1077
1078    
1079                            </span>
1080        </a>                                    
1081                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/board-of-directors">            <span>Board of Directors</span>            <span>
1082                                                    
1083
1084
1085
1086
1087
1088
1089    
1090                            </span>
1091        </a>                                    
1092                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/contact-us">
1092            <span>Contact Us</span>            <span>
1093                                                    
1094
1095
1096
1097
1098
1099
1100    
1101                            </span>
1102        </a>                                    
1103                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                        </div></div>                                    </div>
1104                                </li>
1105                                                    </ul>
1106
1107                                                <div class="flex gap-1 justify-end items-center ml-auto md:relative lg:flex-row-reverse lg:gap-5 lg:justify-start xl:gap-10 grow">
1108                                                            <button
1109                                    type="button"
1110                                    class="flex relative z-50 justify-center items-center size-6"
1111                                    @click="searching ? closeNavigation(0) : openPanel('search')"
1112                                    :aria-expanded="searching"
1113                                    aria-label="search_toggle"
1114                                >
1115                                    <svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" x-show="!searching"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.75 13.525a4.1 4.1 0 0 1-1.196-2.887 4.09 4.09 0 0 1 4.083-4.083 4.09 4.09 0 0 1 4.083 4.083 4.1 4.1 0 0 1-1.196 2.887 4.06 4.06 0 0 1-5.774 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.504 18.024-3.39-3.39a7.63 7.63 0 0 0 1.144-4.005A7.633 7.633 0 0 0 10.63 3 7.633 7.633 0 0 0 3 10.63c0 2.02.806 3.961 2.237 5.392a7.58 7.58 0 0 0 5.392 2.254c1.44 0 2.826-.416 4.023-1.162l3.372 3.372c.338.338.79.512 1.231.512a1.748 1.748 0 0 0 1.231-2.983z"/></svg>
1116                                    <svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" x-cloak x-show="searching"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m4 4 16 16M4 20 20 4"/></svg>
1117                                    <span class="sr-only">Search</span>
1118                                </button>
1119                            
1120                                                                                                                            <div class="flex justify-center" id="login-dropdown">
1121                                        <div
1122                                            x-data="{
1123                                                open: false,
1124                                                toggle() {
1125                                                    if (this.open) { return this.close() }
1126                                                    this.$refs.button.focus()
1127                                                    this.open = true
1128                                                },
1129                                                close(focusAfter) {
1130                                                    if (!this.open) return
1131                                                    this.open = false
1132                                                    focusAfter && focusAfter.focus()
1133                                                }
1134                                            }"
1135                                            x-on:keydown.escape.prevent.stop="close($refs.button)"
1136                                            x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
1137                                            x-id="['dropdown-button']"
1138                                            class="relative"
1139                                        >
1140                                            <button type="button" class="hidden lg:flex lg:items-center lg:overflow-visible lg:gap-2" x-ref="button" x-on:click="toggle()" :aria-expanded="open" :aria-controls="$id(&quot;dropdown-button&quot;)">
1140            <span>Login</span>            <span>
1141                                                    
1142
1143
1144
1145
1146
1147
1148    <svg class="size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M.75 3.91 4.891 9H7.11l4.141-5.09"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m2.316 3 3.555 4.387h.255L9.68 3"/></svg>
1149                            </span>
1150        </button>
1151                                                                                        <div
1152                                                x-ref="panel"
1153                                                x-show="open"
1154                                                x-transition.origin.top.left
1155                                                x-on:click.outside="close($refs.button)"
1156                                                :id="$id('dropdown-button')"
1157                                                style="display: none;"
1158                                                class="absolute right-0 mt-2 w-64 bg-white border shadow-md"
1159                                            >
1160                                                <nav class="p-6">
1161                                                    <ul class="space-y-4">
1162                                                                                                                    <li>
1163                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://apply.questbridge.org/portal/apply">            <span>Applicant Login</span>            <span>
1164                                                    
1165
1166
1167
1168
1169
1170
1171    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1172    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1173    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1174</svg>
1175
1176                            </span>
1177        </a>                                                            </li>
1178                                                                                                                    <li>
1179                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://qbhub.questbridge.org/">            <span>Scholar & Alum QB Hub Login</span>            <span>
1180                                                    
1181
1182
1183
1184
1185
1186
1187    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1188    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1189    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1190</svg>
1191
1192                            </span>
1193        </a>                                                            </li>
1194                                                                                                            </ul>
1195                                                </nav>
1196                                            </div>
1197                                        </div>
1198                                    </div>
1199                                                                                        
1200                                                        <button
1201                                type="button"
1202                                @click="menuOpen = !menuOpen; closePanel()"
1203                                class="lg:hidden"
1204                            >
1205                                <span class="sr-only">Open Mobile Menu</span>
1206                                <div class="relative size-12">
1207                                    <div
1208                                        class="absolute top-1/2 left-1/2 w-px h-6 bg-current transition-transform rotate-90 -translate-y-5"
1209                                        :class="{
1210                                            '-rotate-45 -translate-y-1/2': menuOpen,
1211                                            'rotate-90 -translate-y-5': !menuOpen,
1212                                        }"
1213                                    ></div>
1214                                    <div
1215                                        class="absolute top-1/2 left-1/2 w-px h-6 bg-current transition-transform rotate-90 -translate-y-1"
1216                                        :class="{
1217                                            'rotate-45 -translate-y-1/2': menuOpen,
1218                                            'rotate-90 -translate-y-1': !menuOpen,
1219                                        }"
1220                                    ></div>
1221                                    <div
1222                                        class="absolute top-1/2 left-1/2 w-px h-6 bg-current transition-transform rotate-90 -translate-y-3"
1223                                        :class="{
1224                                            'rotate-45 -translate-y-1/2': menuOpen,
1225                                            'rotate-90 -translate-y-3': !menuOpen,
1226                                        }"
1227                                    ></div>
1228                                </div>
1229                            </button>
1230                            
1231                                                                                        <div
1232                                    class="container overflow-auto overscroll-contain absolute right-0 -left-2.5 top-full z-10 w-auto bg-gray-100 md:right-12 md:left-auto md:top-1/2 md:p-0 md:bg-transparent md:-translate-y-1/2 lg:-right-2.5"
1233                                    x-trap="isOpen('search')"
1234                                    @close="closePanel()"
1235                                    @keydown.esc.stop="closePanel()"
1236                                    x-cloak
1237                                >
1238                                    <div
1239                                        x-transition
1240                                        x-show="isOpen('search')"
1241                                    >
1242                                        <form method="get" action="https://www.questbridge.org/search" x-ref="search">
1243                                            <div class="relative">
1244                                                <label for="q" class="sr-only">Search Term</label>
1245                                                <input
1246                                                    type="text"
1247                                                    name="q"
1248                                                    id="q"
1249                                                    placeholder="Search..."
1250                                                    class="px-10 bg-transparent border-0 md:bg-white md:rounded-md md:border md:border-black focus:border-black focus:ring-0"
1251                                                />
1252
1253                                                <div class="flex absolute top-0 left-0 justify-end h-full aspect-square">
1254                                                    <div class="aspect-square h-full [&>svg]:size-full p-2.5">
1255                                                        <span class="sr-only">Search</span>
1256                                                        <svg class="size-full" width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" aria-hidden="true"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.751 13.525a4.088 4.088 0 0 1-1.196-2.887 4.089 4.089 0 0 1 4.083-4.083 4.088 4.088 0 0 1 4.083 4.083 4.088 4.088 0 0 1-1.196 2.887 4.06 4.06 0 0 1-5.774 0Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.504 18.024-3.39-3.39a7.629 7.629 0 0 0 1.144-4.005A7.633 7.633 0 0 0 10.63 3 7.633 7.633 0 0 0 3 10.63c0 2.02.806 3.961 2.237 5.392a7.583 7.583 0 0 0 5.392 2.254c1.44 0 2.826-.416 4.023-1.162l3.372 3.372c.338.338.79.512 1.231.512a1.748 1.748 0 0 0 1.231-2.983l.018.01Z"/></svg>
1257
1258                                                    </div>
1259                                                </div>
1260                                                <div class="flex absolute top-0 right-0 justify-end h-full aspect-square">
1261                                                    <button type="submit" class="aspect-square h-full [&>svg]:size-full p-2.5 -rotate-90 md:hidden">
1262                                                        <span class="sr-only">Search</span>
1263                                                        <svg class="size-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" d="m1 5.21 5.522 6.788h2.956L15 5.211"/><path stroke="currentColor" stroke-miterlimit="10" d="m3.088 4 4.74 5.85h.339L12.907 4"/></svg>
1264                                                    </button>
1265                                                </div>
1266                                            </div>
1267                                        </form>
1268                                    </div>
1269                                </div>
1270                                                    </div>
1271                    </nav>
1272                            </div>
1273
1274            
1275<div
1276    x-data="{
1277        panel: null,
1278    }"
1279    class="absolute left-0 z-20 w-full bg-gray-200 top-[54px] h-[calc(100dvh-54px)] overflow-auto lg:h-auto"
1280    x-show="menuOpen"
1281    x-ref="mobileMenu"
1282    x-transition
1283    x-cloak
1284    x-trap.noscroll.noautofocus.inert="menuOpen"
1285>
1286    <div>
1287                    <div class="container flex flex-col gap-2 my-10">
1288                <div class="flex gap-1.5">
1289                    
1290
1291
1292
1293
1294
1295
1296    <svg class="size-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64">
1297  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M52 60.665H18.487c-3.579 0-6.487-2.943-6.487-6.564m0 0c0-3.622 2.908-6.565 6.487-6.565h29.188c2.39 0 4.325-1.959 4.325-4.376V3.332H12z"></path>
1298  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48.222 7.16H15.776v36.053h32.446z"></path>
1299  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.445 10.977H19.554v28.332h24.891zM48.875 47.832v12.413"></path>
1300</svg>
1301
1302
1303                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://www.questbridge.org/apply-to-college">            <span>Apply to College</span>            <span>
1304                                                    
1305
1306
1307
1308
1309
1310
1311    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1312    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1313    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1314</svg>
1315
1316                            </span>
1317        </a>                </div>
1318
1319                <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="panel = &#039;panel-1&#039;; console.log(panel)">            <span>Subcategories</span>            <span>
1320                                                    
1321
1322
1323
1324
1325
1326
1327    <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M1.91 11.25 7 7.109V4.89L1.91.75"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m1 9.684 4.387-3.555v-.255L1 2.32"/></svg>
1328
1329                            </span>
1330        </button>            </div>
1331
1332                            <div
1333                    id="panel-1"
1334                    class="absolute top-0 pb-8 w-full bg-gray-200 border-t container h-[calc(100dvh-54px)] overflow-auto lg:h-auto"
1335                    x-show="$data.panel == $el.id"
1336                    x-transition
1337                >
1338                    <div class="py-3">
1339                        <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:
1339decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="$data.panel = null">                    
1340
1341
1342
1343
1344
1345
1346    <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M6.09.75 1 4.891V7.11l5.09 4.141"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M7 2.316 2.613 5.871v.255L7 9.68"/></svg>
1347
1348            <span>Back</span></button>                    </div>
1349
1350                    
1351
1352
1353
1354
1355
1356
1357
1358<div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12">        <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5">                    
1359
1360
1361
1362
1363
1364
1365    <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64">
1366  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M52 60.665H18.487c-3.579 0-6.487-2.943-6.487-6.564m0 0c0-3.622 2.908-6.565 6.487-6.565h29.188c2.39 0 4.325-1.959 4.325-4.376V3.332H12z"></path>
1367  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48.222 7.16H15.776v36.053h32.446z"></path>
1368  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.445 10.977H19.554v28.332h24.891zM48.875 47.832v12.413"></path>
1369</svg>
1370
1371        
1372                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&amp;_svg]:!size-6" href="https://www.questbridge.org/apply-to-college">            <span>Apply to College</span>            <span>
1373                                                    
1374
1375
1376
1377
1378
1379
1380    <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1381    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1382    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1383</svg>
1384
1385                            </span>
1386        </a>
1387        
1388        <div class="mb-8 text-base max-w-[32ch]"><p>QuestBridge supports high-achieving students from low-income backgrounds on their path to a top college. This is your chance to dream big. </p></div>
1389    </div>
1390        <div class="basis-2/3 grow grid lg:grid-cols-3 gap-8">                                    <div class="flex-1 flex flex-col gap-3.5">                                            <div class="text-red-500 font-bold tracking-wider uppercase">High School Juniors</div>
1391                    
1392                                        <div class="">
1393                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program">            <span>College Prep Scholars Program</span>            <span>
1394                                                    
1395
1396
1397
1398
1399
1400
1401    
1402                            </span>
1403        </a>                                    
1404                                                                        <div class="ml-3 space-y-2">                                                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
1404decoration-current underline-offset-4 decoration-1 gap-2 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards">            <span>Scholarships & Awards</span>            <span>
1405                                                    
1406
1407
1408
1409
1410
1411
1412    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1413    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1414    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1415</svg>
1416
1417                            </span>
1418        </a>                                                    
1419                                                                                                                                                                                                                            <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/summer-programs">            <span>Summer Programs</span>            <span>
1420                                                    
1421
1422
1423
1424
1425
1426
1427    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1428    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1429    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1430</svg>
1431
1432                            </span>
1433        </a>                                                                                                                            </div>                                                                                                                    <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/personalized-support">            <span>Personalized Support</span>            <span>
1434                                                    
1435
1436
1437
1438
1439
1440
1441    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1442    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1443    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1444</svg>
1445
1446                            </span>
1447        </a>                                                                                                                            </div>                                                                                                                    <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
1447decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/quest-for-excellence-awards">            <span>Quest for Excellence Awards</span>            <span>
1448                                                    
1449
1450
1451
1452
1453
1454
1455    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1456    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1457    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1458</svg>
1459
1460                            </span>
1461        </a>                                                                                                                            </div>                                                                                                                    <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/scholarships-and-awards/national-college-admissions-conferences">            <span>National College Admissions Conferences</span>            <span>
1462                                                    
1463
1464
1465
1466
1467
1468
1469    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1470    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1471    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1472</svg>
1473
1474                            </span>
1475        </a>                                                                                                                            </div>                                                                                                                                                            </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/college-prep-scholars-program/apply">            <span>Apply</span>            <span>
1476                                                    
1477
1478
1479
1480
1481
1482
1483    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1484    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1485    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1486</svg>
1487
1488                            </span>
1489        </a>                                                    
1490                                                                                                                                                        </div>                                                                                                                        </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <div class="text-red-500 font-bold tracking-wider up
1490percase">High School Seniors</div>
1491                    
1492                                        <div class="">
1493                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/programs/national-college-match">            <span>National College Match</span>            <span>
1494                                                    
1495
1496
1497
1498
1499
1500
1501    
1502                            </span>
1503        </a>                                    
1504                                                                        <div class="ml-3 space-y-2">                                                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/the-match-scholarship">            <span>The Match Scholarship</span>            <span>
1505                                                    
1506
1507
1508
1509
1510
1511
1512    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1513    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1514    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1515</svg>
1516
1517                            </span>
1518        </a>                                                    
1519                                                                                                                                                        </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply">            <span>Apply</span>            <span>
1520                                                    
1521
1522
1523
1524
1525
1526
1527    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1528    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1529    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1530</svg>
1531
1532                            </span>
1533        </a>                                                    
1534                                                                                                                                                                                                                            <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
1534decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/dates-and-deadlines">            <span>Dates & Deadlines</span>            <span>
1535                                                    
1536
1537
1538
1539
1540
1541
1542    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1543    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1544    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1545</svg>
1546
1547                            </span>
1548        </a>                                                                                                                            </div>                                                                                                                    <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/ranking-colleges">            <span>Ranking Colleges</span>            <span>
1549                                                    
1550
1551
1552
1553
1554
1555
1556    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1557    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1558    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1559</svg>
1560
1561                            </span>
1562        </a>                                                                                                                            </div>                                                                                                                    <div class="ml-6">                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-1.5 text-xs !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]:size-3 [&amp;_svg]:shrink-0" href="https://www.questbridge.org/apply-to-college/programs/national-college-match/apply/regular-decision">            <span>Regular Decision</span>            <span>
1563                                                    
1564
1565
1566
1567
1568
1569
1570    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1571    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1572    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1573</svg>
1574
1575                            </span>
1576        </a>                                                                                                                            </div>                                                                                                                                                            </div>                                                                                                                        </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <div class="text-red-500 font-bold tracking-wider up
1576percase">Learn More</div>
1577                    
1578                                        <div class="">
1579                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/partners/college-partners">            <span>College Partners</span>            <span>
1580                                                    
1581
1582
1583
1584
1585
1586
1587    
1588                            </span>
1589        </a>                                    
1590                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/resources">            <span>Resource Library</span>            <span>
1591                                                    
1592
1593
1594
1595
1596
1597
1598    
1599                            </span>
1600        </a>                                    
1601                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/apply-to-college/events">            <span>Events</span>            <span>
1602                                                    
1603
1604
1605
1606
1607
1608
1609    
1610                            </span>
1611        </a>                                    
1612                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://apply.questbridge.org/register/refer-a-student">
1612            <span>Refer a Student</span>            <span>
1613                                                    
1614
1615
1616
1617
1618
1619
1620    
1621                            </span>
1622        </a>                                    
1623                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://questbridge.zendesk.com/hc/en-us">            <span>AskQB</span>            <span>
1624                                                    
1625
1626
1627
1628
1629
1630
1631    
1632                            </span>
1633        </a>                                    
1634                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                        </div></div>                </div>
1635                                <div class="container flex flex-col gap-2 my-10">
1636                <div class="flex gap-1.5">
1637                    
1638
1639
1640
1641
1642
1643
1644    <svg class="size-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64">
1645  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m41.286 15.025-10-9.736-10 9.736v40.264h20zM21.286 27.43H3.429v27.857h17.857z"></path>
1646  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 52.433h10.714v-21.43H7z"></path>
1647  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.571 48.86h3.572V34.574H10.57zM59.143 27.43H41.286v27.857h17.857z"></path>
1648  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.857 52.433h10.715v-21.43H44.857z"></path>
1649  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48.429 48.86H52V34.574H48.43zM24.857 24.571h12.858v-7.428L31.286 11l-6.429 6.27v7.301M24.857 55.292h12.858V28.863H24.857v26.429000000000002"></path>
1650  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M29.143 21.004h4.285v-3.06l-2.143-1.94-2.142 1.98zM29.143 55.287h4.285V32.43l-2.143.04h-2.142z"></path>
1651</svg>
1652
1653
1654                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://www.questbridge.org/thrive">            <span>Thrive in College & Beyond</span>            <span>
1655                                                    
1656
1657
1658
1659
1660
1661
1662    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1663    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1664    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1665</svg>
1666
1667                            </span>
1668        </a>                </div>
1669
1670                <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:
1670decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="panel = &#039;panel-2&#039;; console.log(panel)">            <span>Subcategories</span>            <span>
1671                                                    
1672
1673
1674
1675
1676
1677
1678    <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M1.91 11.25 7 7.109V4.89L1.91.75"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m1 9.684 4.387-3.555v-.255L1 2.32"/></svg>
1679
1680                            </span>
1681        </button>            </div>
1682
1683                            <div
1684                    id="panel-2"
1685                    class="absolute top-0 pb-8 w-full bg-gray-200 border-t container h-[calc(100dvh-54px)] overflow-auto lg:h-auto"
1686                    x-show="$data.panel == $el.id"
1687                    x-transition
1688                >
1689                    <div class="py-3">
1690                        <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="$data.panel = null">                    
1691
1692
1693
1694
1695
1696
1697    <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M6.09.75 1 4.891V7.11l5.09 4.141"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M7 2.316 2.613 5.871v.255L7 9.68"/></svg>
1698
1699            <span>Back</span></button>                    </div>
1700
1701                    
1702
1703
1704
1705
1706
1707
1708
1709<div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12">        <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5">                    
1710
1711
1712
1713
1714
1715
1716    <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64">
1717  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m41.286 15.025-10-9.736-10 9.736v40.264h20zM21.286 27.43H3.429v27.857h17.857z"></path>
1718  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 52.433h10.714v-21.43H7z"></path>
1719  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.571 48.86h3.572V34.574H10.57zM59.143 27.43H41.286v27.857h17.857z"></path>
1720  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.857 52.433h10.715v-21.43H44.857z"></path>
1721  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M48.429 48.86H52V34.574H48.43zM24.857 24.571h12.858v-7.428L31.286 11l-6.429 6.27v7.301M24.857 55.292h12.858V28.863H24.857v26.429000000000002"></path>
1722  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M29.143 21.004h4.285v-3.06l-2.143-1.94-2.142 1.98zM29.143 55.287h4.285V32.43l-2.143.04h-2.142z"></path>
1723</svg>
1724
1725        
1726                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&amp;_svg]:!size-6" href="https://www.questbridge.org/thrive">            <span>Thrive in College & Beyond</span>            <span>
1727                                                    
1728
1729
1730
1731
1732
1733
1734    <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1735    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1736    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1737</svg>
1738
1739                            </span>
1740        </a>
1741        
1742        <div class="mb-8 text-base max-w-[32ch]"><p>We’re here to connect Scholars and Alumni to the people and opportunities you need to reach your full potential.</p></div>
1743    </div>
1744        <div class="basis-2/3 grow grid lg:grid-cols-3 gap-8">                                    <div class="flex-1 flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/connect">
1744            <span>Connect</span></a>                    
1745                                        <div class="">
1746                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://qbhub.questbridge.org/">            <span>The QB Hub</span>            <span>
1747                                                    
1748
1749
1750
1751
1752
1753
1754    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1755    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1756    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1757</svg>
1758
1759                            </span>
1760        </a>                                    
1761                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/connect/campus-chapters">            <span>Campus Chapters</span>            <span>
1762                                                    
1763
1764
1765
1766
1767
1768
1769    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1770    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1771    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1772</svg>
1773
1774                            </span>
1775        </a>                                    
1776                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/connect/alumni-community">            <span>Alumni Community</span>
1776            <span>
1777                                                    
1778
1779
1780
1781
1782
1783
1784    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1785    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1786    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1787</svg>
1788
1789                            </span>
1790        </a>                                    
1791                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/connect/national-quest-day">            <span>National Quest Day</span>            <span>
1792                                                    
1793
1794
1795
1796
1797
1798
1799    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1800    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1801    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1802</svg>
1803
1804                            </span>
1805        </a>                                    
1806                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/learn-grow">            <span>Learn & Grow</span></a>                    
1807                                        <div class="">
1808                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/learn-grow/qb-convene">            <span>QB Convene</span>            <span>
1809                                                    
1810
1811
1812
1813
1814
1815
1816    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1817    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1818    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1819</svg>
1820
1821                            </span>
1822        </a>                                    
1823                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
1823decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/learn-grow/mentorship">            <span>Mentorship</span>            <span>
1824                                                    
1825
1826
1827
1828
1829
1830
1831    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1832    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1833    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1834</svg>
1835
1836                            </span>
1837        </a>                                    
1838                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/apply-to-college/events">            <span>Events</span>            <span>
1839                                                    
1840
1841
1842
1843
1844
1845
1846    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1847    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1848    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1849</svg>
1850
1851                            </span>
1852        </a>                                    
1853                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/give-back">            <span>Give Back</span></a>                    
1854                                        <div class="">
1855                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/give-back/emergency-fund">
1855            <span>Emergency Fund</span>            <span>
1856                                                    
1857
1858
1859
1860
1861
1862
1863    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1864    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1865    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1866</svg>
1867
1868                            </span>
1869        </a>                                    
1870                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/give-back/storytelling">            <span>Storytelling</span>            <span>
1871                                                    
1872
1873
1874
1875
1876
1877
1878    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1879    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1880    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1881</svg>
1882
1883                            </span>
1884        </a>                                    
1885                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://apply.questbridge.org/register/refer-a-student">            <span>Refer a Student</span>            <span>
1886                                                    
1887
1888
1889
1890
1891
1892
1893    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1894    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1895    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1896</svg>
1897
1898                            </span>
1899        </a>                                    
1900                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/career-development">
1900            <span>Career Development</span></a>                    
1901                                        <div class="">
1902                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/career-development/summer-professional-experience-program">            <span>Summer Professional Experience Program</span>            <span>
1903                                                    
1904
1905
1906
1907
1908
1909
1910    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1911    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1912    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1913</svg>
1914
1915                            </span>
1916        </a>                                    
1917                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/career-development/job-board">            <span>Job Board for Scholars & Alumni</span>            <span>
1918                                                    
1919
1920
1921
1922
1923
1924
1925    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1926    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1927    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1928</svg>
1929
1930                            </span>
1931        </a>                                    
1932                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/thrive/graduate-school">            <span>Graduate School</span></a>                    
1933                                        <div class="">
1934                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
1934decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/graduate-school/graduate-school-match-mba">            <span>Graduate School Match: MBA</span>            <span>
1935                                                    
1936
1937
1938
1939
1940
1941
1942    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1943    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1944    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1945</svg>
1946
1947                            </span>
1948        </a>                                    
1949                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/graduate-school/graduate-school-scholarship-law">            <span>Graduate School Scholarship: Law</span>            <span>
1950                                                    
1951
1952
1953
1954
1955
1956
1957    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1958    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1959    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1960</svg>
1961
1962                            </span>
1963        </a>                                    
1964                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500 ml-3 gap-2" href="https://www.questbridge.org/thrive/graduate-school/graduate-school-scholarship-medicine">            <span>Graduate School Scholarship: Medicine</span>            <span>
1965                                                    
1966
1967
1968
1969
1970
1971
1972    <svg class="text-blue-700 size-8 !size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1973    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1974    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1975</svg>
1976
1977                            </span>
1978        </a>                                    
1979                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                        </div></div>                </div>
1980                                <div class="container flex flex-col gap-2 my-10">
1981                <div class="flex gap-1.5">
1982                    
1983
1984
1985
1986
1987
1988
1989    <svg class="size-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64">
1990  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.616 29.715c-4.024 0-7.282 3.093-7.282 6.914s3.258 6.914 7.282 6.914 7.282-3.093 7.282-6.914-3.258-6.914-7.282-6.914m0 16.558c-6.695 0-12.133 5.162-12.133 11.52V60.1H56.75v
1990-2.309c0-6.357-5.438-11.52-12.133-11.52"></path>
1991  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M36.689 56.242h15.845c-.754-3.503-4.024-6.141-7.928-6.141s-7.175 2.638-7.93 6.14zm7.929-22.699c-1.785 0-3.234 1.376-3.234 3.07 0 1.695 1.449 3.07 3.233 3.07s3.234-1.375 3.234-3.07-1.449-3.07-3.233-3.07M17.837 3.879c-4.024 0-7.282 3.093-7.282 6.914s3.258 6.914 7.282 6.914 7.282-3.093 7.282-6.914S21.86 3.88 17.837 3.88m0 16.558c-6.695 0-12.133 5.163-12.133 11.52v2.308H29.97v-2.308c0-6.357-5.438-11.52-12.133-11.52"></path>
1992  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.92 30.425h15.846c-.755-3.502-4.024-6.14-7.929-6.14s-7.174 2.638-7.929 6.14zm7.917-22.698c-1.785 0-3.234 1.376-3.234 3.07s1.45 3.07 3.234 3.07 3.234-1.376 3.234-3.07-1.45-3.07-3.234-3.07M56.752 32.799c-.647-5.334-3.114-10.497-7.426-14.59-4.312-4.094-9.75-6.437-15.367-7.051-1.628-.148-2.982-.205-3.689-.205M5.214 38.453c.647 5.334 3.114 10.497 7.426 14.59 4.311 4.095 9.749 6.437 15.366 7.051"></path>
1993</svg>
1994
1995
1996                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://www.questbridge.org/partners">            <span>Our Partners</span>            <span>
1997                                                    
1998
1999
2000
2001
2002
2003
2004    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2005    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2006    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2007</svg>
2008
2009                            </span>
2010        </a>                </div>
2011
2012                <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="panel = &#039;panel-3&#039;; console.log(panel)">            <span>Subcategories</span>            <span>
2013                                                    
2014
2015
2016
2017
2018
2019
2020    <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M1.91 11.25 7 7.109V4.89L1.91.75"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m1 9.684 4.387-3.555v-.255L1 2.32"/></svg>
2021
2022                            </span>
2023        </button>            </div>
2024
2025                            <div
2026                    id="panel-3"
2027                    class="absolute top-0 pb-8 w-full bg-gray-200 border-t container h-[calc(100dvh-54px)] overflow-auto lg:h-auto"
2028                    x-show="$data.panel == $el.id"
2029                    x-transition
2030                >
2031                    <div class="py-3">
2032                        <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="$data.panel = null">                    
2033
2034
2035
2036
2037
2038
2039    <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M6.09.75 1 4.891V7.11l5.09 4.141"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M7 2.316 2.613 5.871v.255L7 9.68"/></svg>
2040
2041            <span>Back</span></button>                    </div>
2042
2043                    
2044
2045
2046
2047
2048
2049
2050
2051<div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12">        <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5">                    
2052
2053
2054
2055
2056
2057
2058    <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64">
2059  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M44.616 29.715c-4.024 0-7.282 3.093-7.282 6.914s3.258 6.914 7.282 6.914 7.282-3.093 7.282-6.914-3.258-6.914-7.282-6.914m0 16.558c-6.695 0-12.133 5.162-12.133 11.52V60.1H56.75v
2059-2.309c0-6.357-5.438-11.52-12.133-11.52"></path>
2060  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M36.689 56.242h15.845c-.754-3.503-4.024-6.141-7.928-6.141s-7.175 2.638-7.93 6.14zm7.929-22.699c-1.785 0-3.234 1.376-3.234 3.07 0 1.695 1.449 3.07 3.233 3.07s3.234-1.375 3.234-3.07-1.449-3.07-3.233-3.07M17.837 3.879c-4.024 0-7.282 3.093-7.282 6.914s3.258 6.914 7.282 6.914 7.282-3.093 7.282-6.914S21.86 3.88 17.837 3.88m0 16.558c-6.695 0-12.133 5.163-12.133 11.52v2.308H29.97v-2.308c0-6.357-5.438-11.52-12.133-11.52"></path>
2061  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.92 30.425h15.846c-.755-3.502-4.024-6.14-7.929-6.14s-7.174 2.638-7.929 6.14zm7.917-22.698c-1.785 0-3.234 1.376-3.234 3.07s1.45 3.07 3.234 3.07 3.234-1.376 3.234-3.07-1.45-3.07-3.234-3.07M56.752 32.799c-.647-5.334-3.114-10.497-7.426-14.59-4.312-4.094-9.75-6.437-15.367-7.051-1.628-.148-2.982-.205-3.689-.205M5.214 38.453c.647 5.334 3.114 10.497 7.426 14.59 4.311 4.095 9.749 6.437 15.366 7.051"></path>
2062</svg>
2063
2064        
2065                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&amp;_svg]:!size-6" href="https://www.questbridge.org/partners">            <span>Our Partners</span>            <span>
2066                                                    
2067
2068
2069
2070
2071
2072
2073    <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2074    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2075    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2076</svg>
2077
2078                            </span>
2079        </a>
2080        
2081        <div class="mb-8 text-base max-w-[32ch]"><p>Our partnerships bridge the gap between the nation’s brightest minds and the opportunities they deserve.</p></div>
2082    </div>
2083        <div class="basis-2/3 grow flex flex-col gap-8 lg:flex-row lg:gap-20">                                    <div class="flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/partners/college-partners">            <span>College Partners</span></a>                    
2084                                        <div class="">
2085                                                                    </div>                </div>                            <div class="flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/partners/graduate-school-partners">            <span>Graduate School Partners</span></a>                    
2086                                        <div class="">
2087                                                                    </div>                </div>                            <div class="flex flex-col gap-3.5">                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg" href="https://www.questbridge.org/partners/career-partners">
2087            <span>Career Partners</span></a>                    
2088                                        <div class="">
2089                                                                    </div>                </div>                        </div></div>                </div>
2090                                <div class="container flex flex-col gap-2 my-10">
2091                <div class="flex gap-1.5">
2092                    
2093
2094
2095
2096
2097
2098
2099    <svg class="size-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64">
2100  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31.69 32.991c5.694 0 10.31-4.616 10.31-10.31s-4.616-10.31-10.31-10.31-10.31 4.616-10.31 10.31 4.616 10.31 10.31 10.31"></path>
2101  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31.69 16.57c-3.37 0-6.11 2.74-6.11 6.11s2.74 6.11 6.11 6.11 6.11-2.74 6.11-6.11-2.74-6.11-6.11-6.11M44.61 59.039c0-7.15-5.81-12.96-12.95-12.98-7.14.02-12.95 5.83-12.95 12.98"></path>
2102  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14.36 59.04c0-9.53 7.76-17.31 17.29-17.34h.02c9.54.03 17.29 7.8 17.29 17.34"></path>
2103  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 59.042c0-11.93 9.71-21.66 21.64-21.69 11.98.03 21.68 9.76 21.68 21.69M31.69 37.352c-8.09 0-14.67-6.58-14.67-14.67s6.58-14.67 14.67-14.67 14.67 6.58 14.67 14.67-6.58 14.67-14.67 14.67"></path>
2104</svg>
2105
2106
2107                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://www.questbridge.org/about">            <span>About Us</span>            <span>
2108                                                    
2109
2110
2111
2112
2113
2114
2115    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2116    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2117    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2118</svg>
2119
2120                            </span>
2121        </a>                </div>
2122
2123                <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="panel = &#039;panel-4&#039;; console.log(panel)">            <span>Subcategories</span>            <span>
2124                                                    
2125
2126
2127
2128
2129
2130
2131    <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M1.91 11.25 7 7.109V4.89L1.91.75"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="m1 9.684 4.387-3.555v-.255L1 2.32"/></svg>
2132
2133                            </span>
2134        </button>            </div>
2135
2136                            <div
2137                    id="panel-4"
2138                    class="absolute top-0 pb-8 w-full bg-gray-200 border-t container h-[calc(100dvh-54px)] overflow-auto lg:h-auto"
2139                    x-show="$data.panel == $el.id"
2140                    x-transition
2141                >
2142                    <div class="py-3">
2143                        <button type="button" class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" @click="$data.panel = null">                    
2144
2145
2146
2147
2148
2149
2150    <svg class="size-4" width="8" height="12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 12" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M6.09.75 1 4.891V
21507.11l5.09 4.141"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width=".8" d="M7 2.316 2.613 5.871v.255L7 9.68"/></svg>
2151
2152            <span>Back</span></button>                    </div>
2153
2154                    
2155
2156
2157
2158
2159
2160
2161
2162<div class="flex flex-col gap-8 py-1.5 lg:container lg:flex-row lg:gap-20 lg:py-12">        <div class="lg:basis-[20rem] grow flex flex-col items-start gap-2 border-b border-black lg:border-b-0 lg:border-r-[1px] lg:border-black/80 lg:pr-8 lg:gap-5">                    
2163
2164
2165
2166
2167
2168
2169    <svg class="size-16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64">
2170  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31.69 32.991c5.694 0 10.31-4.616 10.31-10.31s-4.616-10.31-10.31-10.31-10.31 4.616-10.31 10.31 4.616 10.31 10.31 10.31"></path>
2171  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M31.69 16.57c-3.37 0-6.11 2.74-6.11 6.11s2.74 6.11 6.11 6.11 6.11-2.74 6.11-6.11-2.74-6.11-6.11-6.11M44.61 59.039c0-7.15-5.81-12.96-12.95-12.98-7.14.02-12.95 5.83-12.95 12.98"></path>
2172  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14.36 59.04c0-9.53 7.76-17.31 17.29-17.34h.02c9.54.03 17.29 7.8 17.29 17.34"></path>
2173  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 59.042c0-11.93 9.71-21.66 21.64-21.69 11.98.03 21.68 9.76 21.68 21.69M31.69 37.352c-8.09 0-14.67-6.58-14.67-14.67s6.58-14.67 14.67-14.67 14.67 6.58 14.67 14.67-6.58 14.67-14.67 14.67"></path>
2174</svg>
2175
2176        
2177                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 text-2xl [&amp;_svg]:!size-6" href="https://www.questbridge.org/about">            <span>About Us</span>            <span>
2178                                                    
2179
2180
2181
2182
2183
2184
2185    <svg class="text-blue-700 size-16" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2186    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2187    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2188</svg>
2189
2190                            </span>
2191        </a>
2192        
2193        <div class="mb-8 text-base max-w-[32ch]"><p>Learn more about who we are and how we help students dream big on their path to, through, and beyond college.</p></div>
2194    </div>
2195        <div class="basis-2/3 grow grid lg:grid-cols-3 gap-8">                                    <div class="flex-1 flex flex-col gap-3.5">                                            <div class="text-red-500 font-bold tracking-wider uppercase">Our Story</div>
2196                    
2197                                        <div class="">
2198                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/history">            <span>History</span>            <span>
2199                                                    
2200
2201
2202
2203
2204
2205
2206    
2207                            </span>
2208        </a>                                    
2209                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/mission-and-vision">
2209            <span>Mission & Vision</span>            <span>
2210                                                    
2211
2212
2213
2214
2215
2216
2217    
2218                            </span>
2219        </a>                                    
2220                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/impact">            <span>Impact</span>            <span>
2221                                                    
2222
2223
2224
2225
2226
2227
2228    
2229                            </span>
2230        </a>                                    
2231                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/scholar-stories">            <span>Scholar Stories</span>            <span>
2232                                                    
2233
2234
2235
2236
2237
2238
2239    
2240                            </span>
2241        </a>                                    
2242                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/news">            <span>News</span>            <span>
2243                                                    
2244
2245
2246
2247
2248
2249
2250    
2251                            </span>
2252        </a>                                    
2253                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                            <div class="flex-1 flex flex-col gap-3.5">                                            <div class="text-red-500 font-bold tracking-wider up
2253percase">Learn More</div>
2254                    
2255                                        <div class="">
2256                                                                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/donate">            <span>Donate</span>            <span>
2257                                                    
2258
2259
2260
2261
2262
2263
2264    
2265                            </span>
2266        </a>                                    
2267                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/jobs">            <span>Jobs</span>            <span>
2268                                                    
2269
2270
2271
2272
2273
2274
2275    
2276                            </span>
2277        </a>                                    
2278                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/board-of-directors">            <span>Board of Directors</span>            <span>
2279                                                    
2280
2281
2282
2283
2284
2285
2286    
2287                            </span>
2288        </a>                                    
2289                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                                            <div class="flex flex-col items-start gap-2">                                                                            <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline hover:decoration-transparent decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 text-lg !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px [&amp;_svg]!text-blue-500" href="https://www.questbridge.org/about/contact-us">
2289            <span>Contact Us</span>            <span>
2290                                                    
2291
2292
2293
2294
2295
2296
2297    
2298                            </span>
2299        </a>                                    
2300                                                                        <div class="ml-3 space-y-2">                                                                                                                    </div>                                </div>                                                                        </div>                </div>                        </div></div>                </div>
2301                                                        <nav class="py-10 px-4 border border-t-gray-500">
2302                    <ul class="space-y-4">
2303                                                    <li>
2304                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://apply.questbridge.org/portal/apply">            <span>Applicant Login</span>            <span>
2305                                                    
2306
2307
2308
2309
2310
2311
2312    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2313    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2314    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2315</svg>
2316
2317                            </span>
2318        </a>                            </li>
2319                                                    <li>
2320                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2" href="https://qbhub.questbridge.org/">            <span>Scholar & Alum QB Hub Login</span>            <span>
2321                                                    
2322
2323
2324
2325
2326
2327
2328    <svg class="text-blue-700 size-4" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2329    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2330    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2331</svg>
2332
2333                            </span>
2334        </a>                            </li>
2335                                            </ul>
2336                </nav>
2337                        </div>
2338</div>
2339        </div>
2340    </header>
2341
2342        <div id="content-wrapper">
2343            <main>    
2344                            
2345                
2346
2347
2348
2349
2350
2351
2352
2353<section class="text-white bg-red-500 dark overflow-hidden">    <section class="lg:min-h-[300px] mx-auto max-w-screen-2xl h-full relative flex flex-col-reverse lg:flex-row gap-4 lg:gap-12">        <div class="container flex relative z-10 flex-col min-h-full grow basis-1/3 lg:basis-3/5">
2354            <div class="top-0 lg:absolute">
2355                                    
2356                        
2357
2358                            </div>
2359
2360            <div class="h-full flex flex-col justify-center lg:pt-16 lg:pb-16">                <div class="pt-6 lg:py-16 pb-14">
2361                    <div class="space-y-3 lg:space-y-3"><h2 class="font-serif leading-[1.2] text-pretty type-beta">About Us</h2><div class="prose lg:prose-2xl text-current prose-invert"><p>Learn more about how QuestBridge supports high-achieving students from low-income backgrounds.</p></div></div>                </div>
2362            </div>
2363                    </div>
2364
2365        
2366                            <div class="flex overflow-hidden relative flex-col min-h-full lg:overflow-visible grow lg:basis-2/5">
2367                                <svg class="absolute -bottom-[5%] max-h-full overflow-visible scale-[140%] w-full" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1091 797" fill="none">                    <g class="text-red-700">                        <path stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M823.5 1492.5c445.97 0 807.5-361.53 807.5-807.5s-361.53-807.5-807.5-807.5S16 239.03 16 685s361.53 807.5 807.5 807.5Z"/>
2368                    </g>                    <g class="text-blue-300">                        <path stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M823.507 1325.7c353.853 0 640.703-286.86 640.703-640.704 0-353.849-286.85-640.7-640.703-640.7-353.849 0-640.7 286.851-640.7 640.7 0 353.844 286.851 640.704 640.7 640.704Z"/>
2369                    </g>                    <g class="text-red-700">                        <path stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M823.494 1162.38c263.646 0 477.376-213.729 477.376-477.378 0-263.648-213.73-477.377-477.376-477.377-263.648 0-477.377 213.729-477.377 477.377 0 263.649 213.729 477.378 477.377 477.378Z"/>
2370                    </g>                </svg>
2371                <div class="absolute -bottom-[1px] w-full h-40 lg:opacity-0 bg-gradient-to-t to-transparent from-red-500" role="presentation"></div></div>
2372                    </section></section>        
2373
2374
2375        
2376            
2377    
2378    
2379
2380        
2381
2382<div class="container flex flex-col gap-16 justify-center items-center my-section">
2383    <h3 class="text-center text-red-500 type-beta max-w-[767px]">Get to know QuestBridge</h3>
2384
2385            <div class="flex flex-col gap-6 items-center w-full">
2386                            <div class="relative z-10 flex flex-col lg:flex-row bg-blue-300 w-full lg:min-h-[340px] py-10 px-6 lg:pt-16 lg:px-11 lg:gap-10 max-w-[1216px]">                    
2387
2388
2389
2390
2391
2392
2393    <svg class="size-24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96">
2394  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M94 42.614 48 68.227 2 42.614 48 17z"></path>
2395  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M84.429 42.618 48 62.903 11.572 42.618 48 22.332z"></path>
2396  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M74.714 42.618 48 57.494 21.287 42.618 48 27.742z"></path>
2397  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M65.1 42.611 48 52.13 30.9 42.61 48 33.094zM21.287 58.75 48 73.616 74.714 58.75"></path>
2398  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.287 64.125 48 79.001l26.714-14.876M84.45 47.941v22.157M89.117 58.57v9.66M79.627 58.57v9.66"></path>
2399</svg>
2400
2401        <div class="flex flex-col lg:flex-row z-10 gap-10 lg:gap-16 xl:gap-[70px]">                <div class="flex flex-col gap-6 max-w-[500px] xl:max-w-[530px] 2xl:max-w-[575px]">                <div class="type-delta font-serif">Our Story</div>
2402            
2403            <div class="type-paragraph-base"><p>Learn more about what we do and why.</p></div></div>        
2404                        <div class="flex flex-col gap-1 pt-2.5"><div>                        <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
2404decoration-current underline-offset-4 decoration-1 gap-2 type-paragraph !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px" href="https://www.questbridge.org/about/history">            <span>History</span>            <span>
2405                                                    
2406
2407
2408
2409
2410
2411
2412    <svg class="text-blue-700 size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2413    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2414    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2415</svg>
2416
2417                            </span>
2418        </a>                    </div><div>                        <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 type-paragraph !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px" href="https://www.questbridge.org/about/mission-and-vision">            <span>Mission & Vision</span>            <span>
2419                                                    
2420
2421
2422
2423
2424
2425
2426    <svg class="text-blue-700 size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2427    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2428    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2429</svg>
2430
2431                            </span>
2432        </a>                    </div><div>                        <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 type-paragraph !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px" href="https://www.questbridge.org/about/impact">            <span>Impact</span>            <span>
2433                                                    
2434
2435
2436
2437
2438
2439
2440    <svg class="text-blue-700 size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2441    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2442    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2443</svg>
2444
2445                            </span>
2446        </a>                    </div><div>                        <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 type-paragraph !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px" href="https://www.questbridge.org/about/scholar-stories">            <span>Scholar Stories</span>            <span>
2447                                                    
2448
2449
2450
2451
2452
2453
2454    <svg class="text-blue-700 size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2455    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2456    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2457</svg>
2458
2459                            </span>
2460        </a>                    </div><div>                        <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
2460decoration-current underline-offset-4 decoration-1 gap-2 type-paragraph !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px" href="https://www.questbridge.org/about/news">            <span>News</span>            <span>
2461                                                    
2462
2463
2464
2465
2466
2467
2468    <svg class="text-blue-700 size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2469    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2470    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2471</svg>
2472
2473                            </span>
2474        </a>                    </div></div>        </div><div class="absolute top-0 right-0 z-0 text-turquoise"><svg width="266" height="339" viewBox="0 0 266 339" fill="none" xmlns="http://www.w3.org/2000/svg">
2475    <mask id="mask0_2113_13191" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="266" height="339">
2476    <rect x="266" y="339" width="266" height="339" transform="rotate(-180 266 339)" fill="currentColor"/>
2477    </mask>
2478    <g mask="url(#mask0_2113_13191)">
2479    <path d="M346.036 318.173C178.119 248.013 98.8297 55.1263 168.934 -112.658C198.661 -183.804 250.471 -238.995 313.097 -273.646" stroke="currentColor" stroke-width="17.8039" stroke-miterlimit="10" stroke-linecap="square"/>
2480    <path d="M451.025 296.673C422.065 294.511 392.939 287.724 364.648 275.904C223.237 216.818 156.458 54.3661 215.497 -86.9344C226.01 -112.097 239.812 -134.901 256.174 -155.032" stroke="currentColor" stroke-width="17.8039" stroke-miterlimit="10" stroke-linecap="square"/>
2481    <path d="M550.027 234.177C497.63 252.527 438.513 252.309 383.232 229.211C264.488 179.597 208.422 43.2046 257.997 -75.4456" stroke="currentColor" stroke-width="17.8039" stroke-miterlimit="10" stroke-linecap="square"/>
2482    <path d="M643.556 85.6508C604.227 179.778 495.975 224.196 401.752 184.827C327.375 153.75 283.988 79.7468 288.387 3.63428" stroke="currentColor" stroke-width="17.8039" stroke-miterlimit="10" stroke-linecap="square"/>
2483    </g>
2484</svg></div></div>                            <div class="relative z-10 flex flex-col lg:flex-row bg-gray-100 w-full lg:min-h-[340px] py-10 px-6 lg:pt-16 lg:px-11 lg:gap-10 max-w-[1216px]">                    
2485
2486
2487
2488
2489
2490
2491    <svg class="size-24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96">
2492  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M66.925 44.578c-6.037 0-10.923 4.64-10.923 10.371s4.886 10.372 10.923 10.372c6.036 0 10.923-4.64 10.923-10.371S72.96 44.578 66.925 44.578m0 24.837c-10.043 0-18.2 7.744-18.2 17.28v3.463h36.399v-3.463c0-9.536-8.157-17.28-18.2-17.28"></path>
2493  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M55.033 84.365H78.8c-1.132-5.254-6.036-9.212-11.893-9.212s-10.761 3.958-11.893 9.212zm11.893-34.049c-2.677 0-4.85 2.064-4.85 4.606s2.173 4.606 4.85 4.606 4.85-2.064 4.85-4.606-2.173-4.606-4.85-4.606M26.756 5.82c-6.037 0-10.923 4.64-10.923 10.372 0 5.731 4.886 10.371 10.923 10.371 6.036 0 10.923-4.64 10.923-10.371S32.792 5.82 26.756 5.82m0 24.837c-10.043 0-18.2 7.744-18.2 17.28V51.4h36.399v-3.463c0-9.536-8.157-17.28-18.2-17.28"></path>
2494  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.88 45.642H38.65c-1.132-5.254-6.037-9.212-11.893-9.212s-10.762 3.958-11.894 9.212zm11.876-34.048c-2.677 0-4.851 2.064-4.851 4.605s2.174 4.606 4.85 4.606c2.677 0 4.851-2.064 4.851-4.606s-2.174-4.605-4.85-4.605M85.128 49.198c-.97-8-4.671-15.744-11.139-21.885s-14.624-9.655-23.05-10.576c-2.443-.222-4.473-.307-5.533-.307M7.821 57.68c.97 8 4.671 15.744 11.139 21.885s14.624 9.655 23.05 10.576"></path>
2495</svg>
2496
2497        <div class="flex flex-col lg:flex-row z-10 gap-10 lg:gap-16 xl:gap-[70px]">                <div class="flex flex-col gap-6 max-w-[500px] xl:max-w-[530px] 2xl:max-w-[575px]">                <div class="type-delta font-serif">Learn More</div>
2498            
2499            <div class="type-paragraph-base"><p>Find out more about how you can support our mission.</p></div></div>        
2500                        <div class="flex flex-col gap-1 pt-2.5"><div>                        <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:
2500decoration-current underline-offset-4 decoration-1 gap-2 type-paragraph !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px" href="https://www.questbridge.org/about/donate">            <span>Donate</span>            <span>
2501                                                    
2502
2503
2504
2505
2506
2507
2508    <svg class="text-blue-700 size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2509    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2510    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2511</svg>
2512
2513                            </span>
2514        </a>                    </div><div>                        <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 type-paragraph !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px" href="https://www.questbridge.org/about/jobs">            <span>Jobs</span>            <span>
2515                                                    
2516
2517
2518
2519
2520
2521
2522    <svg class="text-blue-700 size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2523    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2524    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2525</svg>
2526
2527                            </span>
2528        </a>                    </div><div>                        <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 type-paragraph !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px" href="https://www.questbridge.org/about/board-of-directors">            <span>Board of Directors</span>            <span>
2529                                                    
2530
2531
2532
2533
2534
2535
2536    <svg class="text-blue-700 size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2537    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2538    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2539</svg>
2540
2541                            </span>
2542        </a>                    </div><div>                        <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 gap-2 type-paragraph !inline [&amp;_svg]:inline [&amp;_span+span]:inline-block [&amp;_span+span]:w-0 [&amp;_span+span]:relative [&amp;_svg]:relative [&amp;_svg]:left-2 [&amp;_svg]:-top-px" href="https://www.questbridge.org/about/contact-us">            <span>Contact Us</span>            <span>
2543                                                    
2544
2545
2546
2547
2548
2549
2550    <svg class="text-blue-700 size-3" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2551    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2552    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2553</svg>
2554
2555                            </span>
2556        </a>                    </div></div>        </div><div class="absolute top-0 right-0 z-0 text-yellow-500"><svg width="266" height="339" viewBox="0 0 266 339" fill="none" xmlns="http://www.w3.org/2000/svg">
2557    <mask id="mask0_2113_13191" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="266" height="339">
2558    <rect x="266" y="339" width="266" height="339" transform="rotate(-180 266 339)" fill="currentColor"/>
2559    </mask>
2560    <g mask="url(#mask0_2113_13191)">
2561    <path d="M346.036 318.173C178.119 248.013 98.8297 55.1263 168.934 -112.658C198.661 -183.804 250.471 -238.995 313.097 -273.646" stroke="currentColor" stroke-width="17.8039" stroke-miterlimit="10" stroke-linecap="square"/>
2562    <path d="M451.025 296.673C422.065 294.511 392.939 287.724 364.648 275.904C223.237 216.818 156.458 54.3661 215.497 -86.9344C226.01 -112.097 239.812 -134.901 256.174 -155.032" stroke="currentColor" stroke-width="17.8039" stroke-miterlimit="10" stroke-linecap="square"/>
2563    <path d="M550.027 234.177C497.63 252.527 438.513 252.309 383.232 229.211C264.488 179.597 208.422 43.2046 257.997 -75.4456" stroke="currentColor" stroke-width="17.8039" stroke-miterlimit="10" stroke-linecap="square"/>
2564    <path d="M643.556 85.6508C604.227 179.778 495.975 224.196 401.752 184.827C327.375 153.75 283.988 79.7468 288.387 3.63428" stroke="currentColor" stroke-width="17.8039" stroke-miterlimit="10" stroke-linecap="square"/>
2565    </g>
2566</svg></div></div>                    </div>
2567    </div>
2568            </main>
2569        </div>
2570
2571                
2572
2573
2574        
2575            
2576            
2577            
2578    
2579
2580
2581
2582<div  class="">
2583	                                            
2584            
2585                    <footer class="container flex flex-col gap-6 py-11 lg:gap-16 lg:pt-24">
2586            <div class="flex flex-col gap-6 lg:flex-row lg:gap-2 lg:justify-between">
2587                <div class="flex flex-col gap-6 lg:flex-row lg:gap-8 xl:gap-16">
2588                    <div><svg width="53" height="54" viewBox="0 0 53 54" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2589<path d="M26.5 0C11.8822 0 0 11.9158 0 26.5578C0 41.1999 11.8898 53.1157 26.5 53.1157C41.1101 53.1157 53 41.1999 53 26.5578C53 11.9158 41.1178 0 26.5 0ZM21.8465 4.05106C21.8465 4.05106 21.9076 4.02043 21.9458 4.01277C21.9458 4.01277 21.8999 4.02809 21.8465 4.05106ZM25.3844 24.2604C25.3844 24.2604 25.3844 24.2604 25.392 24.2604C25.392 24.2604 25.392 24.2604 25.392 24.2528M27.5239 23.0122C27.501 23.2343 27.3711 23.4487 27.1495 23.6172C26.7292 23.9311 26.1332 23.9311 25.8428 23.6325C25.7053 23.487 25.69 23.3262 25.6977 23.219C25.7206 22.9969 25.8581 22.7748 26.0721 22.614C26.4924 22.3077 27.0884 22.3 27.3787 22.6063C27.4934 22.7288 27.5239 22.8667 27.5239 22.9662C27.5239 22.9816 27.5239 23.0045 27.5239 23.0198M28.907 26.5195C28.907 26.5195 28.9299 26.5272 28.9376 26.5349C28.9299 26.5349 28.9146 26.5425 28.907 26.5502V26.5195ZM27.8525 28.4723C27.8525 28.4723 27.8601 28.5183 27.8678 28.5412C27.8449 28.5336 27.8219 28.5183 27.799 28.5106C27.8219 28.4953 27.8372 28.4876 27.8525 28.4723ZM23.39 28.4723C23.3976 28.2732 23.4664 28.1047 23.5734 28.0128C23.7186 27.8903 23.8943 27.875 24.0166 27.8903C24.2764 27.9133 24.5285 28.0588 24.7196 28.2885C24.8953 28.503 24.987 28.7557 24.987 28.9777C24.987 29.1615 24.9259 29.33 24.8036 29.4449C24.6508 29.5138 24.1159 29.6823 23.6116 29.1692C23.4588 29.016 23.3671 28.7327 23.3823 28.4723M26.1791 29.3683C26.3625 29.1845 26.6299 29.0773 26.9356 29.0773C27.4475 29.0773 27.8831 29.3913 27.8831 29.7742C27.8831 30.1571 27.4552 30.4864 26.9432 30.4864C26.6452 30.4864 26.3624 30.3868 26.1867 30.203C26.1026 30.1188 25.995
25897 29.9733 25.9957 29.7818C25.9957 29.5904 26.095 29.4449 26.1791 29.3606M28.7771 27.6299C29.0522 27.2011 29.5565 27.0096 29.8851 27.2164C30.0608 27.3313 30.1525 27.5457 30.1525 27.7831C30.1525 27.9822 30.0914 28.1966 29.9691 28.3957C29.8087 28.6485 29.5718 28.8246 29.3196 28.8782C29.205 28.9012 29.0293 28.9088 28.8688 28.8093C28.7083 28.7021 28.6396 28.5412 28.6166 28.4187C28.5631 28.166 28.6243 27.875 28.7847 27.6299M28.907 24.0766C29.0827 24.0001 29.2509 24.0384 29.3655 24.0766C29.6024 24.1685 29.8087 24.383 29.9309 24.6587C30.0532 24.9343 30.0685 25.2253 29.9691 25.4704C29.9233 25.5853 29.8316 25.7308 29.6635 25.8073C29.312 25.9605 28.8459 25.6925 28.6396 25.2253C28.5249 24.9497 28.502 24.6587 28.6013 24.4136C28.6472 24.2987 28.7312 24.1532 28.907 24.069M28.1429 26.443C28.1429 27.3696 27.394 28.1201 26.4694 28.1201C25.5448 28.1201 24.796 27.3696 24.796 26.443C24.796 26.2056 24.8495 25.9758 24.9335 25.7691C24.9641 25.7308 24.9947 25.7001 25.0252 25.6542C25.1093 25.5393 25.1781 25.4244 25.2392 25.3019C25.2545 25.2866 25.2697 25.2713 25.285 25.2483C25.606 24.9343 26.0262 24.7582 26.4694 24.7582C27.394 24.7582 28.1429 25.5087 28.1429 26.4353M24.5897 24.8807C24.4751 25.0186 24.3757 25.1717 24.2993 25.3249C24.1388 25.4857 23.9402 25.5853 23.7339 25.6159C23.6116 25.6312 23.4358 25.6312 23.283 25.5087C22.9774 25.2789 22.985 24.7352 23.2907 24.3294C23.6039 23.9235 24.1159 23.7703 24.4216 24.0001C24.5744 24.1149 24.6508 24.3064 24.6508 24.5208C24.6508 24.6357 24.6279 24.7582 24.582 24.8807M26.5 51.6224C12.6998 51.6224 1.46713 40.3651 1.46713 26.5349C1.46713 25.838 1.49769 25.1564 1.55118 24.4749H20.769L20.8454 24.2911C21.77 21.9784 24.0548 20.4468 26.5458 20.4927C28.0665 20.5157 29.5107 21.113 30.611 22.1622H30.6186C30.6186 22.1622 30.6339 22.1851 30.6416 22.1851C31.123 22.6369 31.5203 23.15 31.826 23.6937L31.9024 23.8239C32.3303 24.5055 33.4612 26.2975 35.7383 25.7231C36.4107 25.5546 36.938 25.0798 37.2436 24.4059C37.5951 23.6095 37.5646 22.6752 37.1596 21.9018C36.6476 20.7071 35.9523 19.6121 35.0735 18.6395L35.0277 18.5859L35.0124 18.5706C32.827 16.2043 29.8469 14.8641 26.6299 14.8182C23.9402 14.7722 21.2963 15.6682 19.1873 17.3376C19.1032 17.4066 19.0574 17.5138 19.0115 17.6133L18.9733 17.6976C18.9733 17.6976 18.9733 17.6976 18.9657 17.7052C18.9504 17.7052 18.9275 17.6899 18.9045 17.6899H18.7823L18.6753 17.7665C18.0029 18.3638 17.3992 19.0454 16.8796 19.7805C16.8643 19.7958 16.8108 19.8648 16.7803 19.9031C16.4899 20.1251 16.146 20.2477 15.8862 20.217C15.3972 20.1481 15.0763 19.7422 15.0763 19.2062V19.1755C15.0763 19.0837 15.0992 18.9994 15.1297 18.9305C15.1297 18.9305 15.1527 18.8845 15.168 18.8539C15.1909 18.8156 15.4048 18.5093 15.4048 18.5093C17.3992 15.7524 20.3182 13.8533 23.6192 13.1564C24.796 12.8807 25.8581 11.8469 25.8581 10.3459C25.8581 10.1545 25.8428 9.9477 25.8046 9.74093C25.4379 7.67328 23.5505 7.42057 22.5953 7.58139C16.3065 8.86027 11.0951 13.164 8.62701 19.1066L8.5506 19.3057V19.321C8.42834 19.7193 8.03099 20.0103 7.61836 20.0026C7.37384 20.0026 7.1446 19.8954 6.96885 19.7193C6.80075 19.5431 6.70905 19.3134 6.70905 19.076V19.0607C6.70905 18.9228 6.72433 18.8233 6.7549 18.739C6.81603 18.5782 6.98413 18.1647 7.03762 18.0575V18.0422C8.74163 14.1366 11.5536 10.859 15.168 8.57692C15.2826 8.50034 15.3437 8.37782 15.4354 8.14808C15.4583 8.10213 15.4889 8.03321 15.5195 7.95663C15.6188 8.01789 15.7334 8.01789 15.8404 7.96428H15.8939C15.9779 7.9796 16.1308 7.99492 16.2836 7.91068C19.4776 6.15701 23.1073 5.26868 26.7674 5.32994C30.0838 5.38355 33.2472 6.18764 36.1662 7.71157L36.3267 7.77284L36.4031 7.79581C36.4795 7.8341 36.5559 7.8341 36.6247 7.82644C36.6476 7.91068 36.6935 7.99492 36.7928 8.04852C40.1626 9.95536 42.944 12.7505 44.8467 16.1277C44.9155 16.2579 45.0072 16.3038 45.053 16.3344C45.1295 16.4417 45.2288 16.4953 45.2899 16.5182C45.2899 16.5718 45.3052 16.6561 45.3052 16.7097C45.3205 16.8858 45.3281 17.039 45.3893 17.1615C46.1458 18.7008 46.7112 20.3242 47.078 21.9937C47.078 22.0243 47.1162 22.2311 47.1162 22.2311C47.162 22.4838 47.2002 22.7135 47.2002 22.9203C47.2002 23.3491 47.0398 23.6631 46.4743 23.8163C46.2833 23.8699 46.1228 23.8469 45.9624 23.755C45.5421 23.4946 45.2976 22.7212 45.2212 22.3536C43.6318 15.1245 37.9543 9.38101 30.7715 7.71157L30.7638 7.70391C29.824 7.51247 27.9213 7.70391 27.485
25897 9.75625C27.096 11.5788 28.2346 12.8884 29.5489 13.2406L29.9386 13.3478C35.9752 14.9713 40.1244 20.4851 40.0174 26.7569C39.8952 34.2847 33.6828 40.3039 26.1714 40.1814C21.0365 40.0971 16.4288 37.1641 14.1669 32.5387L14.0753 32.3549C13.8842 31.972 13.7008 31.5355 13.5174 31.0301L13.25 30.4174V30.4021C12.8374 29.5061 11.8364 28.8935 10.7054 28.8399C9.21539 28.771 8.03099 29.9503 7.95458 31.5891C7.93929 31.9337 7.98515 32.2783 8.09212 32.6076V32.6459C8.2908 33.2049 8.50475 33.764 8.74163 34.3L8.7722 34.3613C10.0865 37.3402 12.1573 39.9593 14.7477 41.935L15.2138 42.272C15.3743 42.3868 15.5347 42.3332 15.6799 42.249C15.6799 42.4328 15.7105 42.6166 15.871 42.7238C18.9045 44.7149 22.4348 45.7946 26.0721 45.8559C29.014 45.9019 31.8489 45.3045 34.5004 44.0716C34.7297 43.9644 34.7755 43.7346 34.7984 43.5968C34.7984 43.5968 34.8137 43.5279 34.8214 43.5049C34.8825 43.4666 34.9283 43.413 34.9742 43.3364C34.9742 43.39 34.9971 43.4513 35.0506 43.5049C35.2493 43.7193 35.4632 43.5968 36.044 43.2599C40.3002 40.794 43.4178 36.8425 44.8391 32.1558V32.1405C44.8391 32.1405 44.8544 32.0869 44.862 32.0792C44.862 32.0639 44.9537 31.7576 44.9537 31.7576L44.969 31.727L45.076 31.2675V31.2522C45.1218 30.9152 45.3893 30.1724 45.8248 29.8737C46.0006 29.7512 46.1763 29.7206 46.3826 29.7665C46.8564 29.8814 47.0245 30.1647 47.0245 30.6548C47.0245 30.8693 46.9939 31.1143 46.9404 31.4053C46.9404 31.4053 46.9099 31.5891 46.9099 31.6121C46.9099 31.6274 46.887 31.7193 46.887 31.7193L46.7723 32.1558V32.1941C46.0999 34.6064 45.0225 36.8578 43.563 38.8948C43.5019 38.9714 43.4866 39.0556 43.4866 39.1399C43.4866 39.2471 43.5248 39.3466 43.5477 39.4232C43.5477 39.4232 43.5477 39.4385 43.5554 39.4462C43.4637 39.5534 43.2497 39.8138 43.2115 39.8597C43.1656 39.8291 43.1122 39.8061 43.051 39.8061C42.9441 39.8061 42.8447 39.8521 42.7759 39.9363C38.6497 45.0059 32.5366 47.8546 26.0186 47.7474C18.8052 47.6249 12.2108 43.8878 8.39777 37.7385C8.30608 37.593 8.13797 37.5317 7.81704 37.4321C7.77119 37.4168 7.7177 37.4015 7.66421 37.3862C7.74063 37.2866 7.87052 37.1258 7.87052 36.942C7.87052 36.8731 7.85524 36.7965 7.80939 36.72C6.55622 34.4226 5.74625 31.949 5.40239 29.353C5.32597 28.7863 5.28013 28.2119 5.24956 27.6376H22.8245C22.6717 27.852 22.58 28.1201 22.5647 28.4264C22.5647 28.457 22.5647 28.4876 22.5647 28.5183C22.5647 28.9701 22.7328 29.4142 23.0156 29.6976C23.8026 30.5017 24.7578 30.3026 25.1551 30.0882L25.1857 30.0728L25.2086 30.0499C25.2621 30.3026 25.3997 30.5476 25.5983 30.7391C25.9269 31.0607 26.4007 31.2445 26.8973 31.2445C27.8372 31.2368 28.6014 30.5706 28.5937 29.7589C28.5937 29.6899 28.5861 29.6134 28.5708 29.5444C28.8306 29.6593 29.1286 29.6899 29.419 29.621C29.8698 29.5215 30.2824 29.2305 30.5499 28.8093C31.0618 28.0128 30.9243 27.0096 30.2442 26.5731C30.1678 26.5272 30.0914 26.4889 30.015 26.4583C30.2824 26.3051 30.4964 26.0601 30.6186 25.7537C30.7868 25.3249 30.7638 24.8195 30.5652 24.36C30.3665 23.9005 30.0073 23.5406 29.5794 23.3721C29.2279 23.2343 28.8612 23.2343 28.5326 23.3721C28.204 23.51 27.9518 23.7856 27.8143 24.1303C27.7837 24.2145 27.7532 24.3064 27.7379 24.3983C27.6538 24.3447 27.5698 24.2987 27.4781 24.2528C27.4934 24.2375 27.5163 24.2298 27.5316 24.2145C27.9289 23.9235 28.1734 23.5023 28.2193 23.0658C28.2498 22.6906 28.1276 22.3306 27.8754 22.0549C27.3176 21.4653 26.3013 21.427 25.5601 21.9784C25.1628 22.2694 24.9183 22.6906 24.88 23.1271C24.8724 23.2343 24.88 23.3415 24.8877 23.4487C24.8648 23.4334 24.8495 23.4104 24.8265 23.3951C24.177 22.905 23.1913 23.1194 22.6259 23.8699C22.175 24.4672 22.1215 25.2253 22.4425 25.7614H3.30103V26.0524C3.27047 26.979 3.30867 27.9363 3.40801 28.9012L3.44622 29.2687V29.3377L3.4615 29.4602C4.15686 34.928 6.7931 39.9822 10.8965 43.6964C15.0381 47.4488 20.3946 49.5624 25.9804 49.6543C31.23 49.7385 36.4031 48.0154 40.537 44.7838C44.6099 41.5981 47.5365 37.0952 48.7667 32.1022L48.889 31.6121L48.9043 31.5049L48.9348 31.3287C49.1411 29.8048 48.4076 28.0741 46.8258 27.8061C45.1906 27.5304 43.7387 28.8322 43.4178 30.2337L43.4025 30.3102L43.2803 30.8233L43.2344 30.9918C42.264 34.6982 40.0404 38.0371 36.9915 40.3881C33.8433 42.808 30.0838 44.0563 26.1026 43.9874C22.7252 43.9338 19.4624 42.8999 16.6733 41.0161C13.953 39.1782 11.8134 36.6204 10.4838 33.6261C10.4838 33.6261 10.4762 33.5955 10.4686 33.5955C10.247 33.0977 10.0483 32.577 9.87255 32.0486V32.0333C9.83434 31.9261 9.81142 31.8189 9.81142 31.7116V31.6657C9.81906 31.4053 9.93368 31.1679 10.1247 30.9994C10.3157 30.8233 10.5603 30.7391 10.8201 30.7467C11.1868 30.7621 11.5078 30.9841 11.6606 31.3287L11.6912 31.413C11.8134 31.7729 11.951 32.1175 12.0885 32.4468V32.4238L12.2184 32.7684C14.6483 38.3128 20.1119 41.958 26.1409 42.0576C29.5565 42.1112 32.8193 41.0773 35.5626 39.048L36.1739 38.5732C36.3649 38.42 36.5177 38.1137 36.6706 37.7844C36.7699 37.5853 36.8922 37.3326 36.9762 37.2483C36.9991 37.2483 37.045 37.2637 37.045 37.2637C37.1825 37.3096 37.4576 37.3939 37.7021 37.1335L38.0536 36.7429C40.4606 33.9861 41.8131 30.4557 41.8743 26.7876C41.8743 26.6957 41.8743 26.6038 41.8743 26.5119C41.8743 25.0952 41.6909 23.7014 41.3317 22.3613C41.263 22.1086 41.0643 21.4883 40.7663 21.3045C40.5829 21.1896 40.4071 21.2126 40.2772 21.2509C40.2314 21.0824 40.1855 20.8986 40.1473 20.7071C40.0709 20.3396 39.9945 19.9567 39.8417 19.6503C39.8341 19.6274 39.8264 19.6044 39.8264 19.5738C39.8264 19.5278 39.8417 19.4589 39.857 19.3823C39.8799 19.2904 39.9105 19.1755 39.9105 19.053C39.9105 18.9382 39.8875 18.8156 39.8111 18.6854L39.3756 17.9732C37.4653 15.0402 34.5692 12.8424 31.2223 11.7856C31.2223 11.7856 30.9625 11.6937 30.7409 11.6401H30.7256H30.718C30.0532 11.5329 29.5412 11.1423 29.3655 10.5986C29.3273 10.4761 29.3043 10.3612 29.3043 10.2464C29.3043 10.0396 29.3731 9.84814 29.4954 9.72562C29.7323 9.48822 30.1678 9.44993 30.7256 9.62606L30.8173 9.64904C37.3277 11.3568 42.3175 16.748 43.5248 23.3798C43.6241 24.0077 44.1285 24.7123 44.8009 25.1794C45.4504 25.6312 46.184 25.7997 46.8488 25.6618C47.6205 25.501 48.2089 25.1028 48.591 24.4749C48.6445 24.383 48.6521 24.2911 48.6521 24.2068V24.1915C48.7438 24.1456 48.7896 24.0766 48.8126 24.023L48.889 23.801C48.889 23.801 48.9043 23.732 48.9043 23.7014C48.9043 23.6784 48.8966 23.6631 48.889 23.6401C48.9119 23.6325 48.9348 23.6172 48.9348 23.6172L48.9654 23.4717C49.0342 23.1653 49.0647 22.8361 49.0647 22.4838C49.0647 22.4225 49.0647 22.3613 49.0647 22.3077V22.2847V22.2617C48.9348 21.5725 48.7744 20.8909 48.591 20.2247C48.5528 20.0945 48.4534 20.0103 48.3388 19.949C48.3847 19.8877 48.4229 19.8112 48.4229 19.7193C48.4229 19.6886 48.4229 19.6503 48.4076 19.6121C47.0321 15.2087 44.3883 11.3568 40.7816 8.46205C40.6899 8.38547 40.5371 8.30889 40.3078 8.18637C40.1703 8.11744 40.0098 8.03321 39.9563 7.99492C39.941 7.9796 39.9181 7.97194 39.8952 7.96428C39.8952 7.95663 39.8952 7.94131 39.8952 7.926C39.8952 7.84176 39.8646 7.76518 39.7653 7.69626C35.9599 4.97768 31.4592 3.49203 26.7674 3.41545C25.1398 3.39248 23.5122 3.53032 21.9381 3.8443C21.8999 3.8443 21.77 3.89025 21.7089 4.03575C21.6401 3.97448 21.5484 3.92854 21.4185 3.95151C20.9601 4.05106 20.4939 4.16593 20.0507 4.29612L19.3707 4.50288L18.4002 4.83984C15.6646 5.85069 13.1659 7.36696 10.9805 9.3274C10.8353 9.45759 10.8048 9.64138 10.7742 9.77922C10.7742 9.79454 10.7742 9.80986 10.7666 9.83283C10.6367 9.81751 10.4609 9.8022 10.3234 9.94004C9.02436 11.2036 7.87053 12.6203 6.90009 14.1519C6.82367 14.2744 6.81603 14.4046 6.81603 14.5195C6.81603 14.5195 6.81603 14.5808 6.81603 14.6037C6.77018 14.6727 6.7014 14.7416 6.61735 14.8105C6.50273 14.9101 6.38048 15.0249 6.28878 15.1934C5.86087 15.9592 5.46352 16.7556 5.1273 17.5674C5.06617 17.6899 4.93627 18.0115 4.89042 18.157C4.79109 18.4404 4.73759 18.7467 4.72995 19.053V19.099C4.72995 19.8418 5.01268 20.5387 5.52465 21.0671C6.0519 21.6108 6.7549 21.9171 7.51903 21.9324C8.71107 21.9554 9.79613 21.2202 10.2164 20.1098L10.2852 19.9337V19.949L10.3692 19.7269L10.4151 19.5967C12.6081 14.5118 17.1318 10.7441 22.5189 9.51885H22.5265C23.0996 9.35804 23.5505 9.4193 23.7873 9.69499C23.9096 9.83283 23.9784 10.0243 23.9784 10.2387C23.9784 10.3765 23.9478 10.522 23.8943 10.6599C23.6956 11.15 23.2066 11.464 22.5877 11.5099H22.5571L22.5265 11.5176C20.9753 11.9158 19.5006 12.5591 18.1404 13.4168C18.0411 13.478 17.9876 13.5776 17.9876 13.6924C17.9876 13.6924 17.9952 13.7537 18.0029 13.7767C17.9647 13.815 17.9341 13.8609 17.8959 13.8992C17.8806 13.9222 17.85 13.9528 17.8271 13.9834C17.7354 13.9452 17.6132 13.9222 17.4909 14.0064L17.3457 14.0907C17.3457 14.0907 17.2082 14.1749 17.17 14.1979H17.1547C17.0859 14.1979 16.9637 14.2132 16.849 14.3051C15.5729 15.3006 14.4726 16.4876 13.5633 17.8277L13.5251 17.889L13.4563 18.0115C13.3417 18.226 13.1354 18.7773 13.1354 19.1526C13.1354 19.1679 13.1354 19.1832 13.1354 19.2062C13.1354 19.9873 13.4334 20.7454 13.953 21.2815C14.4268 21.7716 15.0533 22.0473 15.7105 22.0549C16.8032 22.0779 17.6208 21.7103 18.3467 20.868L18.362 20.8526C18.362 20.8526 18.3849 20.8144 18.3926 20.8067C20.2723 18.1724 23.3212 16.6331 26.5458 16.6867C29.1439 16.7327 31.5738 17.7818 33.4001 19.635L33.4154 19.658L33.4307 19.6733C34.2253 20.5004 34.8596 21.45 35.3257 22.4991C35.4479 22.8054 35.5091 23.0735 35.5091 23.2879C35.5091 23.4104 35.4938 23.51 35.4556 23.5942C35.3945 23.7244 35.2722 23.8086 35.0964 23.8622C34.2483 24.1149 33.7516 23.4487 33.3466 22.7978L33.1938 22.568L33.2167 22.6063C32.9263 22.1009 32.5825 21.6184 32.1851 21.1819L32.1545 21.1436L32.1393 21.1283C30.6645 19.5508 28.6701 18.6625 26.5153 18.6318C23.6192 18.5859 20.9601 20.1098 19.5235 22.6293H1.71164C3.5914 10.6522 13.9683 1.45501 26.4389 1.45501C40.239 1.45501 51.4717 12.7122 51.4717 26.5425C51.4717 40.3728 40.239 51.63 26.4389 51.63" fill="#828282"/>
2590<path d="M22.6095 31.1388L22.5865 31.1082L22.2045 30.6717C21.4403 29.7834 20.3935 28.5581 18.5367 28.8491C17.8337 28.9639 17.1536 29.477 16.7562 30.1969C16.336 30.955 16.2825 31.8357 16.6034 32.6091L16.6493 32.701L16.7409 32.8542C18.8423 36.2007 22.4413 38.2454 26.3766 38.3373C30.5182 38.4292 34.4458 36.285 36.6083 32.7317C37.1203 32.0195 37.296 31.0469 37.0515 30.1739C36.8452 29.4464 36.3944 28.9027 35.7678 28.6423C33.6282 27.7463 32.2375 29.4081 31.7102 30.0361L31.5956 30.1663C30.4112 31.7285 28.4168 32.701 26.5065 32.6627C25.07 32.6321 23.6869 32.0807 22.6171 31.1158M32.8411 31.5064L33.0475 31.2767C33.5518 30.664 34.1478 30.0361 34.9272 30.4036C35.0953 30.4802 35.187 30.5798 35.2329 30.7253C35.3169 31.001 35.2099 31.4375 34.9349 31.897C33.078 34.83 29.8916 36.5453 26.4148 36.4611H26.2162C25.9258 36.4305 25.5972 36.4075 25.3603 36.553C25.2151 36.6449 25.1387 36.7751 25.0852 36.8746C25.0852 36.8746 25.07 36.8976 25.0623 36.9129C25.0317 36.9129 25.0088 36.9129 25.0088 36.9129C24.7872 36.8976 24.6344 36.8823 24.6344 36.4994V36.2696L24.0231 36.1165C21.7078 35.4809 19.7134 34.0182 18.3991 31.9888C18.3991 31.9888 18.3991 31.9888 18.3991 31.9812C18.3685 31.9276 18.338 31.7897 18.338 31.6213C18.338 31.3915 18.3991 31.1005 18.6207 30.932C18.6818 30.8861 18.9722 30.6717 19.3695 30.7176C19.721 30.7636 20.0649 31.001 20.3858 31.4298L20.5769 31.6519L20.9131 32.0425L20.9284 32.0578C22.3879 33.597 24.3517 34.4624 26.4683 34.516C28.9899 34.5696 31.3205 33.4592 32.8794 31.4681L32.8488 31.4987L32.8411 31.5064Z" fill="#828282"/>
2591</svg>
2592
2593</div>
2594
2595                    <div class="flex flex-col gap-2 lg:flex-row lg:gap-5 xl:gap-20">
2596                                                    <div>
2597                                <div class="hidden flex-col gap-4 lg:flex">
2598                                    <div class="type-zeta">About Us</div>
2599
2600                                    <div class="flex-col gap-1 lg:flex">
2601                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:
2601decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/about/mission-and-vision">            <span>Mission & Vision</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/partners">            <span>Partners</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/about/news">            <span>News</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/about/jobs">            <span>Job Openings</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/about/donate">            <span>Donate</span></a>                                                                                                                        </div>
2602                                </div>
2603
2604                                                                <div
2605                                    x-data="{
2606                                        open: false,
2607                                        toggle() {
2608                                            if (this.open) { return this.close() };
2609                                            this.$refs.button.focus();
2610                                            this.open = true;
2611                                        },
2612                                        close(focusAfter) {
2613                                            if (! this.open) return
2614                                            this.open = false
2615                                            focusAfter && focusAfter.focus()
2616                                        },
2617                                    }"
2618                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
2619                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
2620                                    x-id="['dropdown-button']"
2621                                    class="flex flex-col gap-4 lg:hidden"
2622                                >
2623                                    <button
2624                                        x-ref="button"
2625                                        x-on:click="toggle()"
2626                                        :aria-expanded="open"
2627                                        :aria-controls="$id('dropdown-button')"
2628                                        type="button"
2629                                        class="flex gap-2 items-center type-zeta"
2630                                    >
2631                                        <span>About Us</span>
2632                                        <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" d="m1 5.21 5.522 6.788h2.956L15 5.211"/><path stroke="currentColor" stroke-miterlimit="10" d="m3.088 4 4.74 5.85h.339L12.907 4"/></svg>
2633
2634                                    </button>
2635
2636                                    <div
2637                                        x-ref="panel"
2638                                        x-show="open"
2639                                        x-transition.origin.top.left
2640                                        x-on:click.outside="close($refs.button)"
2641                                        :id="$id('dropdown-button')"
2642                                        style="display: none;"
2643                                        class="flex flex-col gap-1"
2644                                    >
2645                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/about/mission-and-vision">            <span>Mission & Vision</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/partners">            <span>Partners</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/about/news">            <span>News</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/about/jobs">            <span>Job Openings</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/about/donate">            <span>Donate</span></a>                                                                                                                        </div>
2646                                </div>
2647                            </div>
2648                                                    <div>
2649                                <div class="hidden flex-col gap-4 lg:flex">
2650                                    <div class="type-zeta">Resources</div>
2651
2652                                    <div class="flex-col gap-1 lg:flex">
2653                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:
2653decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://apply.questbridge.org/portal/apply">            <span>Application Manage Page</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/apply-to-college/events">            <span>Events</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://www.questbridge.org/apply-to-college/resources">            <span>Resource Library</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph" href="https://qbhub.questbridge.org/">            <span>The QB Hub</span></a>                                                                                                                        </div>
2654                                </div>
2655
2656                                                                <div
2657                                    x-data="{
2658                                        open: false,
2659                                        toggle() {
2660                                            if (this.open) { return this.close() };
2661                                            this.$refs.button.focus();
2662                                            this.open = true;
2663                                        },
2664                                        close(focusAfter) {
2665                                            if (! this.open) return
2666                                            this.open = false
2667                                            focusAfter && focusAfter.focus()
2668                                        },
2669                                    }"
2670                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
2671                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
2672                                    x-id="['dropdown-button']"
2673                                    class="flex flex-col gap-4 lg:hidden"
2674                                >
2675                                    <button
2676                                        x-ref="button"
2677                                        x-on:click="toggle()"
2678                                        :aria-expanded="open"
2679                                        :aria-controls="$id('dropdown-button')"
2680                                        type="button"
2681                                        class="flex gap-2 items-center type-zeta"
2682                                    >
2683                                        <span>Resources</span>
2684                                        <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-miterlimit="10" d="m1 5.21 5.522 6.788h2.956L15 5.211"/><path stroke="currentColor" stroke-miterlimit="10" d="m3.088 4 4.74 5.85h.339L12.907 4"/></svg>
2685
2686                                    </button>
2687
2688                                    <div
2689                                        x-ref="panel"
2690                                        x-show="open"
2691                                        x-transition.origin.top.left
2692                                        x-on:click.outside="close($refs.button)"
2693                                        :id="$id('dropdown-button')"
2694                                        style="display: none;"
2695                                        class="flex flex-col gap-1"
2696                                    >
2697                                                                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:
2697decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://apply.questbridge.org/portal/apply">            <span>Application Manage Page</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/apply-to-college/events">            <span>Events</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://www.questbridge.org/apply-to-college/resources">            <span>Resource Library</span></a>                                                                                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2" href="https://qbhub.questbridge.org/">            <span>The QB Hub</span></a>                                                                                                                        </div>
2698                                </div>
2699                            </div>
2700                                            </div>
2701                </div>
2702
2703                                    <div class="flex flex-col gap-1 lg:gap-4 md:max-w-[222px]">
2704                        <div class="type-zeta">Questions?</div>
2705
2706                        <div class="flex flex-col gap-6 lg:gap-8">
2707                            <div class="flex flex-col gap-4">
2708                                <div class="type-paragraph-sm"><p>Visit our help portal to find answers.</p></div>
2709
2710                                                                    <div>
2711                                        <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty bg-transparent border border-black/20 text-gray-700 hover:bg-gray-100 focus:ring-gray-100 active:bg-gray-100 aria-[current]:text-white aria-[current]:bg-navy px-4 py-2 text-2xs rounded gap-1 tracking-[5%] w-full" href="https://questbridge.zendesk.com/hc/en-us">            <span>Visit AskQB</span></a>                                    </div>
2712                                                            </div>
2713
2714                            <div class="flex gap-4">
2715                                                                                                            <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty focus:ring-black rounded-full" href="https://www.facebook.com/QuestBridge">            <span class="sr-only">Facebook</span>            <span>
2716                                                    
2717
2718
2719
2720
2721
2722
2723    <svg class="w-5" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2724    <path d="M12.0004 2.39844C6.69879 2.39844 2.40039 6.69684 2.40039 11.9984C2.40039 16.8112 5.94599 20.7856 10.5652 21.48V14.5424H8.18999V12.0192H10.5652V10.34C10.5652 7.56004 11.9196 6.34004 14.23 6.34004C15.3364 6.34004 15.922 6.42244 16.1988 6.45924V8.66164H14.6228C13.642 8.66164 13.2996 9.59204 13.2996 10.64V12.0192H16.174L15.7844 14.5424H13.2996V21.5C17.9852 20.8648 21.6004 16.8584 21.6004 11.9984C21.6004 6.69684 17.302 2.39844 12.0004 2.39844Z" fill="black"/>
2725</svg>
2726
2727                            </span>
2728        </a>                                                                                                                                                <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty focu
2728s:ring-black rounded-full" href="https://www.instagram.com/questbridge/">            <span class="sr-only">Instagram</span>            <span>
2729                                                    
2730
2731
2732
2733
2734
2735
2736    <svg class="w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18" aria-hidden="true"><path fill="#000" d="M5.293 0C2.387 0 0 2.384 0 5.293v7.414C0 15.613 2.384 18 5.293 18h7.414C15.613 18 18 15.616 18 12.707V5.293C18 2.387 15.616 0 12.707 0H5.293Zm0 1.636h7.414a3.651 3.651 0 0 1 3.657 3.657v7.414a3.651 3.651 0 0 1-3.657 3.657H5.293a3.651 3.651 0 0 1-3.657-3.657V5.293a3.651 3.651 0 0 1 3.657-3.657Zm8.54 1.79a.738.738 0 0 0-.742.742c0 .412.33.741.741.741.413 0 .742-.33.742-.741a.738.738 0 0 0-.742-.742ZM9 4.091C6.3 4.09 4.09 6.299 4.09 9c0 2.7 2.21 4.91 4.91 4.91S13.91 11.7 13.91 9 11.7 4.09 9 4.09Zm0 1.636A3.259 3.259 0 0 1 12.273 9 3.259 3.259 0 0 1 9 12.273 3.259 3.259 0 0 1 5.727 9 3.259 3.259 0 0 1 9 5.727Z"/></svg>
2737
2738                            </span>
2739        </a>                                                                                                                                                <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty focus:ring-black rounded-full" href="https://www.linkedin.com/company/questbridge/">            <span class="sr-only">LinkedIn</span>            <span>
2740                                                    
2741
2742
2743
2744
2745
2746
2747    <svg class="w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 22" aria-hidden="true"><path fill="#000" d="M18.68.922H3.32a2.4 2.4 0 0 0-2.4 2.4v15.36a2.4 2.4 0 0 0 2.4 2.4h15.36a2.4 2.4 0 0 0 2.4-2.4V3.322a2.4 2.4 0 0 0-2.4-2.4ZM7.16 8.602v9.12H4.28v-9.12h2.88ZM4.28 5.947c0-.672.576-1.185 1.44-1.185s1.406.513 1.44 1.185c0 .672-.538 1.215-1.44 1.215-.864 0-1.44-.543-1.44-1.215Zm13.44 11.775h-2.88v-4.8c0-.96-.48-1.92-1.68-1.94h-.039c-1.161 0-1.641.99-1.641 1.94v4.8H8.6v-9.12h2.88V9.83s.926-1.23 2.789-1.23c1.905 0 3.45 1.311 3.45 3.966v5.155Z"/></svg>
2748
2749                            </span>
2750        </a>                                                                                                                                                <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty focus:ring-black rounded-full" href="https://www.tiktok.com/@questbridge">            <span class="sr-only">TikTok</span>            <span>
2751                                                    
2752
2753
2754
2755
2756
2757
2758    <svg class="w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 22" aria-hidden="true"><path fill="#000" d="M18.68.922H3.32a2.403 2.403 0 0 0-2.4 2.4v15.36c0 1.323 1.077 2.4 2.4 2.4h15.36c1.323 0 2.4-1.077 2.4-2.4V3.322c0-1.323-1.077-2.4-2.4-2.4Zm-1.917 8.795a3.596 3.596 0 0 1-3.34-1.61v5.538A4.093 4.093 0 1 1 9.33 9.552c.085 0 .168.008.252.013v2.017c-.084-.01-.166-.025-.252-.025a2.089 2.089 0 1 0 0 4.178c1.153 0 2.172-.91 2.172-2.063l.02-9.405h1.928a3.594 3.594 0 0 0 3.313 3.208v2.242Z"/></svg>
2759
2760                            </span>
2761        </a>                                                                                                                                                <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty focus:ring-black rounded-full" href="https://x.com/questbridge">            <span class="sr-only">X</span>            <span>
2762                                                    
2763
2764
2765
2766
2767
2768
2769    <svg class="w-5" viewBox="0 0 24 24" aria-hidden="true"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>
2770
2771                            </span>
2772        </a>                                                                                                                                                <a class="inline-flex items-center justify-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 focus:outline-none focus:ring-1 focus:ring-offset-1 disabled:opacity-30 text-pretty focu
2772s:ring-black rounded-full" href="https://www.youtube.com/user/QuestBridge">            <span class="sr-only">YouTube</span>            <span>
2773                                                    
2774
2775
2776
2777
2778
2779
2780    <svg class="w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 16" aria-hidden="true"><path fill="#000" d="M20.552 2.96c-.192-1.055-1.103-1.824-2.16-2.064C16.809.56 13.88.32 10.712.32c-3.167 0-6.143.24-7.727.576-1.056.24-1.969.96-2.16 2.064C.632 4.16.44 5.84.44 8s.192 3.84.432 5.04c.193 1.056 1.104 1.825 2.16 2.065 1.68.335 4.56.575 7.728.575 3.17 0 6.05-.24 7.73-.575 1.055-.24 1.966-.96 2.16-2.065.19-1.2.43-2.928.48-5.04-.098-2.16-.338-3.84-.578-5.04ZM8.12 11.36V4.64L13.976 8 8.12 11.36Z"/></svg>
2781
2782                            </span>
2783        </a>                                                                                                </div>
2784                        </div>
2785                    </div>
2786                
2787                                    <div class="flex flex-col gap-2 py-6 px-6 w-full bg-blue-300 lg:gap-6 lg:pt-5 lg:pb-10 lg:max-w-[350px]">
2788                        <div class="flex flex-col gap-2 lg:gap-3">
2789                            <div class="flex flex-col gap-1 lg:gap-2">
2790                                <div class="type-zeta">Sign up for updates</div>
2791                                <div class="prose prose-sm"><p>Sign up to be notified when you become eligible to apply!</p></div>
2792                            </div>
2793
2794                                                            <form  x-data="{email: null}" @submit.prevent="window.location.href = 'https://apply.questbridge.org/register/hssmailinglistform?sys:email=' + email" class="flex gap-1 items-stretch pl-3 bg-white rounded border-[1px]">
2795                                    
2796
2797
2798
2799
2800
2801
2802    <svg class="size-6 self-center" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 14" aria-hidden="true"><path stroke="#595959" stroke-linecap="round" stroke-linejoin="round" d="M.691.563h16v12h-16v-12Z"/><path stroke="#595959" stroke-linecap="round" stroke-linejoin="round" d="m.691.563 8 7.252 8-7.253"/></svg>
2803
2804
2805                                    <input
2806                                        x-model="email"
2807                                        type="email"
2808                                        placeholder="Sign up for our mailing list"
2809                                        class="pl-1 w-full border-0 placeholder:text-black"
2810                                        required
2811                                    />
2812
2813                                    <button class="flex items-center px-3 hover:text-white focus:text-white shrink-0 group hover:bg-navy focus:bg-navy" type="submit">
2814                                        <span class="sr-only">Submit</span>
2815                                        
2816
2817
2818
2819
2820
2821
2822    <svg class="size-4 group-focus:text-white group-hover:text-white self-center" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2823    <path d="M0.999023 12H22.0826" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2824    <path d="M12.458 1.45703L22.9998 11.9988L12.458 22.5406" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2825</svg>
2826
2827                                    </button>
2828                                </form>
2829                                                    </div>
2830
2831                        <div class="prose prose-sm"><p>If you are not a high school student, please <a href="https://apply.questbridge.org/register/generalmailinglistform">sign up for updates here</a>.</p></div>
2832                    </div>
2833                            </div>
2834
2835            <div class="flex flex-col gap-6 lg:flex-row lg:gap-0 lg:justify-between">
2836                <div class="order-2 text-gray-700 lg:order-1 type-paragraph-sm"><p>© 2026 QuestBridge P.O. Box 51847 Palo Alto, CA 94303</p></div>
2837
2838                                    <div class="flex flex-row order-1 gap-6 lg:order-2">
2839                                                                                    <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:
2839decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph-small" href="https://www.questbridge.org/privacy-policy">            <span>Privacy Policy</span></a>                                                                                                                <a class="inline-flex items-center group/button cursor-pointer transition-colors duration-100 hover:duration-200 disabled:opacity-30 text-pretty text-left text-black underline decoration-transparent hover:decoration-current underline-offset-4 decoration-1 dark:text-white gap-2 type-paragraph-small" href="https://www.questbridge.org/terms-of-use">            <span>Terms of Use</span></a>                                                                        </div>
2840                            </div>
2841        </footer>
2842    </div>
2843    </div>
2844
2845    <div
2846        x-data="{ videoModal: false, videoModalSrc: '' }"
2847        @keydown.escape.window="videoModal = false"
2848        @click="videoModal = false"
2849    >
2850        <template
2851            @video-modal.window="videoModal = true; videoModalSrc = $event.detail.videoModalSrc;"
2852            x-if="videoModal"
2853        >
2854            <div
2855                role="dialog"
2856                aria-modal="true"
2857                class="overflow-y-auto fixed inset-0 z-[60]"
2858            >
2859                <div
2860                    x-show="videoModal"
2861                    x-transition:enter="transition ease-out"
2862                    x-transition:enter-start="opacity-0"
2863                    x-transition:enter-end="opacity-50"
2864                    x-transition:leave="transition ease-in"
2865                    x-transition:leave-start="opacity-50"
2866                    x-transition:leave-end="opacity-0"
2867                    class="fixed inset-0 bg-black opacity-50"
2868                >
2869                </div>
2870                <div
2871                    x-show="videoModal"
2872                    x-transition
2873                    class="flex relative justify-center items-center px-7 mx-auto max-w-7xl min-h-screen"
2874                >
2875                    <div
2876                        @click.stop
2877                        x-trap.noscroll.inert="videoModal"
2878                        class="w-full"
2879                    >
2880                        <button
2881                            type="button"
2882                            @click="videoModal = false"
2883                            class="flex fixed top-4 right-4 justify-center items-center w-5 h-5 text-white transition hocus:opacity-70"
2884                        >
2885                            <svg class="stroke-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m4 4 16 16M4 20 20 4"/></svg>
2886                        </button>
2887
2888                        <div class="mx-auto max-h-screen bg-black shadow-md aspect-[16/9]">
2889                            <iframe
2890                                class="w-full h-full"
2891                                :src="videoModalSrc"
2892                                frameborder="0"
2893                                allow="autoplay; fullscreen"
2894                                allowfullscreen>
2895                            </iframe>
2896                        </div>
2897                    </div>
2898                </div>
2899            </div>
2900        </template>
2901    </div>
2902
2903                    
2903<script src="https://www.questbridge.org/cpresources/a5dd556e/access.js?v=1790190931" defer></script>
vendor: 1 bytes, line 2903
2903
2904<script>function getCookie(e){for(var r=e+"=",t=document.cookie.split(";"),o=0;o<t.length;o++){for(var n=t[o];" "==n.charAt(0);)n=n.substring(1);if(0==n.indexOf(r))return n.substring(r.length,n.length)}return""}function checkCookie(){""!=getCookie("markerEnabled")&&(function(e,r,t){if(!e.__Marker){e.__Marker={};var o=[],n={__cs:o};["show","hide","isVisible","capture","cancelCapture","unload","reload","isExtensionInstalled","setReporter","setCustomData","on","off"].forEach((function(e){n[e]=function(){var r=Array.prototype.slice.call(arguments);r.unshift(e),o.push(r)}})),e.Marker=n;var i=r.createElement("script");i.async=1,i.src="https://edge.marker.io/latest/shim.js";var a=r.getElementsByTagName("script")[0];a.parentNode.insertBefore(i,a)}}(window,document),window.markerConfig={destination:"6615452945a67ce237d3e606",source:"snippet",silent:!0,...getCookie("markerEmail")&&{reporter:{email:decodeURIComponent(getCookie("markerEmail")),fullName:decodeURIComponent(getCookie("markerUser"))}}})}checkCookie();</script>
2904</body>
2905</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.