<?php

/**
 * Title: Axvart Knowledge Base Row
 * Slug: axvart/a6-axvart-knowledge-base-row
 * Categories: featured
 * Block Types: core/template-part/featured
 * Description: A visually balanced grid of service cards featuring rounded corners, subtle borders, and alternating gradient accents to highlight key features with clarity and modern appeal.
 *
 * @package WordPress
 * @subpackage Axvart
 * @since Axvart 1.0
 */
?>

<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|axvart-extra-large","bottom":"300px","left":"var:preset|spacing|axvart-medium","right":"var:preset|spacing|axvart-medium"},"margin":{"top":"0"}}},"backgroundColor":"accent-6","layout":{"type":"constrained"}} -->
    <div class="wp-block-group alignfull has-accent-6-background-color has-background" style="margin-top:0;padding-top:var(--wp--preset--spacing--axvart-extra-large);padding-right:var(--wp--preset--spacing--axvart-medium);padding-bottom:300px;padding-left:var(--wp--preset--spacing--axvart-medium)"><!-- wp:columns -->
        <div class="wp-block-columns"><!-- wp:column {"width":""} -->
            <div class="wp-block-column"><!-- wp:axvart/accordion-block {"items":[{"id":1,"question":"How do I install the Axvart theme?","answer":"You can install Axvart by downloading the theme package and uploading it via WordPress Dashboard → Appearance → Themes → Add New → Upload Theme. After activation, follow the setup wizard to import demo content and get started quickly.","isOpen":true},{"id":2,"question":"Is Axvart compatible with the latest WordPress version?","answer":"Yes, Axvart is fully compatible with the latest version of WordPress and is regularly updated to ensure smooth performance, security, and future compatibility.","isOpen":false},{"id":3,"question":"Can I use Axvart with page builders like Elementor or WPBakery?","answer":"Absolutely. Axvart is designed to work seamlessly with popular page builders such as \u003cstrong\u003eElementor\u003c/strong\u003e and \u003cstrong\u003eWPBakery\u003c/strong\u003e, allowing you to create and customize pages easily using drag-and-drop tools.","isOpen":false},{"id":1767002797113,"question":"Is Axvart a free theme or do I need to pay for it?","answer":"Axvart is a \u003cstrong\u003epremium WordPress theme\u003c/strong\u003e, which means it requires a one-time purchase. The premium version includes advanced features, regular updates, and dedicated support.","isOpen":false},{"id":1767084347451,"question":"Can I customize the theme without coding?","answer":"Yes. Axvart offers extensive customization options through the \u003cstrong\u003eWordPress Customizer\u003c/strong\u003e and page builders, so you can change layouts, colors, fonts, and content without writing any code.","isOpen":false}],"headerTitle":"Help \u0026amp; Support","headerDescription":"We are here to assist you every step of the way! Whether you need guidance on setting up your theme, troubleshooting an issue, or customizing your website, our dedicated support team is ready to help.","colorSettings":{"questionBgColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-5)","questionBgOpen":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dcontrast)","answerBgColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dbase)","questionOpen":"#FFFFFF","iconOpen":"#FFFFFF","headerTitle":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dcontrast)","headerSubtitle":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","headerDescription":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-3)"},"fontSizes":{"headerTitle":"small","headerSubtitle":"large","headerDescription":"small","questionText":"small","answerText":"small"},"fontSizePixels":{"headerTitle":20,"headerSubtitle":36,"headerDescription":16,"questionText":20,"answerText":16},"fontSizeMode":{"headerTitle":"preset","headerSubtitle":"custom","headerDescription":"custom","questionText":"custom","answerText":"preset"},"headerGap":45,"itemsGap":10,"itemsWidth":50,"headerWidth":45,"typographyStyles":{"questionText":{"lineHeight":1.5},"answerText":[],"headerTitle":{"fontWeight":"normal","lineHeight":1.5,"letterSpacing":"0px","textTransform":"none"},"headerSubtitle":{"fontWeight":"700"},"headerDescription":[]},"style":{"typography":{"lineHeight":"2"}}} -->
                <div class="wp-block-axvart-accordion-block" style="line-height:2">
                    <div class="accordion-layout" style="--header-gap:45px;--items-gap:10px;--items-width:50%;--header-width:45%">
                        <div class="accordion-header">
                            <h2 class="header-title has-small-font-size" style="color:var(--wp--preset--color--contrast);font-weight:normal;line-height:1.5;letter-spacing:0px;text-transform:none"><?php echo esc_html__('Help & Support', 'axvart'); ?></h2>
                            <h3 class="header-subtitle " style="color:var(--wp--preset--color--accent-2);font-size:36px;font-weight:700"><?php echo esc_html__('Frequently Asked Questions', 'axvart'); ?></h3>
                            <p class="header-description " style="color:var(--wp--preset--color--accent-3);font-size:16px"><?php echo esc_html__('We are here to assist you every step of the way! Whether you need guidance on setting up your theme, troubleshooting an issue, or customizing your website, our dedicated support team is ready to help.', 'axvart'); ?></p>
                        </div>
                        <div class="accordion-items" style="--question-bg-closed:var(--wp--preset--color--accent-5);--question-bg-open:var(--wp--preset--color--contrast);--answer-bg-color:var(--wp--preset--color--base);--question-text-open:#FFFFFF;--icon-open:#FFFFFF">
                            <div class="accordion-item is-open" data-icon-size="24" data-index="0">
                                <div class="accordion-question" role="button" tabindex="0" aria-expanded="true" aria-controls="accordion-answer-1" data-accordion-toggle="true" data-item-id="1" style="padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px">
                                    <h2 class="question-text " style="font-size:20px;line-height:1.5"><?php echo esc_html__('1. How do I install the Axvart theme?', 'axvart'); ?></h2>
                                    <div class="accordion-icon" data-icon-style="plus-minus" data-icon-size="24"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M5 12H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg></div>
                                </div>
                                <div id="accordion-answer-1" class="accordion-answer" aria-hidden="false" data-padding-top="20px" data-padding-bottom="20px" data-padding-left="20px" data-padding-right="20px" style="background-color:var(--wp--preset--color--base);--answer-padding-top:20px;--answer-padding-bottom:20px;--answer-padding-left:20px;--answer-padding-right:20px">
                                    <p class="answer-text has-small-font-size" style="color:inherit"><?php echo esc_html__('You can install Axvart by downloading the theme package and uploading it via WordPress Dashboard → Appearance → Themes → Add New → Upload Theme. After activation, follow the setup wizard to import demo content and get started quickly.', 'axvart'); ?></p>
                                </div>
                            </div>
                            <div class="accordion-item" data-icon-size="24" data-index="1">
                                <div class="accordion-question" role="button" tabindex="0" aria-expanded="false" aria-controls="accordion-answer-2" data-accordion-toggle="true" data-item-id="2" style="padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px">
                                    <h2 class="question-text " style="font-size:20px;line-height:1.5"><?php echo esc_html__('2. Is Axvart compatible with the latest WordPress version?', 'axvart'); ?></h2>
                                    <div class="accordion-icon" data-icon-style="plus-minus" data-icon-size="24"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12 5V19M5 12H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg></div>
                                </div>
                                <div id="accordion-answer-2" class="accordion-answer" aria-hidden="true" data-padding-top="20px" data-padding-bottom="20px" data-padding-left="20px" data-padding-right="20px" style="background-color:var(--wp--preset--color--base);--answer-padding-top:0;--answer-padding-bottom:0;--answer-padding-left:20px;--answer-padding-right:20px">
                                    <p class="answer-text has-small-font-size" style="color:inherit"><?php echo esc_html__('Yes, Axvart is fully compatible with the latest version of WordPress and is regularly updated to ensure smooth performance, security, and future compatibility.', 'axvart'); ?></p>
                                </div>
                            </div>
                            <div class="accordion-item" data-icon-size="24" data-index="2">
                                <div class="accordion-question" role="button" tabindex="0" aria-expanded="false" aria-controls="accordion-answer-3" data-accordion-toggle="true" data-item-id="3" style="padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px">
                                    <h2 class="question-text " style="font-size:20px;line-height:1.5"><?php echo esc_html__('3. Can I use Axvart with page builders like Elementor or WPBakery?', 'axvart'); ?></h2>
                                    <div class="accordion-icon" data-icon-style="plus-minus" data-icon-size="24"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12 5V19M5 12H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg></div>
                                </div>
                                <div id="accordion-answer-3" class="accordion-answer" aria-hidden="true" data-padding-top="20px" data-padding-bottom="20px" data-padding-left="20px" data-padding-right="20px" style="background-color:var(--wp--preset--color--base);--answer-padding-top:0;--answer-padding-bottom:0;--answer-padding-left:20px;--answer-padding-right:20px">
                                    <p class="answer-text has-small-font-size" style="color:inherit"><?php echo wp_kses_post(__('Absolutely. Axvart is designed to work seamlessly with popular page builders such as <strong>Elementor</strong> and <strong>WPBakery</strong>, allowing you to create and customize pages easily using drag-and-drop tools.', 'axvart')); ?></p>
                                </div>
                            </div>
                            <div class="accordion-item" data-icon-size="24" data-index="3">
                                <div class="accordion-question" role="button" tabindex="0" aria-expanded="false" aria-controls="accordion-answer-1767002797113" data-accordion-toggle="true" data-item-id="1767002797113" style="padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px">
                                    <h2 class="question-text " style="font-size:20px;line-height:1.5"><?php echo esc_html__('4. Is Axvart a free theme or do I need to pay for it?', 'axvart'); ?></h2>
                                    <div class="accordion-icon" data-icon-style="plus-minus" data-icon-size="24"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12 5V19M5 12H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg></div>
                                </div>
                                <div id="accordion-answer-1767002797113" class="accordion-answer" aria-hidden="true" data-padding-top="20px" data-padding-bottom="20px" data-padding-left="20px" data-padding-right="20px" style="background-color:var(--wp--preset--color--base);--answer-padding-top:0;--answer-padding-bottom:0;--answer-padding-left:20px;--answer-padding-right:20px">
                                    <p class="answer-text has-small-font-size" style="color:inherit"><?php echo wp_kses_post(__('Axvart is a <strong>premium WordPress theme</strong>, which means it requires a one-time purchase. The premium version includes advanced features, regular updates, and dedicated support.', 'axvart')); ?></p>
                                </div>
                            </div>
                            <div class="accordion-item" data-icon-size="24" data-index="4">
                                <div class="accordion-question" role="button" tabindex="0" aria-expanded="false" aria-controls="accordion-answer-1767084347451" data-accordion-toggle="true" data-item-id="1767084347451" style="padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px">
                                    <h2 class="question-text " style="font-size:20px;line-height:1.5"><?php echo esc_html__('5. Can I customize the theme without coding?', 'axvart'); ?></h2>
                                    <div class="accordion-icon" data-icon-style="plus-minus" data-icon-size="24"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12 5V19M5 12H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg></div>
                                </div>
                                <div id="accordion-answer-1767084347451" class="accordion-answer" aria-hidden="true" data-padding-top="20px" data-padding-bottom="20px" data-padding-left="20px" data-padding-right="20px" style="background-color:var(--wp--preset--color--base);--answer-padding-top:0;--answer-padding-bottom:0;--answer-padding-left:20px;--answer-padding-right:20px">
                                    <p class="answer-text has-small-font-size" style="color:inherit"><?php echo wp_kses_post(__('Yes. Axvart offers extensive customization options through the <strong>WordPress Customizer</strong> and page builders, so you can change layouts, colors, fonts, and content without writing any code.', 'axvart')); ?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /wp:axvart/accordion-block -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
    <!-- /wp:group -->

    <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|axvart-extra-large","left":"var:preset|spacing|axvart-medium","right":"var:preset|spacing|axvart-medium"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
    <div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:var(--wp--preset--spacing--axvart-medium);padding-bottom:var(--wp--preset--spacing--axvart-extra-large);padding-left:var(--wp--preset--spacing--axvart-medium)"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|axvart-extra-large","bottom":"var:preset|spacing|axvart-extra-large","left":"var:preset|spacing|axvart-large","right":"var:preset|spacing|axvart-large"},"margin":{"top":"-170px"}},"border":{"radius":{"topLeft":"50px","topRight":"50px","bottomLeft":"50px","bottomRight":"50px"}}},"gradient":"accent-gradient"} -->
        <div class="wp-block-columns has-accent-gradient-gradient-background has-background" style="border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;margin-top:-170px;padding-top:var(--wp--preset--spacing--axvart-extra-large);padding-right:var(--wp--preset--spacing--axvart-large);padding-bottom:var(--wp--preset--spacing--axvart-extra-large);padding-left:var(--wp--preset--spacing--axvart-large)"><!-- wp:column {"width":"45%","style":{"spacing":{"blockGap":"0"}}} -->
            <div class="wp-block-column" style="flex-basis:45%"><!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontSize":"normal","fontFamily":"urbanist"} -->
                <h2 class="wp-block-heading has-base-color has-text-color has-link-color has-urbanist-font-family has-normal-font-size"><?php echo esc_html__('Design. Customize. Publish.', 'axvart'); ?></h2>
                <!-- /wp:heading -->

                <!-- wp:heading {"style":{"typography":{"lineHeight":"1.3"},"spacing":{"margin":{"top":"var:preset|spacing|axvart-extra-small"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontSize":"large","fontFamily":"urbanist"} -->
                <h2 class="wp-block-heading has-base-color has-text-color has-link-color has-urbanist-font-family has-large-font-size" style="margin-top:var(--wp--preset--spacing--axvart-extra-small);line-height:1.3"><?php echo esc_html__('Effortless Design, Limitless Creativity with Ease', 'axvart'); ?></h2>
                <!-- /wp:heading -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"verticalAlignment":"center","width":"35%"} -->
            <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:35%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"typography":{"lineHeight":1.6}},"textColor":"base","fontSize":"small","fontFamily":"open-sans"} -->
                <p class="has-base-color has-text-color has-link-color has-open-sans-font-family has-small-font-size" style="line-height:1.6"><?php echo wp_kses_post(__('At <strong>Axvart</strong>, we specialize in crafting intuitive and high-performance WordPress block themes. Our mission is to empower designers, developers, and businesses with seamless customization and cutting-edge design.', 'axvart')); ?></p>
                <!-- /wp:paragraph -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
            <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:axvart/advanced-button {"text":"Get Started","icon":"","iconType":"svg","bgColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dbase)","bgGradient":"","textColor":"","hoverTextColor":"","paddingY":17} -->
                <a class="wp-block-axvart-advanced-button axvart-advanced-button align-center width-auto hover-effect-lift icon-anim-slide" style="--bg-color:var(--wp--preset--color--base);--hover-bg-color:var(--wp--preset--color--base);--font-size:16px;--font-weight:600;--line-height:1;--letter-spacing:0px;--border-radius:50px;--padding-x:24px;--padding-y:17px;--border-width:0px;--border-style:solid;--border-color:transparent;--hover-border-color:transparent;--icon-size:18px;--icon-gap:8px;--transition-duration:0.3s;background:var(--wp--preset--color--base);font-size:16px;font-weight:600;line-height:1;letter-spacing:0px;border-radius:50px;padding:17px 24px;border:0px solid transparent;display:inline-flex;width:auto;white-space:nowrap;flex-shrink:0" href="" target="_self">
                    <div class="button-content"><span class="button-text"><?php esc_html_e('Get Started', 'axvart'); ?></span></div>
                </a>
                <!-- /wp:axvart/advanced-button -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->