citywebshop_cms/application/views/main_view.php

<?php include 'main_header.php' ?>

  <div data-collapse="all" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
    <div class="navigation-wrap">
      <a href="/" aria-current="page" class="logo-link w-nav-brand w--current"><img src="/images/BUDS_logo.png" width="108" alt="" class="logo-image"></a>
      <div class="menu">
        <a href="/#schedule" class="primary-button cc-contact-us w-inline-block">
          <div><?=admin_utils::getSystemParam('start-booking-button-label')?></div>
        </a>
        <nav role="navigation" class="navigation-items w-nav-menu">
          <a href="/?lang=en" class="navigation-item horizontal w-inline-block"><img src="/images/Wikipedia-Flags-GB-United-Kingdom-Flag.512.png" loading="lazy" alt="" class="image-3"></a>
          <div data-hover="false" data-delay="0.5" class="w-dropdown">
            <nav class="dropdown-list w-dropdown-list w--nav-dropdown-list-open w--open" style="padding-left: 0px;">
              <?php foreach ($menu_tours as $item) : ?>
                <a href="javascript:;" onclick="javascript: $('#w-nav-overlay-0').hide(); window.location.href='<?=$item->box_url?>';" class="dropdown-link w-dropdown-link"><?=$item->box_title?></a>
              <?php endforeach; ?>
              <?php foreach ($menu_contact as $item) : ?>
                <a href="javascript:;" onclick="javascript: $('#w-nav-overlay-0').hide(); window.location.href='<?=$item->box_url?>';" class="dropdown-link w-dropdown-link"><?=$item->box_title?></a>
              <?php endforeach; ?>
            </nav>
          </div>
        </nav>
        <div class="menu-butto w-nav-button">
          <div class="w-icon-nav-menu"></div>
        </div>
      </div>
    </div>
  </div>
  <section class="first-section">
    <div data-delay="5000" data-animation="slide" class="slider w-slider" data-autoplay="true" data-easing="ease" data-hide-arrows="true" data-disable-swipe="true" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true">
      <div class="w-slider-mask">
        <?php foreach ($slides as $slide) : ?>
        <div class="w-slide">
          <div class="intro-header" style="background-image: url('../images/slice15.png'), linear-gradient(0deg, #13113af0, #13113a1a), url('/<?=$slide->box_banner?>');">
            <div class="div-block">
              <div class="heading-jumbo"><?=$slide->box_title?></div>
              <div class="paragraph-bigger cc-bigger-white-light"><?=$slide->box_subtitle?><br></div>
              <div class="intro-text">
                <div class="paragraph-bigger cc-bigger-white-light"><?=$slide->box_subtitle_en?><br></div>
              </div>
              <a href="<?php echo $slide->box_url != '' ? $slide->box_url : '/packages'; ?>" class="primary-button cc-contact-us w-inline-block">
                <div><?=$slide->box_button_text?></div>
              </a>
            </div>
          </div>
        </div>
        <?php endforeach; ?>
      </div>
      <div class="w-slider-arrow-left">
        <div class="w-icon-slider-left"></div>
      </div>
      <div class="w-slider-arrow-right">
        <div class="w-icon-slider-right"></div>
      </div>
      <div class="slide-nav w-slider-nav w-round"></div>
    </div>
  </section>
  <section id="benefits" class="section">
    <div class="container">
      <div class="blog-heading">
        <div class="heading-jumbo-small"><?=admin_utils::getSystemParam('Mainpage-section2-title')?><br></div>
      </div>
      <div class="home-content-wrap">
        <div class="w-layout-grid about-grid">
          <?php foreach ($boxes as $box) : ?>
          <div id="w-node-_86e64837-0616-515b-4568-76c147234d34-a89cb4cc">
            <div class="home-card">
              <div class="icon-holder">
                <?php if ($box->box_slug != '' && !stristr($box->box_slug,'.svg')) : ?>
                  <i class="fa <?=$box->box_slug?>" style="font-size: 47px;"></i>
                <?php elseif ($box->box_slug != '' && stristr($box->box_slug,'.svg')) : ?>
                  <img src="/images/<?=$box->box_slug?>" loading="lazy" alt="">
                <?php else : ?>
                  <img src="/images/ship-solid.svg" loading="lazy" alt="">
                <?php endif; ?>
              </div>
              <h4 class="section-heading center"><?=$box->box_title?></h4><img src="/images/slice8.png" loading="lazy" alt="" class="wave">
              <p class="paragraph-light center"><?=$box->box_subtitle?></p>
            </div>
          </div>
          <?php endforeach; ?>
        </div>
      </div>
    </div>
  </section>
  <section id="schedule" class="section cc-cta">
    <div class="container">
      <div class="cta-wrap">
        <div class="step-1">
          <div class="cta-text">
            <div class="heading-jumbo-small"><?=admin_utils::getSystemParam('Mainpage-booking-title')?><br></div>
          </div>
          <div data-w-id="2276ac94-0721-f5f1-ddd7-86225039a7e4" class="ms-input-2-select-service">
            <?php $i=0; foreach ($services as $service) : $i++; ?>
            <?php if ($i == 1) : ?>
            <div class="service-card_wrapper active-service" onclick="setService($(this), '<?=$service->parent_service?>');">
              <a href="javascript:;" class="service-card w-inline-block" style="cursor: pointer;">
                <img src="/<?=$service->box_banner?>" alt="" class="service-image">
                <div>
                  <h5><?=$service->box_subtitle?></h5>
                  <div><?=nl2br($service->box_title)?></div>
                  <?php if ($service->box_button_text != '' && $service->box_button_text_en != '') : ?>
                    <div>Price: 
                      <span class="text-span-2"><em><?=number_format($service->box_button_text,0,'',' ')?> HUF / person</em></span>  
                      <span class="text-span"><?=number_format($service->box_button_text_en,0,'',' ')?> HUF / person - SALE</span></div>
                  <?php else : ?>
                    <div>Price: <span class="text-span-1"><em style="font-weight: bold;"><?=number_format($service->box_button_text,0,'',' ')?> HUF / person</em></span></div>
                  <?php endif; ?>
                </div>
              </a>
              <!--<div class="div-block-4">
                <div class="select-icon w-icon-slider-right"></div>
              </div>-->
            </div>
            <?php else : ?>
              <div class="service-card_wrapper" onclick="setService($(this), '<?=$service->parent_service?>');">
              <a href="javascript:;" class="service-card w-inline-block" style="cursor: pointer;">
                <img src="/<?=$service->box_banner?>" alt="" class="service-image">
                <div>
                  <h5><?=$service->box_subtitle?></h5>
                  <div><?=nl2br($service->box_title)?></div>
                  <?php if ($service->box_button_text != '' && $service->box_button_text_en != '') : ?>
                    <div>Price: 
                      <span class="text-span-2"><em><?=number_format($service->box_button_text,0,'',' ')?> HUF / person</em></span>  
                      <span class="text-span"><?=number_format($service->box_button_text_en,0,'',' ')?> HUF / person - SALE</span></div>
                  <?php else : ?>
                    <div>Price: <span class="text-span-1"><em style="font-weight: bold;"><?=number_format($service->box_button_text,0,'',' ')?> HUF / person</em></span></div>
                  <?php endif; ?>
                </div>
              </a>
              <!--<div class="div-block-4">
                <div class="select-icon w-icon-slider-right" style="display: none;"></div>
              </div>-->
            </div>
            <?php endif; ?>
            <?php endforeach; ?>
          </div>
          <div class="booking-form-base w-form">
            <form id="email-form" name="email-form" method="get" class="booking-form">
              <div class="center-form">
                <div class="ms-input-2 has-left-icon flex">
                  <h5 class="seats-heading">How many people do you want to book for?</h5><input class="ms-input w-node-b47223d5-0722-bd89-bc57-535765b808a3-2451f83b w-input" min="1" max="99" name="field" data-name="Field" value="0" type="number" id="field">
                </div>
              </div>
            </form>
            <div class="w-form-done">
              <div>Thank you! Your submission has been received!</div>
            </div>
            <div id="step1Error" class="w-form-fail">
              <div>Oops! Something went wrong while submitting the form.</div>
            </div>
          </div>
          <a href="#" id="bookingStep1Btn" class="primary-button cc-contact-us w-inline-block">
            <div><?=admin_utils::getSystemParam('start-booking-button-label')?></div>
          </a>
        </div>
        <div class="step-2" style="display: none;">
          <div class="cta-text">
            <div class="heading-jumbo-small">Choose the date<br></div>
          </div>
          <div class="booking-form-base w-form">
            <form id="email-form" name="email-form" method="get" class="booking-form">
              <div class="center-form">
                <div class="date-error" style="display: none;">There are no events available for this day based on the data provided.</div>
                <div class="div-block-7-copy">
                  <input class="ms-input-2 has-left-icon w-input" autocomplete="off" name="Date-2" placeholder="Pick your date" type="text" id="Date-20" required="">
                  <select id="days-of-the-week-2" name="days-of-the-week-2" data-name="Days Of The Week 2" class="ms-input-2 has-left-icon w-select">
                  </select></div>
              </div>
            </form>
            <div class="w-form-done">
              <div>Thank you! Your submission has been received!</div>
            </div>
            <div id="step2Error" class="w-form-fail">
              <div>Oops! Something went wrong while submitting the form.</div>
            </div>
          </div>
          <div class="horizontal-buttons">
            <a href="#" id="bookingStepBack" class="primary-button cc-white-button w-inline-block">
              <div>Step back</div>
            </a>
            <a href="#" id="bookingStep2Btn" class="primary-button cc-contact-us w-inline-block">
              <div>Next Step</div>
            </a>
          </div>
        </div>
        <div class="step-3" style="display: none;">
          <div class="booking-form-base w-form">
            <form id="email-form" name="email-form" method="get" class="booking-form">
              <div class="center-form"></div>
              <div class="menu-type"><label for="field-2" class="heading-jumbo-small">Choose your menu</label>
                <div class="timer-wrapper">
                  <div>Remaining time for booking:</div>
                  <div><strong class="cart_timer"></strong></div>
                </div>
                <div class="menu-desctiption"><strong>All three menu options include a complimentary welcome drink!<br>‍</strong>During the cruise, you&#x27;re also invited to explore our bar&#x27;s wide selection of beverages available to order.</div>
                <div>Remaining meals to choose: <strong class="menu_counter"></strong></div>
                <div id="menuContainer"></div>
                <div class="menu-desctiption allergic">
                  <div>Allergics: <br></div>
                  <div>1. Gluten,<br></div>
                  <div>2. Crustaceans,<br></div>
                  <div>3. Eggs,<br></div>
                  <div>4. Fish,<br></div>
                  <div>5. Peanuts,<br></div>
                  <div>6. Soybeans,<br></div>
                  <div>7. Milk,<br></div>
                  <div>8. Nuts,<br></div>
                  <div>9. Celery, <br></div>
                  <div>10. Mustard,<br></div>
                  <div>11. Sesame<br></div>
                  <div>12. Sulphites<br></div>
                  <div>13. Lupin<br></div>
                  <div>14. Molluscs<br></div>
                </div>
              </div>
            </form>
          <div class="horizontal-buttons">
            <a href="#" id="bookingStepBack2" class="primary-button cc-white-button w-inline-block">
              <div>Step back</div>
            </a>
            <a href="javascript:;" id="bookingStep3Btn" class="primary-button cc-contact-us hover w-inline-block">
              <div>Checkout</div>
            </a>
          </div>
            <div class="w-form-done">
              <div>Thank you! Your submission has been received!</div>
            </div>
            <div id="step3Error" class="w-form-fail">
              <div>Oops! Something went wrong while submitting the form.</div>
            </div>
          </div>
        </div>
        <div class="step-4"></div>
        <div class="step-summary"></div>
      </div>
    </div>
  </section>
  <section id="find-us" class="section">
    <div class="w-layout-blockcontainer container find-us w-container">
      <div class="blog-heading">
        <div class="heading-jumbo-small"><?=admin_utils::getSystemParam('Mainpage-findus-title')?><br></div>
      </div>
      <div class="w-layout-grid grid">
        <div id="w-node-e92ad46a-810f-03d2-fa65-22a2ee42f076-a89cb4cc" class="dinner-and-cruise">
          <h5 class="find-us-title">Dinner &amp; Cruise</h5>
          <div class="w-widget"><?=$boarding->box_banner?></div>
          <div class="map_card_wrapper">
            <div class="map_card">
              <h5 class="section-heading maphead"><strong class="bold-text">Boarding Location</strong></h5>
              <div class="map_card_text_wrapper">
                <div class="map_text"><strong>Adress: </strong><?=$boarding->box_slug?></div>
                <div class="map_text"><strong>Meeting time: <br>‍</strong><?=nl2br($boarding->box_title)?></div>
                <div class="map_text"><strong>Departure Time: <br>‍</strong><?=nl2br($boarding->box_title_en)?></div>
              </div>
            </div>
            <div class="map_card">
              <h5 class="section-heading maphead"><strong class="bold-text">Boarding information</strong></h5>
              <div class="map_card_text_wrapper">
                <div class="map_text"><strong>Check in: </strong><?=$boarding->box_subtitle?></div>
                <div class="map_text"><strong>Boarding: </strong><?=$boarding->box_subtitle_en?></div>
                <div class="map_text"><strong>Late policy: </strong><?=$boarding->box_button_text?></div>
              </div>
            </div>
            <div class="map_card">
              <div class="map_card_text_wrapper">
                <div class="map_text"><?=$boarding->box_button_text_en?></div>
                <div class="map_text"><?=$boarding->box_url?></div>
              </div>
            </div>
          </div>
        </div>
        <div class="sightseen">
          <h5 class="find-us-title">Sightseeing</h5>
          <div class="w-widget w-widget-map" data-widget-style="roadmap" data-widget-latlng="47.4965242,19.0475244" data-enable-scroll="false" role="region" title="" data-enable-touch="true" data-widget-zoom="17" data-widget-tooltip=""></div>
          <div class="map_card_wrapper">
            <div class="map_card">
              <h5 class="section-heading maphead"><strong class="bold-text">Boarding Location</strong></h5>
              <div class="map_card_text_wrapper">
                <div class="map_text"><strong>Adress: </strong>Vigadó Dock 6 - Jane Haining rakpart, 1052 Budapest</div>
                <div class="map_text"><strong>Parking: </strong>Paid parking is available at Intercontinental Hotel, or nearby at Gresham Palace and Hild tér garages</div>
                <div class="map_text"><strong>Public Transport: </strong>Easily accessible by <strong>tram 2</strong> (stop: Vigadó tér), or by bus lines <strong>15 and 105</strong></div>
              </div>
            </div>
            <div class="map_card">
              <h5 class="section-heading maphead">Office hours:</h5>
              <div class="map_card_text_wrapper">
                <div class="map_text"><strong>Boarding:</strong> Begins 15 minutes before departure</div>
                <div class="map_text">The <strong>Dinner &amp; Cruise</strong> experience must be <strong>booked in advance</strong> for a specific date and time.</div>
                <div class="map_text"><strong>Daytime Sightseeing Cruises</strong> run continuously during operating hours. A new boat departs roughly <strong>every 20 minutes.</strong><br>Queues are generally short during the day, but may be longer during <strong>peak hours</strong> (late afternoon to early evening).</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="section grey-bg">
    <div class="w-layout-blockcontainer container find-us w-container">
      <div class="blog-heading">
        <div class="heading-jumbo-small"><?=admin_utils::getSystemParam('Mainpage-ourservices-title')?><br></div>
      </div>
      <div class="w-layout-grid grid">
        <a href="#" class="w-inline-block w-lightbox"><img src="/<?=$ourservices->page_banner?>" loading="lazy" alt="">
          <script type="application/json" class="w-json">{
  "items": [],
  "group": "1es"
}</script>
        </a>
        <div id="w-node-_92756fe4-4b4a-1d7e-e281-cf909a74263b-a89cb4cc" class="dinner-and-cruise">
          <div class="map_card_wrapper-copy">
            <div class="map_card">
              <div class="map_card_text_wrapper">
                <h5 class="section-heading maphead"><strong class="bold-text"><?=$ourservices->page_title?></strong></h5>
                <div class="map_text"><?=nl2br($ourservices->page_content)?></div>
              </div>
              <!--<div class="map_text">The price of the dinner and cruise is<strong> <br>only 36.000 HUF / person (90 EUR / person).</strong><br></div>-->
            </div>
          </div>
        </div>
        <div class="sightseen">
          <h5 class="find-us-title">Sightseeing</h5>
          <div class="w-widget w-widget-map" data-widget-style="roadmap" data-widget-latlng="47.4965242,19.0475244" data-enable-scroll="false" role="region" title="" data-enable-touch="true" data-widget-zoom="17" data-widget-tooltip=""></div>
          <div class="map_card_wrapper">
            <div class="map_card">
              <h5 class="section-heading maphead"><strong class="bold-text">Boarding Location</strong></h5>
              <div class="map_card_text_wrapper">
                <div class="map_text"><strong>Adress: </strong>Vigadó Dock 6 - Jane Haining rakpart, 1052 Budapest</div>
                <div class="map_text"><strong>Parking: </strong>Paid parking is available at Intercontinental Hotel, or nearby at Gresham Palace and Hild tér garages</div>
                <div class="map_text"><strong>Public Transport: </strong>Easily accessible by <strong>tram 2</strong> (stop: Vigadó tér), or by bus lines <strong>15 and 105</strong></div>
              </div>
            </div>
            <div class="map_card">
              <h5 class="section-heading maphead">Office hours:</h5>
              <div class="map_card_text_wrapper">
                <div class="map_text"><strong>Boarding:</strong> Begins 15 minutes before departure</div>
                <div class="map_text">The <strong>Dinner &amp; Cruise</strong> experience must be <strong>booked in advance</strong> for a specific date and time.</div>
                <div class="map_text"><strong>Daytime Sightseeing Cruises</strong> run continuously during operating hours. A new boat departs roughly <strong>every 20 minutes.</strong><br>Queues are generally short during the day, but may be longer during <strong>peak hours</strong> (late afternoon to early evening).</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="gallery" class="section">
    <div class="container">
      <div class="blog-heading">
        <div class="heading-jumbo-small"><?=admin_utils::getSystemParam('Mainpage-gallery-title')?><br></div>
      </div>
      <div class="w-layout-grid lightbox-grid">
        <?php foreach ($gallery as $image) : ?>
        <a href="#" class="lightbox-link w-inline-block w-lightbox">
          <img src="/<?=$image->slide_banner?>" loading="lazy" alt="" class="lightbox-image">
          <script type="application/json" class="w-json">
            {
              "items": [
                {
                  "_id": "<?=$image->slide_id?>",
                  "origFileName": "<?=str_replace('static/uploads/thumbs/','',$image->slide_banner)?>",
                  "fileName": "<?=str_replace('static/uploads/thumbs/','',$image->slide_banner)?>",
                  "fileSize": 9999,
                  "height": 1000,
                  "url": "/<?=$image->slide_banner?>",
                  "width": 1600,
                  "type": "image"
                }
              ],
              "group": "1es"
            }
          </script>
        </a>
        <?php endforeach; ?>
      </div>
      <div class="button-holder">
        <a href="#" class="w-inline-block w-lightbox">
          <div class="primary-button">
            <div><?=admin_utils::getSystemParam('start-gallery-button-label')?></div>
          </div>
          <script type="application/json" class="w-json">{
  "items": [],
  "group": "1es"
}</script>
        </a>
      </div>
    </div>
  </section>
  <div class="section cc-cta">
    <div class="container">
      <div class="cta-wrap">
        <div>
          <a href="#schedule" class="primary-button cc-contact-us w-inline-block">
            <div><?=admin_utils::getSystemParam('book-now-button-label')?></div>
          </a>
        </div>
      </div>
    </div>
  </div>
  <section id="reviews" class="section vector-bg">
    <div class="container nopading">
      <div class="motto-wrap">
        <div class="heading-jumbo-small"><?=admin_utils::getSystemParam('Mainpage-review-title')?><br></div>
      </div>
      <div class="home-content-wrap">
        <div data-delay="4000" data-animation="slide" class="review-slider w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true">
          <div class="mask w-slider-mask">
            <div class="w-slide">
              <div class="w-layout-grid reviews-grid">
                <?php foreach ($reviews1 as $item) : ?>
                <a href="<?=$item->box_url?>" target="_blank" class="home-card review w-inline-block">
                  <div class="star-wrapper">
                    <img src="/images/star.png" loading="lazy" alt="" class="star-icon">
                    <img src="/images/star.png" loading="lazy" alt="" class="star-icon">
                    <img src="/images/star.png" loading="lazy" alt="" class="star-icon">
                    <img src="/images/star.png" loading="lazy" alt="" class="star-icon">
                    <img src="/images/star.png" loading="lazy" alt="" class="star-icon">
                  </div>
                  <p class="paragraph-light"><?=$item->box_title?></p>
                  <div class="name-wrapper">
                    <div class="icon-holder"><img src="/images/User_Remove.svg" loading="lazy" alt=""></div>
                    <div class="review-info">
                      <h6 class="section-heading center name"><?=$item->box_subtitle?></h6>
                      <p class="paragraph-light"><?=$item->box_subtitle_en?></p>
                    </div>
                  </div>
                </a>
                <?php endforeach; ?>
              </div>
            </div>
            <div class="w-slide">
              <div class="w-layout-grid reviews-grid">
                <?php foreach ($reviews2 as $item) : ?>
                <a href="<?=$item->box_url?>" target="_blank" class="home-card review w-inline-block">
                  <div class="star-wrapper">
                    <img src="/images/star.png" loading="lazy" alt="" class="star-icon">
                    <img src="/images/star.png" loading="lazy" alt="" class="star-icon">
                    <img src="/images/star.png" loading="lazy" alt="" class="star-icon">
                    <img src="/images/star.png" loading="lazy" alt="" class="star-icon">
                    <img src="/images/star.png" loading="lazy" alt="" class="star-icon">
                  </div>
                  <p class="paragraph-light"><?=$item->box_title?></p>
                  <div class="name-wrapper">
                    <div class="icon-holder"><img src="/images/User_Remove.svg" loading="lazy" alt=""></div>
                    <div class="review-info">
                      <h6 class="section-heading center name"><?=$item->box_subtitle?></h6>
                      <p class="paragraph-light"><?=$item->box_subtitle_en?></p>
                    </div>
                  </div>
                </a>
                <?php endforeach; ?>
              </div>
            </div>
          </div>
          <div class="left-arrow w-slider-arrow-left">
            <div class="w-icon-slider-left"></div>
          </div>
          <div class="right-arrow w-slider-arrow-right">
            <div class="w-icon-slider-right"></div>
          </div>
          <div class="w-slider-nav w-round"></div>
        </div>
      </div>
    </div>
  </section>

  <section id="FAQ" class="section grey-bg">
    <div class="container">
      <div class="blog-heading">
        <div class="heading-jumbo-small"><?=admin_utils::getSystemParam('Mainpage-faq-title')?><br></div>
      </div>
      <div data-current="Tab 1" data-easing="ease" data-duration-in="300" data-duration-out="100" class="w-tabs">
        <div class="w-tab-content">
          <div data-w-tab="Tab 1" class="w-tab-pane w--tab-active">
            <div data-w-id="14514117-226b-fe7c-57f9-66974f34ffbf" class="faq-container">
              <div class="accordion-item-wrapper---brix preview-page">
                <?php $i=0; foreach ($faq1 as $item) : $i++; ?>
                <div data-w-id="98033a6d-2680-beae-3a91-78b3150f27b0" style="border-color:rgba(0,0,0,0)" class="accordion-item---brix accordion-1---brix">
                  <div class="accordion-trigger---brix">
                    <div class="accordion-item-title---brix"><strong><?=$i?>. <?=$item->box_subtitle?><br></strong></div>
                    <div style="background-color:rgb(255,255,255)" class="accordion-arrow-wrap---brix">
                      <div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0)" class="accordion-arrow-wrapper---brix">
                        <div class="arrow-line---brix _2---brix"></div>
                        <div class="arrow-line---brix _1---brix"></div>
                      </div>
                    </div>
                  </div>
                  <div style="height:0px;-webkit-transform:translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="accordion-content---brix">
                    <p class="accordion-paragraph---brix"><?=$item->box_title?></p>
                  </div>
                </div>
                <?php endforeach; ?>
              </div>
            </div>
          </div>
          <div data-w-tab="Tab 2" class="w-tab-pane">
            <div class="faq-container">
              <div class="accordion-item-wrapper---brix preview-page">
                <?php $i=0; foreach ($faq2 as $item) : $i++; ?>
                <div data-w-id="98033a6d-2680-beae-3a91-78b3150f27b0" style="border-color:rgba(0,0,0,0)" class="accordion-item---brix accordion-1---brix">
                  <div class="accordion-trigger---brix">
                    <div class="accordion-item-title---brix"><strong><?=$i?>. <?=$item->box_subtitle?><br></strong></div>
                    <div style="background-color:rgb(255,255,255)" class="accordion-arrow-wrap---brix">
                      <div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(90deg) skew(0, 0)" class="accordion-arrow-wrapper---brix">
                        <div class="arrow-line---brix _2---brix"></div>
                        <div class="arrow-line---brix _1---brix"></div>
                      </div>
                    </div>
                  </div>
                  <div style="height:0px;-webkit-transform:translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="accordion-content---brix">
                    <p class="accordion-paragraph---brix"><?=$item->box_title?></p>
                  </div>
                </div>
                <?php endforeach; ?>
              </div>
            </div>
          </div>
        </div>
        <div class="tabs-menu w-tab-menu">
          <a data-w-tab="Tab 1" class="primary-button w-inline-block w-tab-link w--current">
            <div>Less Questions</div>
          </a>
          <a data-w-tab="Tab 2" class="primary-button w-inline-block w-tab-link">
            <div>View All questions</div>
          </a>
        </div>
      </div>
    </div>
  </section>

<?php include 'main_footer.php' ?>