@extends('layouts.base')

@section('nav-active-faq') nav-current @endsection

@section('content')
    <!-- sys_sub_head -->
    <section class="sys_sub_head">
        <!-- swiper -->

        <div class="path_bar">
            <div class="layout">
                <ul>
                    <li> <a itemprop="breadcrumb" href="/{{$the_lang}}/">Home</a></li>
                    <li>FAQs</li>
                </ul>
            </div>
        </div>
    </section>


    <section class="web_main page_main">
        <div class="layout">
            <article class="entry blog-article">
                <div class="fl-builder-content fl-builder-content-1289 fl-builder-content-primary fl-builder-global-templates-locked" data-post-id="1289"><div class="fl-row fl-row-full-width fl-row-bg-none fl-node-62e487c92901c" data-node="62e487c92901c">
                        <div class="fl-row-content-wrap">
                            <div class="fl-row-content fl-row-full-width fl-node-content">

                                <div class="fl-col-group fl-node-62e487c929ccc" data-node="62e487c929ccc">
                                    <div class="fl-col fl-node-62e487c929e8a" data-node="62e487c929e8a" style="width: 100%;">
                                        <div class="fl-col-content fl-node-content">
                                            <div class="fl-module fl-module-accordion fl-node-62e487c928ecd" data-node="62e487c928ecd" data-animation-delay="0.0">
                                                <div class="fl-module-content fl-node-content">
                                                    <div class="fl-accordion fl-accordion-small fl-accordion-collapse">
                                                        <div class="fl-accordion-item">
                                                            <div class="fl-accordion-button">
                                                                <span class="fl-accordion-button-label">What do I need to do to sign up?</span>
                                                                <i class="fl-accordion-button-icon fa fa-plus"></i>
                                                            </div>
                                                            <div class="fl-accordion-content fl-clearfix"><p>Simply fill out the application form to get started. We’ll contact you by WhatsApp.</p>
                                                            </div>
                                                        </div>
                                                        <div class="fl-accordion-item">
                                                            <div class="fl-accordion-button">
                                                                <span class="fl-accordion-button-label">Does it cost me anything to become a ShopK affiliate?</span>
                                                                <i class="fl-accordion-button-icon fa fa-plus"></i>
                                                            </div>
                                                            <div class="fl-accordion-content fl-clearfix"><p>The program is free to join, there are no charges.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="clear"></div>

            </article>


            <hr>


            <style>



                .faq_wrap .page_title_bar { padding: 35px 0 0; }


                .fl-accordion-items { position: relative; width: 100%; margin: 0 auto; text-align: left; }


                .fl-accordion-item { position: relative; margin: 0 0 20px; border-radius: 8px; overflow: hidden; border: 1px solid transparent; }


                .fl-accordion-item.show_item { border-color: #eee; }


                .fl-accordion-item .fl-accordion-button { padding: 20px 78px !important; line-height: 40px; background: #f7f7f7; font-size: 18px; font-weight: normal; cursor: pointer; }


                .fl-accordion-item-active .fl-accordion-button{background: #f13706;color: #FFF;position: relative;border-radius: 8px 0 0 0;}
                .fl-accordion-item-active .fl-accordion-content{position: relative;border-radius: 0 0 8px 8px;overflow: hidden;border: 1px solid #f13706;}

                .fl-accordion-item .fl-accordion-button:after{ position: absolute; left: 20px; top: 20px; content: "?"; width: 35px; height: 36px; text-align: center; line-height: 36px; border-radius: 5px; font-size: 18px; font-weight: bold; background-color: #FFF; }


                .fl-accordion-item .item_cont:after{ display:none;}


                .fl-accordion-item.show_item .item_title:after { color: #0466c7; }


                .fl-accordion-item .item_cont { position: relative; padding: 22px 40px ; line-height: 2; display: none; }


                .fl-accordion-item .item_cont:after { content: "!"; background: #0466c7; color: #FFF; font-family: "Arial Black", Gadget, sans-serif }


                .fl-accordion-item .item_title:before{


                    font-family: 'fontawesome';


                    position: absolute;


                    right: 10px;


                    top: 50%;


                    transform: translateY(-50%);


                    -webkit-transform: translateY(-50%);


                    content: "\f067";


                    width: 35px;


                    text-align: center;


                    line-height: 36px;


                    font-size: 12px;


                }

                .fl-accordion-item.show_item .item_title:before{ content: "\f068";}

                .fl-accordion-small .fl-accordion-content{
                    padding-top:10px !important;
                }
                .fl-accordion-item-active .fl-accordion-button:after{color: #f13706;}


                .fl-accordion-item .fl-accordion-button {
                    -moz-transition: all .4s ease-in-out;
                    -webkit-transition: all .4s ease-in-out;
                    -ms-transition: all .4s ease-in-out;
                    -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
                }

                .fl-accordion-button-label{
                    color:#000;
                }

                .fl-accordion-item-active .fl-accordion-button-label{
                    color:#fff;
                }


            </style>
        </div>

    </section>

@endsection

@section('footer')
<script type="text/javascript">

    if(typeof jQuery == 'undefined' || typeof jQuery.fn.on == 'undefined') {
        document.write('<script src="/wp-content/plugins/bb-plugin/js/jquery.js"><\/script>');
        document.write('<script src="/wp-content/plugins/bb-plugin/js/jquery.migrate.min.js"><\/script>');
    }

</script>
<link rel='stylesheet' id='font-awesome-css'  href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=1.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='fl-builder-layout-1289-css'  href='/uploads/bb-plugin/cache/1289-layout.css?ver=7316e0a8cbaf7171adbe55fb8c32cf1a' type='text/css' media='all' />
<script type='text/javascript' src='/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>
<script type='text/javascript' src='/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='/uploads/bb-plugin/cache/1289-layout.js?ver=7316e0a8cbaf7171adbe55fb8c32cf1a'></script>

@endsection