<!-- Page Feature -->
<section class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_header_title">
    <h1 id="page_header_title" class="visually_hide" tabindex="-1">Hilbert</h1>

    <div class="hero_carousel js-hero-carousel">
        <div class="hero_carousel_inner">
            <div class="hero_carousel_content">
                <div class="js-carousel-embla embla__autoplay-controls" data-carousel-embla='{"loop":true,"autoplay":{"delay":8000,"playOnInit":false,"stopOnMouseEnter":false,"stopOnInteraction":true,"stopOnFocusIn":true},"fade":{}}'>
                    <div class="embla">
                        <div id="hero-carousel-viewport-3" class="embla__viewport" data-js="viewport">
                            <ul class="embla__container" data-js="container">
                                <li class="embla__slide">
                                    <div class="hero_carousel_item is_type_centered">
                                        <div class="hero_carousel_item_grid">
                                            <div class="hero_carousel_item_grid_item is_media">
                                                <div class="hero_carousel_item_media_wrap">
                                                    <picture class="hero_carousel_item_picture">
                                                        <div class="hero_carousel_item_image_wrap">

                                                            <img class="hero_carousel_item_image" srcset="https://images.fastspot.com/hilbert/300x169/1 300w, https://images.fastspot.com/hilbert/500x282/1 500w, https://images.fastspot.com/hilbert/740x416/1 740w, https://images.fastspot.com/hilbert/980x552/1 980w, https://images.fastspot.com/hilbert/1220x686/1 1220w, https://images.fastspot.com/hilbert/1440x810/1 1440w" sizes="100vw" src="https://images.fastspot.com/hilbert/1440x810/1" alt="" loading="eager" width="1440" height="810">
                                                        </div>
                                                    </picture>

                                                    <div class="hero_carousel_item_lazy_video lazy_video js-video-lazy-load " data-video-lazy-load='{"id":"XPjQhvjQbSM","type":"youtube","title":"Fastspot, Our Methodology","display":"background","autoplay":false,"load_strategy":"none","playerVars":{}}'>

                                                        <div class="lazy_video_iframe_wrap">
                                                            <div class="lazy_video_iframe_target js-iframe-target"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="hero_carousel_item_grid_item is_content">
                                                <div class="hero_carousel_item_content">
                                                    <div class="fs-row">
                                                        <div class="fs-cell">
                                                            <div class="hero_carousel_item_content_inner">
                                                                <h2 class="hero_carousel_item_title">
                                                                    Hilbert encourages and empowers students <strong>at all stages for success</strong>
                                                                </h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="embla__slide">
                                    <div class="hero_carousel_item is_type_staggered">
                                        <div class="hero_carousel_item_grid">
                                            <div class="hero_carousel_item_grid_item is_media">
                                                <div class="hero_carousel_item_media_wrap">
                                                    <picture class="hero_carousel_item_picture">
                                                        <div class="hero_carousel_item_image_wrap">

                                                            <img class="hero_carousel_item_image" srcset="https://images.fastspot.com/hilbert/300x169/2 300w, https://images.fastspot.com/hilbert/500x282/2 500w, https://images.fastspot.com/hilbert/740x416/2 740w, https://images.fastspot.com/hilbert/980x552/2 980w, https://images.fastspot.com/hilbert/1220x686/2 1220w, https://images.fastspot.com/hilbert/1440x810/2 1440w" sizes="100vw" src="https://images.fastspot.com/hilbert/1440x810/2" alt="" loading="eager" width="1440" height="810">
                                                        </div>
                                                    </picture>

                                                </div>
                                            </div>

                                            <div class="hero_carousel_item_grid_item is_content">
                                                <div class="hero_carousel_item_content">
                                                    <div class="fs-row">
                                                        <div class="fs-cell">
                                                            <div class="hero_carousel_item_content_inner">
                                                                <h2 class="hero_carousel_item_title">
                                                                    cultivating a<br><strong>diverse</strong> community
                                                                </h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="embla__slide">
                                    <div class="hero_carousel_item is_type_centered">
                                        <div class="hero_carousel_item_grid">
                                            <div class="hero_carousel_item_grid_item is_media">
                                                <div class="hero_carousel_item_media_wrap">
                                                    <picture class="hero_carousel_item_picture">
                                                        <div class="hero_carousel_item_image_wrap">

                                                            <img class="hero_carousel_item_image" srcset="https://images.fastspot.com/hilbert/300x169/3 300w, https://images.fastspot.com/hilbert/500x282/3 500w, https://images.fastspot.com/hilbert/740x416/3 740w, https://images.fastspot.com/hilbert/980x552/3 980w, https://images.fastspot.com/hilbert/1220x686/3 1220w, https://images.fastspot.com/hilbert/1440x810/3 1440w" sizes="100vw" src="https://images.fastspot.com/hilbert/1440x810/3" alt="" loading="eager" width="1440" height="810">
                                                        </div>
                                                    </picture>

                                                    <div class="hero_carousel_item_lazy_video lazy_video js-video-lazy-load " data-video-lazy-load='{"id":"XPjQhvjQbSM","type":"youtube","title":"Fastspot, Our Methodology","display":"background","autoplay":false,"load_strategy":"none","playerVars":{}}'>

                                                        <div class="lazy_video_iframe_wrap">
                                                            <div class="lazy_video_iframe_target js-iframe-target"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="hero_carousel_item_grid_item is_content">
                                                <div class="hero_carousel_item_content">
                                                    <div class="fs-row">
                                                        <div class="fs-cell">
                                                            <div class="hero_carousel_item_content_inner">
                                                                <h2 class="hero_carousel_item_title">
                                                                    Non veniam nulla ullamco <strong>eu culpa occaecat aute</strong> ea ullamco aute aliquip et anim qui.
                                                                </h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="embla__slide">
                                    <div class="hero_carousel_item is_type_staggered">
                                        <div class="hero_carousel_item_grid">
                                            <div class="hero_carousel_item_grid_item is_media">
                                                <div class="hero_carousel_item_media_wrap">
                                                    <picture class="hero_carousel_item_picture">
                                                        <div class="hero_carousel_item_image_wrap">

                                                            <img class="hero_carousel_item_image" srcset="https://images.fastspot.com/hilbert/300x169/4 300w, https://images.fastspot.com/hilbert/500x282/4 500w, https://images.fastspot.com/hilbert/740x416/4 740w, https://images.fastspot.com/hilbert/980x552/4 980w, https://images.fastspot.com/hilbert/1220x686/4 1220w, https://images.fastspot.com/hilbert/1440x810/4 1440w" sizes="100vw" src="https://images.fastspot.com/hilbert/1440x810/4" alt="" loading="eager" width="1440" height="810">
                                                        </div>
                                                    </picture>

                                                </div>
                                            </div>

                                            <div class="hero_carousel_item_grid_item is_content">
                                                <div class="hero_carousel_item_content">
                                                    <div class="fs-row">
                                                        <div class="fs-cell">
                                                            <div class="hero_carousel_item_content_inner">
                                                                <h2 class="hero_carousel_item_title">
                                                                    <strong>amplifying</strong><br>good in the world
                                                                </h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="hero_carousel_meta_grid">
                        <div class="hero_carousel_meta_grid_item is_pagination">
                            <div class="embla__controls" aria-controls="hero-carousel-viewport-3">
                                <div class="embla__dots" data-js="dots" role="navigation"></div>
                            </div>
                        </div>

                        <div class="hero_carousel_meta_grid_item is_toggle_btn" data-js="btn-toggle">
                            <button type="button" class="hero_carousel_toggle_btn" aria-label="Toggle Slider and Videos" aria-controls="hero-carousel-viewport-3">
                                <span class="hero_carousel_toggle_btn_icon is_pause" disabled data-type="pause">
                                    <svg class="icon icon_video_pause">
                                        <use href="/images/icons.svg#video_pause" />
                                    </svg>
                                </span>

                                <span class="hero_carousel_toggle_btn_icon is_play" data-type="play">
                                    <svg class="icon icon_video_play">
                                        <use href="/images/icons.svg#video_play" />
                                    </svg>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END: Page Feature -->

<!-- Page Content -->
<div class="page_content">
    <!-- Full Width Callouts -->
    <div class="full_width_callouts">

        <div class="card_feat component_has_radius">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="card_feat_inner">
                        <div class="card_feat_links_section">
                            <div class="card_feat_links_grid">
                                <div class="card_feat_links_grid_item is_media">
                                    <div class="card_feat_icon_wrap">
                                        <svg class="icon icon_txt_hi_were_hilbert">
                                            <use href="/images/icons.svg#txt_hi_were_hilbert" />
                                        </svg>
                                    </div>
                                </div>

                                <div class="card_feat_links_grid_item is_list">
                                    <h2 class="card_feat_links_title">Get started</h2>

                                    <ul class="card_feat_links_items">
                                        <li class="card_feat_links_item">

                                            <a href="#" class="underline_reverse_link">
                                                <span class="underline_reverse_link_inner">
                                                    <span class="underline_reverse_link_label">Apply Now</span><span class="icon_nowrap underline_reverse_link_icon" aria-hidden="true">&#xfeff;<svg class="icon icon_circle_check">
                                                            <use href="/images/icons.svg#circle_check" />
                                                        </svg></span>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="card_feat_links_item">

                                            <a href="#" class="underline_reverse_link">
                                                <span class="underline_reverse_link_inner">
                                                    <span class="underline_reverse_link_label">Continue Application</span><span class="icon_nowrap underline_reverse_link_icon" aria-hidden="true">&#xfeff;<svg class="icon icon_circle_history">
                                                            <use href="/images/icons.svg#circle_history" />
                                                        </svg></span>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="card_feat_links_item">

                                            <a href="#" class="underline_reverse_link">
                                                <span class="underline_reverse_link_inner">
                                                    <span class="underline_reverse_link_label">Why Hilbert</span><span class="icon_nowrap underline_reverse_link_icon" aria-hidden="true">&#xfeff;<svg class="icon icon_circle_not_listed_location">
                                                            <use href="/images/icons.svg#circle_not_listed_location" />
                                                        </svg></span>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="card_feat_links_item">

                                            <a href="#" class="underline_reverse_link">
                                                <span class="underline_reverse_link_inner">
                                                    <span class="underline_reverse_link_label">Compus Tour</span><span class="icon_nowrap underline_reverse_link_icon" aria-hidden="true">&#xfeff;<svg class="icon icon_circle_balance">
                                                            <use href="/images/icons.svg#circle_balance" />
                                                        </svg></span>
                                                </span>
                                            </a>
                                        </li>
                                        <li class="card_feat_links_item">

                                            <a href="#" class="underline_reverse_link">
                                                <span class="underline_reverse_link_inner">
                                                    <span class="underline_reverse_link_label">Hilbert Mission & Values</span><span class="icon_nowrap underline_reverse_link_icon" aria-hidden="true">&#xfeff;<svg class="icon icon_circle_heart">
                                                            <use href="/images/icons.svg#circle_heart" />
                                                        </svg></span>
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="card_feat_cards_section">
                            <div class="js-carousel-embla embla__overlay-controls" data-carousel-embla='{"loop":false,"slidesToScroll":1,"breakpoints":{"(min-width: 76.25rem)":{"active":false}}}'>
                                <div class="embla">
                                    <div id="card-feature-viewport-3" class="embla__viewport" data-js="viewport">
                                        <ul class="embla__container" data-js="container">
                                            <li class="embla__slide">
                                                <div class="card_feat_card_statement">
                                                    <div class="card_feat_card_statement_desc">
                                                        Wherever you are in your academic journey, Hilbert College is here to support you every step of the way through the highest caliber of academics. <strong>We don't aim to be a good school, but a great one.</strong>
                                                    </div>

                                                    <div class="card_feat_card_statement_links_wrap">
                                                        <div class="card_feat_card_statement_links_items">

                                                            <a href="#" class="btn_link theme_gold">
                                                                <span class="btn_link_inner">
                                                                    <span class="btn_link_label">Button Text</span>
                                                                    <span class="btn_link_icon" aria-hidden="true">
                                                                        <svg class="icon icon_arrow_right">
                                                                            <use href="/images/icons.svg#arrow_right" />
                                                                        </svg>
                                                                    </span>
                                                                </span>
                                                            </a>
                                                            <a href="#" class="btn_link theme_transparent_white">
                                                                <span class="btn_link_inner">
                                                                    <span class="btn_link_label">Button Text</span>
                                                                    <span class="btn_link_icon" aria-hidden="true">
                                                                        <svg class="icon icon_arrow_right">
                                                                            <use href="/images/icons.svg#arrow_right" />
                                                                        </svg>
                                                                    </span>
                                                                </span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="embla__slide">
                                                <div class="card_feat_card_testimonial">
                                                    <div class="card_feat_card_testimonial_top">
                                                        <blockquote class="card_feat_card_testimonial_quote">
                                                            <p>You build another family when you play a sport here at Hilbert. It’s not just teammates – you build a family.</p>
                                                        </blockquote>

                                                        <div class="card_feat_card_testimonial_meta">
                                                            <div class="card_feat_card_testimonial_name">Joe Evans '24</div>
                                                            <div class="card_feat_card_testimonial_title">Business Management</div>
                                                        </div>
                                                    </div>

                                                    <div class="card_feat_card_testimonial_bottom">

                                                        <a href="#" class="underline_link theme_white">
                                                            <span class="underline_link_inner">
                                                                <span class="underline_link_label">Life at Hilbert</span><span class="icon_nowrap underline_link_icon" aria-hidden="true">&#xfeff;<svg class="icon icon_arrow_right">
                                                                        <use href="/images/icons.svg#arrow_right" />
                                                                    </svg></span>
                                                            </span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="embla__slide">
                                                <div class="card_feat_card_visual_cta has_media">
                                                    <figure class="card_feat_card_visual_cta_figure">

                                                        <img class="card_feat_card_visual_cta_image" srcset="https://images.fastspot.com/hilbert/300x225/1 300w, https://images.fastspot.com/hilbert/500x375/1 500w, https://images.fastspot.com/hilbert/740x555/1 740w, https://images.fastspot.com/hilbert/980x735/1 980w" sizes="(min-width: 1220px) 650px, (min-width: 980px) 450px, (min-width: 740px) 690px, 95vw" src="https://images.fastspot.com/hilbert/980x735/1" alt="" loading="lazy" width="980" height="735">
                                                    </figure>

                                                    <div class="card_feat_card_visual_cta_content">
                                                        <div class="card_feat_card_visual_cta_content_top">
                                                            <h3 class="card_feat_card_visual_cta_title">
                                                                Hawk Talks
                                                            </h3>

                                                            <div class="card_feat_card_visual_cta_desc">
                                                                <p>Wherever you are in your academic journey, Hilbert College is here to support you every step of the way. Join us for a discussion of the application process, financial aid, and the many benefits of becoming a Hilbert Hawk!</p>
                                                            </div>
                                                        </div>

                                                        <div class="card_feat_card_visual_cta_content_bottom">

                                                            <a href="#" class="underline_link theme_gold">
                                                                <span class="underline_link_inner">
                                                                    <span class="underline_link_label">Life at Hilbert</span><span class="icon_nowrap underline_link_icon" aria-hidden="true">&#xfeff;<svg class="icon icon_arrow_right">
                                                                            <use href="/images/icons.svg#arrow_right" />
                                                                        </svg></span>
                                                                </span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="embla__slide">
                                                <div class="card_feat_card_visual_cta ">

                                                    <div class="card_feat_card_visual_cta_content">
                                                        <div class="card_feat_card_visual_cta_content_top">
                                                            <h3 class="card_feat_card_visual_cta_title">
                                                                Ranking in the Top 10
                                                            </h3>

                                                            <div class="card_feat_card_visual_cta_desc">
                                                                <p>Hilbert Ranks <strong>#10 in regional colleges in the north for Social Mobility</strong>. We offer opportunity programs to help our students receive an affordable education.</p>
                                                            </div>
                                                        </div>

                                                        <div class="card_feat_card_visual_cta_content_bottom">

                                                            <a href="#" class="underline_link theme_gold">
                                                                <span class="underline_link_inner">
                                                                    <span class="underline_link_label">Life at Hilbert</span><span class="icon_nowrap underline_link_icon" aria-hidden="true">&#xfeff;<svg class="icon icon_arrow_right">
                                                                            <use href="/images/icons.svg#arrow_right" />
                                                                        </svg></span>
                                                                </span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Related Events -->
        <div class="event_related component_has_radius">
            <div class="event_related_header">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="event_related_header_inner">
                            <h2 class="event_related_title">Related Events</h2>

                            <div class="event_related_cta_wrap is_desktop">

                                <a href="#" class="btn_link theme_gold">
                                    <span class="btn_link_inner">
                                        <span class="btn_link_label">View Calendar</span>
                                        <span class="btn_link_icon" aria-hidden="true">
                                            <svg class="icon icon_arrow_right">
                                                <use href="/images/icons.svg#arrow_right" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="event_related_body">
                <div class="fs-row">
                    <div class="fs-cell">
                        <ul class="event_related_items" aria-label="Related Events">
                            <li class="event_related_item">
                                <div class="event_related_item_grid">
                                    <div class="event_related_item_grid_item is_title">
                                        <h2 class="event_related_item_title">

                                            <a href="page-event-detail.html" class="event_related_item_title_link">
                                                <span class="event_related_item_title_link_inner">
                                                    <span class="event_related_item_title_link_label">In Enim Justo Rhoncus Ut</span>
                                                </span>
                                            </a>
                                        </h2>
                                    </div>

                                    <div class="event_related_item_grid_item is_date">
                                        <div class="event_related_item_time_wrapper">
                                            <time class="event_related_item_time " datetime="2023-05-31 17:00:00">
                                                <span class="event_related_item_time_prefix">From</span>

                                                <div class="event_related_item_time_date_wrap">
                                                    <span class="event_related_item_time_start_month">May</span>
                                                    <span class="event_related_item_time_start_day">31</span>
                                                </div>
                                            </time>
                                        </div>
                                    </div>

                                    <div class="event_related_item_grid_item is_meta">
                                        <div class="event_related_item_body">
                                            <div class="event_related_item_details">
                                                <div class="event_related_item_detail">
                                                    <span class="event_related_item_detail_hint">Time:&nbsp;</span>
                                                    <span class="event_related_item_detail_label">
                                                        <span class="event_related_item_detail_label_date">5:00 PM - 7:00 PM</span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="event_related_item">
                                <div class="event_related_item_grid">
                                    <div class="event_related_item_grid_item is_title">
                                        <h2 class="event_related_item_title">

                                            <a href="page-event-detail.html" class="event_related_item_title_link">
                                                <span class="event_related_item_title_link_inner">
                                                    <span class="event_related_item_title_link_label">Aenean commodo ligula eget dolor</span>
                                                </span>
                                            </a>
                                        </h2>
                                    </div>

                                    <div class="event_related_item_grid_item is_date">
                                        <div class="event_related_item_time_wrapper">
                                            <time class="event_related_item_time is_same_day" datetime="2023-05-31 17:00:00">

                                                <div class="event_related_item_time_date_wrap">
                                                    <span class="event_related_item_time_start_month">May</span>
                                                    <span class="event_related_item_time_start_day">31</span>
                                                </div>
                                            </time>
                                        </div>
                                    </div>

                                    <div class="event_related_item_grid_item is_meta">
                                        <div class="event_related_item_body">
                                            <div class="event_related_item_details">
                                                <div class="event_related_item_detail">
                                                    <span class="event_related_item_detail_hint">Time:&nbsp;</span>
                                                    <span class="event_related_item_detail_label">
                                                        <span class="event_related_item_detail_label_date">All Day Event</span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="event_related_item">
                                <div class="event_related_item_grid">
                                    <div class="event_related_item_grid_item is_title">
                                        <h2 class="event_related_item_title">

                                            <a href="page-event-detail.html" class="event_related_item_title_link">
                                                <span class="event_related_item_title_link_inner">
                                                    <span class="event_related_item_title_link_label">In Enim Justo Rhoncus Ut</span>
                                                </span>
                                            </a>
                                        </h2>
                                    </div>

                                    <div class="event_related_item_grid_item is_date">
                                        <div class="event_related_item_time_wrapper">
                                            <time class="event_related_item_time " datetime="2023-05-31 17:00:00">
                                                <span class="event_related_item_time_prefix">From</span>

                                                <div class="event_related_item_time_date_wrap">
                                                    <span class="event_related_item_time_start_month">May</span>
                                                    <span class="event_related_item_time_start_day">31</span>
                                                </div>
                                            </time>
                                        </div>
                                    </div>

                                    <div class="event_related_item_grid_item is_meta">
                                        <div class="event_related_item_body">
                                            <div class="event_related_item_details">
                                                <div class="event_related_item_detail">
                                                    <span class="event_related_item_detail_hint">Time:&nbsp;</span>
                                                    <span class="event_related_item_detail_label">
                                                        <span class="event_related_item_detail_label_date">5:00 PM - 7:00 PM</span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>

                        <div class="event_related_cta_wrap is_mobile">

                            <a href="#" class="btn_link theme_gold">
                                <span class="btn_link_inner">
                                    <span class="btn_link_label">View Calendar</span>
                                    <span class="btn_link_icon" aria-hidden="true">
                                        <svg class="icon icon_arrow_right">
                                            <use href="/images/icons.svg#arrow_right" />
                                        </svg>
                                    </span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: Related Events -->

        <div class="program_finder component_has_radius">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="program_finder_inner">
                        <div class="program_finder_content_wrap">
                            <header class="program_finder_header">
                                <hgroup class="program_finder_titles_wrap">
                                    <h2 class="program_finder_title">What are you<br>interested in?</h2>
                                    <h3 class="program_finder_subtitle">Explore your passion</h3>
                                </hgroup>

                                <div class="program_finder_bg_icon" aria-hidden="true">
                                    <svg class="icon icon_flame">
                                        <use href="/images/icons.svg#flame" />
                                    </svg>
                                </div>
                            </header>

                            <div class="program_finder_form_wrap">
                                <form action="#" class="program_finder_form">
                                    <datalist id="program_finder_datalist_id-3">
                                        <option value="Accounting"></option>
                                        <option value="Business"></option>
                                        <option value="Chemistry"></option>
                                    </datalist>

                                    <input class="program_finder_form_input" type="text" name="search" aria-label="Find your program" placeholder="Find your program" list="program_finder_datalist_id-3" />
                                    <button class="program_finder_form_submit" type="submit" aria-label="Search for a program">
                                        <svg class="icon icon_search">
                                            <use href="/images/icons.svg#search" />
                                        </svg>
                                    </button>
                                </form>
                            </div>

                            <div class="program_finder_links_wrap">
                                <ul class="program_finder_links_items">
                                    <li class="program_finder_links_item">

                                        <a href="#" class="basic_link theme_default">
                                            <span class="basic_link_inner">
                                                <span class="basic_link_label">Undergraduate Degrees</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li class="program_finder_links_item">

                                        <a href="#" class="basic_link theme_default">
                                            <span class="basic_link_inner">
                                                <span class="basic_link_label">Graduate Degrees</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li class="program_finder_links_item">

                                        <a href="#" class="basic_link theme_default">
                                            <span class="basic_link_inner">
                                                <span class="basic_link_label">Study Abroad</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li class="program_finder_links_item">

                                        <a href="#" class="basic_link theme_default">
                                            <span class="basic_link_inner">
                                                <span class="basic_link_label">Pre-College Programs</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li class="program_finder_links_item">

                                        <a href="#" class="basic_link theme_default">
                                            <span class="basic_link_inner">
                                                <span class="basic_link_label">Student Advising & Services</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li class="program_finder_links_item">

                                        <a href="#" class="basic_link theme_default">
                                            <span class="basic_link_inner">
                                                <span class="basic_link_label">Academic Catalog</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li class="program_finder_links_item">

                                        <a href="#" class="basic_link theme_default">
                                            <span class="basic_link_inner">
                                                <span class="basic_link_label">Online Programs</span>
                                            </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                            <div class="program_finder_cta_wrap">
                                <div class="program_cta">
                                    <div class="program_cta_wrap">
                                        <figure class="program_cta_figure">

                                            <img class="program_cta_image" srcset="https://images.fastspot.com/hilbert/300x129/2 300w, https://images.fastspot.com/hilbert/500x214/2 500w, https://images.fastspot.com/hilbert/740x317/2 740w, https://images.fastspot.com/hilbert/980x420/2 980w, https://images.fastspot.com/hilbert/1220x523/2 1220w, https://images.fastspot.com/hilbert/1440x617/2 1440w" sizes="95vw" src="https://images.fastspot.com/hilbert/1440x617/2" alt="" loading="lazy" width="1440" height="617">
                                        </figure>

                                        <div class="program_cta_inner">
                                            <div class="program_cta_grid">
                                                <div class="program_cta_grid_item is_content">
                                                    <h2 class="program_ctat_title">Online Programs with Hilbert College Global</h2>

                                                    <div class="program_cta_desc">
                                                        <p>Every university offers degrees, but at Hilbert College Global, we share a community. We’re committed to raising each other up—to shared personal and professional growth that leads to meaningful change in the world.</p>
                                                    </div>
                                                </div>

                                                <div class="program_cta_grid_item is_link">

                                                    <a href="#" class="btn_link theme_gold">
                                                        <span class="btn_link_inner">
                                                            <span class="btn_link_label">Explore Hilbert Global</span>
                                                            <span class="btn_link_icon" aria-hidden="true">
                                                                <svg class="icon icon_arrow_right">
                                                                    <use href="/images/icons.svg#arrow_right" />
                                                                </svg>
                                                            </span>
                                                        </span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="values_stats component_has_radius">
            <div class="values_stats_wrap">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="values_stats_inner">
                            <header class="values_stats_header">
                                <h2 class="values_stats_pre_title">
                                    What Drives Us
                                </h2>
                            </header>

                            <div class="values_stats_carousel_wrap">

                                <div class="values_carousel js-values-carousel">
                                    <div class="values_carousel_inner">
                                        <div class="js-carousel-embla embla__overlay-controls" data-carousel-embla='{"loop":true,"autoplay":{"delay":4000,"playOnInit":false,"stopOnMouseEnter":false,"stopOnInteraction":true,"stopOnFocusIn":true}}'>
                                            <div class="embla">
                                                <div id="values-carousel-viewport-14" class="embla__viewport" data-js="viewport">
                                                    <ul class="embla__container" data-js="container">
                                                        <li class="embla__slide">
                                                            <div class="values_carousel_item">
                                                                <h3 class="values_carousel_title">Compassion</h3>

                                                                <div class="values_carousel_duration_bar"></div>

                                                                <div class="values_carousel_desc">
                                                                    <p>A firm belief, expressed through an enthusiastic demeanor, that amid both the positive and challenging moments in life, there is a constant presence within us.</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="embla__slide">
                                                            <div class="values_carousel_item">
                                                                <h3 class="values_carousel_title">Duis</h3>

                                                                <div class="values_carousel_duration_bar"></div>

                                                                <div class="values_carousel_desc">
                                                                    <p>Occaecat eiusmod dolore sit quis qui aliqua mollit incididunt. Dolor consequat eiusmod et ad incididunt tempor aliqua.</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="embla__slide">
                                                            <div class="values_carousel_item">
                                                                <h3 class="values_carousel_title">Tempor</h3>

                                                                <div class="values_carousel_duration_bar"></div>

                                                                <div class="values_carousel_desc">
                                                                    <p>Tempor laborum non anim consectetur consequat do deserunt Lorem sunt ullamco anim magna exercitation est laborum.</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="embla__slide">
                                                            <div class="values_carousel_item">
                                                                <h3 class="values_carousel_title">Exercitation</h3>

                                                                <div class="values_carousel_duration_bar"></div>

                                                                <div class="values_carousel_desc">
                                                                    <p>Laborum amet amet ea consectetur cupidatat est ad incididunt est. Amet eu laboris qui.</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="embla__slide">
                                                            <div class="values_carousel_item">
                                                                <h3 class="values_carousel_title">Labore</h3>

                                                                <div class="values_carousel_duration_bar"></div>

                                                                <div class="values_carousel_desc">
                                                                    <p>Proident ut duis cupidatat anim consequat ullamco nostrud aute sit veniam eu deserunt non.</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="embla__slide">
                                                            <div class="values_carousel_item">
                                                                <h3 class="values_carousel_title">Fugiat</h3>

                                                                <div class="values_carousel_duration_bar"></div>

                                                                <div class="values_carousel_desc">
                                                                    <p>Sint culpa velit adipisicing et laborum officia labore quis duis duis. Velit in et elit et excepteur ut.</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="embla__slide">
                                                            <div class="values_carousel_item">
                                                                <h3 class="values_carousel_title">Consequat</h3>

                                                                <div class="values_carousel_duration_bar"></div>

                                                                <div class="values_carousel_desc">
                                                                    <p>Irure sint sint exercitation consectetur aliqua dolor tempor proident incididunt eiusmod consequat non.</p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>

                                                <div class="embla__controls" aria-controls="values-carousel-viewport-14">
                                                    <button class="embla__button embla__button--prev" type="button" data-js="btn-prev" aria-label="Previous Slide">
                                                        <div class="embla__button-inner">
                                                            <svg class="icon icon_arrow_carousel_left">
                                                                <use href="/images/icons.svg#arrow_carousel_left" />
                                                            </svg>
                                                        </div>
                                                    </button>

                                                    <button class="embla__button embla__button--next" type="button" data-js="btn-next" aria-label="Next Slide">
                                                        <div class="embla__button-inner">
                                                            <svg class="icon icon_arrow_carousel_right">
                                                                <use href="/images/icons.svg#arrow_carousel_right" />
                                                            </svg>
                                                        </div>
                                                    </button>
                                                </div>

                                                <div class="values_carousel_toggle_btn_wrap">
                                                    <button type="button" class="values_carousel_toggle_btn" aria-label="Toggle Slider and Videos" aria-controls="values-carousel-viewport-14" data-js="btn-toggle">
                                                        <span class="values_carousel_toggle_btn_icon is_pause" disabled data-type="pause">
                                                            <svg class="icon icon_video_pause_alt">
                                                                <use href="/images/icons.svg#video_pause_alt" />
                                                            </svg>
                                                        </span>

                                                        <span class="values_carousel_toggle_btn_icon is_play" data-type="play">
                                                            <svg class="icon icon_video_play_alt">
                                                                <use href="/images/icons.svg#video_play_alt" />
                                                            </svg>
                                                        </span>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="values_stats_stats_wrap">
                                <div class="values_stats_stats_items">
                                    <div class="values_stats_stats_item">
                                        <div class="values_stat">
                                            <header class="values_stat_header">
                                                <h3 class="values_stat_title">
                                                    <span class="values_stat_pretitle">Top</span>

                                                    <span>10%</span>
                                                </h3>
                                            </header>

                                            <div class="values_stat_body">
                                                <div class="values_stat_desc">
                                                    <p>Best Colleges for Criminal Justice in the nation</p>
                                                </div>

                                                <p class="values_stat_source">niche.com</p>
                                            </div>

                                            <footer class="values_stat_footer">

                                                <a href="#" class="underline_link theme_gold">
                                                    <span class="underline_link_inner">
                                                        <span class="underline_link_label">Criminal Justice Programs</span><span class="icon_nowrap underline_link_icon" aria-hidden="true">&#xfeff;<svg class="icon icon_arrow_right">
                                                                <use href="/images/icons.svg#arrow_right" />
                                                            </svg></span>
                                                    </span>
                                                </a>
                                            </footer>
                                        </div>
                                    </div>
                                    <div class="values_stats_stats_item">
                                        <div class="values_stat">
                                            <header class="values_stat_header">
                                                <h3 class="values_stat_title">

                                                    <span>#1</span>
                                                </h3>
                                            </header>

                                            <div class="values_stat_body">
                                                <div class="values_stat_desc">
                                                    <p>Undergraduate Forensic Science School in the nation</p>
                                                </div>

                                                <p class="values_stat_source">plexuss.com</p>
                                            </div>

                                            <footer class="values_stat_footer">

                                                <a href="#" class="underline_link theme_gold">
                                                    <span class="underline_link_inner">
                                                        <span class="underline_link_label">Forensic Science Programs</span><span class="icon_nowrap underline_link_icon" aria-hidden="true">&#xfeff;<svg class="icon icon_arrow_right">
                                                                <use href="/images/icons.svg#arrow_right" />
                                                            </svg></span>
                                                    </span>
                                                </a>
                                            </footer>
                                        </div>
                                    </div>
                                    <div class="values_stats_stats_item">
                                        <div class="values_stat">
                                            <header class="values_stat_header">
                                                <h3 class="values_stat_title">

                                                    <span>#10</span>
                                                </h3>
                                            </header>

                                            <div class="values_stat_body">
                                                <div class="values_stat_desc">
                                                    <p>Among Regional Colleges in the North for top performers in social mobility</p>
                                                </div>

                                                <p class="values_stat_source">U.S. News & World Report</p>
                                            </div>

                                            <footer class="values_stat_footer">

                                                <a href="#" class="underline_link theme_gold">
                                                    <span class="underline_link_inner">
                                                        <span class="underline_link_label">Admissions & Aid</span><span class="icon_nowrap underline_link_icon" aria-hidden="true">&#xfeff;<svg class="icon icon_arrow_right">
                                                                <use href="/images/icons.svg#arrow_right" />
                                                            </svg></span>
                                                    </span>
                                                </a>
                                            </footer>
                                        </div>
                                    </div>
                                    <div class="values_stats_stats_item">
                                        <div class="values_stat">
                                            <header class="values_stat_header">
                                                <h3 class="values_stat_title">

                                                    <span>#8</span>
                                                </h3>
                                            </header>

                                            <div class="values_stat_body">
                                                <div class="values_stat_desc">
                                                    <p>Undergraduate Cybersecurity School in the nation</p>
                                                </div>

                                                <p class="values_stat_source">plexuss.com</p>
                                            </div>

                                            <footer class="values_stat_footer">

                                                <a href="#" class="underline_link theme_gold">
                                                    <span class="underline_link_inner">
                                                        <span class="underline_link_label">Cybersecurity Programs</span><span class="icon_nowrap underline_link_icon" aria-hidden="true">&#xfeff;<svg class="icon icon_arrow_right">
                                                                <use href="/images/icons.svg#arrow_right" />
                                                            </svg></span>
                                                    </span>
                                                </a>
                                            </footer>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="news_related component_has_radius">
            <div class="news_related_header">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="news_related_header_inner">
                            <h2 class="news_related_title">Related News</h2>

                            <div class="news_related_cta">

                                <a href="#" class="btn_link theme_yellow">
                                    <span class="btn_link_inner">
                                        <span class="btn_link_label">View All News</span>
                                        <span class="btn_link_icon" aria-hidden="true">
                                            <svg class="icon icon_arrow_right">
                                                <use href="/images/icons.svg#arrow_right" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="news_related_body">
                <div class="fs-row">
                    <div class="fs-cell">
                        <ul class="news_related_items" aria-label="Related News">
                            <li class="news_related_item is_primary has_image">
                                <a class="news_related_item_figure_link" href="page-news-detail.html" aria-label="Read more about In Enim Justo Rhoncus Ut Lorem" tabindex="-1">
                                    <figure class="news_related_item_figure">

                                        <img class="news_related_item_image" srcset="https://images.fastspot.com/hilbert/300x225/1 300w, https://images.fastspot.com/hilbert/500x375/1 500w, https://images.fastspot.com/hilbert/740x555/1 740w, https://images.fastspot.com/hilbert/980x735/1 980w, https://images.fastspot.com/hilbert/1220x915/1 1220w" src="https://images.fastspot.com/hilbert/1220x915/1" alt="" loading="lazy" width="1220" height="915">
                                    </figure>
                                </a>

                                <div class="news_related_item_wrapper">
                                    <div class="news_related_item_header">
                                        <h2 class="news_related_item_title">

                                            <a href="page-news-detail.html" class="news_related_item_title_link">
                                                <span class="news_related_item_title_link_inner">
                                                    <span class="news_related_item_title_link_label">In Enim Justo Rhoncus Ut Lorem</span>
                                                </span>
                                            </a>
                                        </h2>
                                    </div>

                                    <div class="news_related_item_body">
                                        <time class="news_related_item_date" datetime="2024-07-08">
                                            July 08, 2024
                                        </time>
                                    </div>
                                </div>
                            </li>
                            <li class="news_related_item is_secondary has_image">

                                <div class="news_related_item_wrapper">
                                    <div class="news_related_item_header">
                                        <h2 class="news_related_item_title">

                                            <a href="page-news-detail.html" class="news_related_item_title_link">
                                                <span class="news_related_item_title_link_inner">
                                                    <span class="news_related_item_title_link_label">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span>
                                                </span>
                                            </a>
                                        </h2>
                                    </div>

                                    <div class="news_related_item_body">
                                        <time class="news_related_item_date" datetime="2024-07-10">
                                            July 10, 2024
                                        </time>
                                    </div>
                                </div>
                            </li>
                            <li class="news_related_item is_secondary has_image">

                                <div class="news_related_item_wrapper">
                                    <div class="news_related_item_header">
                                        <h2 class="news_related_item_title">

                                            <a href="page-news-detail.html" class="news_related_item_title_link">
                                                <span class="news_related_item_title_link_inner">
                                                    <span class="news_related_item_title_link_label">Etiam ultricies nisi vel augue</span>
                                                </span>
                                            </a>
                                        </h2>
                                    </div>

                                    <div class="news_related_item_body">
                                        <time class="news_related_item_date" datetime="2024-07-15">
                                            July 15, 2024
                                        </time>
                                    </div>
                                </div>
                            </li>
                            <li class="news_related_item is_secondary has_image">

                                <div class="news_related_item_wrapper">
                                    <div class="news_related_item_header">
                                        <h2 class="news_related_item_title">

                                            <a href="page-news-detail.html" class="news_related_item_title_link">
                                                <span class="news_related_item_title_link_inner">
                                                    <span class="news_related_item_title_link_label">In Enim Justo Rhoncus Ut Lorem</span>
                                                </span>
                                            </a>
                                        </h2>
                                    </div>

                                    <div class="news_related_item_body">
                                        <time class="news_related_item_date" datetime="2024-07-30">
                                            July 30, 2024
                                        </time>
                                    </div>
                                </div>
                            </li>
                        </ul>

                        <div class="news_related_cta_footer">

                            <a href="#" class="btn_link theme_yellow">
                                <span class="btn_link_inner">
                                    <span class="btn_link_label">View All News</span>
                                    <span class="btn_link_icon" aria-hidden="true">
                                        <svg class="icon icon_arrow_right">
                                            <use href="/images/icons.svg#arrow_right" />
                                        </svg>
                                    </span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: Related News -->
        <div class="visual_cta has_logo component_has_radius component_has_bg_media">
            <div class="visual_cta_inner">
                <div class="visual_cta_grid">
                    <div class="visual_cta_grid_item is_media">
                        <div class="visual_cta_media">
                            <figure class="visual_cta_figure">

                                <picture class="visual_cta_picture">
                                    <source media="(min-width: 740px)" srcset="https://images.fastspot.com/hilbert/980x552/4" width="980" height="552" />
                                    <source media="(min-width: 980px)" srcset="https://images.fastspot.com/hilbert/1220x686/4" width="1220" height="686" />
                                    <source media="(min-width: 1200px)" srcset="https://images.fastspot.com/hilbert/1440x810/4" width="1440" height="810" />

                                    <img class="visual_cta_image" src="https://images.fastspot.com/hilbert/654x980/4" alt="" loading="lazy" width="654" height="980" />
                                </picture>
                            </figure>

                            <div class="js-background-video-wrapper bg_video visual_cta_video" data-background-video='{"display":"background","id":"XPjQhvjQbSM","type":"youtube","title":"Fastspot, Our Methodology","autoplay":true}'>
                                <div class="bg_video_iframe_wrap visual_cta_video_iframe_wrap">
                                    <div class=" bg_video_iframe_target visual_cta_video_iframe_target js-iframe-target"></div>
                                </div>

                                <div class="bg_video_controls visual_cta_video_controls">

                                    <button class="bg_video_play_button js-bg-video-play-button">
                                        <span class="bg_video_play_button_inner">
                                            <span class="bg_video_play_button_label">Play Video</span>
                                            <span class="bg_video_play_button_icon" aria-hidden="true">
                                                <svg class="icon icon_video_play">
                                                    <use href="/images/icons.svg#video_play" />
                                                </svg>
                                            </span>
                                        </span>
                                    </button>

                                    <button class="bg_video_pause_button js-bg-video-pause-button">
                                        <span class="bg_video_pause_button_inner">
                                            <span class="bg_video_pause_button_label">Pause Video</span>
                                            <span class="bg_video_pause_button_icon" aria-hidden="true">
                                                <svg class="icon icon_video_pause">
                                                    <use href="/images/icons.svg#video_pause" />
                                                </svg>
                                            </span>
                                        </span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="visual_cta_grid_item is_body">
                        <div class="visual_cta_body">
                            <header class="visual_cta_header">
                                <h2 class="visual_cta_title">
                                    Hilbert<br>Hawks
                                </h2>

                                <h3 class="visual_cta_pretitle">
                                    Athletics
                                </h3>
                            </header>

                            <div class="visual_cta_content">
                                <div class="visual_cta_desc">
                                    <p>At Hilbert, we mentor student-athletes for success, emphasizing academics, fair play, diversity, and positive leadership — join us in fostering a community of excellence. Go Hawks!</p>
                                </div>
                            </div>

                            <footer class="visual_cta_footer">
                                <div class="visual_cta_links_items">
                                    <div class="visual_cta_links_item">

                                        <a href="#" class="btn_link theme_gold">
                                            <span class="btn_link_inner">
                                                <span class="btn_link_label">Visit Hilbert Athletics</span>
                                                <span class="btn_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_external">
                                                        <use href="/images/icons.svg#external" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </a>
                                    </div>
                                    <div class="visual_cta_links_item">

                                        <a href="#" class="btn_link theme_transparent_white">
                                            <span class="btn_link_inner">
                                                <span class="btn_link_label">Recreational Sports & Summer Camps</span>
                                                <span class="btn_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_arrow_right">
                                                        <use href="/images/icons.svg#arrow_right" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </footer>
                        </div>
                    </div>

                    <div class="visual_cta_logo_wrap">
                        <img src="/images/logo-hilbert-hawks.png" loading="lazy" alt="" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Full Width Callouts -->
</div>
<!-- Page Feature -->
<section class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_header_title">
	<h1 id="page_header_title" class="visually_hide" tabindex="-1">{{ config.name }}</h1>

	{% render "@component-hero-carousel" %}
</section>
<!-- END: Page Feature -->

<!-- Page Content -->
<div class="page_content">
	<!-- Full Width Callouts -->
	<div class="full_width_callouts">
		{% render "@component-card-feature" %}

		{% render "@component-events-related" %}

		{% render "@component-program-finder" %}

		{% render "@component-values-stats" %}

		{% render "@component-news-related" %}

		{% render "@component-visual-cta" %}
	</div>
	<!-- END: Full Width Callouts -->
</div>

No notes defined.