<style>
    .hRoHMM {
        width: 100%;
        position: relative;
    }

    .fpjqna {
        font-size: 1rem;
        font-weight: 400);
        letter-spacing: 0.03125em;
        line-height: 1.5rem;
        text-transform: none;
        display: flex;
        flex-direction: column;
        position: relative;
        margin-bottom: 0.5rem;
    }

    .hNvLDX {
        display: flex;
        align-items: flex-start;
        width: 25vw;
        position: absolute;
        z-index: 3;
        bottom: calc(3.75rem);
        left: 1rem;
        background: rgba(255, 255, 255, 0.08);
    }

    .ipc-sub-grid-item--span-2 {
        width: calc(50% - .75 * 0.5rem - 0.25rem);
        min-width: calc(50% - .75 * 0.5rem - 0.25rem);
        margin-right: 0.5rem;
    }

    .ipc-media {
        display: inline-flex;
        overflow: hidden;
        position: relative;
    }

    .ipc-media:before {
        content: "";
        display: block;
        position: relative;
        width: 100%;
    }

    .ipc-media--baseAlt:before {
        background: rgba(255, 255, 255, .15);
    }

    .ipc-media.ipc-image-media-ratio--slate-16x9:before {
        padding-bottom: 56.25%;
    }

    .ipc-media.ipc-image-media-ratio--poster-27x40:before,
    .ipc-media.ipc-image-media-ratio--poster:before {
        padding-bottom: 148%;
    }

    .ipc-media__icon,
    .ipc-media__img .ipc-image {
        bottom: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
    }

    .ipc-media__img .ipc-image {
        width: 100%;
    }

    .ipc-media--avatar-l,
    .ipc-media--photo-l,
    .ipc-media--poster-l {
        font-size: 10rem;
    }

    .ipc-media--baseAlt {
        background: #121212;
        color: rgba(255, 255, 255, .1);
    }

    .ipc-avatar__avatar-image,
    .ipc-photo__photo-image,
    .ipc-poster__poster-image,
    .ipc-slate__slate-image {
        min-width: auto;
    }

    .ipc-lockup-overlay {
        font-family: Roboto, Helvetica, Arial, sans-serif;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 400;
        letter-spacing: .01786em;
        text-decoration: inherit;
        text-transform: inherit;
        -webkit-font-smoothing: auto;
        font-smooth: auto;
        color: #fff;
        align-items: flex-end;
        bottom: 0;
        box-sizing: border-box;
        display: flex;
        height: 100%;
        left: 0;
        padding: 0.5rem;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }

    .ipc-lockup-overlay .ipc-lockup-overlay__gradient,
    .ipc-lockup-overlay .ipc-lockup-overlay__screen {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 0;
    }

    .ipc-lockup-overlay>:not(.ipc-lockup-overlay__gradient),
    .ipc-lockup-overlay>:not(.ipc-lockup-overlay__screen) {
        z-index: 1;
    }

    .ipc-lockup-overlay .ipc-lockup-overlay__screen {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000;
        transition: opacity .15s;
        opacity: 0;
    }

    .ipc-lockup-overlay .ipc-lockup-overlay__gradient--linear {
        background: linear-gradient(180deg, transparent 0, transparent 65%, rgba(0, 0, 0, .35) 83.5%, rgba(0, 0, 0, .75));
    }

    .ipc-lockup-overlay .ipc-lockup-overlay__content {
        display: flex;
        align-items: center;
        min-width: 0;
    }

    .ipc-lockup-overlay .ipc-lockup-overlay__icon {
        color: #fff;
        min-width: 2rem;
        min-height: 2rem;
        margin-right: 0.5rem;
        transition: color .15s;
    }
    .ipc-lockup-overlay:hover .ipc-lockup-overlay__icon {
        color: #6366f1;
    }

    .ipc-lockup-overlay .ipc-lockup-overlay__icon--centered {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 3rem;
        height: 3rem;
        margin: auto;
    }

    .gdvnDB .hero-media__slate-play-icon {
        width: calc(3rem + 5%);
        height: 3rem;
        padding-left: 5%;
    }

    .cuzUor {
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0.03125em;
        line-height: 1.5rem;
        text-transform: none;
        padding-right: 1rem;
    }

    .ipc-lockup-overlay .ipc-lockup-overlay__screen {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000;
        transition: opacity .15s;
        opacity: 0;
    }

    .ipc-lockup-overlay:hover .ipc-lockup-overlay__screen {
        opacity: .08;
    }

    .llqLEG {
        margin-bottom: 0px;
    }

    .hfdVFp {
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0.03125em;
        line-height: 1.5rem;
        text-transform: none;
        margin-right: 0.5rem;
        color: rgba(255, 255, 255, 1);
    }

    .eGzdwI {
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0.03125em;
        line-height: 1.5rem;
        text-transform: none;
        color: rgba(255, 255, 255, 1);
    }

    @media screen and (min-width: 480px) {
        .ipc-sub-grid-item--span-2 {
            width: calc(33.33333% - .83333 * 0.75rem - 0.16667rem);
            min-width: calc(33.33333% - .83333 * 0.75rem - 0.16667rem);
            margin-right: 0.75rem;
        }
    }


    @media screen and (min-width: 600px) {
        .fpjqna {
            flex-flow: row wrap;
            /* margin-left: 1rem;
                margin-right: 1rem; */
        }

        .hNvLDX {
            position: static;
            width: calc(27.65% - 0.125rem);
        }

        .ipc-sub-grid-item--span-2 {
            width: calc(25% - .875 * 0.75rem - 0.1875rem);
            min-width: calc(25% - .875 * 0.75rem - 0.1875rem);
            margin-right: 0.75rem;
        }

        .gdvnDB .hero-media__slate-play-icon {
            width: 3.75rem;
            height: 3.75rem;
            padding-left: 0px;
        }
    }

    @media screen and (min-width: 976px) {
        .fpjqna {
            flex-wrap: nowrap;
        }

        .hNvLDX {
            width: calc(23.25% - 0.125rem);
        }

        .gdvnDB .hero-media__slate-play-icon {
            position: static;
            height: 3rem;
            width: 3rem;
            margin: 0px 0.5rem 0px 0px;
        }

        .hfdVFp {
            font-size: 1.5rem;
            -webkit-font-smoothing: antialiased;
            letter-spacing: normal;
            line-height: 2rem;
            text-transform: none;
            font-weight: 400;
        }
    }

    @media screen and (min-width: 1024px) {
        .ipc-sub-grid-item--span-2 {
            width: calc(16.66667% - .91667 * 1rem - 0.08333rem);
            min-width: calc(16.66667% - .91667 * 1rem - 0.08333rem);
            margin-right: 1rem;
        }

    }

    @media screen and (min-width: 1280px) {
        .gdvnDB .hero-media__slate-play-icon {
            height: 3.75rem;
            width: 3.75rem;
        }
    }


    .ipc-sub-grid-item--span-2 {
        grid-column: span 2;
        width: auto;
        min-width: auto;
        margin-right: 0;
    }

    .ipc-poster {
        display: inline-flex;
        position: relative;
        text-decoration: none;
    }

    .cGAqvC {
        position: relative;
        display: flex;
        width: 100%;
    }

    .cbHMmL {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 10;
    }

    .ipc-icon-border-button,
    .ipc-icon-button,
    .ipc-icon-link {
        border-radius: 50%;
        cursor: pointer;
        display: inline-block;
        line-height: 0;
        margin: 0;
        padding: 0.75rem;
        position: relative;
    }

    .ipc-icon-border-button:hover {
        color: #f5c518;
    }

    .ipc-icon-border-button {
        color: #fff;
        background: rgba(18, 18, 18, .45);
        border: 1px solid rgba(255, 255, 255, .7);
        padding: 0.3125rem;
    }

    .bTsFLG {
        border: 0px;
        padding: 0.5rem;
    }

    .ipc-icon-border-button:after,
    .ipc-icon-border-button:before,
    .ipc-icon-button:after,
    .ipc-icon-button:before,
    .ipc-icon-link:after,
    .ipc-icon-link:before {
        background: currentColor;
        border-radius: 50%;
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        margin: auto;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        transform-origin: center center;
        transition: transform .2s cubic-bezier(.175, .885, .32, 1), opacity .2s cubic-bezier(.175, .885, .32, 1);
        width: 100%;
    }

    .ipc-icon {
        vertical-align: middle;
    }

    svg:not(:root) {
        overflow: hidden;
    }

    .ipc-sub-grid-item--span-4 {
        grid-column: span 4;
        width: auto;
        min-width: auto;
        margin-right: 0 !important;
    }

    .ipc-sub-grid-item--span-4 {
        width: calc(100% - .75 * 0.5rem - 0.25rem);
        min-width: calc(100% - .75 * 0.5rem - 0.25rem);
        margin-right: 0.5rem;
    }

    .ipc-photo,
    .ipc-poster,
    .ipc-slate {
        display: inline-flex;
        position: relative;
        text-decoration: none;
    }



    @media screen and (min-width: 480px) {
        .ipc-sub-grid-item--span-4 {
            width: calc(66.66667% - .83333 * 0.75rem - 0.16667rem);
            min-width: calc(66.66667% - .83333 * 0.75rem - 0.16667rem);
            margin-right: 0.75rem;
        }
    }

    @media screen and (min-width: 600px) {
        .cGAqvC {
            margin-left: 0.25rem;
            width: calc(72.35% - 0.125rem);
        }

        .ipc-sub-grid-item--span-4 {
            width: calc(50% - .875 * 0.75rem - 0.1875rem);
            min-width: calc(50% - .875 * 0.75rem - 0.1875rem);
            margin-right: 0.75rem;
        }

        .bsRmmD {
            padding-bottom: 0px;
            background: none;
        }
    }

    @media screen and (min-width: 976px) {
        .cGAqvC {
            width: calc(60.75% - 0.125rem);
            margin-right: 0.25rem;
        }
    }

    @media screen and (min-width: 1024px) {
        .ipc-sub-grid-item--span-4 {
            width: calc(33.33333% - .91667 * 1rem - 0.08333rem);
            min-width: calc(33.33333% - .91667 * 1rem - 0.08333rem);
            margin-right: 1rem;
        }
    }

    .ipc-avatar--dynamic-width,
    .ipc-photo--dynamic-width,
    .ipc-poster--dynamic-width,
    .ipc-slate--dynamic-width {
        width: 100%;
    }

    .ipc-avatar__avatar-image,
    .ipc-photo__photo-image,
    .ipc-poster__poster-image,
    .ipc-slate__slate-image {
        min-width: auto;
    }

    .ipc-media__img .ipc-image {
        width: 100%;
    }

    .dEQvuU {
        position: absolute;
        inset: 0px;
    }

    .eZQuUL.hide-videoPreview {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s ease 0.5s, opacity 0.5s linear 0s;
    }

    .dLKBVl {
        height: 0px;
        padding-bottom: 56.25%;
    }

    .gdvnDB {
        padding-left: calc(25vw + 1rem + 1rem);
        background: linear-gradient(to top, transparent 3.5rem, rgb(18, 18, 18) 3.5rem, transparent 6.5rem);
        padding-bottom: 1rem;
        font-size: 2.25rem;
        -webkit-box-pack: end;
        justify-content: flex-end;
    }

    @media screen and (min-width: 600px) {
        .gdvnDB {
            padding-left: 0.75rem;
            font-size: 2.75rem;
            background: none;
        }
    }

    @media screen and (min-width: 976px) {
        .gdvnDB {
            -webkit-box-pack: start;
            justify-content: flex-start;
            padding-left: 1rem;
            font-size: 3rem;
        }
    }

    @media screen and (min-width: 1280px) {
        .gdvnDB {
            font-size: 3.75rem;
        }
    }

    /*  */
    .ipc-button--single-padding {
        padding: 0 1rem;
    }

    .ipc-button--default-height {
        min-height: 2.25rem;
    }

    .feMLMz {
        display: flex;
        flex-direction: row;
        width: auto;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .eNzOT {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        flex-grow: 1;
        min-height: 3rem;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        max-width: calc(50% - 0.125rem);
    }

    .ipc-secondary-button.ipc-button--core-baseAlt {
        color: #5799ef;
        background: rgba(54, 54, 54, 1);
    }

    .ipc-secondary-button.ipc-button--core-baseAlt:hover {
        background: #484848;
    }

    .ipc-secondary-button.ipc-button--core-baseAlt.ipc-button--on-onBase:not(:disabled) {
        color: #fff;
    }

    .ipc-button:after,
    .ipc-button:before {
        position: absolute;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: "";
    }

    .ipc-button:before {
        transition: opacity 15ms linear;
        z-index: 1;
    }

    .ipc-button:after,
    .ipc-button:before {
        top: calc(50% - 100%);
        left: calc(50% - 100%);
        width: 200%;
        height: 200%;
    }

    .ipc-secondary-button.ipc-button--core-baseAlt.ipc-button--on-onBase:after,
    .ipc-secondary-button.ipc-button--core-baseAlt.ipc-button--on-onBase:before {
        background-color: #fff;
    }

    .ipc-button__text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ItncK {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
    }

    .ipc-icon--inline {
        height: 1em;
        vertical-align: baseline;
        width: 1em;
    }

    .gVqJqU {
        margin-right: 0.5rem;
        font-size: 0.75rem;
    }

    .grKWdd {
        font-size: 0.75rem;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        letter-spacing: 0.16667em;
        line-height: 1rem;
        text-transform: uppercase;
    }

    @media screen and (min-width: 600px) {
        .feMLMz {
            margin-top: 0.5rem;
        }

        .gVqJqU {
            font-size: 1rem;
            margin-right: 0.75rem;
        }
    }

    @media screen and (min-width: 976px) {
        .feMLMz {
            flex-direction: column;
            margin-top: 0px;
        }

        .eNzOT {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0px;
            max-width: 100%;
            flex-direction: column;
            max-height: calc(50% - 0.125rem);
        }

        .ItncK {
            flex-direction: column;
        }

        .gVqJqU {
            font-size: 2rem;
            margin-bottom: 0.75rem;
            margin-right: 0px;
        }

    }

    /* override gallery settings */
    .gallery-item:hover::before, .gallery-item:hover::after, .gallery-item:hover .gallery-item-caption, .gallery-item.is-hovered::before, .gallery-item.is-hovered::after, .gallery-item.is-hovered .gallery-item-caption {
        transform: none;
        opacity: 0;
    }
    .gallery-item.video-item::after {
        padding-top: 0.0625rem;
        padding-left: 0.25rem;
        transform: none;
        border-radius: 50%;
        background-color: #fff;
        color: #3e4265;
        font-size: 2rem;
        opacity: 0;
        box-shadow: 0 0.275rem 0.75rem -0.0625rem rgb(19 16 34 / 6%), 0 0.125rem 0.4rem -0.0625rem rgb(19 16 34 / 3%);
        content: "";
    }
</style>

<?php 
  $args = array (
  'post_type' => 'featuredpost',
  'status' => 'publish',
  'order' => 'ASC',
  'posts_per_page' => 1 // always return only one post at a time @akos
  );
  $the_query = new WP_Query($args);
  wp_reset_query();
?>

 
<?php while( $the_query->have_posts() ) : $the_query->the_post() ?>
    <section class="container mt-4  pt-lg-2 pb-2">
        <div class="row align-items-end gy-3 pb-lg-3 pb-1">
            <div class="col-lg-12 col-md-12">
                <h1 class="mb-2 mb-md-0"><?php echo get_field('section_title') ?></h1>
                <h4 class="lead"><?php echo the_title()?></h4>
            </div>
        </div>   
    </section>
    <section class="container">
        <div class="sc-10602b09-3 hRoHMM">
            <div class="sc-43e10848-0 fpjqna gallery" data-thumbnails="true">
                <div class="sc-43e10848-1 hNvLDX">
                    <div class="ipc-poster ipc-poster--baseAlt ipc-poster--dynamic-width sc-bc5f13ed-0 eCJjuc celwidget ipc-sub-grid-item ipc-sub-grid-item--span-2">
                        <div class="ipc-media ipc-media--poster-27x40 ipc-image-media-ratio--poster-27x40 ipc-media--baseAlt ipc-media--poster-l ipc-poster__poster-image ipc-media__img"
                            style="width:100%">
                            <img alt=""
                                class="ipc-image" 
                                src="<?php echo get_field('featured_image') ?>"
                                width="190" >
                            </div>
                        <a class="ipc-lockup-overlay ipc-focusable gallery-item" href="<?php echo get_field('featured_image') ?>" data-sub-html="<h6 class=&quot;fs-sm text-light&quot;><?php echo the_title()?></h6>">
                            <div class="ipc-lockup-overlay__screen"></div>
                        </a>
                    </div>
                </div>
                
                <div class="sc-43e10848-4 cGAqvC">
                    <!-- <div class="sc-1e6f7c6-0 cbHMmL"><button
                            class="ipc-icon-border-button sc-1e6f7c6-1 bTsFLG" title="Video Preview Preference"
                            role="button" tabindex="0" aria-disabled="false"><svg xmlns="http://www.w3.org/2000/svg"
                                width="24" height="24" class="ipc-icon ipc-icon--more-vert" id="iconContext-more-vert"
                                viewBox="0 0 24 24" fill="currentColor" role="presentation">
                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                <path
                                    d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z">
                                </path>
                            </svg></button>
                    </div> -->
                    <div class="ipc-slate ipc-slate--baseAlt ipc-slate--dynamic-width sc-5ea2f380-0 bsRmmD   celwidget ipc-sub-grid-item ipc-sub-grid-item--span-4"
                        role="group">
                        <div class="ipc-media ipc-media--slate-16x9 ipc-image-media-ratio--slate-16x9 ipc-media--baseAlt ipc-media--slate-m ipc-slate__slate-image ipc-media__img"
                            style="width:100%"><img
                                class="ipc-image" 
                                src="<?php echo get_field('featured_video')['video_thumbnail'] ?>"
                                width="500"></div>
                        <a class="ipc-lockup-overlay sc-5ea2f380-2 gdvnDB hero-media__slate-overlay ipc-focusable gallery-item video-item"
                            href="<?php echo get_field('featured_video')['video_preview_link'] ?>"
                            aria-label="Watch <?php echo the_title()?>" data-sub-html="<h6 class=&quot;fs-sm text-light&quot;>Watch <?php echo the_title()?></h6>">
                            <div class="ipc-lockup-overlay__screen"></div>
                            <div class="ipc-lockup-overlay__gradient ipc-lockup-overlay__gradient--linear"></div>
                            <div class="ipc-lockup-overlay__content"><svg width="24" height="24"
                                    xmlns="http://www.w3.org/2000/svg"
                                    class="ipc-icon ipc-icon--play-circle-outline-large-inline ipc-icon--inline ipc-lockup-overlay__icon ipc-lockup-overlay__icon--centered hero-media__slate-play-icon"
                                    id="iconContext-play-circle-outline-large-inline" viewBox="0 0 24 24"
                                    fill="currentColor" role="presentation">
                                    <path
                                        d="M10.803 15.932l4.688-3.513a.498.498 0 0 0 0-.803l-4.688-3.514a.502.502 0 0 0-.803.402v7.026c0 .412.472.653.803.402z">
                                    </path>
                                    <path
                                        d="M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm0-1c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11z">
                                    </path>
                                </svg>
                                <div class="sc-5ea2f380-4 cuzUor">
                                    <div class="sc-5ea2f380-5 llqLEG"><span class="sc-5ea2f380-6 hfdVFp"><?php echo get_field('featured_video')['preview_title'] ?></span><span
                                            class="sc-5ea2f380-7 eGzdwI"><?php echo get_field('featured_video')['video_duration'] ?></span></div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                
                <div class="sc-43e10848-5 feMLMz">
                    <a class="ipc-button ipc-button--single-padding gallery-item ipc-button--center-align-content ipc-button--default-height ipc-button--core-baseAlt ipc-button--theme-baseAlt ipc-button--on-onBase ipc-secondary-button sc-a93004d6-3 eNzOT"
                        role="button" tabindex="0" aria-label="<?php echo count(get_field('videos')['add_one_or_multiple_links'])?>  Videos" aria-disabled="false"
                        href="<?php echo get_field('featured_video')['video_thumbnail'] ?>" data-sub-html="<h6 class=&quot;fs-sm text-light&quot;>Watch <?php echo the_title()?></h6>">
                        <div class="ipc-button__text">
                            <div class="sc-a93004d6-2 ItncK">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                    class="ipc-icon ipc-icon--video-library ipc-icon--inline sc-a93004d6-0 gVqJqU"
                                    id="iconContext-video-library" viewBox="0 0 24 24" fill="currentColor"
                                    role="presentation">
                                    <path
                                        d="M3 6c-.55 0-1 .45-1 1v13c0 1.1.9 2 2 2h13c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1-.45-1-1V7c0-.55-.45-1-1-1zm17-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8 12.5v-9l5.47 4.1c.27.2.27.6 0 .8L12 14.5z">
                                    </path>
                                </svg>
                                <div class="sc-a93004d6-1 grKWdd"><?php echo count(get_field('videos')['add_one_or_multiple_links'])?> <?php  echo __( 'Videos', 'felicityhealth' );?></div>
                            </div>
                        </div>
                    </a>
                    <a class="ipc-button ipc-button--single-padding gallery-item ipc-button--center-align-content ipc-button--default-height ipc-button--core-baseAlt ipc-button--theme-baseAlt ipc-button--on-onBase ipc-secondary-button sc-a93004d6-3 eNzOT"
                        role="button" tabindex="0" aria-label="<?php echo count(get_field('images')['add_one_or_multiple_images'])?> Photos" aria-disabled="false"
                        href="<?php echo get_field('featured_image') ?>" data-sub-html="<h6 class=&quot;fs-sm text-light&quot;>Watch <?php echo the_title()?></h6>">
                        <div class="ipc-button__text">
                            <div class="sc-a93004d6-2 ItncK"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                    class="ipc-icon ipc-icon--collections ipc-icon--inline sc-a93004d6-0 gVqJqU"
                                    id="iconContext-collections" viewBox="0 0 24 24" fill="currentColor"
                                    role="presentation">
                                    <path fill="none" d="M0 0h24v24H0V0z"></path>
                                    <path
                                        d="M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-10.6-3.47l1.63 2.18 2.58-3.22a.5.5 0 0 1 .78 0l2.96 3.7c.26.33.03.81-.39.81H9a.5.5 0 0 1-.4-.8l2-2.67c.2-.26.6-.26.8 0zM2 7v13c0 1.1.9 2 2 2h13c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1-.45-1-1V7c0-.55-.45-1-1-1s-1 .45-1 1z">
                                    </path>
                                </svg>
                                <div class="sc-a93004d6-1 grKWdd"><?php echo count(get_field('images')['add_one_or_multiple_images'])?> <?php  echo __( 'Photos', 'felicityhealth' );?></div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
<?php endwhile; ?>
