@extends('front.layouts.master')
@section('content')
    <main>
        <section class="container-fluid separator-wrapper services-hero-wrapper px-0">
            <div class="container">
                <svg class="separator top" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1431 112" fill="none">
                    <g style="mix-blend-mode:overlay">
                        <path d="M1429.86 85.2471C1100.7 140.736 693.92 -121.344 -4.86133 77.3999" stroke="#FFFFFF"
                            stroke-width="3" />
                        <path d="M1429.86 103.743C1100.7 146.749 693.92 -56.3757 -4.86133 97.6606" stroke="#FFFFFF"
                            stroke-width="3" />
                    </g>
                </svg>
            </div>
            <div class="container hero-sectio projects-wrapper">
                <h1 class="section-title section-title-2 text-center w-fit mx-auto">
                    پروژه‌های اونای
                    <span class="shape">
                        <svg xmlns="http://www.w3.org/2000/svg" width="85" height="97" viewBox="0 0 85 97"
                            fill="none">
                            <path
                                d="M0.181156 36.0737C0.181155 19.1032 0.181154 10.6179 5.45323 5.34581C10.7253 0.0737297 19.2106 0.073729 36.1812 0.0737278L49 0.0737268C65.9706 0.0737255 74.4558 0.0737249 79.7279 5.3458C85 10.6179 85 19.1032 85 36.0737L85 48.3634C85 60.3313 85 66.3153 81.8366 70.9203C78.6732 75.5254 73.0877 77.6724 61.9166 81.9664L49.0978 86.8938C26.8975 95.4274 15.7973 99.6941 7.98924 94.3304C0.181161 88.9667 0.18116 77.0748 0.181158 53.2908L0.181156 36.0737Z"
                                fill="url(#paint0_linear_104_3378)"></path>
                            <defs>
                                <linearGradient id="paint0_linear_104_3378" x1="42.5906" y1="27.6469" x2="-58.7155"
                                    y2="192.014" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="#FFEFB5"></stop>
                                    <stop offset="1" stop-color="#FFCB08"></stop>
                                </linearGradient>
                            </defs>
                        </svg>
                    </span>
                </h1>
                <div class="row justify-content-center mt-4 row-gap-5">

                    <div class="col-12 col-lg-5">
                        <div class="item-1" 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 ms-auto">
                                            <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-end 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 ms-auto">
                                            <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>

                    <div class="col-12 col-lg-5">
                        <div class="item-3" 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-start">
                                        <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">طراحی 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="item-4" data-aos="zoom-in-up">
                            <div class="box_parent">
                                <div class="box">
                                    <div class="project-card d-flex flex-column justify-content-end align-items-start">
                                        <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">طراحی 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>

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

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

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



        <section class="container mt-5 pt-lg-3">
            <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>

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

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

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

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

    </main>
@endsection

@section('js-page')
@endsection