<?php

/**
 * Title: FAQ Section
 * Slug: strativo/faq-section
 * Categories: strativo-faq
 */
 $strativo_url = trailingslashit(get_template_directory_uri());
$strativo_images = array(
    $strativo_url . 'assets/images/hero_image.jpg',
);
?>
<!-- wp:group {"metadata":{"categories":["strativo-faq"],"patternName":"strativo/faq-3","name":"FAQ Accordion"},"align":"full","style":{"spacing":{"padding":{"top":"0rem","bottom":"0rem","left":"var:preset|spacing|40","right":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group alignfull"
  style="margin-top:0;margin-bottom:0;padding-top:0rem;padding-right:var(--wp--preset--spacing--40);padding-bottom:0rem;padding-left:var(--wp--preset--spacing--40)">
  <!-- wp:cover {"url":"<?php echo esc_url($strativo_images[0]) ?>","id":56,"dimRatio":90,"isUserOverlayColor":true,"gradient":"gradient-4","sizeSlug":"large","style":{"color":{"duotone":"var:preset|duotone|white-primary"},"border":{"radius":{"topLeft":"16px","topRight":"16px","bottomLeft":"16px","bottomRight":"16px"}},"spacing":{"padding":{"top":"7rem","bottom":"7rem"}}},"layout":{"type":"constrained"}} -->
  <div class="wp-block-cover"
    style="border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding-top:7rem;padding-bottom:7rem">
    <img class="wp-block-cover__image-background wp-image-56 size-large" alt=""
      src="<?php echo esc_url($strativo_images[0]) ?>" data-object-fit="cover" /><span aria-hidden="true"
      class="wp-block-cover__background has-background-dim-90 has-background-dim wp-block-cover__gradient-background has-background-gradient has-gradient-4-gradient-background"></span>
    <div class="wp-block-cover__inner-container">
      <!-- wp:group {"layout":{"type":"constrained","contentSize":"750px"}} -->
      <div class="wp-block-group">
        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40","margin":{"top":"0","bottom":"60px"}}},"layout":{"type":"constrained","contentSize":"540px"}} -->
        <div class="wp-block-group" style="margin-top:0;margin-bottom:60px">
          <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
          <div class="wp-block-group" style="margin-top:0;margin-bottom:0">
            <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":{"topLeft":"60px","topRight":"60px","bottomLeft":"60px","bottomRight":"60px"},"width":"1px"}},"borderColor":"border-color","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-border-color has-border-color-border-color"
              style="border-width:1px;border-top-left-radius:60px;border-top-right-radius:60px;border-bottom-left-radius:60px;border-bottom-right-radius:60px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30)">
              <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","fontSize":"small"} -->
              <p class="has-foreground-color has-text-color has-link-color has-small-font-size">
                <?php esc_html_e( 'FAQ', 'strativo' ); ?>
              </p>
              <!-- /wp:paragraph -->
            </div>
            <!-- /wp:group -->
          </div>
          <!-- /wp:group -->

          <!-- wp:heading {"textAlign":"center","level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color"}}},"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"44px","lineHeight":"1.3"}},"textColor":"heading-color"} -->
          <h1 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-link-color"
            style="font-size:44px;font-style:normal;font-weight:600;line-height:1.3">
            <?php esc_html_e( 'Frequently Asked Questions', 'strativo' ); ?>
          </h1>
          <!-- /wp:heading -->

          <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","fontSize":"medium"} -->
          <p class="has-text-align-center has-foreground-color has-text-color has-link-color has-medium-font-size">
            <?php esc_html_e( 'Lorem
            ipsum is placeholder text commonly used in the graphic, print, and publishing industries.', 'strativo' ); ?>
          </p>
          <!-- /wp:paragraph -->
        </div>
        <!-- /wp:group -->

        <!-- wp:accordion {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
        <div role="group" class="wp-block-accordion">
          <!-- wp:accordion-item {"style":{"spacing":{"blockGap":"var:preset|spacing|30"},"border":{"radius":{"topLeft":"12px","topRight":"12px","bottomLeft":"12px","bottomRight":"12px"}}},"backgroundColor":"light-color"} -->
          <div class="wp-block-accordion-item has-light-color-background-color has-background"
            style="border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px">
            <!-- wp:accordion-heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black-color"}}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"textColor":"black-color","fontSize":"medium"} -->
            <h3
              class="wp-block-accordion-heading has-black-color-color has-text-color has-link-color has-medium-font-size">
              <button type="button" class="wp-block-accordion-heading__toggle"
                style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><span
                  class="wp-block-accordion-heading__toggle-title">
                  <?php esc_html_e( 'What is Full Site Editing in WordPress?', 'strativo' ); ?>
                </span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button>
            </h3>
            <!-- /wp:accordion-heading -->

            <!-- wp:accordion-panel {"style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}}} -->
            <div role="region" class="wp-block-accordion-panel"
              style="padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
              <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
              <p class="has-foreground-color has-text-color has-link-color">
                <?php esc_html_e( 'Full Site Editing in WordPress allows users
                to create and edit their website more efficiently and with more control. It enables users to create
                unique and custom designs without needing to have advanced coding skills.', 'strativo' ); ?>
              </p>
              <!-- /wp:paragraph -->
            </div>
            <!-- /wp:accordion-panel -->
          </div>
          <!-- /wp:accordion-item -->

          <!-- wp:accordion-item {"style":{"spacing":{"blockGap":"var:preset|spacing|30"},"border":{"radius":{"topLeft":"12px","topRight":"12px","bottomLeft":"12px","bottomRight":"12px"}}},"backgroundColor":"light-color"} -->
          <div class="wp-block-accordion-item has-light-color-background-color has-background"
            style="border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px">
            <!-- wp:accordion-heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black-color"}}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"textColor":"black-color","fontSize":"medium"} -->
            <h3
              class="wp-block-accordion-heading has-black-color-color has-text-color has-link-color has-medium-font-size">
              <button type="button" class="wp-block-accordion-heading__toggle"
                style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><span
                  class="wp-block-accordion-heading__toggle-title">
                  <?php esc_html_e( 'What are the benefits of Full Site Editing in
                  WordPress?', 'strativo' ); ?>
                </span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button>
            </h3>
            <!-- /wp:accordion-heading -->

            <!-- wp:accordion-panel {"style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}}} -->
            <div role="region" class="wp-block-accordion-panel"
              style="padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
              <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
              <p class="has-foreground-color has-text-color has-link-color">
                <?php esc_html_e( 'Full Site Editing in WordPress refers to a
                feature that allows users to create and edit their website’s entire layout, including the header,
                footer, and other structural elements, using a visual editor.', 'strativo' ); ?>
              </p>
              <!-- /wp:paragraph -->
            </div>
            <!-- /wp:accordion-panel -->
          </div>
          <!-- /wp:accordion-item -->

          <!-- wp:accordion-item {"style":{"spacing":{"blockGap":"var:preset|spacing|30"},"border":{"radius":{"topLeft":"12px","topRight":"12px","bottomLeft":"12px","bottomRight":"12px"}}},"backgroundColor":"light-color"} -->
          <div class="wp-block-accordion-item has-light-color-background-color has-background"
            style="border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px">
            <!-- wp:accordion-heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black-color"}}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"textColor":"black-color","fontSize":"medium"} -->
            <h3
              class="wp-block-accordion-heading has-black-color-color has-text-color has-link-color has-medium-font-size">
              <button type="button" class="wp-block-accordion-heading__toggle"
                style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><span
                  class="wp-block-accordion-heading__toggle-title">
                  <?php esc_html_e( 'How do I enable Full Site Editing in
                  WordPress?', 'strativo' ); ?>
                </span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button>
            </h3>
            <!-- /wp:accordion-heading -->

            <!-- wp:accordion-panel {"style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}}} -->
            <div role="region" class="wp-block-accordion-panel"
              style="padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
              <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
              <p class="has-foreground-color has-text-color has-link-color">
                <?php esc_html_e( 'To enable Full Site Editing in WordPress,
                you need to ensure that you are using a compatible WordPress theme that supports Full Site Editing. You
                will also need to install the latest version of WordPress and enable the Gutenberg editor.', 'strativo' ); ?>
              </p>
              <!-- /wp:paragraph -->
            </div>
            <!-- /wp:accordion-panel -->
          </div>
          <!-- /wp:accordion-item -->

          <!-- wp:accordion-item {"style":{"spacing":{"blockGap":"var:preset|spacing|30"},"border":{"radius":{"topLeft":"12px","topRight":"12px","bottomLeft":"12px","bottomRight":"12px"}}},"backgroundColor":"light-color"} -->
          <div class="wp-block-accordion-item has-light-color-background-color has-background"
            style="border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px">
            <!-- wp:accordion-heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black-color"}}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"textColor":"black-color","fontSize":"medium"} -->
            <h3
              class="wp-block-accordion-heading has-black-color-color has-text-color has-link-color has-medium-font-size">
              <button type="button" class="wp-block-accordion-heading__toggle"
                style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><span
                  class="wp-block-accordion-heading__toggle-title">
                  <?php esc_html_e( 'What are the benefits of Full Site Editing in
                  WordPress?', 'strativo' ); ?>
                </span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button>
            </h3>
            <!-- /wp:accordion-heading -->

            <!-- wp:accordion-panel {"style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}}} -->
            <div role="region" class="wp-block-accordion-panel"
              style="padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
              <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
              <p class="has-foreground-color has-text-color has-link-color">
                <?php esc_html_e( 'Full Site Editing in WordPress refers to a
                feature that allows users to create and edit their website’s entire layout, including the header,
                footer, and other structural elements, using a visual editor.', 'strativo' ); ?>
              </p>
              <!-- /wp:paragraph -->
            </div>
            <!-- /wp:accordion-panel -->
          </div>
          <!-- /wp:accordion-item -->

          <!-- wp:accordion-item {"style":{"spacing":{"blockGap":"var:preset|spacing|30"},"border":{"radius":{"topLeft":"12px","topRight":"12px","bottomLeft":"12px","bottomRight":"12px"}}},"backgroundColor":"light-color"} -->
          <div class="wp-block-accordion-item has-light-color-background-color has-background"
            style="border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px">
            <!-- wp:accordion-heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black-color"}}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"textColor":"black-color","fontSize":"medium"} -->
            <h3
              class="wp-block-accordion-heading has-black-color-color has-text-color has-link-color has-medium-font-size">
              <button type="button" class="wp-block-accordion-heading__toggle"
                style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><span
                  class="wp-block-accordion-heading__toggle-title">
                  <?php esc_html_e( 'What are some popular WordPress themes that support
                  Full Site Editing?', 'strativo' ); ?>
                </span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button>
            </h3>
            <!-- /wp:accordion-heading -->

            <!-- wp:accordion-panel {"style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}}} -->
            <div role="region" class="wp-block-accordion-panel"
              style="padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
              <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
              <p class="has-foreground-color has-text-color has-link-color">
                <?php esc_html_e( 'Some popular WordPress themes that support
                Full Site Editing include the FotaWP Theme, ReviveNews Theme, and the Hello Agency Theme. These themes
                have built-in support for Full Site Editing, allowing users to create custom designs without needing to
                know how to code.', 'strativo' ); ?>
              </p>
              <!-- /wp:paragraph -->
            </div>
            <!-- /wp:accordion-panel -->
          </div>
          <!-- /wp:accordion-item -->

          <!-- wp:accordion-item {"style":{"spacing":{"blockGap":"var:preset|spacing|30"},"border":{"radius":{"topLeft":"12px","topRight":"12px","bottomLeft":"12px","bottomRight":"12px"}}},"backgroundColor":"light-color"} -->
          <div class="wp-block-accordion-item has-light-color-background-color has-background"
            style="border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px">
            <!-- wp:accordion-heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black-color"}}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"textColor":"black-color","fontSize":"medium"} -->
            <h3
              class="wp-block-accordion-heading has-black-color-color has-text-color has-link-color has-medium-font-size">
              <button type="button" class="wp-block-accordion-heading__toggle"
                style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><span
                  class="wp-block-accordion-heading__toggle-title">
                  <?php esc_html_e( 'How do I enable Full Site Editing in
                  WordPress?', 'strativo' ); ?>
                </span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button>
            </h3>
            <!-- /wp:accordion-heading -->

            <!-- wp:accordion-panel {"style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}}} -->
            <div role="region" class="wp-block-accordion-panel"
              style="padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
              <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
              <p class="has-foreground-color has-text-color has-link-color">
                <?php esc_html_e( 'To enable Full Site Editing in WordPress,
                you need to ensure that you are using a compatible WordPress theme that supports Full Site Editing. You
                will also need to install the latest version of WordPress and enable the Gutenberg editor.', 'strativo' ); ?>
              </p>
              <!-- /wp:paragraph -->
            </div>
            <!-- /wp:accordion-panel -->
          </div>
          <!-- /wp:accordion-item -->
        </div>
        <!-- /wp:accordion -->
      </div>
      <!-- /wp:group -->
    </div>
  </div>
  <!-- /wp:cover -->
</div>
<!-- /wp:group -->
