@extends('front.layouts.master')
@section('content')
    <main>
        <section class="container-fluid separator-wrapper services-hero-wrapper px-0">
            <div class="container">
                <svg class="separator top" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1431 112" fill="none">
                    <g style="mix-blend-mode:overlay">
                        <path d="M1429.86 85.2471C1100.7 140.736 693.92 -121.344 -4.86133 77.3999" stroke="#FFFFFF"
                            stroke-width="3" />
                        <path d="M1429.86 103.743C1100.7 146.749 693.92 -56.3757 -4.86133 97.6606" stroke="#FFFFFF"
                            stroke-width="3" />
                    </g>
                </svg>
            </div>
            <div class="hero-sectio">
                <!-- <div class="container"> -->
                <div id="carouselExampleCaptions" class="hero-wrappe owl-carousel owl-theme owl-hero">
                    <div class="item">
                        <div class="container-lg">
                            <div class="row flex-lg-row-reverse align-items-center pt-5 pt-lg-0">
                                <div class="col-10 col-lg-6 mx-auto">
                                    <img src="/front/images/hero-image-2.png" class="d-block mx-lg-auto img-fluid"
                                        alt="اونای">
                                </div>
                                <div class="col-lg-6">
                                    <p class="section-title-2 mb-0">طراحی وبسایت با</p>
                                    <h1 class="section-title-4 color-primary-2 my-0">اونای</h1>
                                    <p class="text-2-1 mb-0">
                                        اولین و تخصصی‌ترین مرکز سئو و طراحی سایت در ایران
                                    </p>
                                    <div class="d-grid gap-2 d-md-flex justify-content-md-start mt-4">
                                        <button type="button" class="btn btn-main btn-lg px-4 me-md-2">
                                            دریافت مشاوره
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="item">
                        <div class="container-lg">
                            <div class="row flex-lg-row-reverse align-items-center py-5">
                                <div class="col-10 col-lg-6 mx-auto">
                                    <img src="/front/images/hero-image-2.png" class="d-block mx-lg-auto img-fluid"
                                        alt="کاردیا">
                                </div>
                                <div class="col-lg-6">
                                    <!-- <h1 class="display-5 fw-bold lh-1 mb-3">Responsive left-aligned hero with image</h1> -->
                                    <!-- <p class="lead">Quickly design and customize responsive mobile-first sites with Bootstrap, the
                                                                    world’s most popular front-end open source toolkit, featuring Sass variables and mixins,
                                                                    responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p> -->
                                    <p class="section-title-2 mb-0">طراحی وبسایت با</p>
                                    <h1 class="section-title-4 color-primary-2 my-0">اونای</h1>
                                    <p class="text-2-1 mb-0">
                                        اولین و تخصصی‌ترین مرکز سئو و طراحی سایت در ایران
                                    </p>
                                    <div class="d-grid gap-2 d-md-flex justify-content-md-start mt-4">
                                        <button type="button" class="btn btn-main btn-lg px-4 me-md-2">دریافت
                                            مشاوره
                                            <span class="symbol">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10"
                                                    viewBox="0 0 6 10" fill="none">
                                                    <path d="M5 8.8374L1 4.8374L5 0.837402" stroke="white" stroke-width="2"
                                                        stroke-linejoin="bevel" />
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- </div> -->
                <div class="container">
                    <ul class="service-features row row-gap-2">
                        <li class="service-feature-item col-12 col-sm-6 col-lg-4 col-xl-3" data-aos="fade-right"
                            data-aos-offset="300" data-aos-easing="ease-in-sine">
                            <span class="symbol">
                                <svg xmlns="http://www.w3.org/2000/svg" width="75" height="76" viewBox="0 0 75 76"
                                    fill="none">
                                    <circle cx="37.5" cy="37.5707" r="37" fill="#E6F7FC" stroke="#25C2F3" />
                                    <path
                                        d="M32.1698 23.62C32.1698 22.1998 32.1698 20.823 32.1698 19.4447C32.1698 17.7214 33.0836 16.691 34.8398 16.4909V15.8981C34.8398 13.2146 34.8398 4.69364 34.8398 2.01017C34.8398 1.12165 35.1147 0.843893 35.9973 0.843893C37.0165 0.8424 38.0373 0.8424 39.0565 0.843893C39.8945 0.845387 40.1754 1.13359 40.1754 1.99225C40.1754 4.67572 40.1754 13.1967 40.1754 15.8802C40.1754 16.0818 40.1754 16.2833 40.1754 16.479C42.1143 16.6716 42.9434 18.138 42.8617 19.5402C42.7844 20.8947 42.8453 22.2566 42.8453 23.605C43.6284 23.9097 43.7829 24.0694 43.719 24.8908C43.6729 25.4851 43.9166 25.7001 44.4233 25.9167C50.8746 28.6673 54.8492 33.5042 55.9457 40.4555C57.4865 50.2217 51.4496 59.2084 41.9702 61.5933C31.6112 64.2006 21.0976 57.4135 19.1423 46.8558C17.4707 37.8318 22.3189 29.1198 30.8801 25.8017C31.317 25.6329 31.2798 25.3537 31.2783 25.0237C31.2769 24.0545 31.372 23.9022 32.1669 23.6215L32.1698 23.62ZM41.0668 28.3463V28.963C41.0668 31.5345 41.0787 34.1045 41.0579 36.6759C41.0535 37.224 41.2228 37.6361 41.6151 38.0065C42.2362 38.5933 42.8037 39.2385 43.4397 39.8074C43.8587 40.1822 43.9671 40.5197 43.829 41.0991C43.4055 42.8717 45.1053 44.5651 46.8674 44.1977C48.3993 43.8782 49.3428 42.4715 49.0055 41.014C48.6444 39.458 47.2002 38.5754 45.6609 39.0174C45.3073 39.119 45.1216 39.0354 44.8958 38.7994C44.3312 38.2081 43.7279 37.6526 43.1811 37.0463C43.0058 36.8507 42.8691 36.5415 42.8647 36.2802C42.8349 34.7346 42.8498 33.1876 42.8498 31.642C42.8498 30.1905 42.8498 28.739 42.8498 27.2577C42.0772 27.077 41.8617 26.5334 41.9866 25.7345C38.9719 27.7952 36.0389 27.7758 33.0212 25.7255C33.1861 26.5677 32.9231 27.0785 32.1654 27.2666C32.1654 29.5842 32.1683 31.875 32.1654 34.1657C32.1654 35.0214 32.3764 35.9726 32.0733 36.7043C31.7687 37.4375 30.9173 37.9303 30.3542 38.5709C29.9857 38.9891 29.6573 39.1175 29.0749 38.9682C27.4227 38.5456 25.7497 40.1031 25.9532 41.798C26.1389 43.3525 27.5609 44.4785 28.9991 44.2082C30.6454 43.8991 31.6067 42.4117 31.1491 40.8079C31.0466 40.451 31.1357 40.2688 31.369 40.0419C32.0361 39.3953 32.6661 38.7083 33.3451 38.0752C33.7864 37.6645 33.9721 37.2135 33.9647 36.6013C33.9365 34.3285 33.9528 32.0557 33.9528 29.7828C33.9528 29.3035 33.9528 28.8256 33.9528 28.3448C34.8502 28.5837 35.7016 28.8122 36.5886 29.0481V43.5168C36.4772 43.5735 36.3776 43.6228 36.2811 43.6766C35.1444 44.3052 34.6244 45.5059 34.9498 46.7498C35.244 47.8787 36.3182 48.7105 37.4935 48.718C38.6895 48.7269 39.7831 47.8862 40.0773 46.7304C40.3893 45.5089 39.8886 44.2948 38.7698 43.7034C38.4399 43.5287 38.3983 43.3256 38.3983 43.0076C38.4058 38.5172 38.4028 34.0283 38.4043 29.5379C38.4043 29.3572 38.4206 29.1766 38.428 29.0466C39.3359 28.8047 40.1858 28.5792 41.0698 28.3448L41.0668 28.3463ZM41.0698 23.6498C41.0698 22.17 41.0787 20.7558 41.0668 19.3401C41.0609 18.6622 40.7073 18.3128 40.0268 18.3083C38.3582 18.2978 36.6896 18.2993 35.0211 18.3083C34.2856 18.3128 33.9528 18.6622 33.9483 19.4238C33.9409 20.6348 33.9469 21.8459 33.9469 23.0555C33.9469 23.2526 33.9469 23.4482 33.9469 23.6498H41.0713H41.0698Z"
                                        fill="url(#paint0_linear_153_4783)" />
                                    <defs>
                                        <linearGradient id="paint0_linear_153_4753" x1="56.1852" y1="-2.0551"
                                            x2="18.8147" y2="78.5338" gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#FFCB08" />
                                            <stop offset="1" stop-color="#FFEFB5" />
                                        </linearGradient>
                                    </defs>
                                </svg>
                            </span>
                            <p class="text-2-1 title">طراحی خلاقانه و زیبایی بی‌نظیر</p>
                        </li>
                        <li class="service-feature-item col-12 col-sm-6 col-lg-4 col-xl-3" data-aos="fade-right"
                            data-aos-offset="300" data-aos-easing="ease-in-sine">
                            <span class="symbol">
                                <svg xmlns="http://www.w3.org/2000/svg" width="76" height="76" viewBox="0 0 76 76"
                                    fill="none">
                                    <circle cx="38" cy="37.5707" r="37" fill="#E6F7FC" stroke="#25C2F3" />
                                    <path
                                        d="M36.756 17.3571C37.5863 17.3571 38.4166 17.3571 39.2504 17.3571C39.3485 17.3781 39.4501 17.4095 39.5482 17.4235C40.2173 17.5109 40.8865 17.5947 41.5557 17.6751C42.2914 17.7625 42.7468 18.1573 42.9746 18.8666C43.3529 20.0337 43.7593 21.1938 44.1762 22.3503C44.2358 22.5181 44.4004 22.6858 44.5616 22.7801C45.4515 23.3112 46.3484 23.8284 47.2558 24.3246C47.4379 24.4259 47.6902 24.4923 47.8899 24.4573C49.1266 24.2407 50.3598 23.9856 51.593 23.748C52.2026 23.6292 52.7071 23.7934 53.1205 24.2791C54.7321 26.173 55.9618 28.2835 56.8026 30.6246C57.0338 31.264 56.9357 31.8021 56.4838 32.3088C55.657 33.2382 54.8407 34.1782 54.0384 35.1286C53.9158 35.2754 53.8457 35.5095 53.8422 35.7086C53.8212 36.7429 53.8247 37.7772 53.8422 38.808C53.8422 38.9932 53.9053 39.2168 54.0209 39.3566C54.8302 40.3175 55.657 41.2644 56.4908 42.2044C56.9322 42.7005 57.0373 43.2282 56.8131 43.8536C55.9758 46.1947 54.7461 48.3052 53.138 50.2026C52.7141 50.7022 52.2061 50.8735 51.579 50.7547C50.3458 50.517 49.1126 50.2655 47.8759 50.0418C47.6867 50.0069 47.4449 50.0663 47.2733 50.1606C46.3659 50.6603 45.469 51.1775 44.5826 51.7086C44.4145 51.8099 44.2358 51.9811 44.1727 52.1593C43.7418 53.3369 43.3354 54.5214 42.936 55.7129C42.7293 56.3279 42.3299 56.6773 41.6923 56.7961C39.2259 57.2504 36.7665 57.2504 34.3 56.7961C33.6624 56.6773 33.263 56.3244 33.0598 55.7094C32.6639 54.5214 32.254 53.3334 31.8231 52.1558C31.7565 51.9776 31.5779 51.8064 31.4097 51.7051C30.5233 51.1705 29.6265 50.6533 28.7226 50.1502C28.5614 50.0593 28.3337 49.9999 28.1585 50.0313C26.9078 50.255 25.6641 50.5066 24.4169 50.7477C23.7897 50.87 23.2817 50.6918 22.8578 50.1921C21.2603 48.3017 20.0376 46.2052 19.1967 43.8781C18.9585 43.2212 19.0706 42.6796 19.5331 42.1624C20.3634 41.2365 21.1762 40.2965 21.9785 39.3426C22.0941 39.2063 22.1501 38.9792 22.1536 38.794C22.1712 37.7597 22.1712 36.7255 22.1536 35.6947C22.1536 35.5095 22.0976 35.2823 21.982 35.1461C21.1727 34.1852 20.3494 33.2348 19.512 32.2983C19.0601 31.7916 18.962 31.2535 19.1932 30.6141C20.0376 28.2765 21.2638 26.1625 22.8753 24.2687C23.2887 23.783 23.7932 23.6187 24.4063 23.7375C25.6536 23.9786 26.8973 24.2302 28.148 24.4538C28.3267 24.4853 28.5509 24.4294 28.7121 24.3385C29.616 23.8354 30.5023 23.2973 31.4097 22.8046C31.6374 22.6823 31.7636 22.5425 31.8406 22.3084C32.2225 21.1833 32.6394 20.0686 32.9933 18.933C33.235 18.1573 33.7115 17.745 34.5173 17.6576C35.2635 17.5738 36.0027 17.4585 36.7454 17.3536L36.756 17.3571ZM37.9822 45.419C42.5156 45.4295 46.1802 41.7955 46.1942 37.274C46.2117 32.7526 42.5752 29.0941 38.0382 29.0732C33.4908 29.0522 29.8121 32.7001 29.8051 37.2356C29.7981 41.7571 33.4452 45.405 37.9787 45.419H37.9822Z"
                                        fill="url(#paint0_linear_153_4783)" />
                                    <path
                                        d="M38.0522 31.8407C41.0616 31.8826 43.479 34.3426 43.4229 37.3021C43.3669 40.2967 40.9425 42.6762 37.9751 42.6482C34.9727 42.6203 32.5518 40.1744 32.5833 37.2043C32.6183 34.2063 35.0743 31.7953 38.0487 31.8372L38.0522 31.8407Z"
                                        fill="url(#paint1_linear_153_4783)" />
                                    <defs>
                                        <linearGradient id="paint0_linear_153_4783" x1="46.665" y1="17.3767"
                                            x2="21.7676" y2="58.942" gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#25C2F3" />
                                            <stop offset="1" stop-color="#9EE3F9" />
                                        </linearGradient>
                                        <linearGradient id="paint1_linear_153_4783" x1="40.4849" y1="31.8429"
                                            x2="33.8907" y2="43.4437" gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#25C2F3" />
                                            <stop offset="1" stop-color="#9EE3F9" />
                                        </linearGradient>
                                    </defs>
                                </svg>
                            </span>
                            <p class="text-2-1 title">قوی ترین زیرساخت برای کسب و کار شما</p>
                        </li>
                        <li class="service-feature-item col-12 col-sm-6 col-lg-4 col-xl-3" data-aos="fade-right"
                            data-aos-offset="300" data-aos-easing="ease-in-sine">
                            <span class="symbol">
                                <svg xmlns="http://www.w3.org/2000/svg" width="76" height="76"
                                    viewBox="0 0 76 76" fill="none">
                                    <circle cx="37.5" cy="37.5707" r="37" fill="#E6F7FC" stroke="#25C2F3" />
                                    <path
                                        d="M40.9763 21.1909C42.41 21.1909 43.5245 22.5015 43.2018 23.9016C42.6063 26.4829 41.9576 29.0542 41.3256 31.6289C39.6556 38.4205 37.9657 45.2088 36.319 52.0071C35.9131 53.6826 34.2964 54.3495 33.009 53.7124C32.0842 53.2579 31.5553 52.2294 31.7948 51.2207C32.4568 48.4404 33.1454 45.6634 33.8274 42.8863C35.4441 36.307 37.0675 29.7311 38.6842 23.1551C38.9869 21.9275 39.8386 21.1909 40.9763 21.1909Z"
                                        fill="url(#paint0_linear_153_4799)" />
                                    <path
                                        d="M20.3648 37.575C22.2091 39.6193 24.0307 41.6371 25.8484 43.6511C26.358 44.2162 26.8714 44.7775 27.3734 45.3464C28.3811 46.4843 28.3127 48.1038 27.225 49.0899C26.145 50.0685 24.4984 49.9699 23.4793 48.8434C20.6462 45.7143 17.8169 42.5815 14.9952 39.4411C13.9266 38.2539 13.9342 36.8847 15.0028 35.6938C17.8169 32.5647 20.6348 29.4433 23.4564 26.3218C24.4946 25.1726 26.1412 25.0626 27.2289 26.0563C28.3279 27.0576 28.3773 28.6733 27.3391 29.8301C25.1107 32.3106 22.8746 34.7835 20.6386 37.2602C20.5549 37.355 20.475 37.4498 20.3648 37.575Z"
                                        fill="url(#paint1_linear_153_4799)" />
                                    <path
                                        d="M54.6398 37.5674C53.0579 35.8151 51.5063 34.0932 49.951 32.3713C49.179 31.5141 48.3994 30.6607 47.6312 29.7998C46.6197 28.6657 46.6843 27.0424 47.7719 26.0601C48.8557 25.0777 50.4986 25.1726 51.5177 26.2952C54.3698 29.4432 57.2182 32.5988 60.0551 35.762C61.0514 36.8695 61.0514 38.2767 60.0551 39.3842C57.2144 42.5436 54.366 45.6992 51.5139 48.851C50.4948 49.9774 48.8481 50.0685 47.7681 49.0899C46.6805 48.1038 46.6121 46.4805 47.6274 45.3502C49.8559 42.8697 52.092 40.3968 54.328 37.9201C54.4231 37.8177 54.5144 37.7115 54.636 37.5712L54.6398 37.5674Z"
                                        fill="url(#paint2_linear_153_4799)" />
                                    <defs>
                                        <linearGradient id="paint0_linear_153_4799" x1="40.1346" y1="21.2099"
                                            x2="19.3514" y2="34.0333" gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#25C2F3" />
                                            <stop offset="1" stop-color="#9EE3F9" />
                                        </linearGradient>
                                        <linearGradient id="paint1_linear_153_4799" x1="24.3216" y1="25.3934"
                                            x2="7.01447" y2="42.6915" gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#25C2F3" />
                                            <stop offset="1" stop-color="#9EE3F9" />
                                        </linearGradient>
                                        <linearGradient id="paint2_linear_153_4799" x1="57.0354" y1="25.3976"
                                            x2="39.7288" y2="42.7026" gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#25C2F3" />
                                            <stop offset="1" stop-color="#9EE3F9" />
                                        </linearGradient>
                                    </defs>
                                </svg>
                            </span>
                            <p class="text-2-1 title">کدنویسی و پایگاه داده ای فوق العاده</p>
                        </li>
                        <li class="service-feature-item col-12 col-sm-6 col-lg-4 col-xl-3" data-aos="fade-right"
                            data-aos-offset="300" data-aos-easing="ease-in-sine">
                            <span class="symbol">
                                <svg xmlns="http://www.w3.org/2000/svg" width="76" height="76"
                                    viewBox="0 0 76 76" fill="none">
                                    <circle cx="37.5" cy="38.3141" r="37" fill="#E6F7FC" stroke="#25C2F3" />
                                    <path
                                        d="M24.8208 44.639C26.6335 43.629 28.2011 42.1992 30.3698 41.9594C33.0334 41.6642 35.2946 42.4621 37.0102 44.5191C37.7223 45.3723 38.4853 45.709 39.5858 45.6306C41.5326 45.4876 43.484 45.4369 45.4355 45.3769C47.2851 45.3169 48.3394 46.0641 48.9498 47.812C48.9637 47.8581 49.0053 47.895 49.0608 47.9735C49.4076 47.7152 49.7498 47.4661 50.0874 47.2171C51.4978 46.1609 52.9035 45.1002 54.3232 44.0533C56.3439 42.559 58.9381 42.5497 60.8664 44.0164C62.1519 44.9987 62.1935 46.7052 60.9126 47.7013C57.1994 50.5931 53.4769 53.4663 49.7544 56.3442C48.6446 57.2021 47.4239 57.8155 46.0551 58.166C43.9465 58.7056 41.8286 59.1714 39.6506 59.3282C37.4633 59.485 35.4842 58.89 33.6993 57.6402C32.9871 57.1375 32.275 56.6302 31.5582 56.1367C31.2484 55.9245 30.9386 55.6617 30.5918 55.5694C30.0461 55.4264 29.8149 55.0805 29.593 54.6101C28.1086 51.4786 26.5919 48.3655 25.089 45.2431C25.0011 45.0633 24.9225 44.8742 24.8208 44.6436V44.639Z"
                                        fill="url(#paint0_linear_187_4127)" />
                                    <path
                                        d="M43.7985 29.1011C43.854 28.8106 43.9418 28.3079 44.0528 27.8144C45.0239 23.5206 47.8631 20.9656 52.2469 20.4583C53.0607 20.3614 53.8838 20.3061 54.7069 20.283C55.359 20.2646 55.8075 20.652 55.8214 21.2423C55.8907 23.6682 55.5624 26.0203 54.2908 28.1465C52.8758 30.5078 50.6793 31.7254 48.0481 32.2327C47.1464 32.4079 46.2169 32.4633 45.2967 32.5417C44.7649 32.5878 44.5152 32.8 44.5106 33.3534C44.5106 34.511 44.5014 35.6732 44.5383 36.8308C44.543 36.983 44.7603 37.1814 44.9268 37.2644C47.0863 38.3528 49.1625 39.5796 51.077 41.06C51.7937 41.6135 52.4735 42.2131 53.2411 42.8495C51.9972 43.7811 50.818 44.662 49.6111 45.566C48.7001 44.4729 47.5626 43.8226 46.1799 43.7811C44.9499 43.7396 43.7152 43.8411 42.4852 43.8918C41.3708 43.9333 40.261 44.0025 39.1465 44.0302C38.9523 44.0348 38.698 43.9564 38.5593 43.8272C37.7315 43.0478 36.9269 42.2407 36.1038 41.4336C37.5512 40.2483 39.2344 39.1691 40.9823 38.196C41.5049 37.9054 42.0505 37.6518 42.5638 37.3474C42.7118 37.2598 42.869 37.0568 42.8875 36.8954C43.0863 35.0829 43.0309 33.2842 42.5176 31.504C41.5049 31.4486 40.4968 31.4302 39.498 31.3333C36.9038 31.0751 34.4576 30.3694 32.3351 28.7875C29.8334 26.9243 28.46 24.3508 27.8774 21.3576C27.5907 19.891 27.5259 18.3782 27.4242 16.884C27.3641 15.9985 27.9421 15.3851 28.8115 15.3758C31.6276 15.3389 34.3836 15.6756 36.9547 16.9301C40.3488 18.5858 42.3002 21.3807 43.1418 24.9734C43.4748 26.3939 43.6043 27.8559 43.7985 29.1196V29.1011Z"
                                        fill="url(#paint1_linear_187_4127)" />
                                    <path
                                        d="M21.4913 44.1085C22.4486 44.1408 22.9803 44.5651 23.3318 45.2938C24.756 48.2639 26.1941 51.2248 27.623 54.195C27.8404 54.6423 28.0623 55.0805 28.2612 55.537C28.6681 56.4733 28.349 57.4372 27.4334 57.8846C25.2046 58.9684 22.9665 60.0291 20.7145 61.0714C19.785 61.5004 18.8139 61.1591 18.3654 60.2367C16.6729 56.7685 14.999 53.2956 13.3343 49.8182C12.8903 48.8866 13.2603 47.8996 14.2036 47.443C16.4047 46.3822 18.6151 45.3399 20.8301 44.3022C21.0705 44.1869 21.348 44.15 21.4867 44.1131L21.4913 44.1085Z"
                                        fill="url(#paint2_linear_187_4127)" />
                                    <defs>
                                        <linearGradient id="paint0_linear_187_4127" x1="51.813" y1="41.9101"
                                            x2="45.6053" y2="65.0197" gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#25C2F3" />
                                            <stop offset="1" stop-color="#9EE3F9" />
                                        </linearGradient>
                                        <linearGradient id="paint1_linear_187_4127" x1="48.1282" y1="15.3907"
                                            x2="29.1337" y2="46.7489" gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#25C2F3" />
                                            <stop offset="1" stop-color="#9EE3F9" />
                                        </linearGradient>
                                        <linearGradient id="paint2_linear_187_4127" x1="24.2907" y1="44.1185"
                                            x2="13.2441" y2="61.3989" gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#25C2F3" />
                                            <stop offset="1" stop-color="#9EE3F9" />
                                        </linearGradient>
                                    </defs>
                                </svg>
                            </span>
                            <p class="text-2-1 title">رشد و موفقیت پایدار</p>
                        </li>
                    </ul>
                </div>
            </div>
            <svg class="separator" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 577" fill="none">
                <g filter="url(#filter0_d_104_312)">
                    <path
                        d="M-9.94673 330.574C-10.3452 326.174 -14.2353 322.93 -18.6357 323.328C-23.036 323.727 -26.28 327.617 -25.8815 332.017C-25.483 336.417 -21.5929 339.661 -17.1926 339.263C-12.7923 338.864 -9.54823 334.974 -9.94673 330.574ZM1457.44 206.605C1457.04 202.205 1453.15 198.961 1448.75 199.359C1444.35 199.758 1441.1 203.648 1441.5 208.048C1441.9 212.449 1445.79 215.693 1450.19 215.294C1454.59 214.896 1457.83 211.005 1457.44 206.605ZM-17.5081 332.74C64.944 309.551 154.426 308.208 253.227 314.782C302.623 318.068 354.315 323.331 408.606 328.82C462.888 334.309 519.758 340.024 579.471 344.209C818.362 360.954 1102.76 353.216 1450.04 208.712L1448.89 205.942C1102.17 350.211 818.279 357.94 579.681 341.217C520.02 337.035 463.194 331.325 408.908 325.836C354.63 320.347 302.884 315.079 253.426 311.788C154.518 305.207 64.6282 306.523 -18.3202 329.852L-17.5081 332.74Z"
                        fill="#FFFFFF" />
                    <path
                        d="M-11.3312 315.287C-11.7297 310.886 -15.6198 307.642 -20.0202 308.041C-24.4205 308.439 -27.6645 312.329 -27.266 316.73C-26.8675 321.13 -22.9774 324.374 -18.5771 323.976C-14.1768 323.577 -10.9327 319.687 -11.3312 315.287ZM1455.92 189.826C1455.52 185.426 1451.63 182.182 1447.23 182.58C1442.83 182.979 1439.58 186.869 1439.98 191.269C1440.38 195.67 1444.27 198.914 1448.67 198.515C1453.07 198.117 1456.31 194.226 1455.92 189.826ZM-18.9367 317.464C63.7941 296.894 153.208 294.422 251.782 298.401C301.066 300.39 352.612 303.99 406.744 307.739C460.868 311.488 517.571 315.386 577.134 317.967C815.419 328.292 1099.5 317.543 1448.46 191.959L1447.44 189.136C1098.97 314.546 815.306 325.284 577.264 314.969C517.745 312.39 461.079 308.495 406.951 304.746C352.83 300.997 301.239 297.394 251.903 295.403C153.239 291.421 63.4867 293.879 -19.6605 314.553L-18.9367 317.464Z"
                        fill="#FFFFFF" />
                    <path
                        d="M-8.42052 347.427C-8.81901 343.027 -12.7091 339.783 -17.1095 340.182C-21.5098 340.58 -24.7538 344.47 -24.3553 348.871C-23.9568 353.271 -20.0667 356.515 -15.6664 356.116C-11.266 355.718 -8.02202 351.828 -8.42052 347.427ZM1459.08 224.755C1458.68 220.355 1454.79 217.111 1450.39 217.509C1445.99 217.908 1442.75 221.798 1443.14 226.198C1443.54 230.598 1447.43 233.842 1451.83 233.444C1456.23 233.045 1459.48 229.155 1459.08 224.755ZM-15.9441 349.582C66.2663 324.119 155.808 323.756 254.806 332.585C304.3 336.999 356.12 343.706 410.548 350.708C464.967 357.709 521.983 365.003 581.825 370.583C821.244 392.907 1105.91 387.787 1451.74 226.837L1450.48 224.117C1105.28 384.773 821.184 389.888 582.104 367.596C522.321 362.022 465.354 354.734 410.931 347.733C356.517 340.732 304.636 334.017 255.072 329.597C155.953 320.757 65.9432 321.078 -16.8317 346.716L-15.9441 349.582Z"
                        fill="#FFFFFF" />
                </g>
                <defs>
                    <filter id="filter0_d_104_312" x="-216.299" y="0.547363" width="1864.41" height="575.631"
                        filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                        <feFlood flood-opacity="0" result="BackgroundImageFix" />
                        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                            result="hardAlpha" />
                        <feMorphology radius="11" operator="erode" in="SourceAlpha"
                            result="effect1_dropShadow_104_312" />
                        <feOffset dy="7" />
                        <feGaussianBlur stdDeviation="100" />
                        <feComposite in2="hardAlpha" operator="out" />
                        <feColorMatrix type="matrix"
                            values="0 0 0 0 0.252639 0 0 0 0 0.891667 0 0 0 0 0.884149 0 0 0 0.2 0" />
                        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_104_312" />
                        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_104_312" result="shape" />
                    </filter>
                </defs>
            </svg>
        </section>
        <section class="container-fluid px-0">
            <section class="container">
                <div class="services-box bg-gradient-other-5-to-4" data-aos="fade-up"
                    data-aos-anchor-placement="top-bottom">
                    <div class="services-box-title" data-aos="zoom-in" data-aos-delay="100">
                        <h1 class="section-title-3 color-gradient-tertiary-4-to-other-5 ltsp-n5">خدمات سایت</h1>
                        <h2 class="section-subtitle-2 color-primary-6 mt-3">با خدمات سایت موافقی؟</h2>
                        <p class="text-2-1 color-primary-6">
                            لطفا این اطلاعات رو پر کن تا یه مشاور متخصص باهات تماس بگیره و برای تهیۀ سایت راهنماییت کنه:
                        </p>
                    </div>
                    <div class="service-item" data-aos="zoom-in" data-aos-delay="100">
                        <div class="top">
                            <img class="image" src="/front/images/circle.png" alt="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12"
                                fill="none">
                                <path d="M6 0.749878L1 5.74988L6 10.7499" stroke="#1A2980" />
                            </svg>
                        </div>
                        <h2 class="action-title-4 color-primary-1 w-100 mt-4">طراحی سایت با کدنویسی</h2>
                        <p class="text-2-1 color-primary-1 mt-2">
                            ساده‌سازی مشکلات پیچیده و ارائۀ راه‌حل‌های عملی، تجربه‌شده، تخصصی و بهینه
                        </p>
                    </div>
                    <div class="service-item" data-aos="zoom-in" data-aos-delay="150">
                        <div class="top">
                            <img class="image" src="/front/images/circle.png" alt="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12"
                                fill="none">
                                <path d="M6 0.749878L1 5.74988L6 10.7499" stroke="#1A2980" />
                            </svg>
                        </div>
                        <h2 class="action-title-4 color-primary-1 w-100 mt-4">طراحی سایت با UI حرفه ای </h2>
                        <p class="text-2-1 color-primary-1 mt-2">
                            ساده‌سازی مشکلات پیچیده و ارائۀ راه‌حل‌های عملی، تجربه‌شده، تخصصی و بهینه
                        </p>
                    </div>
                    <div class="service-item" data-aos="zoom-in" data-aos-delay="200">
                        <div class="top">
                            <img class="image" src="/front/images/circle.png" alt="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12"
                                fill="none">
                                <path d="M6 0.749878L1 5.74988L6 10.7499" stroke="#1A2980" />
                            </svg>
                        </div>
                        <h2 class="action-title-4 color-primary-1 w-100 mt-4">طراحی سایت تک‌صفحه ای</h2>
                        <p class="text-2-1 color-primary-1 mt-2">
                            ساده‌سازی مشکلات پیچیده و ارائۀ راه‌حل‌های عملی
                        </p>
                    </div>
                    <div class="service-item" data-aos="zoom-in" data-aos-delay="250">
                        <div class="top">
                            <img class="image" src="/front/images/circle.png" alt="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12"
                                fill="none">
                                <path d="M6 0.749878L1 5.74988L6 10.7499" stroke="#1A2980" />
                            </svg>
                        </div>
                        <h2 class="action-title-4 color-primary-1 w-100 mt-4">طراحی سایت اختصاصی</h2>
                        <p class="text-2-1 color-primary-1 mt-2">
                            ساده‌سازی مشکلات پیچیده و ارائۀ راه‌حل‌های عملی، تجربه‌شده، تخصصی و بهینه
                        </p>
                    </div>
                    <div class="service-item" data-aos="zoom-in" data-aos-delay="300">
                        <div class="top">
                            <img class="image" src="/front/images/circle.png" alt="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12"
                                fill="none">
                                <path d="M6 0.749878L1 5.74988L6 10.7499" stroke="#1A2980" />
                            </svg>
                        </div>
                        <h2 class="action-title-4 color-primary-1 w-100 mt-4">طراحی سایت حرفه ای با وردپرس </h2>
                        <p class="text-2-1 color-primary-1 mt-2">
                            ساده‌سازی مشکلات پیچیده و ارائۀ راه‌حل‌های عملی
                        </p>
                    </div>
                </div>
            </section>
        </section>

        <section class="container-fluid separator-wrapper wrapper-7 px-0 mt-5">
            <section class="container pt-lg-5">
                <div class="row">
                    <div class="col-12 col-lg-10 mx-auto">
                        <div class="row">
                            <div class="col-12 col-lg-4 px-3 py-1" data-aos="zoom-in-up">
                                <h1 class="section-title section-title-2 color-primary-2 ps-4">
                                    مزایای خدمات اونای
                                    <span class="shape">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="85" height="97"
                                            viewBox="0 0 85 97" fill="none">
                                            <path
                                                d="M0.181156 36.0737C0.181155 19.1032 0.181154 10.6179 5.45323 5.34581C10.7253 0.0737297 19.2106 0.073729 36.1812 0.0737278L49 0.0737268C65.9706 0.0737255 74.4558 0.0737249 79.7279 5.3458C85 10.6179 85 19.1032 85 36.0737L85 48.3634C85 60.3313 85 66.3153 81.8366 70.9203C78.6732 75.5254 73.0877 77.6724 61.9166 81.9664L49.0978 86.8938C26.8975 95.4274 15.7973 99.6941 7.98924 94.3304C0.181161 88.9667 0.18116 77.0748 0.181158 53.2908L0.181156 36.0737Z"
                                                fill="url(#paint0_linear_104_3378)"></path>
                                            <defs>
                                                <linearGradient id="paint0_linear_104_3378" x1="42.5906" y1="27.6469"
                                                    x2="-58.7155" y2="192.014" gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#FFEFB5"></stop>
                                                    <stop offset="1" stop-color="#FFCB08"></stop>
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </span>
                                </h1>
                                <p class="text-2 color-primary-1">ساده‌سازی مشکلات پیچیده و ارائۀ راه‌حل‌های عملی</p>
                            </div>
                            <div class="col-12 col-lg-8 px-2 py-1">
                                <div class="row justify-content-center">
                                    <div class="col-5 col-lg-3 px-1 px-lg-2 py-1" data-aos="zoom-in-right">
                                        <div class="advantage-card">
                                            <h2 class="title text-2 color-secondary-2 text-center">پشتیبانی پاسخگو</h2>
                                            <img src="/front/images/circle.png" alt="" class="image">
                                        </div>
                                    </div>
                                    <div class="col-5 col-lg-3 px-1 px-lg-2 py-1" data-aos="zoom-in-right">
                                        <div class="advantage-card">
                                            <h2 class="title text-2 color-secondary-2 text-center">طراحی وایرفریم و
                                                تجربه کاربری</h2>
                                            <img src="/front/images/circle.png" alt="" class="image">
                                        </div>
                                    </div>
                                    <div class="col-5 col-lg-3 px-1 px-lg-2 py-1" data-aos="zoom-in-right">
                                        <div class="advantage-card">
                                            <h2 class="title text-2 color-secondary-2 text-center">طراحی رابط کاربری
                                            </h2>
                                            <img src="/front/images/circle.png" alt="" class="image">
                                        </div>
                                    </div>
                                    <div class="col-5 col-lg-3 px-1 px-lg-2 py-1" data-aos="zoom-in-right">
                                        <div class="advantage-card">
                                            <h2 class="title text-2 color-secondary-2 text-center">طراحی ریسپانسیو</h2>
                                            <img src="/front/images/circle.png" alt="" class="image">
                                        </div>
                                    </div>
                                    <div class="col-10 col-lg-6 px-1 px-lg-2 py-1 order-1 order-lg-0"
                                        data-aos="zoom-in-right">
                                        <div class="advantage-card">
                                            <h2 class="title text-2 color-secondary-2 text-center">پیاده‌سازی هم بر بستر
                                                وردپرس و هم کدنویسی اختصاصی</h2>
                                            <img src="/front/images/circle.png" alt="" class="image">
                                        </div>
                                    </div>
                                    <div class="col-5 col-lg-3 px-1 px-lg-2 py-1" data-aos="zoom-in-right">
                                        <div class="advantage-card">
                                            <h2 class="title text-2 color-secondary-2 text-center">طراحی اختصاصی</h2>
                                            <img src="/front/images/circle.png" alt="" class="image">
                                        </div>
                                    </div>
                                    <div class="col-5 col-lg-3 px-1 px-lg-2 py-1" data-aos="zoom-in-right">
                                        <div class="advantage-card">
                                            <h2 class="title text-2 color-secondary-2 text-center">رعایت اصول سئو</h2>
                                            <img src="/front/images/circle.png" alt="" class="image">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <svg class="separator d-none d-lg-block" xmlns="http://www.w3.org/2000/svg" version="1.2"
                viewBox="0 0 1440 131">
                <title>Group 38-svg</title>
                <style>
                    .s0 {
                        fill: #c8eff9
                    }
                </style>
                <g id="Layer">
                    <path id="Layer" class="s0"
                        d="m1437.5 29.3c0-1.4 1.2-2.6 2.7-2.6 1.5 0 2.7 1.2 2.7 2.6 0 1.5-1.2 2.7-2.7 2.7-1.5 0-2.7-1.2-2.7-2.7zm-1434.7 8.7c0-1.5 1.2-2.7 2.7-2.7 1.5 0 2.7 1.2 2.7 2.7 0 1.5-1.2 2.7-2.7 2.7-1.5 0-2.7-1.2-2.7-2.7zm1437.3-8.2c-82.2-15.2-169.3-8.7-264.6 6.4-47.6 7.5-97.3 17.2-149.5 27.3-52.2 10.1-106.9 20.6-164.5 29.9-230.2 37.2-506.7 54.7-856.2-54.9l0.3-1c349.3 109.6 625.6 92.1 855.8 54.9 57.5-9.3 112.2-19.8 164.4-29.9 52.2-10.1 101.9-19.8 149.6-27.3 95.3-15.1 182.5-21.7 264.9-6.3z">
                    </path>
                    <path id="Layer" class="s0"
                        d="m1437.5 14.4c0-1.5 1.2-2.7 2.7-2.7 1.5 0 2.7 1.2 2.7 2.7 0 1.5-1.2 2.7-2.7 2.7-1.5 0-2.7-1.2-2.7-2.7zm-1434.7 7.2c0-1.5 1.2-2.7 2.7-2.7 1.5 0 2.7 1.2 2.7 2.7 0 1.5-1.2 2.7-2.7 2.7-1.5 0-2.7-1.2-2.7-2.7zm1437.3-6.7c-82.2-12.7-169.3-7.3-264.6 5.3-47.6 6.2-97.4 14.3-149.6 22.7-52.1 8.4-106.8 17.1-164.4 24.9-230.2 30.9-506.7 45.4-856.1-45.7l0.2-1c349.3 91.1 625.6 76.6 855.8 45.7 57.5-7.8 112.2-16.5 164.4-24.9 52.2-8.4 101.9-16.5 149.6-22.7 95.3-12.5 182.5-18 264.9-5.3z">
                    </path>
                </g>
            </svg>
        </section>

        <section class="container-fluid separator-wrapper wrapper-8 px-0">
            <div class="has-wavy">
                <div class="container mt-5 position-relative">
                    <h1 class="section-title-2 text-center">روش استفاده</h1>
                    {{-- <svg class="spiral-path d-none d-lg-block" xmlns="http://www.w3.org/2000/svg" version="1.2"
                        viewBox="0 0 147 701">
                        <title>Vector 550-svg</title>
                        <style>
                            .s0 {
                                fill: #c8eff9
                            }
                        </style>
                        <g id="Layer">
                            <path id="Layer" fill-rule="evenodd" class="s0"
                                d="m141.2 7.4c2.9 0 5.3 2.4 5.3 5.3 0 2.7-1.9 4.9-4.4 5.3-1.9 52.3-31.8 77.4-61.4 102.6-15.4 13-30.6 26-41.9 42.7-11.4 16.7-19 37.3-19 65.3 0 42.5 22.1 64.9 44.5 85.9 22.4 21 45.1 40.8 45.1 78 0 37.3-22.8 54.4-45.2 70.6-22.5 16.3-44.4 31.6-44.4 65.2 0 21.1 5.6 35.7 13.8 47.2 8.3 11.6 19.4 20.1 30.6 28.9 11.2 8.8 22.6 18 31.1 30.7 7.8 11.9 13.2 26.7 14 47.3 2.5 0.4 4.5 2.6 4.5 5.3 0 2.9-2.4 5.3-5.4 5.3-2.9 0-5.3-2.4-5.3-5.3 0-2.6 1.8-4.8 4.2-5.3-0.7-20.2-6.1-34.7-13.7-46.2-8.3-12.4-19.4-21.4-30.6-30.2-11.2-8.8-22.5-17.5-31-29.3-8.5-11.9-14.2-26.9-14.2-48.4 0-34.7 22.9-50.6 45.2-66.8 22.4-16.2 44.4-32.8 44.4-69 0-36.2-22-55.5-44.5-76.6-22.4-21-45.1-43.9-45.1-87.3 0-28.4 7.7-49.4 19.3-66.4 11.6-17 27-30.2 42.3-43.2 29.6-25.1 58.8-49.8 60.7-101-2.4-0.5-4.2-2.7-4.2-5.3 0-2.9 2.3-5.3 5.3-5.3zm-122.4 221.2h-1z" />
                        </g>
                    </svg> --}}
                    <svg class="spiral-path d-none d-lg-block" xmlns="http://www.w3.org/2000/svg" version="1.2"
                        viewBox="0 0 93 2440">
                        <title>Vector 12-svg</title>
                        <style>
                            .s0 {
                                fill: #c8eff9
                            }
                        </style>
                        <g id="Layer">
                            <path id="Layer" class="s0"
                                d="m44.9 7c0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7 0-1.4-1.2-2.6-2.7-2.6-1.5 0-2.7 1.2-2.7 2.6zm6.3 2425.5c0 1.5 1.2 2.7 2.6 2.7 1.5 0 2.7-1.2 2.7-2.7 0-1.5-1.2-2.7-2.7-2.7-1.4 0-2.6 1.2-2.6 2.7zm-4.1-2425.3c19.3 69.9 9.3 151-5.7 231.4-14.9 80.4-34.7 160-34.7 226.7h1c0-66.6 19.7-146 34.7-226.5 14.9-80.4 25.1-161.8 5.7-231.9zm-40.5 458.1c0 66.5 20.5 129 40.9 198.3 20.4 69.3 40.9 145.4 40.9 239.5h1c0-94.2-20.5-170.5-40.9-239.8-20.5-69.4-40.9-131.7-40.9-198zm81.8 437.8c0 110-20.6 190.4-41.3 262.1-20.6 71.7-41.2 134.8-41.2 209.9h1c0-75 20.6-137.9 41.2-209.6 20.6-71.8 41.3-152.3 41.3-262.4zm-82.5 472c0 94.4 20.6 157.9 41.3 221.4 20.6 63.5 41.2 127 41.2 221.5h1c0-94.7-20.7-158.3-41.3-221.8-20.6-63.5-41.2-126.8-41.2-221.1zm82.5 442.9c0 38.9-8 82.5-18.5 129.7-10.4 47.1-23.5 97.8-33.6 150.6-20.3 105.8-29.1 220.6 17.1 334.4l0.9-0.4c-46-113.5-37.3-228.1-17-333.8 10.1-52.8 23.1-103.4 33.6-150.6 10.5-47.2 18.5-90.9 18.5-129.9z" />
                        </g>
                    </svg>
                    <div class="row service-wrapper flex-lg-row align-items-center">
                        <div class="col-12 col-sm-8 col-lg-6">
                            <img src="/front/images/service-img-1.png" class="d-block mx-lg-auto img-fluid"
                                alt="Bootstrap Themes" loading="lazy">
                        </div>
                        <div class="col-12 col-lg-6">
                            <div class="service-card-wrapper">
                                <div class="service-card-container odd">
                                    <div class="service-card">
                                        <h1 class="display-5 fw-bold lh-1 mb-3 section-subtitle-2">
                                            مرحلۀ اول
                                        </h1>
                                        <p class="lead text-2-1">
                                            هر وب سایتی مناسب هر کسب و کاری نیست. ما در آژانس دیجیتال مارکتینگ اونای بعد
                                            از برسی دقیق کسب‌و‌کار شما طبق نیاز وب‌سایت مورد نظر را طراحی می‌کنیم...
                                        </p>
                                    </div>
                                    <svg class="service-svg" xmlns="http://www.w3.org/2000/svg" width="856"
                                        height="701" viewBox="0 0 856 701" fill="none">
                                        <g filter="url(#filter-service-odd)">
                                            <path
                                                d="M666.294 278.366C666.294 233.111 666.294 210.484 652.236 196.425C638.177 182.366 615.549 182.366 570.294 182.366L276 182.366C230.745 182.366 208.118 182.366 194.059 196.425C180 210.484 180 233.111 180 278.366L180 333.57C180 370.522 180 388.998 190.573 402.164C201.145 415.331 219.185 419.322 255.264 427.304L549.558 492.409C603.453 504.332 630.4 510.293 648.347 495.882C666.294 481.471 666.294 453.873 666.294 398.675L666.294 278.366Z"
                                                fill="white" />
                                            <path
                                                d="M665.794 278.366C665.794 255.724 665.793 238.794 664.042 225.764C662.292 212.748 658.803 203.699 651.882 196.778C644.961 189.857 635.912 186.369 622.897 184.619C609.867 182.867 592.936 182.866 570.294 182.866L276 182.866C253.359 182.866 236.428 182.867 223.398 184.619C210.382 186.369 201.334 189.857 194.413 196.778C187.492 203.699 184.003 212.748 182.253 225.764C180.501 238.794 180.5 255.724 180.5 278.366L180.5 333.57C180.5 352.058 180.501 365.88 181.818 376.726C183.134 387.559 185.756 395.368 190.962 401.851C196.168 408.335 203.226 412.582 213.519 416.207C223.825 419.836 237.32 422.822 255.372 426.815L549.666 491.921C576.629 497.885 596.798 502.346 612.47 503.522C628.13 504.697 639.202 502.584 648.034 495.492C656.866 488.401 661.321 478.046 663.556 462.502C665.793 446.946 665.794 426.289 665.794 398.675L665.794 278.366Z"
                                                stroke="#E6F7FC" />
                                        </g>
                                        <defs>
                                            <filter id="filter-service-odd">
                                                <feGaussianBlur in="SourceGraphic" stdDeviation="32" result="" />
                                                <feColorMatrix in="blur" mode="matrix"
                                                    values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9"
                                                    result="filter-service-odd" />
                                                <feComposite in="SourceGraphic" in2="filter-service-odd"
                                                    operator="atop" />
                                            </filter>
                                        </defs>
                                    </svg>
                                </div>
                                <span class="tail"></span>
                            </div>
                        </div>
                    </div>

                    <div class="row service-wrapper flex-lg-row flex-lg-row-reverse align-items-center">
                        <div class="col-12 col-sm-8 col-lg-6">
                            <img src="/front/images/service-img-2.png" class="d-block mx-lg-auto img-fluid"
                                alt="Bootstrap Themes" loading="lazy">
                        </div>
                        <div class="col-12 col-sm-4 col-lg-6">
                            <div class="service-card-wrapper">
                                <div class="service-card-container even">
                                    <div class="service-card">
                                        <h1 class="display-5 fw-bold lh-1 mb-3 section-subtitle-2 text-end">
                                            مرحلۀ دوم
                                        </h1>
                                        <p class="lead text-2-1 text-end">
                                            هر وب سایتی مناسب هر کسب و کاری نیست. ما در آژانس دیجیتال مارکتینگ اونای بعد
                                            از برسی دقیق کسب‌و‌کار شما طبق نیاز وب‌سایت مورد نظر را طراحی می‌کنیم...
                                        </p>
                                    </div>
                                    <svg class="service-svg" xmlns="http://www.w3.org/2000/svg" width="856"
                                        height="701" viewBox="0 0 856 701" fill="none">
                                        <g filter="url(#filter-service-odd)">
                                            <path
                                                d="M666.294 278.366C666.294 233.111 666.294 210.484 652.236 196.425C638.177 182.366 615.549 182.366 570.294 182.366L276 182.366C230.745 182.366 208.118 182.366 194.059 196.425C180 210.484 180 233.111 180 278.366L180 333.57C180 370.522 180 388.998 190.573 402.164C201.145 415.331 219.185 419.322 255.264 427.304L549.558 492.409C603.453 504.332 630.4 510.293 648.347 495.882C666.294 481.471 666.294 453.873 666.294 398.675L666.294 278.366Z"
                                                fill="white" />
                                            <path
                                                d="M665.794 278.366C665.794 255.724 665.793 238.794 664.042 225.764C662.292 212.748 658.803 203.699 651.882 196.778C644.961 189.857 635.912 186.369 622.897 184.619C609.867 182.867 592.936 182.866 570.294 182.866L276 182.866C253.359 182.866 236.428 182.867 223.398 184.619C210.382 186.369 201.334 189.857 194.413 196.778C187.492 203.699 184.003 212.748 182.253 225.764C180.501 238.794 180.5 255.724 180.5 278.366L180.5 333.57C180.5 352.058 180.501 365.88 181.818 376.726C183.134 387.559 185.756 395.368 190.962 401.851C196.168 408.335 203.226 412.582 213.519 416.207C223.825 419.836 237.32 422.822 255.372 426.815L549.666 491.921C576.629 497.885 596.798 502.346 612.47 503.522C628.13 504.697 639.202 502.584 648.034 495.492C656.866 488.401 661.321 478.046 663.556 462.502C665.793 446.946 665.794 426.289 665.794 398.675L665.794 278.366Z"
                                                stroke="#E6F7FC" />
                                        </g>
                                        <defs>
                                            <filter id="filter-service-odd">
                                                <feGaussianBlur in="SourceGraphic" stdDeviation="16" result="" />
                                                <feColorMatrix in="blur" mode="matrix"
                                                    values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9"
                                                    result="filter-service-odd" />
                                                <feComposite in="SourceGraphic" in2="filter-service-odd"
                                                    operator="atop" />
                                            </filter>
                                        </defs>
                                    </svg>
                                </div>
                                <span class="tail"></span>
                            </div>
                        </div>
                    </div>

                    <div class="row service-wrapper flex-lg-row align-items-center">
                        <div class="col-12 col-sm-8 col-lg-6">
                            <img src="/front/images/service-img-3.png" class="d-block mx-lg-auto img-fluid"
                                alt="Bootstrap Themes" loading="lazy">
                        </div>
                        <div class="col-12 col-sm-4 col-lg-6">
                            <div class="service-card-wrapper">
                                <div class="service-card-container odd">
                                    <div class="service-card">
                                        <h1 class="display-5 fw-bold lh-1 mb-3 section-subtitle-2">
                                            مرحلۀ سوم
                                        </h1>
                                        <p class="lead text-2-1">
                                            هر وب سایتی مناسب هر کسب و کاری نیست. ما در آژانس دیجیتال مارکتینگ اونای بعد
                                            از برسی دقیق کسب‌و‌کار شما طبق نیاز وب‌سایت مورد نظر را طراحی می‌کنیم...
                                        </p>
                                    </div>
                                    <svg class="service-svg" xmlns="http://www.w3.org/2000/svg" width="856"
                                        height="701" viewBox="0 0 856 701" fill="none">
                                        <g filter="url(#filter-service-odd)">
                                            <path
                                                d="M666.294 278.366C666.294 233.111 666.294 210.484 652.236 196.425C638.177 182.366 615.549 182.366 570.294 182.366L276 182.366C230.745 182.366 208.118 182.366 194.059 196.425C180 210.484 180 233.111 180 278.366L180 333.57C180 370.522 180 388.998 190.573 402.164C201.145 415.331 219.185 419.322 255.264 427.304L549.558 492.409C603.453 504.332 630.4 510.293 648.347 495.882C666.294 481.471 666.294 453.873 666.294 398.675L666.294 278.366Z"
                                                fill="white" />
                                            <path
                                                d="M665.794 278.366C665.794 255.724 665.793 238.794 664.042 225.764C662.292 212.748 658.803 203.699 651.882 196.778C644.961 189.857 635.912 186.369 622.897 184.619C609.867 182.867 592.936 182.866 570.294 182.866L276 182.866C253.359 182.866 236.428 182.867 223.398 184.619C210.382 186.369 201.334 189.857 194.413 196.778C187.492 203.699 184.003 212.748 182.253 225.764C180.501 238.794 180.5 255.724 180.5 278.366L180.5 333.57C180.5 352.058 180.501 365.88 181.818 376.726C183.134 387.559 185.756 395.368 190.962 401.851C196.168 408.335 203.226 412.582 213.519 416.207C223.825 419.836 237.32 422.822 255.372 426.815L549.666 491.921C576.629 497.885 596.798 502.346 612.47 503.522C628.13 504.697 639.202 502.584 648.034 495.492C656.866 488.401 661.321 478.046 663.556 462.502C665.793 446.946 665.794 426.289 665.794 398.675L665.794 278.366Z"
                                                stroke="#E6F7FC" />
                                        </g>
                                        <defs>
                                            <filter id="filter-service-odd">
                                                <feGaussianBlur in="SourceGraphic" stdDeviation="16" result="" />
                                                <feColorMatrix in="blur" mode="matrix"
                                                    values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9"
                                                    result="filter-service-odd" />
                                                <feComposite in="SourceGraphic" in2="filter-service-odd"
                                                    operator="atop" />
                                            </filter>
                                        </defs>
                                    </svg>
                                </div>
                                <span class="tail"></span>
                            </div>
                        </div>
                    </div>

                    <div class="row service-wrapper flex-lg-row flex-lg-row-reverse align-items-center">
                        <div class="col-12 col-sm-8 col-lg-6">
                            <img src="/front/images/service-img-4.png" class="d-block mx-lg-auto img-fluid"
                                alt="Bootstrap Themes" loading="lazy">
                        </div>
                        <div class="col-12 col-sm-4 col-lg-6">
                            <div class="service-card-wrapper">
                                <div class="service-card-container even">
                                    <div class="service-card">
                                        <h1 class="display-5 fw-bold lh-1 mb-3 section-subtitle-2 text-end">
                                            مرحلۀ چهارم
                                        </h1>
                                        <p class="lead text-2-1 text-end">
                                            هر وب سایتی مناسب هر کسب و کاری نیست. ما در آژانس دیجیتال مارکتینگ اونای بعد
                                            از برسی دقیق کسب‌و‌کار شما طبق نیاز وب‌سایت مورد نظر را طراحی می‌کنیم...
                                        </p>
                                    </div>
                                    <svg class="service-svg" xmlns="http://www.w3.org/2000/svg" width="856"
                                        height="701" viewBox="0 0 856 701" fill="none">
                                        <g filter="url(#filter-service-odd)">
                                            <path
                                                d="M666.294 278.366C666.294 233.111 666.294 210.484 652.236 196.425C638.177 182.366 615.549 182.366 570.294 182.366L276 182.366C230.745 182.366 208.118 182.366 194.059 196.425C180 210.484 180 233.111 180 278.366L180 333.57C180 370.522 180 388.998 190.573 402.164C201.145 415.331 219.185 419.322 255.264 427.304L549.558 492.409C603.453 504.332 630.4 510.293 648.347 495.882C666.294 481.471 666.294 453.873 666.294 398.675L666.294 278.366Z"
                                                fill="white" />
                                            <path
                                                d="M665.794 278.366C665.794 255.724 665.793 238.794 664.042 225.764C662.292 212.748 658.803 203.699 651.882 196.778C644.961 189.857 635.912 186.369 622.897 184.619C609.867 182.867 592.936 182.866 570.294 182.866L276 182.866C253.359 182.866 236.428 182.867 223.398 184.619C210.382 186.369 201.334 189.857 194.413 196.778C187.492 203.699 184.003 212.748 182.253 225.764C180.501 238.794 180.5 255.724 180.5 278.366L180.5 333.57C180.5 352.058 180.501 365.88 181.818 376.726C183.134 387.559 185.756 395.368 190.962 401.851C196.168 408.335 203.226 412.582 213.519 416.207C223.825 419.836 237.32 422.822 255.372 426.815L549.666 491.921C576.629 497.885 596.798 502.346 612.47 503.522C628.13 504.697 639.202 502.584 648.034 495.492C656.866 488.401 661.321 478.046 663.556 462.502C665.793 446.946 665.794 426.289 665.794 398.675L665.794 278.366Z"
                                                stroke="#E6F7FC" />
                                        </g>
                                        <defs>
                                            <filter id="filter-service-odd">
                                                <feGaussianBlur in="SourceGraphic" stdDeviation="16" result="" />
                                                <feColorMatrix in="blur" mode="matrix"
                                                    values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9"
                                                    result="filter-service-odd" />
                                                <feComposite in="SourceGraphic" in2="filter-service-odd"
                                                    operator="atop" />
                                            </filter>
                                        </defs>
                                    </svg>
                                </div>
                                <span class="tail"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <svg class="separator" xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 0 1440 325">
                <style>
                    .s0 {
                        fill: #c8eff9
                    }
                </style>
                <g id="Layer">
                    <path id="Layer" class="s0"
                        d="m1487.8 348.1c0.4-1.5 1.8-2.3 3.3-2 1.4 0.4 2.2 1.9 1.9 3.3-0.4 1.4-1.8 2.3-3.3 1.9-1.4-0.4-2.2-1.8-1.9-3.2zm-1542.8-380.4c0.4-1.4 1.9-2.3 3.3-1.9 1.4 0.3 2.3 1.8 1.9 3.2-0.4 1.4-1.8 2.3-3.2 1.9-1.5-0.3-2.3-1.8-2-3.2zm1545.2 381.5c-82.2-46.2-178.2-59.9-286.4-62.8-54.1-1.5-111.3-0.2-171.2 1-60 1.3-122.8 2.5-188.3 1.1-261.7-5.7-565.3-54.7-897-319.8l0.6-0.7c331.5 264.9 634.9 313.8 896.5 319.5 65.4 1.4 128.2 0.2 188.1-1.1 60-1.2 117.2-2.5 171.3-1 108.3 2.9 204.5 16.6 286.8 62.9z">
                    </path>
                    <path id="Layer" class="s0"
                        d="m1484.5 361.2c0.3-1.5 1.8-2.3 3.2-2 1.4 0.4 2.3 1.9 1.9 3.3-0.3 1.4-1.8 2.3-3.2 1.9-1.4-0.4-2.3-1.8-1.9-3.2zm-1543.3-378.5c0.4-1.4 1.8-2.3 3.2-1.9 1.5 0.4 2.3 1.8 2 3.3-0.4 1.4-1.9 2.2-3.3 1.9-1.4-0.4-2.3-1.8-1.9-3.3zm1545.6 379.6c-81.3-49.6-177.6-61.9-286.7-61.4-54.6 0.3-112.3 3.7-172.8 7.2-60.6 3.6-124 7.2-190 7.9-263.9 2.7-568.5-42.3-893.9-332.2l0.7-0.8c325.2 289.7 629.5 334.7 893.2 332 66-0.7 129.4-4.3 189.9-7.9 60.6-3.5 118.3-6.9 172.9-7.2 109.1-0.5 205.7 11.8 287.2 61.5z">
                    </path>
                </g>
            </svg>
        </section>

        <section class="container-fluid separator-wrapper wrapper-9 px-0">
            <section class="container mt-5">
                <div class="plans-wrapper">
                    <h1 class="section-title section-title-2 text-center w-fit mx-auto">
                        پلن‌های پیشنهادی
                        <span class="shape">
                            <svg xmlns="http://www.w3.org/2000/svg" width="85" height="97" viewBox="0 0 85 97"
                                fill="none">
                                <path
                                    d="M0.181156 36.0737C0.181155 19.1032 0.181154 10.6179 5.45323 5.34581C10.7253 0.0737297 19.2106 0.073729 36.1812 0.0737278L49 0.0737268C65.9706 0.0737255 74.4558 0.0737249 79.7279 5.3458C85 10.6179 85 19.1032 85 36.0737L85 48.3634C85 60.3313 85 66.3153 81.8366 70.9203C78.6732 75.5254 73.0877 77.6724 61.9166 81.9664L49.0978 86.8938C26.8975 95.4274 15.7973 99.6941 7.98924 94.3304C0.181161 88.9667 0.18116 77.0748 0.181158 53.2908L0.181156 36.0737Z"
                                    fill="url(#paint0_linear_104_3378)"></path>
                                <defs>
                                    <linearGradient id="paint0_linear_104_3378" x1="42.5906" y1="27.6469"
                                        x2="-58.7155" y2="192.014" gradientUnits="userSpaceOnUse">
                                        <stop stop-color="#FFEFB5"></stop>
                                        <stop offset="1" stop-color="#FFCB08"></stop>
                                    </linearGradient>
                                </defs>
                            </svg>
                        </span>
                    </h1>
                    <div class="owl-carousel owl-theme owl-plan px-lg-5 pt-4 col-4">
                        <div class="item">
                            <div class="plan-card economy">
                                <div class="card-top">
                                    <h2 class="title section-title-2">
                                        <span class="symbol">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="54"
                                                viewBox="0 0 40 54" fill="none">
                                                <path
                                                    d="M4.59794 52.2383L29.5819 0.542347L31.7419 1.69435L6.82994 53.3903L4.59794 52.2383ZM7.76594 16.5983C5.74994 16.5983 4.04594 15.9023 2.65394 14.5103C1.26194 13.0703 0.565938 11.3663 0.565938 9.39834C0.565938 7.43035 1.26194 5.75035 2.65394 4.35835C4.04594 2.91835 5.74994 2.19835 7.76594 2.19835C9.73394 2.19835 11.4139 2.91835 12.8059 4.35835C14.1979 5.75035 14.8939 7.43035 14.8939 9.39834C14.8939 11.3663 14.1979 13.0703 12.8059 14.5103C11.4139 15.9023 9.73394 16.5983 7.76594 16.5983ZM7.76594 14.5823C9.15794 14.5823 10.3579 14.0783 11.3659 13.0703C12.3739 12.0143 12.8779 10.7903 12.8779 9.39834C12.8779 8.00635 12.3739 6.80635 11.3659 5.79835C10.3579 4.74235 9.15794 4.21435 7.76594 4.21435C6.32594 4.21435 5.10194 4.74235 4.09394 5.79835C3.08594 6.80635 2.58194 8.00635 2.58194 9.39834C2.58194 10.7903 3.08594 12.0143 4.09394 13.0703C5.10194 14.0783 6.32594 14.5823 7.76594 14.5823ZM32.1019 53.9663C30.0859 53.9663 28.3819 53.2463 26.9899 51.8063C25.5979 50.4143 24.9019 48.7343 24.9019 46.7663C24.9019 44.7983 25.5979 43.1183 26.9899 41.7263C28.3819 40.2863 30.0859 39.5663 32.1019 39.5663C34.0699 39.5663 35.7499 40.2863 37.1419 41.7263C38.5339 43.1183 39.2299 44.7983 39.2299 46.7663C39.2299 48.7343 38.5339 50.4143 37.1419 51.8063C35.7499 53.2463 34.0699 53.9663 32.1019 53.9663ZM32.1019 51.9503C33.4939 51.9503 34.6939 51.4223 35.7019 50.3663C36.7099 49.3583 37.2139 48.1583 37.2139 46.7663C37.2139 45.3743 36.7099 44.1743 35.7019 43.1663C34.6939 42.1103 33.4939 41.5823 32.1019 41.5823C30.6619 41.5823 29.4379 42.1103 28.4299 43.1663C27.4219 44.1743 26.9179 45.3743 26.9179 46.7663C26.9179 48.1583 27.4219 49.3583 28.4299 50.3663C29.4379 51.4223 30.6619 51.9503 32.1019 51.9503Z"
                                                    fill="#1A2980" />
                                            </svg>
                                        </span>
                                        اقتصادی
                                    </h2>
                                </div>
                                <div class="card-body">
                                    <h1 class="price digit-1 my-0">
                                        ۱,۸۰۰,۰۰۰
                                        <span class="section-subtitle-2">تومان</span>
                                    </h1>
                                    <ul class="options color-primary-1 mt-3">
                                        <li class="option text-2-1">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="13"
                                                viewBox="0 0 18 13" fill="none">
                                                <path d="M1.5 6.27305L6.6 11.4246L16.5 1.42456" stroke="#25C2F3"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            فیچر ۱
                                        </li>
                                        <li class="option text-2-1">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="13"
                                                viewBox="0 0 18 13" fill="none">
                                                <path d="M1.5 6.27305L6.6 11.4246L16.5 1.42456" stroke="#25C2F3"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            فیچر ۲
                                        </li>
                                        <li class="option text-2-1">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="13"
                                                viewBox="0 0 18 13" fill="none">
                                                <path d="M1.5 6.27305L6.6 11.4246L16.5 1.42456" stroke="#25C2F3"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            فیچر ۳
                                        </li>
                                    </ul>
                                    <a href="#" class="btn btn-main btn-lg action-title-2 mt-4">
                                        سفارش خدمت
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="item">
                            <div class="plan-card gold">
                                <div class="card-top">
                                    <h2 class="title section-title-2">
                                        <span class="symbol">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="77" height="52"
                                                viewBox="0 0 77 52" fill="none">
                                                <path
                                                    d="M13.5102 50.793L1.67773 14.5993L21.1665 22.7197L38.7993 2.07068L57.1282 22.7197L74.993 14.5993L64.0885 50.793H13.5102Z"
                                                    stroke="#997A05" stroke-width="2" stroke-linecap="round" />
                                            </svg>
                                        </span>
                                        طلایی
                                    </h2>
                                </div>
                                <div class="card-body">
                                    <h1 class="price digit-1 my-0">
                                        ۱,۸۰۰,۰۰۰
                                        <span class="section-subtitle-2">تومان</span>
                                    </h1>
                                    <ul class="options color-primary-1 mt-3">
                                        <li class="option text-2-1">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="13"
                                                viewBox="0 0 18 13" fill="none">
                                                <path d="M1.5 6.27305L6.6 11.4246L16.5 1.42456" stroke="#25C2F3"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            فیچر ۱
                                        </li>
                                        <li class="option text-2-1">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="13"
                                                viewBox="0 0 18 13" fill="none">
                                                <path d="M1.5 6.27305L6.6 11.4246L16.5 1.42456" stroke="#25C2F3"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            فیچر ۲
                                        </li>
                                        <li class="option text-2-1">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="13"
                                                viewBox="0 0 18 13" fill="none">
                                                <path d="M1.5 6.27305L6.6 11.4246L16.5 1.42456" stroke="#25C2F3"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            فیچر ۳
                                        </li>
                                    </ul>
                                    <a href="#" class="btn btn-main btn-lg action-title-2 mt-4">
                                        سفارش خدمت
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="item">
                            <div class="plan-card diamond">
                                <div class="card-top">
                                    <h2 class="title section-title-2">
                                        <span class="symbol">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="66" height="67"
                                                viewBox="0 0 66 67" fill="none">
                                                <path
                                                    d="M33.0001 64.4613L2.34035 26.1366C2.00783 25.7209 1.84157 25.5131 1.7969 25.2627C1.75223 25.0122 1.83639 24.7597 2.00472 24.2547L8.58381 4.51744C9.02383 3.1974 9.24384 2.53738 9.76761 2.15986C10.2914 1.78235 10.9871 1.78235 12.3785 1.78235H53.6217C55.0131 1.78235 55.7088 1.78235 56.2326 2.15986C56.7564 2.53738 56.9764 3.1974 57.4164 4.51744L63.9955 24.2547C64.1638 24.7597 64.248 25.0122 64.2033 25.2627C64.1587 25.5131 63.9924 25.7209 63.6599 26.1366L33.0001 64.4613ZM33.0001 64.4613L46.7111 21.3695M33.0001 64.4613L19.2891 21.3695M62.3809 25.287L46.7111 21.3695M46.7111 21.3695L40.835 1.93476M46.7111 21.3695H19.2891M25.1652 1.93476L19.2891 21.3695M19.2891 21.3695L3.61936 25.287"
                                                    stroke="#25C2F3" stroke-width="2" stroke-linecap="round" />
                                            </svg>
                                        </span>
                                        الماس
                                    </h2>
                                </div>
                                <div class="card-body">
                                    <h1 class="price digit-1 my-0">
                                        ۱,۸۰۰,۰۰۰
                                        <span class="section-subtitle-2">تومان</span>
                                    </h1>
                                    <ul class="options color-primary-1 mt-3">
                                        <li class="option text-2-1">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="13"
                                                viewBox="0 0 18 13" fill="none">
                                                <path d="M1.5 6.27305L6.6 11.4246L16.5 1.42456" stroke="#25C2F3"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            فیچر ۱
                                        </li>
                                        <li class="option text-2-1">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="13"
                                                viewBox="0 0 18 13" fill="none">
                                                <path d="M1.5 6.27305L6.6 11.4246L16.5 1.42456" stroke="#25C2F3"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            فیچر ۲
                                        </li>
                                        <li class="option text-2-1">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="13"
                                                viewBox="0 0 18 13" fill="none">
                                                <path d="M1.5 6.27305L6.6 11.4246L16.5 1.42456" stroke="#25C2F3"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            فیچر ۳
                                        </li>
                                    </ul>
                                    <a href="#" class="btn btn-main btn-lg action-title-2 mt-4">
                                        سفارش خدمت
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="container mt-5">
                <h1 class="section-title section-title-2 text-center w-fit mx-auto">
                    چرا اونای؟
                    <span class="shape">
                        <svg xmlns="http://www.w3.org/2000/svg" width="85" height="97" viewBox="0 0 85 97"
                            fill="none">
                            <path
                                d="M0.181156 36.0737C0.181155 19.1032 0.181154 10.6179 5.45323 5.34581C10.7253 0.0737297 19.2106 0.073729 36.1812 0.0737278L49 0.0737268C65.9706 0.0737255 74.4558 0.0737249 79.7279 5.3458C85 10.6179 85 19.1032 85 36.0737L85 48.3634C85 60.3313 85 66.3153 81.8366 70.9203C78.6732 75.5254 73.0877 77.6724 61.9166 81.9664L49.0978 86.8938C26.8975 95.4274 15.7973 99.6941 7.98924 94.3304C0.181161 88.9667 0.18116 77.0748 0.181158 53.2908L0.181156 36.0737Z"
                                fill="url(#paint0_linear_104_3378)"></path>
                            <defs>
                                <linearGradient id="paint0_linear_104_3378" x1="42.5906" y1="27.6469" x2="-58.7155"
                                    y2="192.014" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="#FFEFB5"></stop>
                                    <stop offset="1" stop-color="#FFCB08"></stop>
                                </linearGradient>
                            </defs>
                        </svg>
                    </span>
                </h1>
                <p class="text-2-1 color-primary-1 mt-5 mt-lg-4">
                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است،
                    چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد
                    نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته
                    حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان
                    رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد.
                </p>
            </section>

            <svg class="separator" xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 0 1440 203">
                <title>Group 39-svg</title>
                <style>
                    .s0 {
                        fill: #c8eff9
                    }
                </style>
                <g id="Layer">
                    <path id="Layer" class="s0"
                        d="m-15.3 144.2c-0.1-1.4-1.4-2.5-2.9-2.4-1.4 0.2-2.5 1.5-2.4 2.9 0.2 1.5 1.5 2.6 2.9 2.4 1.5-0.1 2.6-1.4 2.4-2.9zm1467.4-123.9c-0.1-1.5-1.4-2.6-2.9-2.4-1.4 0.1-2.5 1.4-2.4 2.9 0.1 1.4 1.4 2.5 2.9 2.4 1.5-0.2 2.6-1.5 2.4-2.9zm-1469.9 124.7c82.6-23.3 172.3-24.6 271.1-18 49.4 3.3 101.1 8.5 155.4 14 54.3 5.5 111.1 11.2 170.8 15.4 238.8 16.7 523.1 9 870.2-135.4l-0.4-0.9c-346.9 144.3-631 152-869.7 135.3-59.7-4.2-116.5-9.9-170.8-15.4-54.3-5.5-106-10.7-155.4-14-98.9-6.6-188.7-5.3-271.4 18z" />
                    <path id="Layer" class="s0"
                        d="m-16.6 129c-0.2-1.5-1.5-2.6-2.9-2.5-1.5 0.2-2.6 1.5-2.5 2.9 0.2 1.5 1.5 2.6 2.9 2.5 1.5-0.2 2.6-1.5 2.5-2.9zm1467.2-125.5c-0.1-1.5-1.4-2.5-2.9-2.4-1.5 0.1-2.5 1.4-2.4 2.9 0.1 1.4 1.4 2.5 2.9 2.4 1.5-0.1 2.5-1.4 2.4-2.9zm-1469.8 126.2c82.9-20.6 172.4-23.1 271-19.1 49.3 2 100.9 5.6 155 9.3 54.1 3.8 110.8 7.7 170.4 10.3 238.2 10.3 522.1-0.5 870.9-126l-0.3-0.9c-348.7 125.4-632.5 136.2-870.6 125.9-59.5-2.6-116.2-6.5-170.3-10.3-54.1-3.7-105.7-7.3-155-9.3-98.7-4-188.3-1.5-271.3 19.1z" />
                    <path id="Layer" class="s0"
                        d="m-13.7 161.1c-0.2-1.5-1.5-2.5-2.9-2.4-1.5 0.1-2.6 1.4-2.4 2.9 0.1 1.4 1.4 2.5 2.9 2.4 1.4-0.1 2.5-1.4 2.4-2.9zm1467.5-122.7c-0.2-1.4-1.5-2.5-2.9-2.4-1.5 0.1-2.6 1.4-2.4 2.9 0.1 1.5 1.4 2.6 2.8 2.4 1.5-0.1 2.6-1.4 2.5-2.9zm-1470 123.4c82.4-25.5 172.1-25.9 271.1-17 49.5 4.4 101.4 11.1 155.8 18.1 54.4 7 111.4 14.3 171.2 19.9 239.3 22.3 523.8 17.2 869.4-143.7l-0.4-0.9c-345.4 160.8-629.7 165.9-868.9 143.6-59.8-5.6-116.8-12.9-171.2-19.9-54.4-7-106.3-13.7-155.8-18.1-99.1-8.9-188.9-8.5-271.5 17.1z" />
                </g>
            </svg>
        </section>

        <section class="container mt-5">
            <div class="features">
                <div class="row">
                    <div class="col-12 col-lg-5">
                        <h1 class="section-title-2 text-gradient ltsp-n5">مشاوره رایگان</h1>
                        <h4 class="section-subtitle-2 color-primary-6 mt-4">با مشاوره رایگان موافقی؟</h4>
                        <p class="text-2-1 color-primary-6 mt-1">
                            لطفا این اطلاعات رو پر کن تا یه مشاور متخصص باهات تماس بگیره و برای تهیۀ سایت راهنماییت کنه:
                        </p>
                    </div>
                    <div class="col-12 col-lg-7">
                        <form>
                            <div class="mb-3">
                                <label for="name" class="form-label mobile text-white ps-4 mb-0">نام</label>
                                <input type="text" class="form-control text-white" id="name" name="name"
                                    aria-describedby="nameHelp">
                            </div>
                            <div class="mb-3">
                                <label for="email" class="form-label mobile text-white ps-4 mb-0">ایمیل</label>
                                <input type="email" class="form-control text-white text-end" id="email"
                                    name="email" aria-describedby="emailHelp">
                            </div>
                            <div class="mb-3">
                                <label for="mobile" class="form-label mobile text-white ps-4 mb-0">شماره تماس</label>
                                <input type="text" class="form-control text-white text-end" id="mobile"
                                    name="mobile">
                            </div>

                            <button type="submit"
                                class="btn btn-gradient-tertiary-5-to-3 color-primary-2 action-title-2 px-3 py-2 ms-auto">
                                دریافت مشاوره
                                <span class="symbol">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10"
                                        viewBox="0 0 6 10" fill="none">
                                        <path d="M5 8.82373L1 4.82373L5 0.82373" stroke="#2E45AB" stroke-width="2"
                                            stroke-linejoin="bevel" />
                                    </svg>
                                </span>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </section>

        <section class="container mt-5 pt-lg-5">
            <h1 class="section-title-2 text-center">پرسش‌ها</h1>
            <div class="row">
                <div class="col-12 col-lg-8">

                    <div class="accordion accordion-flush accordion-faq" id="accordionExample">
                        <div class="accordion-item open">
                            <div class="accordion-container">
                                <h2 class="accordion-header" id="headingOne">
                                    <span class="shape">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="47" height="65"
                                            viewBox="0 0 47 65" fill="none">
                                            <path
                                                d="M46.959 23.482C46.959 15.5718 46.959 11.6167 45.5047 8.5593C44.0238 5.44589 41.5155 2.93766 38.4021 1.45674C35.3447 0.00244141 31.3896 0.00244141 23.4795 0.00244141C15.5693 0.00244141 11.6143 0.00244141 8.55681 1.45674C5.4434 2.93766 2.93517 5.44589 1.45425 8.5593C-4.95911e-05 11.6167 -4.95911e-05 15.5718 -4.95911e-05 23.482V29.5529C-4.95911e-05 35.0239 -4.95911e-05 37.7593 0.827221 40.146C1.67218 42.5837 3.13158 44.7622 5.06443 46.4711C6.95682 48.1442 9.48657 49.185 14.5461 51.2665C24.9807 55.5595 30.198 57.706 34.4079 57.0094C38.678 56.3027 42.4348 53.7861 44.713 50.106C46.959 46.4778 46.959 40.8361 46.959 29.5529V23.482Z"
                                                fill="url(#paint0_linear_104_3497)" />
                                            <defs>
                                                <linearGradient id="paint0_linear_104_3497" x1="23.4795" y1="16.8662"
                                                    x2="88.0108" y2="111.644" gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#FFEFB5" />
                                                    <stop offset="1" stop-color="#FFCB08" />
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </span>
                                    <button class="accordion-button action-title-3" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true"
                                        aria-controls="collapseOne">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10"
                                            viewBox="0 0 16 10" fill="none">
                                            <path d="M13.959 2L7.95898 8L1.95898 2" stroke="currentColor" stroke-width="3"
                                                stroke-linejoin="bevel" />
                                        </svg>
                                        چرا همکاری با اونای بهترین انتخاب است؟
                                    </button>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show"
                                    aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                    <div class="accordion-body text-2-1 color-primary-1">
                                        وبسیما یک شرکت طراحی سایت نیست! ما یک آژانس خلاق برای تکمیل زنجیره خلق ارزش در
                                        فضای
                                        دیجیتال
                                        هستیم. همکاری با وبسیما به معنی دسترسی شما به تجربه و دانش جمعی از متخصصین است
                                        که در
                                        همه
                                        مراحل کار از ایده تا فروش در کنار شما خواهند بود.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <div class="accordion-container">
                                <h2 class="accordion-header" id="headingTwo">
                                    <span class="shape">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="47" height="65"
                                            viewBox="0 0 47 65" fill="none">
                                            <path
                                                d="M46.959 23.482C46.959 15.5718 46.959 11.6167 45.5047 8.5593C44.0238 5.44589 41.5155 2.93766 38.4021 1.45674C35.3447 0.00244141 31.3896 0.00244141 23.4795 0.00244141C15.5693 0.00244141 11.6143 0.00244141 8.55681 1.45674C5.4434 2.93766 2.93517 5.44589 1.45425 8.5593C-4.95911e-05 11.6167 -4.95911e-05 15.5718 -4.95911e-05 23.482V29.5529C-4.95911e-05 35.0239 -4.95911e-05 37.7593 0.827221 40.146C1.67218 42.5837 3.13158 44.7622 5.06443 46.4711C6.95682 48.1442 9.48657 49.185 14.5461 51.2665C24.9807 55.5595 30.198 57.706 34.4079 57.0094C38.678 56.3027 42.4348 53.7861 44.713 50.106C46.959 46.4778 46.959 40.8361 46.959 29.5529V23.482Z"
                                                fill="url(#paint0_linear_104_3497)" />
                                            <defs>
                                                <linearGradient id="paint0_linear_104_3497" x1="23.4795" y1="16.8662"
                                                    x2="88.0108" y2="111.644" gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#FFEFB5" />
                                                    <stop offset="1" stop-color="#FFCB08" />
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </span>
                                    <button class="accordion-button collapsed action-title-3" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false"
                                        aria-controls="collapseTwo">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10"
                                            viewBox="0 0 16 10" fill="none">
                                            <path d="M13.959 2L7.95898 8L1.95898 2" stroke="currentColor" stroke-width="3"
                                                stroke-linejoin="bevel" />
                                        </svg>
                                        برای همکاری با اونای باید در تهران یا ایران باشیم؟
                                    </button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                    data-bs-parent="#accordionExample">
                                    <div class="accordion-body text-2-1 color-primary-1">
                                        وبسیما یک شرکت طراحی سایت نیست! ما یک آژانس خلاق برای تکمیل زنجیره خلق ارزش در
                                        فضای
                                        دیجیتال
                                        هستیم. همکاری با وبسیما به معنی دسترسی شما به تجربه و دانش جمعی از متخصصین است
                                        که در
                                        همه
                                        مراحل کار از ایده تا فروش در کنار شما خواهند بود.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <div class="accordion-container">
                                <h2 class="accordion-header" id="headingThree">
                                    <span class="shape">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="47" height="65"
                                            viewBox="0 0 47 65" fill="none">
                                            <path
                                                d="M46.959 23.482C46.959 15.5718 46.959 11.6167 45.5047 8.5593C44.0238 5.44589 41.5155 2.93766 38.4021 1.45674C35.3447 0.00244141 31.3896 0.00244141 23.4795 0.00244141C15.5693 0.00244141 11.6143 0.00244141 8.55681 1.45674C5.4434 2.93766 2.93517 5.44589 1.45425 8.5593C-4.95911e-05 11.6167 -4.95911e-05 15.5718 -4.95911e-05 23.482V29.5529C-4.95911e-05 35.0239 -4.95911e-05 37.7593 0.827221 40.146C1.67218 42.5837 3.13158 44.7622 5.06443 46.4711C6.95682 48.1442 9.48657 49.185 14.5461 51.2665C24.9807 55.5595 30.198 57.706 34.4079 57.0094C38.678 56.3027 42.4348 53.7861 44.713 50.106C46.959 46.4778 46.959 40.8361 46.959 29.5529V23.482Z"
                                                fill="url(#paint0_linear_104_3497)" />
                                            <defs>
                                                <linearGradient id="paint0_linear_104_3497" x1="23.4795" y1="16.8662"
                                                    x2="88.0108" y2="111.644" gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#FFEFB5" />
                                                    <stop offset="1" stop-color="#FFCB08" />
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </span>
                                    <button class="accordion-button collapsed action-title-3" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false"
                                        aria-controls="collapseThree">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10"
                                            viewBox="0 0 16 10" fill="none">
                                            <path d="M13.959 2L7.95898 8L1.95898 2" stroke="currentColor" stroke-width="3"
                                                stroke-linejoin="bevel" />
                                        </svg>
                                        آیا از قالب‌های آماده برای طراحی وبسایت ما استفاده می‌شود؟
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse"
                                    aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                    <div class="accordion-body text-2-1 color-primary-1">
                                        وبسیما یک شرکت طراحی سایت نیست! ما یک آژانس خلاق برای تکمیل زنجیره خلق ارزش در
                                        فضای
                                        دیجیتال
                                        هستیم. همکاری با وبسیما به معنی دسترسی شما به تجربه و دانش جمعی از متخصصین است
                                        که در
                                        همه
                                        مراحل کار از ایده تا فروش در کنار شما خواهند بود.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <div class="accordion-container">
                                <h2 class="accordion-header" id="headingFour">
                                    <span class="shape">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="47" height="65"
                                            viewBox="0 0 47 65" fill="none">
                                            <path
                                                d="M46.959 23.482C46.959 15.5718 46.959 11.6167 45.5047 8.5593C44.0238 5.44589 41.5155 2.93766 38.4021 1.45674C35.3447 0.00244141 31.3896 0.00244141 23.4795 0.00244141C15.5693 0.00244141 11.6143 0.00244141 8.55681 1.45674C5.4434 2.93766 2.93517 5.44589 1.45425 8.5593C-4.95911e-05 11.6167 -4.95911e-05 15.5718 -4.95911e-05 23.482V29.5529C-4.95911e-05 35.0239 -4.95911e-05 37.7593 0.827221 40.146C1.67218 42.5837 3.13158 44.7622 5.06443 46.4711C6.95682 48.1442 9.48657 49.185 14.5461 51.2665C24.9807 55.5595 30.198 57.706 34.4079 57.0094C38.678 56.3027 42.4348 53.7861 44.713 50.106C46.959 46.4778 46.959 40.8361 46.959 29.5529V23.482Z"
                                                fill="url(#paint0_linear_104_3497)" />
                                            <defs>
                                                <linearGradient id="paint0_linear_104_3497" x1="23.4795" y1="16.8662"
                                                    x2="88.0108" y2="111.644" gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#FFEFB5" />
                                                    <stop offset="1" stop-color="#FFCB08" />
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </span>
                                    <button class="accordion-button collapsed action-title-3" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false"
                                        aria-controls="collapseFour">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10"
                                            viewBox="0 0 16 10" fill="none">
                                            <path d="M13.959 2L7.95898 8L1.95898 2" stroke="currentColor" stroke-width="3"
                                                stroke-linejoin="bevel" />
                                        </svg>
                                        قیمت طراحی سایت چطور محاسبه می‌شود؟
                                    </button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                    data-bs-parent="#accordionExample">
                                    <div class="accordion-body text-2-1 color-primary-1">
                                        وبسیما یک شرکت طراحی سایت نیست! ما یک آژانس خلاق برای تکمیل زنجیره خلق ارزش در
                                        فضای
                                        دیجیتال
                                        هستیم. همکاری با وبسیما به معنی دسترسی شما به تجربه و دانش جمعی از متخصصین است
                                        که در
                                        همه
                                        مراحل کار از ایده تا فروش در کنار شما خواهند بود.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <div class="accordion-container">
                                <h2 class="accordion-header" id="headingSix">
                                    <span class="shape">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="47" height="65"
                                            viewBox="0 0 47 65" fill="none">
                                            <path
                                                d="M46.959 23.482C46.959 15.5718 46.959 11.6167 45.5047 8.5593C44.0238 5.44589 41.5155 2.93766 38.4021 1.45674C35.3447 0.00244141 31.3896 0.00244141 23.4795 0.00244141C15.5693 0.00244141 11.6143 0.00244141 8.55681 1.45674C5.4434 2.93766 2.93517 5.44589 1.45425 8.5593C-4.95911e-05 11.6167 -4.95911e-05 15.5718 -4.95911e-05 23.482V29.5529C-4.95911e-05 35.0239 -4.95911e-05 37.7593 0.827221 40.146C1.67218 42.5837 3.13158 44.7622 5.06443 46.4711C6.95682 48.1442 9.48657 49.185 14.5461 51.2665C24.9807 55.5595 30.198 57.706 34.4079 57.0094C38.678 56.3027 42.4348 53.7861 44.713 50.106C46.959 46.4778 46.959 40.8361 46.959 29.5529V23.482Z"
                                                fill="url(#paint0_linear_104_3497)" />
                                            <defs>
                                                <linearGradient id="paint0_linear_104_3497" x1="23.4795" y1="16.8662"
                                                    x2="88.0108" y2="111.644" gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#FFEFB5" />
                                                    <stop offset="1" stop-color="#FFCB08" />
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </span>
                                    <button class="accordion-button collapsed action-title-3" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false"
                                        aria-controls="collapseSix">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10"
                                            viewBox="0 0 16 10" fill="none">
                                            <path d="M13.959 2L7.95898 8L1.95898 2" stroke="currentColor" stroke-width="3"
                                                stroke-linejoin="bevel" />
                                        </svg>
                                        آیا سورس کد سایت در اختیار مشتری قرار می گیرد؟
                                    </button>
                                </h2>
                                <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
                                    data-bs-parent="#accordionExample">
                                    <div class="accordion-body text-2-1 color-primary-1">
                                        وبسیما یک شرکت طراحی سایت نیست! ما یک آژانس خلاق برای تکمیل زنجیره خلق ارزش در
                                        فضای
                                        دیجیتال
                                        هستیم. همکاری با وبسیما به معنی دسترسی شما به تجربه و دانش جمعی از متخصصین است
                                        که در
                                        همه
                                        مراحل کار از ایده تا فروش در کنار شما خواهند بود.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <div class="accordion-container">
                                <h2 class="accordion-header" id="headingSeven">
                                    <span class="shape">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="47" height="65"
                                            viewBox="0 0 47 65" fill="none">
                                            <path
                                                d="M46.959 23.482C46.959 15.5718 46.959 11.6167 45.5047 8.5593C44.0238 5.44589 41.5155 2.93766 38.4021 1.45674C35.3447 0.00244141 31.3896 0.00244141 23.4795 0.00244141C15.5693 0.00244141 11.6143 0.00244141 8.55681 1.45674C5.4434 2.93766 2.93517 5.44589 1.45425 8.5593C-4.95911e-05 11.6167 -4.95911e-05 15.5718 -4.95911e-05 23.482V29.5529C-4.95911e-05 35.0239 -4.95911e-05 37.7593 0.827221 40.146C1.67218 42.5837 3.13158 44.7622 5.06443 46.4711C6.95682 48.1442 9.48657 49.185 14.5461 51.2665C24.9807 55.5595 30.198 57.706 34.4079 57.0094C38.678 56.3027 42.4348 53.7861 44.713 50.106C46.959 46.4778 46.959 40.8361 46.959 29.5529V23.482Z"
                                                fill="url(#paint0_linear_104_3497)" />
                                            <defs>
                                                <linearGradient id="paint0_linear_104_3497" x1="23.4795"
                                                    y1="16.8662" x2="88.0108" y2="111.644"
                                                    gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#FFEFB5" />
                                                    <stop offset="1" stop-color="#FFCB08" />
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </span>
                                    <button class="accordion-button collapsed action-title-3" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#collapseSeven"
                                        aria-expanded="false" aria-controls="collapseSeven">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10"
                                            viewBox="0 0 16 10" fill="none">
                                            <path d="M13.959 2L7.95898 8L1.95898 2" stroke="currentColor"
                                                stroke-width="3" stroke-linejoin="bevel" />
                                        </svg>
                                        آیا قرارداد به صورت رسمی و قانونی منعقد می‌گردد؟
                                    </button>
                                </h2>
                                <div id="collapseSeven" class="accordion-collapse collapse"
                                    aria-labelledby="headingSeven" data-bs-parent="#accordionExample">
                                    <div class="accordion-body text-2-1 color-primary-1">
                                        وبسیما یک شرکت طراحی سایت نیست! ما یک آژانس خلاق برای تکمیل زنجیره خلق ارزش در
                                        فضای
                                        دیجیتال
                                        هستیم. همکاری با وبسیما به معنی دسترسی شما به تجربه و دانش جمعی از متخصصین است
                                        که در
                                        همه
                                        مراحل کار از ایده تا فروش در کنار شما خواهند بود.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <div class="accordion-container">
                                <h2 class="accordion-header" id="headingEight">
                                    <span class="shape">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="47" height="65"
                                            viewBox="0 0 47 65" fill="none">
                                            <path
                                                d="M46.959 23.482C46.959 15.5718 46.959 11.6167 45.5047 8.5593C44.0238 5.44589 41.5155 2.93766 38.4021 1.45674C35.3447 0.00244141 31.3896 0.00244141 23.4795 0.00244141C15.5693 0.00244141 11.6143 0.00244141 8.55681 1.45674C5.4434 2.93766 2.93517 5.44589 1.45425 8.5593C-4.95911e-05 11.6167 -4.95911e-05 15.5718 -4.95911e-05 23.482V29.5529C-4.95911e-05 35.0239 -4.95911e-05 37.7593 0.827221 40.146C1.67218 42.5837 3.13158 44.7622 5.06443 46.4711C6.95682 48.1442 9.48657 49.185 14.5461 51.2665C24.9807 55.5595 30.198 57.706 34.4079 57.0094C38.678 56.3027 42.4348 53.7861 44.713 50.106C46.959 46.4778 46.959 40.8361 46.959 29.5529V23.482Z"
                                                fill="url(#paint0_linear_104_3497)" />
                                            <defs>
                                                <linearGradient id="paint0_linear_104_3497" x1="23.4795"
                                                    y1="16.8662" x2="88.0108" y2="111.644"
                                                    gradientUnits="userSpaceOnUse">
                                                    <stop stop-color="#FFEFB5" />
                                                    <stop offset="1" stop-color="#FFCB08" />
                                                </linearGradient>
                                            </defs>
                                        </svg>
                                    </span>
                                    <button class="accordion-button collapsed action-title-3" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#collapseEight"
                                        aria-expanded="false" aria-controls="collapseEight">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10"
                                            viewBox="0 0 16 10" fill="none">
                                            <path d="M13.959 2L7.95898 8L1.95898 2" stroke="currentColor"
                                                stroke-width="3" stroke-linejoin="bevel" />
                                        </svg>
                                        امنیت وبسایت برای ما اهمیت دارد، این موضوع توسط اونــای تضمین می‌شود؟
                                    </button>
                                </h2>
                                <div id="collapseEight" class="accordion-collapse collapse"
                                    aria-labelledby="headingEight" data-bs-parent="#accordionExample">
                                    <div class="accordion-body text-2-1 color-primary-1">
                                        وبسیما یک شرکت طراحی سایت نیست! ما یک آژانس خلاق برای تکمیل زنجیره خلق ارزش در
                                        فضای
                                        دیجیتال
                                        هستیم. همکاری با وبسیما به معنی دسترسی شما به تجربه و دانش جمعی از متخصصین است
                                        که در
                                        همه
                                        مراحل کار از ایده تا فروش در کنار شما خواهند بود.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="container-fluid separator-wrapper wrapper-10 px-0">
            <section class="container mt-5">
                <div class="row">
                    <div class="col-12 col-lg-9">
                        <div class="custom-box-model model-1">
                            <div class="custom-box bg-white">
                                <h2 class="text-5 color-primary">سحر ولدبیگی</h2>
                                <div class="action-title-1 color-gray-2 mt-2">
                                    <span class="me-1">۲۰ شهریور ۱۴۰۲</span>
                                    |
                                    <span class="ms-1">۷:۳۰ ق.ظ</span>
                                </div>
                                <p class="text-2-1 color-primary mt-3">
                                    سلام و احترام
                                    کاربر گرامی. افتتاح حساب از ترکیه برای اتباع قابل انجام هست. لطفا از شعبه ترکیه
                                    پیکیری کنید.
                                    پایدار باشید.
                                </p>
                                <button class="btn btn-gradient-tertiary-5-to-3 action-title-2 px-3 py-1 mt-3">
                                    <span class="title">پاسخ</span>
                                </button>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-lg-9 mt-4 ms-lg-auto">
                        <div class="custom-box-model model-2">
                            <div class="custom-box bg-white">
                                <h2 class="text-5 color-primary text-end">
                                    مهسا نصیری
                                    <span class="color-other-7">
                                        |
                                        پشتیبانی
                                    </span>
                                </h2>
                                <div class="action-title-1 color-gray-2 mt-2 text-end">
                                    <span class="me-1">۲۰ شهریور ۱۴۰۲</span>
                                    |
                                    <span class="ms-1">۷:۳۰ ق.ظ</span>
                                </div>
                                <p class="text-2-1 color-primary mt-3 text-end">
                                    سلام و احترام
                                    کاربر گرامی. افتتاح حساب از ترکیه برای اتباع قابل انجام هست. لطفا از شعبه ترکیه
                                    پیکیری کنید.
                                    پایدار باشید.
                                </p>
                                <button class="btn btn-gradient-tertiary-5-to-3 action-title-2 px-3 py-1 mt-3 ms-auto">
                                    <span class="title">پاسخ</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="container mt-5">
                <div class="form-container-1 bg-white">
                    <div class="row">
                        <div class="col-12-col-lg-10">
                            <h1 class="section-title-2 color-primary-1 text-center">درج نظر</h1>
                            <form class="mt-3">
                                <div class="row">
                                    <div class="mb-4 col-lg-6">
                                        <label for="name" class="form-label color-primary-1 ps-4 mb-1">نام و نام
                                            خانوادگی</label>
                                        <input type="text" class="form-control color-primary-1" id="name"
                                            name="name" aria-describedby="nameHelp">
                                    </div>
                                    <div class="mb-4 col-lg-6">
                                        <label for="email" class="form-label color-primary-1 ps-4 mb-1">ایمیل</label>
                                        <input type="email" class="form-control color-primary-1 text-end"
                                            id="email" name="email" aria-describedby="emailHelp">
                                    </div>
                                </div>
                                <div class="mb-4">
                                    <label for="content" class="form-label color-primary-1 ps-4 mb-1">متن پیام</label>
                                    <textarea class="form-control color-primary-1" id="content" name="content" rows="6"></textarea>
                                </div>

                                <button type="submit" class="btn btn-main btn-lg px-4 ms-auto">ارسال
                                    نظر
                                    <span class="symbol">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10"
                                            viewBox="0 0 6 10" fill="none">
                                            <path d="M5 8.8374L1 4.8374L5 0.837402" stroke="white" stroke-width="2"
                                                stroke-linejoin="bevel"></path>
                                        </svg>
                                    </span>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </section>
        </section>

        <svg class="service-svg" xmlns="http://www.w3.org/2000/svg" width="856" height="701"
            viewBox="0 0 856 701" fill="none">
            <g filter="url(#filter-service-odd)">
                <path
                    d="M666.294 278.366C666.294 233.111 666.294 210.484 652.236 196.425C638.177 182.366 615.549 182.366 570.294 182.366L276 182.366C230.745 182.366 208.118 182.366 194.059 196.425C180 210.484 180 233.111 180 278.366L180 333.57C180 370.522 180 388.998 190.573 402.164C201.145 415.331 219.185 419.322 255.264 427.304L549.558 492.409C603.453 504.332 630.4 510.293 648.347 495.882C666.294 481.471 666.294 453.873 666.294 398.675L666.294 278.366Z"
                    fill="white" />
                <path
                    d="M665.794 278.366C665.794 255.724 665.793 238.794 664.042 225.764C662.292 212.748 658.803 203.699 651.882 196.778C644.961 189.857 635.912 186.369 622.897 184.619C609.867 182.867 592.936 182.866 570.294 182.866L276 182.866C253.359 182.866 236.428 182.867 223.398 184.619C210.382 186.369 201.334 189.857 194.413 196.778C187.492 203.699 184.003 212.748 182.253 225.764C180.501 238.794 180.5 255.724 180.5 278.366L180.5 333.57C180.5 352.058 180.501 365.88 181.818 376.726C183.134 387.559 185.756 395.368 190.962 401.851C196.168 408.335 203.226 412.582 213.519 416.207C223.825 419.836 237.32 422.822 255.372 426.815L549.666 491.921C576.629 497.885 596.798 502.346 612.47 503.522C628.13 504.697 639.202 502.584 648.034 495.492C656.866 488.401 661.321 478.046 663.556 462.502C665.793 446.946 665.794 426.289 665.794 398.675L665.794 278.366Z"
                    stroke="#E6F7FC" />
            </g>
            <defs>
                <filter id="filter-service-odd">
                    <feGaussianBlur in="SourceGraphic" stdDeviation="16" result="" />
                    <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9"
                        result="filter-service-odd" />
                    <feComposite in="SourceGraphic" in2="filter-service-odd" operator="atop" />
                </filter>
            </defs>
        </svg>

        <svg class="flt_svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
            width="474" height="442" viewBox="0 0 474 442" fill="none">
            <path
                d="M473.298 128.286C473.298 67.9466 473.298 37.7767 454.553 19.0315C435.807 0.286377 405.638 0.286377 345.298 0.286377L128.702 0.286377C68.3625 0.286377 38.1927 0.286377 19.4475 19.0315C0.702332 37.7767 0.702332 67.9466 0.702332 128.286V206.22C0.702332 249.082 0.702332 270.513 12.08 286.949C23.4577 303.385 43.5162 310.931 83.6332 326.023L300.229 407.505C378.843 437.079 418.151 451.866 445.724 432.779C473.298 413.692 473.298 371.695 473.298 287.702L473.298 128.286Z"
                fill="url(#pattern0)" />
            <path
                d="M473.298 128.286C473.298 67.9466 473.298 37.7767 454.553 19.0315C435.807 0.286377 405.638 0.286377 345.298 0.286377L128.702 0.286377C68.3625 0.286377 38.1927 0.286377 19.4475 19.0315C0.702332 37.7767 0.702332 67.9466 0.702332 128.286V206.22C0.702332 249.082 0.702332 270.513 12.08 286.949C23.4577 303.385 43.5162 310.931 83.6332 326.023L300.229 407.505C378.843 437.079 418.151 451.866 445.724 432.779C473.298 413.692 473.298 371.695 473.298 287.702L473.298 128.286Z"
                fill="url(#paint0_linear_104_3381)" fill-opacity="0.85" />
            <defs>
                <filter id="flt_tag">
                    <feGaussianBlur in="SourceGraphic" stdDeviation="30" result="blur" />
                    <feColorMatrix mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9"
                        result="flt_tag" />
                    <feComposite in="SourceGraphic" in2="flt_tag" operator="atop" />
                </filter>
                <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
                    <use xlink:href="#image0_104_3381" transform="matrix(0.00107611 0 0 0.00120186 -0.121493 0)" />
                </pattern>
                <linearGradient id="paint0_linear_104_3381" x1="204.792" y1="88.8313" x2="420.617"
                    y2="432.308" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#112060" />
                    <stop offset="1" stop-color="#55EEDD" />
                </linearGradient>
            </defs>
        </svg>

        <svg class="service-svg" xmlns="http://www.w3.org/2000/svg" width="856" height="701"
            viewBox="0 0 856 701" fill="none">
            <g filter="url(#filter-custom-box-model-1)">
                <path
                    d="M666.294 278.366C666.294 233.111 666.294 210.484 652.236 196.425C638.177 182.366 615.549 182.366 570.294 182.366L276 182.366C230.745 182.366 208.118 182.366 194.059 196.425C180 210.484 180 233.111 180 278.366L180 333.57C180 370.522 180 388.998 190.573 402.164C201.145 415.331 219.185 419.322 255.264 427.304L549.558 492.409C603.453 504.332 630.4 510.293 648.347 495.882C666.294 481.471 666.294 453.873 666.294 398.675L666.294 278.366Z"
                    fill="white" />
                <path
                    d="M665.794 278.366C665.794 255.724 665.793 238.794 664.042 225.764C662.292 212.748 658.803 203.699 651.882 196.778C644.961 189.857 635.912 186.369 622.897 184.619C609.867 182.867 592.936 182.866 570.294 182.866L276 182.866C253.359 182.866 236.428 182.867 223.398 184.619C210.382 186.369 201.334 189.857 194.413 196.778C187.492 203.699 184.003 212.748 182.253 225.764C180.501 238.794 180.5 255.724 180.5 278.366L180.5 333.57C180.5 352.058 180.501 365.88 181.818 376.726C183.134 387.559 185.756 395.368 190.962 401.851C196.168 408.335 203.226 412.582 213.519 416.207C223.825 419.836 237.32 422.822 255.372 426.815L549.666 491.921C576.629 497.885 596.798 502.346 612.47 503.522C628.13 504.697 639.202 502.584 648.034 495.492C656.866 488.401 661.321 478.046 663.556 462.502C665.793 446.946 665.794 426.289 665.794 398.675L665.794 278.366Z"
                    stroke="#E6F7FC" />
            </g>
            <defs>
                <filter id="filter_custom_box_model_1">
                    <feGaussianBlur in="SourceGraphic" stdDeviation="20" result="" />
                    <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9"
                        result="filter_custom_box_model_1" />
                    <feComposite in="SourceGraphic" in2="filter_custom_box_model_1" operator="atop" />
                </filter>
            </defs>
        </svg>

        <svg class="service-svg" xmlns="http://www.w3.org/2000/svg" width="856" height="701"
            viewBox="0 0 856 701" fill="none">
            <g filter="url(#filter-service-odd)">
                <path
                    d="M666.294 278.366C666.294 233.111 666.294 210.484 652.236 196.425C638.177 182.366 615.549 182.366 570.294 182.366L276 182.366C230.745 182.366 208.118 182.366 194.059 196.425C180 210.484 180 233.111 180 278.366L180 333.57C180 370.522 180 388.998 190.573 402.164C201.145 415.331 219.185 419.322 255.264 427.304L549.558 492.409C603.453 504.332 630.4 510.293 648.347 495.882C666.294 481.471 666.294 453.873 666.294 398.675L666.294 278.366Z"
                    fill="white" />
                <path
                    d="M665.794 278.366C665.794 255.724 665.793 238.794 664.042 225.764C662.292 212.748 658.803 203.699 651.882 196.778C644.961 189.857 635.912 186.369 622.897 184.619C609.867 182.867 592.936 182.866 570.294 182.866L276 182.866C253.359 182.866 236.428 182.867 223.398 184.619C210.382 186.369 201.334 189.857 194.413 196.778C187.492 203.699 184.003 212.748 182.253 225.764C180.501 238.794 180.5 255.724 180.5 278.366L180.5 333.57C180.5 352.058 180.501 365.88 181.818 376.726C183.134 387.559 185.756 395.368 190.962 401.851C196.168 408.335 203.226 412.582 213.519 416.207C223.825 419.836 237.32 422.822 255.372 426.815L549.666 491.921C576.629 497.885 596.798 502.346 612.47 503.522C628.13 504.697 639.202 502.584 648.034 495.492C656.866 488.401 661.321 478.046 663.556 462.502C665.793 446.946 665.794 426.289 665.794 398.675L665.794 278.366Z"
                    stroke="#E6F7FC" />
            </g>
            <defs>
                <filter id="filter-service-odd">
                    <feGaussianBlur in="SourceGraphic" stdDeviation="16" result="" />
                    <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9"
                        result="filter-service-odd" />
                    <feComposite in="SourceGraphic" in2="filter-service-odd" operator="atop" />
                </filter>
            </defs>
        </svg>

    </main>
@endsection

@section('js-page')
@endsection