@extends('front.layouts.master')
@section('content')
    <main>
        <section class="container-fluid px-0">
            <div class="hero-section">
                <!-- <div class="container"> -->
                <div id="carouselExampleCaptions" class="hero-wrapper owl-carousel owl-theme owl-hero pb-lg-5">
                    <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 position-relative">
                                    <img src="/front/images/hero-image-1.png" class="d-block mx-lg-auto img-fluid"
                                        alt="کاردیا">

                                    <span class="grimace">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="87" height="80"
                                            viewBox="0 0 87 80" fill="none">
                                            <path d="M75.8434 48.3205C48.0714 27.7962 31.337 68.0961 9.77855 53.1601"
                                                stroke="#1A2980" />
                                            <path d="M75.8918 41.5472C48.1197 21.0229 31.3853 61.3227 9.82689 46.3868"
                                                stroke="#1A2980" />
                                            <path d="M76.3759 34.3117C48.6039 13.7874 31.8694 54.0873 10.311 39.1513"
                                                stroke="#1A2980" />
                                            <path d="M76.8439 26.553C49.0719 6.02874 32.3374 46.3286 10.779 31.3926"
                                                stroke="#1A2980" />
                                        </svg>
                                    </span>
                                </div>
                                <div class="col-lg-6 mt-4 mt-lg-0">
                                    <p class="section-title-2 mb-0">مدیریت فروش با</p>
                                    <h1 class="section-title-4 color-tertiary-3 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">
                                        <a href="/product" 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>
                                        </a>
                                    </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>
        </section>
        <section class="container-fluid px-0 separator-wrapper wrapper-1">
            <section class="container pt-lg-5 mt-4 mt-lg-0">
                <div class="row">
                    <div class="col-12 col-lg-10">
                        <div class="d-lg-flex gap-4">
                            <h1 class="section-title section-title-2 text-nowrap mt-4">
                                چرا اونای؟
                                <span class="shape" style="top: unset; transform: translateY(0)">
                                    <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>
                            <ul class="reasons mt-5 mt-lg-0">
                                <li data-aos="zoom-in"
                                    class="reason-item item item-1 d-flex flex-column justify-content-between align-items-center">
                                    <p class="text-2-1 color-secondary-2 text-center">همکاری مستمر و ارتباط پایدار برای
                                        رفع
                                        نیازهای مشتریان</p>
                                    <div class="symbol-wrapper mt-3">
                                        <img src="/front/images/reason-icon-1.svg" alt="">
                                    </div>
                                </li>
                                <li data-aos="zoom-in"
                                    class="reason-item item item-2 d-flex flex-column justify-content-between align-items-center flex-column-reverse">
                                    <p class="text-2-1 color-secondary-2 text-center">ساده‌سازی مشکلات پیچیده و ارائۀ
                                        راه‌حل‌های عملی، تجربه‌شده، تخصصی و بهینه</p>
                                    <div class="symbol-wrapper mb-3">
                                        <img src="/front/images/reason-icon-2.svg" alt="">
                                    </div>
                                </li>
                                <li data-aos="zoom-in"
                                    class="reason-item item item-3 d-flex flex-column justify-content-between align-items-center">
                                    <p class="text-2-1 color-secondary-2 text-center">ارائۀ راه‌حل‌های پرسود، بهینه و
                                        کم‌هزینه
                                    </p>
                                    <div class="symbol-wrapper mt-3">
                                        <img src="/front/images/reason-icon-3.svg" alt="">
                                    </div>
                                </li>
                            </ul>
                            <!-- <ul class="reasons owl-carousel owl-theme owl-reasons">
                                                <li class="reason-item item item-1 d-flex flex-column justify-content-between align-items-center" data-merge="1" style="background-color: #FFFFFF;">
                                                    <p class="text-2-1 color-secondary-2">همکاری مستمر و ارتباط پایدار برای رفع نیازهای مشتریان</p>
                                                    <img src="/front/images/reason-icon-1.svg" alt="">
                                                </li>
                                                <li class="reason-item item item-1 d-flex flex-column justify-content-between align-items-center" data-merge="2" style="background-color: #FFFFFF;">
                                                    <p class="text-2-1 color-secondary-2">ساده‌سازی مشکلات پیچیده و ارائۀ راه‌حل‌های عملی، تجربه‌شده، تخصصی و بهینه</p>
                                                    <img src="/front/images/reason-icon-2.svg" alt="">
                                                </li>
                                                <li class="reason-item item item-1 d-flex flex-column justify-content-between align-items-center" data-merge="1" style="background-color: #FFFFFF;">
                                                    <p class="text-2-1 color-secondary-2">ارائۀ راه‌حل‌های پرسود، بهینه و کم‌هزینه</p>
                                                    <img src="/front/images/reason-icon-3.svg" alt="">
                                                </li>
                                            </ul> -->
                        </div>
                    </div>
                </div>
            </section>
            <svg class="separator separator-1" 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 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" />
                </g>
            </svg>
            <svg class="separator separator-1 mobile" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 430 55"
                fill="none">
                <path
                    d="M-5.41718 7.68047C-5.37402 6.20834 -4.14564 5.04993 -2.67352 5.09309C-1.20139 5.13625 -0.0429802 6.36463 -0.0861377 7.83676C-0.129295 9.30888 -1.35768 10.4673 -2.8298 10.4241C-4.30193 10.381 -5.46034 9.1526 -5.41718 7.68047ZM468.494 18.64C441.741 11.829 413.123 13.5806 381.652 18.6114C365.918 21.1266 349.484 24.4589 332.222 27.9449C314.962 31.4303 296.878 35.0685 277.857 38.1913C201.757 50.6852 110.667 54.928 -2.94178 8.22105L-2.56154 7.29617C110.823 53.9109 201.712 49.6791 277.695 37.2045C296.695 34.0851 314.763 30.4504 332.024 26.9647C349.281 23.4797 365.736 20.143 381.494 17.624C413.007 12.5864 441.788 10.8089 468.74 17.6709L468.494 18.64Z"
                    fill="#C8EFF9" />
            </svg>
        </section>

        <section class="container-fluid separator-wrapper wrapper-11 px-0 bg-gradient-separator-to-bottom">
            <div class="container">
                <div class="row animate__animated animate__bounce animate__delay-2s">
                    <div class="d-none d-lg-block col-lg-1">
                        <svg xmlns="http://www.w3.org/2000/svg" width="87" height="80" viewBox="0 0 87 80"
                            fill="none">
                            <path d="M75.8166 48.6904C48.0445 28.1661 31.3101 68.4659 9.7517 53.53" stroke="#1A2980" />
                            <path d="M75.8648 41.9171C48.0927 21.3927 31.3583 61.6926 9.79992 46.7566" stroke="#1A2980" />
                            <path d="M76.3491 34.6815C48.577 14.1572 31.8426 54.4571 10.2842 39.5211" stroke="#1A2980" />
                            <path d="M76.8169 26.9229C49.0449 6.39861 32.3105 46.6985 10.7521 31.7625" stroke="#1A2980" />
                        </svg>
                    </div>
                    <div class="col-12 col-lg-10 mx-auto pt-2">
                        <ul class="features features-flex mt-4" data-aos="zoom-in">
                            <li class="feature-item">
                                <div class="title section-title-3">
                                    ۱۷ سال
                                </div>
                                <h1 class="sub-title section-subtitle-2">
                                    سابقه کاری
                                </h1>
                                <p class="description text-2-1">
                                    همکاری مستمر و ایجاد ارتباط پایدار برای رفع نیازهای مشتریان
                                </p>
                            </li>
                            <li class="feature-item">
                                <div class="title section-title-3">
                                    کمپین
                                </div>
                                <h1 class="sub-title section-subtitle-2">
                                    رکورددار فروش
                                </h1>
                                <p class="description text-2-1">
                                    همکاری مستمر و ایجاد ارتباط پایدار برای رفع نیازهای مشتریان
                                </p>
                            </li>
                            <li class="feature-item">
                                <div class="title section-title-3">
                                    مارکتینگ
                                </div>
                                <h1 class="sub-title section-subtitle-2">
                                    تولیدکننده و مجری
                                </h1>
                                <p class="description text-2-1">
                                    همکاری مستمر و ایجاد ارتباط پایدار برای رفع نیازهای مشتریان
                                </p>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-1 pt-4 d-none d-lg-block" style="position: relative;">
                        <svg class="mt-5" xmlns="http://www.w3.org/2000/svg" width="62" height="61"
                            viewBox="0 0 62 61" fill="none">
                            <path d="M6.66084 32.9238C28.5824 21.6227 35.7822 51.9441 52.6854 43.8738" stroke="#1A2980" />
                            <path d="M7.39985 28.143C29.3214 16.8419 36.5212 47.1633 53.4244 39.093" stroke="#1A2980" />
                            <path d="M7.88398 22.9866C29.8055 11.6854 37.0053 42.0068 53.9085 33.9366" stroke="#1A2980" />
                            <path d="M8.43916 17.4633C30.3607 6.16217 37.5605 36.4836 54.4637 28.4133" stroke="#1A2980" />
                        </svg>
                    </div>
                </div>
            </div>
            <svg class="separator d-lg-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 430 45" fill="none">
                <g style="mix-blend-mode:overlay">
                    <path
                        d="M425.501 18.4829C425.501 15.5374 427.889 13.1495 430.834 13.1495C433.78 13.1495 436.168 15.5374 436.168 18.4829C436.168 21.4284 433.78 23.8162 430.834 23.8162C427.889 23.8162 425.501 21.4284 425.501 18.4829ZM-13.2281 20.8731C-13.2281 17.9276 -10.8403 15.5397 -7.89478 15.5397C-4.94926 15.5397 -2.56144 17.9276 -2.56144 20.8731C-2.56144 23.8186 -4.94926 26.2064 -7.89478 26.2064C-10.8403 26.2064 -13.2281 23.8186 -13.2281 20.8731ZM430.669 19.4691C405.658 15.2694 379.133 17.0723 350.01 21.2289C335.451 23.3068 320.262 25.9698 304.299 28.7585C288.341 31.5463 271.613 34.4588 254 37.0305C183.523 47.3204 98.8525 52.1538 -8.16735 21.8352L-7.6222 19.9109C99.0408 50.1284 183.408 45.3159 253.711 35.0514C271.293 32.4844 287.994 29.5765 303.955 26.7883C319.91 24.001 335.131 21.3322 349.727 19.2489C378.914 15.0831 405.683 13.2456 431 17.4967L430.669 19.4691Z"
                        fill="#FFFFFF" />
                    <path
                        d="M425.501 5.49068C425.501 2.54517 427.889 0.157351 430.834 0.157351C433.78 0.157351 436.168 2.54517 436.168 5.49068C436.168 8.4362 433.78 10.824 430.834 10.824C427.889 10.824 425.501 8.4362 425.501 5.49068ZM-13.2281 7.68828C-13.2281 4.74276 -10.8403 2.35494 -7.89478 2.35494C-4.94926 2.35494 -2.56144 4.74276 -2.56144 7.68828C-2.56144 10.6338 -4.94926 13.0216 -7.89478 13.0216C-10.8403 13.0216 -13.2281 10.6338 -13.2281 7.68828ZM430.682 6.47898C405.659 2.61589 379.124 4.27474 349.998 8.09671C335.438 10.0074 320.249 12.4559 304.285 15.0199C288.327 17.5831 271.6 20.2607 253.988 22.625C183.518 32.0848 98.8602 36.5281 -8.14683 8.65599L-7.64272 6.72056C99.0331 34.5064 183.412 30.0811 253.722 20.6427C271.305 18.2824 288.008 15.6087 303.968 13.0452C319.924 10.4824 335.144 8.02888 349.738 6.11371C378.923 2.28392 405.682 0.595718 430.987 4.50239L430.682 6.47898Z"
                        fill="#FFFFFF" />
                </g>
            </svg>
        </section>

        <section class="container-fluid separator-wrapper wrapper-2 px-0 bg-gradient-separator-to-top">
            <div class="has-wavy">
                <div class="container pt-3 pt-lg-5 position-relative">
                    <h1 class="section-title-2 text-center position-relative">خدمات ما</h1>
                    <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-7 col-lg-6" data-aos="zoom-in-left">
                            <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-sm-5 col-lg-6" data-aos="zoom-in-right">
                            <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 class="d-grid gap-2 d-md-flex mt-4">
                                            <a href="/services" class="btn btn-main btn-lg px-4">
                                                خدمات طراحی سایت
                                                <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>
                                            </a>
                                        </div>
                                    </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-7 col-lg-6" data-aos="zoom-in-right">
                            <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-5 col-lg-6" data-aos="zoom-in-left">
                            <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 class="d-grid gap-2 d-md-flex mt-4">
                                            <a href="/services" 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" />
                                                    </svg>
                                                </span>
                                            </a>
                                        </div>
                                    </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-7 col-lg-6" data-aos="zoom-in-left">
                            <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-5 col-lg-6" data-aos="zoom-in-right">
                            <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 class="d-grid gap-2 d-md-flex mt-4">
                                            <a href="/services" class="btn btn-main btn-lg px-4">
                                                خدمات برنامه‌نویسی
                                                <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>
                                            </a>
                                        </div>
                                    </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-7 col-lg-6" data-aos="zoom-in-right">
                            <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-5 col-lg-6" data-aos="zoom-in-left">
                            <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">
                                            طراحی برند و UI/UX
                                        </h1>
                                        <p class="lead text-2-1 text-end">
                                            طراحی UI/UX مناسب فرآیند فروش را تسریع می‌کند، باعث آسان تر شدن ارتباط با
                                            کاربران می‌شود و نهایتا رضایت کاربران شما را افزایش می‌دهد.
                                        </p>
                                        <div class="d-grid gap-2 d-md-flex mt-4">
                                            <a href="/services" 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" />
                                                    </svg>
                                                </span>
                                            </a>
                                        </div>
                                    </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-7 col-lg-6" data-aos="zoom-in-left">
                            <img src="/front/images/service-img-5.png" class="d-block mx-lg-auto img-fluid"
                                alt="Bootstrap Themes" loading="lazy">
                        </div>
                        <div class="col-12 col-sm-5 col-lg-6" data-aos="zoom-in-right">
                            <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 class="d-grid gap-2 d-md-flex mt-4">
                                            <a href="/services" class="btn btn-main btn-lg px-4">
                                                خدمات مارکتینگ
                                                <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>
                                            </a>
                                        </div>
                                    </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>
            </div>
            <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 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" />
                </g>
            </svg>
        </section>
        <section class="container-fluid px-0 separator-wrapper wrapper-4">
            <section class="container mt-5">
                <div class="products-wrapper">
                    <h1 class="section-title-2 text-center">محصولات ما</h1>
                    <div class="owl-carousel owl-theme owl-product px-lg-5 pt-4">
                        <div class="item">
                            <div class="product-card">
                                <div class="card-top">
                                    <img src="/front/images/product-1.png" class="d-block mx-lg-auto img-fluid"
                                        alt="کاردیا" loading="">
                                </div>
                                <div class="card-body">
                                    <div class="d-inline-block">
                                        <a href="#" class="btn btn-main btn-lg px-4 me-md-2">خرید
                                            <span class="symbol">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="19" height="18"
                                                    viewBox="0 0 19 18" fill="none">
                                                    <path
                                                        d="M1.24365 1.24854H2.80213C3.49786 1.24854 3.84572 1.24854 4.1076 1.43729C4.36949 1.62605 4.47949 1.95606 4.6995 2.61608L5.24365 4.24854"
                                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                                    <path
                                                        d="M15.2437 14.2485H5.79456C5.64837 14.2485 5.57527 14.2485 5.51981 14.2423C4.93223 14.1765 4.5297 13.6181 4.6531 13.0398C4.66475 12.9853 4.68786 12.9159 4.73409 12.7772V12.7772C4.78542 12.6232 4.81109 12.5462 4.83944 12.4783C5.12972 11.7827 5.78643 11.3094 6.53813 11.2539C6.61155 11.2485 6.69271 11.2485 6.85502 11.2485H12.2437"
                                                        stroke="white" stroke-width="2" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path
                                                        d="M11.9224 11.2485H8.88124C7.60201 11.2485 6.9624 11.2485 6.46146 10.9182C5.96052 10.5879 5.70857 10 5.20466 8.82421L5.03584 8.43029C4.22634 6.54147 3.82159 5.59706 4.2662 4.9228C4.71081 4.24854 5.73829 4.24854 7.79327 4.24854H13.0741C15.3732 4.24854 16.5227 4.24854 16.9562 4.99564C17.3898 5.74275 16.8195 6.74082 15.6788 8.73695L15.3953 9.23309C14.8334 10.2165 14.5524 10.7082 14.0869 10.9784C13.6213 11.2485 13.055 11.2485 11.9224 11.2485Z"
                                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                                    <circle cx="14.7437" cy="16.7485" r="1" fill="white" />
                                                    <circle cx="6.74365" cy="16.7485" r="1" fill="white" />
                                                </svg>
                                            </span>
                                        </a>
                                    </div>
                                    <a href="/product" class="title text-4 color-primary-1 d-block mb-0">
                                        نرم افزار مدیریت فروش ، مشتری و فاکتور <span class="text-5">اونای Onai</span>
                                    </a>
                                    <h1 class="title digit color-quaternary my-0">
                                        ۲,۰۰۰,۰۰۰
                                        <span class="text-0">تومان</span>
                                    </h1>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="product-card">
                                <div class="card-top">
                                    <img src="/front/images/product-2.png" class="img-fluid" alt="کاردیا"
                                        loading="">
                                </div>
                                <div class="card-body">
                                    <div class="d-inline-block">
                                        <a href="#" class="btn btn-main btn-lg px-4 me-md-2">خرید
                                            <span class="symbol">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="19" height="18"
                                                    viewBox="0 0 19 18" fill="none">
                                                    <path
                                                        d="M1.24365 1.24854H2.80213C3.49786 1.24854 3.84572 1.24854 4.1076 1.43729C4.36949 1.62605 4.47949 1.95606 4.6995 2.61608L5.24365 4.24854"
                                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                                    <path
                                                        d="M15.2437 14.2485H5.79456C5.64837 14.2485 5.57527 14.2485 5.51981 14.2423C4.93223 14.1765 4.5297 13.6181 4.6531 13.0398C4.66475 12.9853 4.68786 12.9159 4.73409 12.7772V12.7772C4.78542 12.6232 4.81109 12.5462 4.83944 12.4783C5.12972 11.7827 5.78643 11.3094 6.53813 11.2539C6.61155 11.2485 6.69271 11.2485 6.85502 11.2485H12.2437"
                                                        stroke="white" stroke-width="2" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path
                                                        d="M11.9224 11.2485H8.88124C7.60201 11.2485 6.9624 11.2485 6.46146 10.9182C5.96052 10.5879 5.70857 10 5.20466 8.82421L5.03584 8.43029C4.22634 6.54147 3.82159 5.59706 4.2662 4.9228C4.71081 4.24854 5.73829 4.24854 7.79327 4.24854H13.0741C15.3732 4.24854 16.5227 4.24854 16.9562 4.99564C17.3898 5.74275 16.8195 6.74082 15.6788 8.73695L15.3953 9.23309C14.8334 10.2165 14.5524 10.7082 14.0869 10.9784C13.6213 11.2485 13.055 11.2485 11.9224 11.2485Z"
                                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                                    <circle cx="14.7437" cy="16.7485" r="1" fill="white" />
                                                    <circle cx="6.74365" cy="16.7485" r="1" fill="white" />
                                                </svg>
                                            </span>
                                        </a>
                                    </div>
                                    <a href="/product" class="title text-4 color-primary-1 d-block mb-0">
                                        منو دیجیتال رستوران و کافه <span class="text-5">اونای Onai</span>
                                    </a>
                                    <h1 class="title digit color-quaternary my-0">
                                        ۷,۰۰۰,۰۰۰
                                        <span class="text-0">تومان</span>
                                    </h1>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="product-card">
                                <div class="card-top">
                                    <img src="/front/images/product-3.png" class="img-fluid" alt="کاردیا"
                                        loading="">
                                </div>
                                <div class="card-body">
                                    <div class="d-inline-block">
                                        <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="19" height="18"
                                                    viewBox="0 0 19 18" fill="none">
                                                    <path
                                                        d="M1.24365 1.24854H2.80213C3.49786 1.24854 3.84572 1.24854 4.1076 1.43729C4.36949 1.62605 4.47949 1.95606 4.6995 2.61608L5.24365 4.24854"
                                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                                    <path
                                                        d="M15.2437 14.2485H5.79456C5.64837 14.2485 5.57527 14.2485 5.51981 14.2423C4.93223 14.1765 4.5297 13.6181 4.6531 13.0398C4.66475 12.9853 4.68786 12.9159 4.73409 12.7772V12.7772C4.78542 12.6232 4.81109 12.5462 4.83944 12.4783C5.12972 11.7827 5.78643 11.3094 6.53813 11.2539C6.61155 11.2485 6.69271 11.2485 6.85502 11.2485H12.2437"
                                                        stroke="white" stroke-width="2" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path
                                                        d="M11.9224 11.2485H8.88124C7.60201 11.2485 6.9624 11.2485 6.46146 10.9182C5.96052 10.5879 5.70857 10 5.20466 8.82421L5.03584 8.43029C4.22634 6.54147 3.82159 5.59706 4.2662 4.9228C4.71081 4.24854 5.73829 4.24854 7.79327 4.24854H13.0741C15.3732 4.24854 16.5227 4.24854 16.9562 4.99564C17.3898 5.74275 16.8195 6.74082 15.6788 8.73695L15.3953 9.23309C14.8334 10.2165 14.5524 10.7082 14.0869 10.9784C13.6213 11.2485 13.055 11.2485 11.9224 11.2485Z"
                                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                                    <circle cx="14.7437" cy="16.7485" r="1" fill="white" />
                                                    <circle cx="6.74365" cy="16.7485" r="1" fill="white" />
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                    <a href="/product" class="title text-4 color-primary-1 d-block mb-0">
                                        فروشگاه آماده کدنویسی‌شده <span class="text-5">اونای Onai</span>
                                    </a>
                                    <h1 class="title digit color-quaternary my-0">
                                        ۱۲,۰۰۰,۰۰۰
                                        <span class="text-0">تومان</span>
                                    </h1>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="product-card">
                                <div class="card-top">
                                    <img src="/front/images/product-1.png" class="d-block mx-lg-auto img-fluid"
                                        alt="کاردیا" loading="lazy">
                                </div>
                                <div class="card-body">
                                    <div class="d-inline-block">
                                        <a href="#" class="btn btn-main btn-lg px-4 me-md-2">خرید
                                            <span class="symbol">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="19" height="18"
                                                    viewBox="0 0 19 18" fill="none">
                                                    <path
                                                        d="M1.24365 1.24854H2.80213C3.49786 1.24854 3.84572 1.24854 4.1076 1.43729C4.36949 1.62605 4.47949 1.95606 4.6995 2.61608L5.24365 4.24854"
                                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                                    <path
                                                        d="M15.2437 14.2485H5.79456C5.64837 14.2485 5.57527 14.2485 5.51981 14.2423C4.93223 14.1765 4.5297 13.6181 4.6531 13.0398C4.66475 12.9853 4.68786 12.9159 4.73409 12.7772V12.7772C4.78542 12.6232 4.81109 12.5462 4.83944 12.4783C5.12972 11.7827 5.78643 11.3094 6.53813 11.2539C6.61155 11.2485 6.69271 11.2485 6.85502 11.2485H12.2437"
                                                        stroke="white" stroke-width="2" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path
                                                        d="M11.9224 11.2485H8.88124C7.60201 11.2485 6.9624 11.2485 6.46146 10.9182C5.96052 10.5879 5.70857 10 5.20466 8.82421L5.03584 8.43029C4.22634 6.54147 3.82159 5.59706 4.2662 4.9228C4.71081 4.24854 5.73829 4.24854 7.79327 4.24854H13.0741C15.3732 4.24854 16.5227 4.24854 16.9562 4.99564C17.3898 5.74275 16.8195 6.74082 15.6788 8.73695L15.3953 9.23309C14.8334 10.2165 14.5524 10.7082 14.0869 10.9784C13.6213 11.2485 13.055 11.2485 11.9224 11.2485Z"
                                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                                    <circle cx="14.7437" cy="16.7485" r="1" fill="white" />
                                                    <circle cx="6.74365" cy="16.7485" r="1" fill="white" />
                                                </svg>
                                            </span>
                                        </a>
                                    </div>
                                    <a href="/product" class="title text-4 color-primary-1 d-block mb-0">
                                        نرم افزار مدیریت فروش ، مشتری و فاکتور <span class="text-5">اونای Onai</span>
                                    </a>
                                    <h1 class="title digit color-quaternary my-0">
                                        ۲,۰۰۰,۰۰۰
                                        <span class="text-0">تومان</span>
                                    </h1>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="product-card">
                                <div class="card-top">
                                    <img src="/front/images/product-2.png" class="img-fluid" alt="کاردیا"
                                        loading="lazy">
                                </div>
                                <div class="card-body">
                                    <div class="d-inline-block">
                                        <a href="#" class="btn btn-main btn-lg px-4 me-md-2">خرید
                                            <span class="symbol">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="19" height="18"
                                                    viewBox="0 0 19 18" fill="none">
                                                    <path
                                                        d="M1.24365 1.24854H2.80213C3.49786 1.24854 3.84572 1.24854 4.1076 1.43729C4.36949 1.62605 4.47949 1.95606 4.6995 2.61608L5.24365 4.24854"
                                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                                    <path
                                                        d="M15.2437 14.2485H5.79456C5.64837 14.2485 5.57527 14.2485 5.51981 14.2423C4.93223 14.1765 4.5297 13.6181 4.6531 13.0398C4.66475 12.9853 4.68786 12.9159 4.73409 12.7772V12.7772C4.78542 12.6232 4.81109 12.5462 4.83944 12.4783C5.12972 11.7827 5.78643 11.3094 6.53813 11.2539C6.61155 11.2485 6.69271 11.2485 6.85502 11.2485H12.2437"
                                                        stroke="white" stroke-width="2" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path
                                                        d="M11.9224 11.2485H8.88124C7.60201 11.2485 6.9624 11.2485 6.46146 10.9182C5.96052 10.5879 5.70857 10 5.20466 8.82421L5.03584 8.43029C4.22634 6.54147 3.82159 5.59706 4.2662 4.9228C4.71081 4.24854 5.73829 4.24854 7.79327 4.24854H13.0741C15.3732 4.24854 16.5227 4.24854 16.9562 4.99564C17.3898 5.74275 16.8195 6.74082 15.6788 8.73695L15.3953 9.23309C14.8334 10.2165 14.5524 10.7082 14.0869 10.9784C13.6213 11.2485 13.055 11.2485 11.9224 11.2485Z"
                                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                                    <circle cx="14.7437" cy="16.7485" r="1" fill="white" />
                                                    <circle cx="6.74365" cy="16.7485" r="1" fill="white" />
                                                </svg>
                                            </span>
                                        </a>
                                    </div>
                                    <a href="/product" class="title text-4 color-primary-1 d-block mb-0">
                                        منو دیجیتال رستوران و کافه <span class="text-5">اونای Onai</span>
                                    </a>
                                    <h1 class="title digit color-quaternary my-0">
                                        ۷,۰۰۰,۰۰۰
                                        <span class="text-0">تومان</span>
                                    </h1>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="product-card">
                                <div class="card-top">
                                    <img src="/front/images/product-2.png" class="img-fluid" alt="کاردیا"
                                        loading="lazy">
                                </div>
                                <div class="card-body">
                                    <div class="d-inline-block">
                                        <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="19" height="18"
                                                    viewBox="0 0 19 18" fill="none">
                                                    <path
                                                        d="M1.24365 1.24854H2.80213C3.49786 1.24854 3.84572 1.24854 4.1076 1.43729C4.36949 1.62605 4.47949 1.95606 4.6995 2.61608L5.24365 4.24854"
                                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                                    <path
                                                        d="M15.2437 14.2485H5.79456C5.64837 14.2485 5.57527 14.2485 5.51981 14.2423C4.93223 14.1765 4.5297 13.6181 4.6531 13.0398C4.66475 12.9853 4.68786 12.9159 4.73409 12.7772V12.7772C4.78542 12.6232 4.81109 12.5462 4.83944 12.4783C5.12972 11.7827 5.78643 11.3094 6.53813 11.2539C6.61155 11.2485 6.69271 11.2485 6.85502 11.2485H12.2437"
                                                        stroke="white" stroke-width="2" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path
                                                        d="M11.9224 11.2485H8.88124C7.60201 11.2485 6.9624 11.2485 6.46146 10.9182C5.96052 10.5879 5.70857 10 5.20466 8.82421L5.03584 8.43029C4.22634 6.54147 3.82159 5.59706 4.2662 4.9228C4.71081 4.24854 5.73829 4.24854 7.79327 4.24854H13.0741C15.3732 4.24854 16.5227 4.24854 16.9562 4.99564C17.3898 5.74275 16.8195 6.74082 15.6788 8.73695L15.3953 9.23309C14.8334 10.2165 14.5524 10.7082 14.0869 10.9784C13.6213 11.2485 13.055 11.2485 11.9224 11.2485Z"
                                                        stroke="white" stroke-width="2" stroke-linecap="round" />
                                                    <circle cx="14.7437" cy="16.7485" r="1" fill="white" />
                                                    <circle cx="6.74365" cy="16.7485" r="1" fill="white" />
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                    <a href="/product" class="title text-4 color-primary-1 d-block mb-0">
                                        فروشگاه آماده کدنویسی‌شده <span class="text-5">اونای Onai</span>
                                    </a>
                                    <h1 class="title digit color-quaternary my-0">
                                        ۱۲,۰۰۰,۰۰۰
                                        <span class="text-0">تومان</span>
                                    </h1>
                                </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 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-fluid separator-wrapper wrapper-5 px-0">
            <section class="container mt-5">
                <div class="projects">
                    <h1 class="section-title section-title-2">پروژه‌ها
                        <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)" />
                                <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 offset="1" stop-color="#FFCB08" />
                                    </linearGradient>
                                </defs>
                            </svg>
                        </span>
                    </h1>

                    <div class="item-1" data-aos="zoom-in-down">
                        <div class="box_parent">
                            <div class="box">
                                <div class="project-card d-flex flex-column justify-content-start">
                                    <h4 class="category text-white text-1-1">وب سایت</h4>
                                    <h1 class="title text-white section-subtitle-2 mt-2">سامانه خرید اعتباری باوام</h1>
                                    <ul class="feature-items mt-3">
                                        <li class="feature-item">طراحی UI/UX اختصاصی</li>
                                        <li class="feature-item">PHP , Laravel</li>
                                    </ul>
                                    <a class="btn btn-gradient-tertiary-5-to-3 action-title-2 px-3 py-2">
                                        <span class="title">نمایش پروژه</span>
                                        <span class="symbol">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="5" height="9"
                                                viewBox="0 0 5 9" fill="none">
                                                <path d="M4.2998 7.43286L1.07336 4.20642L4.2998 0.97998"
                                                    stroke="url(#paint0_linear_104_3393)" stroke-width="2"
                                                    stroke-linejoin="bevel" />
                                                <defs>
                                                    <linearGradient id="paint0_linear_104_3393" x1="4.2998"
                                                        y1="4.20642" x2="1.07336" y2="4.20642"
                                                        gradientUnits="userSpaceOnUse">
                                                        <stop stop-color="#0E1C57" />
                                                        <stop offset="1" stop-color="#2E45AB" />
                                                    </linearGradient>
                                                </defs>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="item-2" data-aos="zoom-in-up">
                        <div class="box_parent">
                            <div class="box">
                                <div class="project-card d-flex flex-column justify-content-start align-items-end">
                                    <h4 class="category text-white text-1-1">وب سایت</h4>
                                    <h1 class="title text-white section-subtitle-2 mt-2 text-end">مرکز مشاوره پیاژه
                                        دکترشهلا
                                        خطیبی
                                    </h1>
                                    <ul class="feature-items mt-3">
                                        <li class="feature-item">دارای رزرواسیون</li>
                                        <li class="feature-item">PHP , Laravel</li>
                                    </ul>
                                    <a href="#" class="btn btn-gradient-tertiary-5-to-3 action-title-2 px-3 py-2">
                                        <span class="title">نمایش پروژه</span>
                                        <span class="symbol">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="5" height="9"
                                                viewBox="0 0 5 9" fill="none">
                                                <path d="M4.2998 7.43286L1.07336 4.20642L4.2998 0.97998"
                                                    stroke="url(#paint0_linear_104_3393)" stroke-width="2"
                                                    stroke-linejoin="bevel" />
                                                <defs>
                                                    <linearGradient id="paint0_linear_104_3393" x1="4.2998"
                                                        y1="4.20642" x2="1.07336" y2="4.20642"
                                                        gradientUnits="userSpaceOnUse">
                                                        <stop stop-color="#0E1C57" />
                                                        <stop offset="1" stop-color="#2E45AB" />
                                                    </linearGradient>
                                                </defs>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="item-3" data-aos="zoom-in-left">
                        <div class="box_parent">
                            <div class="box">
                                <div class="project-card d-flex flex-column justify-content-start">
                                    <h4 class="category text-white text-1-1">وب سایت</h4>
                                    <h1 class="title text-white section-subtitle-2 mt-2">فروشگاه آنلاین اسباب بازی اطلس
                                    </h1>
                                    <ul class="feature-items mt-3">
                                        <li class="feature-item">طراحی UI/UX اختصاصی</li>
                                        <li class="feature-item">PHP , Laravel</li>
                                    </ul>
                                    <a href="#" class="btn btn-gradient-tertiary-5-to-3 action-title-2 px-3 py-2">
                                        <span class="title">نمایش پروژه</span>
                                        <span class="symbol">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="5" height="9"
                                                viewBox="0 0 5 9" fill="none">
                                                <path d="M4.2998 7.43286L1.07336 4.20642L4.2998 0.97998"
                                                    stroke="url(#paint0_linear_104_3393)" stroke-width="2"
                                                    stroke-linejoin="bevel" />
                                                <defs>
                                                    <linearGradient id="paint0_linear_104_3393" x1="4.2998"
                                                        y1="4.20642" x2="1.07336" y2="4.20642"
                                                        gradientUnits="userSpaceOnUse">
                                                        <stop stop-color="#0E1C57" />
                                                        <stop offset="1" stop-color="#2E45AB" />
                                                    </linearGradient>
                                                </defs>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="action">
                        <a href="#" class="btn btn-main btn-lg px-4">
                            همه پروژه‌ها
                            <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>
                        </a>
                    </div>
                </div>
                <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>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="box_parent">
                            <div class="box2">

                            </div>
                            <!-- <svg class="flt_svg" xmlns="http://www.w3.org/2000/svg">
                                                <defs>
                                                    <filter id="flt_tag">
                                                        <feGaussianBlur in="SourceGraphic" stdDeviation="12" result="blur" />
                                                        <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="flt_tag" />
                                                        <feComposite in="SourceGraphic" in2="flt_tag" 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="12" result="blur" />
                                        <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="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 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="369"
                                                height="473" viewBox="0 0 369 473" fill="none">
                                                <path
                                                    d="M368.5 344.612C368.5 404.952 368.5 435.122 349.755 453.867C331.01 472.612 300.84 472.612 240.5 472.612H128.311C67.9713 472.612 37.8014 472.612 19.0562 453.867C0.311066 435.122 0.311066 404.952 0.311066 344.612L0.311066 203.34C0.311066 161.786 0.311066 141.01 11.1395 124.846C21.968 108.682 41.182 100.777 79.6101 84.9665L191.799 38.8099C271.76 5.91257 311.74 -10.5361 340.12 8.47586C368.5 27.4878 368.5 70.7196 368.5 157.183L368.5 344.612Z"
                                                    fill="url(#pattern0)" />
                                                <path
                                                    d="M368.5 344.612C368.5 404.952 368.5 435.122 349.755 453.867C331.01 472.612 300.84 472.612 240.5 472.612H128.311C67.9713 472.612 37.8014 472.612 19.0562 453.867C0.311066 435.122 0.311066 404.952 0.311066 344.612L0.311066 203.34C0.311066 161.786 0.311066 141.01 11.1395 124.846C21.968 108.682 41.182 100.777 79.6101 84.9665L191.799 38.8099C271.76 5.91257 311.74 -10.5361 340.12 8.47586C368.5 27.4878 368.5 70.7196 368.5 157.183L368.5 344.612Z"
                                                    fill="url(#paint0_linear_104_3411)" fill-opacity="0.85" />
                                                <defs>
                                                    <filter id="flt_tag">
                                                        <feGaussianBlur in="SourceGraphic" stdDeviation="12" result="blur" />
                                                        <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="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_3411"
                                                            transform="matrix(-0.00193668 0 0 -0.00140782 1.16446 1.04167)" />
                                                    </pattern>
                                                    <linearGradient id="paint0_linear_104_3411" x1="67.0415" y1="478.508" x2="433.418"
                                                        y2="116.601" gradientUnits="userSpaceOnUse">
                                                        <stop stop-color="#55EEDD" />
                                                        <stop offset="0.75" stop-color="#112060" />
                                                    </linearGradient>
                                                </defs>
                                            </svg> -->
                        </div>
                    </div>
                </div>
            </section>
            <svg class="separator" xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 0 1440 204">
                <title>separator-4-svg</title>
               
                <g id="Layer">
                    <path id="Layer" fill="#FFFFFF"
                        d="m1450 146.3c0.3-4.4 4.2-7.7 8.6-7.3 4.4 0.4 7.7 4.3 7.3 8.7-0.4 4.4-4.3 7.7-8.7 7.3-4.4-0.4-7.7-4.3-7.2-8.7zm-1467.4-124c0.4-4.4 4.3-7.7 8.7-7.3 4.4 0.4 7.6 4.3 7.2 8.7-0.4 4.4-4.3 7.7-8.7 7.3-4.4-0.4-7.6-4.3-7.2-8.7zm1474.9 126.1c-82.4-23.2-171.9-24.5-270.7-17.9-49.4 3.3-101.1 8.5-155.4 14-54.3 5.5-111.2 11.2-170.9 15.4-238.9 16.7-523.3 9-870.5-135.5l1.1-2.8c346.7 144.3 630.6 152 869.2 135.3 59.7-4.2 116.5-9.9 170.8-15.4 54.3-5.5 106-10.7 155.5-14 98.9-6.6 188.8-5.3 271.7 18z" />
                    <path id="Layer" fill="#FFFFFF"
                        d="m1451.3 131c0.4-4.4 4.3-7.7 8.7-7.3 4.4 0.4 7.7 4.3 7.3 8.7-0.4 4.4-4.3 7.7-8.7 7.3-4.4-0.4-7.7-4.3-7.3-8.7zm-1467.2-125.5c0.4-4.4 4.3-7.6 8.7-7.2 4.4 0.4 7.6 4.3 7.2 8.7-0.4 4.4-4.3 7.6-8.7 7.2-4.4-0.4-7.6-4.3-7.2-8.7zm1474.8 127.7c-82.7-20.6-172.1-23.1-270.7-19.1-49.3 2-100.8 5.6-154.9 9.3-54.2 3.8-110.9 7.7-170.4 10.3-238.3 10.3-522.4-0.5-871.4-126.1l1.1-2.8c348.4 125.4 632.1 136.2 870.1 125.9 59.6-2.6 116.2-6.5 170.3-10.3 54.2-3.7 105.8-7.3 155.1-9.3 98.7-4 188.4-1.5 271.6 19.1z" />
                    <path id="Layer" fill="#FFFFFF"
                        d="m1448.4 163.1c0.4-4.4 4.3-7.6 8.7-7.2 4.4 0.4 7.6 4.3 7.2 8.7-0.3 4.4-4.2 7.6-8.6 7.2-4.4-0.4-7.7-4.3-7.3-8.7zm-1467.5-122.7c0.4-4.4 4.3-7.6 8.7-7.2 4.4 0.4 7.7 4.3 7.3 8.7-0.4 4.4-4.3 7.6-8.7 7.2-4.4-0.4-7.7-4.3-7.3-8.7zm1475 124.9c-82.2-25.5-171.7-25.9-270.7-17-49.5 4.4-101.3 11.1-155.8 18.1-54.4 7-111.4 14.3-171.2 19.9-239.4 22.3-524.1 17.2-869.9-143.8l1.2-2.7c345.2 160.7 629.3 165.8 868.4 143.5 59.8-5.6 116.7-12.9 171.2-19.9 54.4-7 106.3-13.7 155.8-18.1 99.1-8.9 189.2-8.5 271.9 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-fluid separator-wrapper wrapper-6 mx-0">
            <section class="container mt-5">
                <h1 class="section-title-2 text-center">مشتریان</h1>
                <div class="customers-grid">
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-1.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-2.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-3.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-4.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-5.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-1.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-2.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-1.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-2.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-3.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-4.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-5.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-1.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-2.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-1.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-2.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-3.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-4.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-5.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-1.png" alt="">
                    </div>
                    <div class="customer-item" data-aos="zoom-in">
                        <img src="/front/images/customer-2.png" alt="">
                    </div>
                </div>
            </section>
            <svg class="separator" 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-lg mt-5">
                            <div class="customers-wrapper">
                                <div class="owl-carousel owl-theme owl-customer">
                                    <div class="item">
                                        <a href="#" class="customer-card">
                                            <h1 class="title text-center color-primary-1">مشتریان</h1>
                                            <img src="/front/images/customer-1.png" alt="">
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="#" class="customer-card">
                                            <h1 class="title text-center color-primary-1">مشتریان</h1>
                                            <img src="/front/images/customer-2.png" alt="">
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="#" class="customer-card">
                                            <h1 class="title text-center color-primary-1">مشتریان</h1>
                                            <img src="/front/images/customer-3.png" alt="">
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="#" class="customer-card">
                                            <h1 class="title text-center color-primary-1">مشتریان</h1>
                                            <img src="/front/images/customer-4.png" alt="">
                                        </a>
                                    </div>
                                    <div class="item">
                                        <a href="#" class="customer-card">
                                            <h1 class="title text-center color-primary-1">مشتریان</h1>
                                            <img src="/front/images/customer-5.png" alt="">
                                        </a>
                                    </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>

    </main>
@endsection

@section('js-page')
    {{-- <script defer src="/front/scripts/custom.js"></script> --}}
@endsection