@push('css')
@endpush
@section('title', 'সাপ্লায়ার ড্যাসবোর্ড')
<style>
    .resize-triggers.expand-trigger div {
        height: 100px !important;
    }
</style>
<div>
    <div class="container-fluid">
        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-flex align-items-center justify-content-between">
                    <h4 class="mb-0 font-size-18">সাপ্লায়ার ড্যাসবোর্ড</h4>
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="javascript: void(0);"> ড্যাসবোর্ড</a></li>
                            <li class="breadcrumb-item active">সাপ্লায়ার ড্যাসবোর্ড</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="row">
            <div class="col-xl-4">
                <div class="card overflow-hidden">
                    <div class="bg-soft-primary">
                        <div class="row">
                            <div class="col-7">
                                <div class="text-primary p-3">
                                    <h5 class="text-primary">Welcome Back</h5>
                                    {{-- @if (Auth::user()->business_name)
                                        <p>{{ Auth::user()->business_name }}</p>
                                    @else
                                        <p>{{ Auth::user()->name }}</p>
                                    @endif --}}
                                </div>
                            </div>
                            <div class="col-5 align-self-end">
                                <img src="{{ asset('assets/images/profile-img.png') }}" alt="Background Image"
                                    class="img-fluid">
                            </div>
                        </div>
                    </div>
                    <div class="card-body pt-0">
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="avatar-md profile-user-wid mb-4">
                                    <img @if (Auth::user()->profile_photo_path) src=" {{ asset('storage/photo/' . Auth::user()->profile_photo_path) }}" @else src="{{ asset('user.png') }}" @endif
                                        alt="Profile Picture" class="img-thumbnail rounded-circle">
                                </div>
                                <h5 class="font-size-15 text-truncate">{{ Auth::user()->name }}</h5>
                                <p class="text-muted mb-0 text-truncate" title="{{ Auth::user()->mobile }}">
                                    {{ Auth::user()->mobile }}</p>
                            </div>
                            <div class="col-sm-8">
                                <div class="pt-4">
                                    <div class="row">
                                        <div class="col-6">
                                            <h5 class="font-size-15">{{ $followers->count() }}</h5>
                                            <p class="text-muted mb-0">Followers</p>
                                        </div>
                                        <div class="col-6 text-center">
                                            <a href="{{ route('product.product-list') }}">
                                                <h5 class="font-size-15 badge badge-success ">{{ $products->count() }}</h5>
                                                <p class="text-white mb-0 btn-success btn-sm">Products</p>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="mt-4 text-right">
                                        <a href="{{ route('vendor-wise-products', ['id' => Auth::user()->Vendor->id]) }}"
                                            class="btn btn-primary waves-effect waves-light btn-sm">View
                                            Profile <i class="mdi mdi-arrow-right ml-1"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card d-none">
                    <div class="card-body">
                        <h4 class="card-title mb-4">Monthly Earning</h4>
                        <div class="row">
                            <div class="col-sm-6">
                                <p class="text-muted">This month</p>
                                <h3>0.00/=</h3>
                                <p class="text-muted"><span class="text-success mr-2"> 0% <i
                                            class="mdi mdi-arrow-up"></i> </span> From previous period</p>

                                <div class="mt-4">
                                    <a href="#" class="btn btn-primary waves-effect waves-light btn-sm">View More
                                        <i class="mdi mdi-arrow-right ml-1"></i></a>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="mt-4 mt-sm-0" style="position: relative;">
                                    <div id="radialBar-chart" class="apex-charts" style="min-height: 153.525px;">
                                        <div id="apexcharts1591b9"
                                            class="apexcharts-canvas apexcharts1591b9 apexcharts-theme-light"
                                            style="width: 135px; height: 153.525px;"><svg id="SvgjsSvg1481"
                                                width="135" height="153.525" xmlns="http://www.w3.org/2000/svg"
                                                version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
                                                xmlns:svgjs="http://svgjs.com/svgjs" class="apexcharts-svg"
                                                xmlns:data="ApexChartsNS" transform="translate(0, -10)"
                                                style="background: transparent;">
                                                <g id="SvgjsG1483" class="apexcharts-inner apexcharts-graphical"
                                                    transform="translate(-9.5, 0)">
                                                    <defs id="SvgjsDefs1482">
                                                        <clipPath id="gridRectMask1591b9">
                                                            <rect id="SvgjsRect1484" width="162" height="180"
                                                                x="-3" y="-1" rx="0"
                                                                ry="0" fill="#ffffff" opacity="1"
                                                                stroke-width="0" stroke="none" stroke-dasharray="0">
                                                            </rect>
                                                        </clipPath>
                                                        <clipPath id="gridRectMarkerMask1591b9">
                                                            <rect id="SvgjsRect1485" width="158" height="180"
                                                                x="-1" y="-1" rx="0"
                                                                ry="0" fill="#ffffff" opacity="1"
                                                                stroke-width="0" stroke="none" stroke-dasharray="0">
                                                            </rect>
                                                        </clipPath>
                                                        <linearGradient id="SvgjsLinearGradient1491" x1="0"
                                                            y1="1" x2="2" y2="2">
                                                            <stop id="SvgjsStop1492" stop-opacity="1"
                                                                stop-color="rgba(242,242,242,1)" offset="0">
                                                            </stop>
                                                            <stop id="SvgjsStop1493" stop-opacity="1"
                                                                stop-color="rgba(206,206,206,1)" offset="0.5">
                                                            </stop>
                                                            <stop id="SvgjsStop1494" stop-opacity="1"
                                                                stop-color="rgba(206,206,206,1)" offset="0.65">
                                                            </stop>
                                                            <stop id="SvgjsStop1495" stop-opacity="1"
                                                                stop-color="rgba(242,242,242,1)" offset="0.91">
                                                            </stop>
                                                        </linearGradient>
                                                        <linearGradient id="SvgjsLinearGradient1503" x1="0"
                                                            y1="1" x2="2" y2="2">
                                                            <stop id="SvgjsStop1504" stop-opacity="1"
                                                                stop-color="rgba(85,110,230,1)" offset="0"></stop>
                                                            <stop id="SvgjsStop1505" stop-opacity="1"
                                                                stop-color="rgba(72,94,196,1)" offset="0.5"></stop>
                                                            <stop id="SvgjsStop1506" stop-opacity="1"
                                                                stop-color="rgba(72,94,196,1)" offset="0.65"></stop>
                                                            <stop id="SvgjsStop1507" stop-opacity="1"
                                                                stop-color="rgba(85,110,230,1)" offset="0.91"></stop>
                                                        </linearGradient>
                                                    </defs>
                                                    <g id="SvgjsG1487" class="apexcharts-radialbar">
                                                        <g id="SvgjsG1488">
                                                            <g id="SvgjsG1489" class="apexcharts-tracks">
                                                                <g id="SvgjsG1490"
                                                                    class="apexcharts-radialbar-track apexcharts-track"
                                                                    rel="1">
                                                                    <path id="apexcharts-radialbarTrack-0"
                                                                        d="M 45.25319510297665 110.74680489702334 A 46.3109756097561 46.3109756097561 0 1 1 110.74680489702334 110.74680489702334"
                                                                        fill="none" fill-opacity="1"
                                                                        stroke="rgba(242,242,242,0.85)"
                                                                        stroke-opacity="1" stroke-linecap="butt"
                                                                        stroke-width="12.14865853658537"
                                                                        stroke-dasharray="0"
                                                                        class="apexcharts-radialbar-area"
                                                                        data:pathOrig="M 45.25319510297665 110.74680489702334 A 46.3109756097561 46.3109756097561 0 1 1 110.74680489702334 110.74680489702334">
                                                                    </path>
                                                                </g>
                                                            </g>
                                                            <g id="SvgjsG1497">
                                                                <g id="SvgjsG1502"
                                                                    class="apexcharts-series apexcharts-radial-series"
                                                                    seriesName="SeriesxA" rel="1"
                                                                    data:realIndex="0">
                                                                    <path id="SvgjsPath1508"
                                                                        d="M 45.25319510297665 110.74680489702334 A 46.3109756097561 46.3109756097561 0 1 1 111.3133279486101 45.82969314856046"
                                                                        fill="none" fill-opacity="0.85"
                                                                        stroke="url(#SvgjsLinearGradient1503)"
                                                                        stroke-opacity="1" stroke-linecap="butt"
                                                                        stroke-width="12.524390243902442"
                                                                        stroke-dasharray="4"
                                                                        class="apexcharts-radialbar-area apexcharts-radialbar-slice-0"
                                                                        data:angle="181" data:value="67"
                                                                        index="0" j="0"
                                                                        data:pathOrig="M 45.25319510297665 110.74680489702334 A 46.3109756097561 46.3109756097561 0 1 1 111.3133279486101 45.82969314856046">
                                                                    </path>
                                                                </g>
                                                                <circle id="SvgjsCircle1498" r="35.23664634146341"
                                                                    cx="78" cy="78"
                                                                    class="apexcharts-radialbar-hollow"
                                                                    fill="transparent"></circle>
                                                                <g id="SvgjsG1499" class="apexcharts-datalabels-group"
                                                                    transform="translate(0, 0) scale(1)"
                                                                    style="opacity: 1;"><text id="SvgjsText1500"
                                                                        font-family="Helvetica, Arial, sans-serif"
                                                                        x="78" y="138"
                                                                        text-anchor="middle" dominant-baseline="auto"
                                                                        font-size="13px" font-weight="regular"
                                                                        fill="#556ee6"
                                                                        class="apexcharts-text apexcharts-datalabel-label"
                                                                        style="font-family: Helvetica, Arial, sans-serif;">Series
                                                                        A</text><text id="SvgjsText1501"
                                                                        font-family="Helvetica, Arial, sans-serif"
                                                                        x="78" y="116"
                                                                        text-anchor="middle" dominant-baseline="auto"
                                                                        font-size="16px" font-weight="regular"
                                                                        fill="#373d3f"
                                                                        class="apexcharts-text apexcharts-datalabel-value"
                                                                        style="font-family: Helvetica, Arial, sans-serif;">67%</text>
                                                                </g>
                                                            </g>
                                                        </g>
                                                    </g>
                                                    <line id="SvgjsLine1509" x1="0" y1="0"
                                                        x2="156" y2="0" stroke="#b6b6b6"
                                                        stroke-dasharray="0" stroke-width="1"
                                                        class="apexcharts-ycrosshairs"></line>
                                                    <line id="SvgjsLine1510" x1="0" y1="0"
                                                        x2="156" y2="0" stroke-dasharray="0"
                                                        stroke-width="0" class="apexcharts-ycrosshairs-hidden"></line>
                                                </g>
                                            </svg>
                                            <div class="apexcharts-legend"></div>
                                        </div>
                                    </div>
                                    <div class="resize-triggers">
                                        <div class="expand-trigger">
                                            <div style=""></div>
                                        </div>
                                        <div class="contract-trigger"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-8">
                <div class="row">

                    <div class="col-md-4">
                        <a href="{{ route('vendor.vendor.pending-order-list') }}">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">Pending Order</p>
                                            <h4 class="mb-0">{{ $processing_orders }}</h4>
                                        </div>

                                        <div
                                            class="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
                                            <span class="avatar-title">
                                                <i class="bx bx-dna font-size-24"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="{{ route('vendor.vendor.shipped-list') }}">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">Shipped Order</p>
                                            <h4 class="mb-0">{{ $shipped_orders }}</h4>
                                        </div>

                                        <div
                                            class="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
                                            <span class="avatar-title">
                                                <i class="bx bx-copy-alt font-size-24"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="{{ route('vendor.vendor.delivery-list') }}">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">Delivered Order</p>
                                            <h4 class="mb-0">{{ $delivered_orders }}</h4>
                                        </div>

                                        <div
                                            class="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
                                            <span class="avatar-title">
                                                <i class="bx bx-list-check  font-size-24"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="{{ route('vendor.vendor.cancelled-order-list') }}">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">Cancelled Order</p>
                                            <h4 class="mb-0">{{ $cancelled_orders }}</h4>
                                        </div>
                                        <div
                                            class="avatar-sm rounded-circle bg-primary align-self-center mini-stat-icon">
                                            <span class="avatar-title rounded-circle bg-primary">
                                                <i class="bx bx-minus-circle font-size-24"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="{{ route('product.product-list') }}">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">Total Product</p>
                                            <h4 class="mb-0">{{ $products->count() }}</h4>
                                        </div>
                                        <div
                                            class="avatar-sm rounded-circle bg-primary align-self-center mini-stat-icon">
                                            <span class="avatar-title rounded-circle bg-primary">
                                                <i class="bx bx-cart font-size-24"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="#">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">Total Sales</p>
                                            <h4 class="mb-0">{{ number_format($total_sales,2) }}/=</h4>
                                        </div>

                                        <div
                                            class="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
                                            <span class="avatar-title">
                                                <span class="font-size-24">&#2547;</span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="#">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">Last 7 Days Total Sales</p>
                                            <h4 class="mb-0">
                                                {{ number_format($last_7_days_total_sale,2)}}/=</h4>
                                        </div>

                                        <div
                                            class="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
                                            <span class="avatar-title">
                                                <span class="font-size-24">&#2547;</span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="#">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">This Month Total Sales</p>
                                            <h4 class="mb-0">
                                                {{ number_format($this_month_total_sale,2) }}/=</h4>
                                        </div>

                                        <div
                                            class="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
                                            <span class="avatar-title">
                                                <span class="font-size-24">&#2547;</span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-md-4">
                        <a href="#">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">This Month Total Order</p>
                                            <h4 class="mb-0">{{ number_format($this_month_total_order,2) }}</h4>
                                        </div>

                                        <div
                                            class="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
                                            <span class="avatar-title">
                                                <i class="bx bx-list-ul font-size-24"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- end row -->
                <div class="row" style="height: 442px;">
                    <div class="card">
                        <div class="card-body" style="position: relative;">
                            <h4 class="card-title mb-0 float-sm-left">Yearly Revenue</h4>
                            <div class="clearfix"></div>
                            <div id="stacked-column-chart" class="apex-charts" dir="ltr"
                                style="min-height: 374px;">
                                <div id="apexcharts159165"
                                    class="apexcharts-canvas apexcharts159165 apexcharts-theme-light"
                                    style="width: 653px; height: 359px;"><svg id="SvgjsSvg1343" width="653"
                                        height="359" xmlns="http://www.w3.org/2000/svg" version="1.1"
                                        xmlns:xlink="http://www.w3.org/1999/xlink"
                                        xmlns:svgjs="http://svgjs.com/svgjs" class="apexcharts-svg"
                                        xmlns:data="ApexChartsNS" transform="translate(0, 0)"
                                        style="background: transparent;">
                                        <foreignObject x="0" y="0" width="653" height="359">
                                            <div class="apexcharts-legend apexcharts-align-center position-bottom"
                                                xmlns="http://www.w3.org/1999/xhtml"
                                                style="inset: auto 0px 5px; position: absolute;">
                                                <div class="apexcharts-legend-series" style="margin: 0px 5px;"
                                                    rel="1" data:collapsed="false"><span
                                                        class="apexcharts-legend-marker"
                                                        style="background: rgb(85, 110, 230); color: rgb(85, 110, 230); height: 12px; width: 12px; left: 0px; top: 0px; border-width: 0px; border-color: rgb(255, 255, 255); border-radius: 2px;"
                                                        rel="1" data:collapsed="false"></span><span
                                                        class="apexcharts-legend-text"
                                                        style="color: rgb(55, 61, 63); font-size: 12px; font-family: Helvetica, Arial, sans-serif;"
                                                        rel="1" i="0" data:default-text="Series%20A"
                                                        data:collapsed="false">Series A</span></div>
                                                <div class="apexcharts-legend-series" style="margin: 0px 5px;"
                                                    rel="2" data:collapsed="false"><span
                                                        class="apexcharts-legend-marker"
                                                        style="background: rgb(241, 180, 76); color: rgb(241, 180, 76); height: 12px; width: 12px; left: 0px; top: 0px; border-width: 0px; border-color: rgb(255, 255, 255); border-radius: 2px;"
                                                        rel="2" data:collapsed="false"></span><span
                                                        class="apexcharts-legend-text"
                                                        style="color: rgb(55, 61, 63); font-size: 12px; font-family: Helvetica, Arial, sans-serif;"
                                                        rel="2" i="1" data:default-text="Series%20B"
                                                        data:collapsed="false">Series B</span></div>
                                                <div class="apexcharts-legend-series" style="margin: 0px 5px;"
                                                    rel="3" data:collapsed="false"><span
                                                        class="apexcharts-legend-marker"
                                                        style="background: rgb(52, 195, 143); color: rgb(52, 195, 143); height: 12px; width: 12px; left: 0px; top: 0px; border-width: 0px; border-color: rgb(255, 255, 255); border-radius: 2px;"
                                                        rel="3" data:collapsed="false"></span><span
                                                        class="apexcharts-legend-text"
                                                        style="color: rgb(55, 61, 63); font-size: 12px; font-family: Helvetica, Arial, sans-serif;"
                                                        rel="3" i="2" data:default-text="Series%20C"
                                                        data:collapsed="false">Series C</span></div>
                                            </div>
                                            <style type="text/css">
                                                .apexcharts-legend {
                                                    display: flex;
                                                    overflow: auto;
                                                    padding: 0 10px;
                                                }

                                                .apexcharts-legend.position-bottom,
                                                .apexcharts-legend.position-top {
                                                    flex-wrap: wrap
                                                }

                                                .apexcharts-legend.position-right,
                                                .apexcharts-legend.position-left {
                                                    flex-direction: column;
                                                    bottom: 0;
                                                }

                                                .apexcharts-legend.position-bottom.apexcharts-align-left,
                                                .apexcharts-legend.position-top.apexcharts-align-left,
                                                .apexcharts-legend.position-right,
                                                .apexcharts-legend.position-left {
                                                    justify-content: flex-start;
                                                }

                                                .apexcharts-legend.position-bottom.apexcharts-align-center,
                                                .apexcharts-legend.position-top.apexcharts-align-center {
                                                    justify-content: center;
                                                }

                                                .apexcharts-legend.position-bottom.apexcharts-align-right,
                                                .apexcharts-legend.position-top.apexcharts-align-right {
                                                    justify-content: flex-end;
                                                }

                                                .apexcharts-legend-series {
                                                    cursor: pointer;
                                                    line-height: normal;
                                                }

                                                .apexcharts-legend.position-bottom .apexcharts-legend-series,
                                                .apexcharts-legend.position-top .apexcharts-legend-series {
                                                    display: flex;
                                                    align-items: center;
                                                }

                                                .apexcharts-legend-text {
                                                    position: relative;
                                                    font-size: 14px;
                                                }

                                                .apexcharts-legend-text *,
                                                .apexcharts-legend-marker * {
                                                    pointer-events: none;
                                                }

                                                .apexcharts-legend-marker {
                                                    position: relative;
                                                    display: inline-block;
                                                    cursor: pointer;
                                                    margin-right: 3px;
                                                }

                                                .apexcharts-legend.apexcharts-align-right .apexcharts-legend-series,
                                                .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
                                                    display: inline-block;
                                                }

                                                .apexcharts-legend-series.apexcharts-no-click {
                                                    cursor: auto;
                                                }

                                                .apexcharts-legend .apexcharts-hidden-zero-series,
                                                .apexcharts-legend .apexcharts-hidden-null-series {
                                                    display: none !important;
                                                }

                                                .apexcharts-inactive-legend {
                                                    opacity: 0.45;
                                                }
                                            </style>
                                        </foreignObject>
                                        <g id="SvgjsG1345" class="apexcharts-inner apexcharts-graphical"
                                            transform="translate(44.316667556762695, 40)">
                                            <defs id="SvgjsDefs1344">
                                                <linearGradient id="SvgjsLinearGradient1348" x1="0"
                                                    y1="0" x2="0" y2="1">
                                                    <stop id="SvgjsStop1349" stop-opacity="0.4"
                                                        stop-color="rgba(216,227,240,0.4)" offset="0"></stop>
                                                    <stop id="SvgjsStop1350" stop-opacity="0.5"
                                                        stop-color="rgba(190,209,230,0.5)" offset="1"></stop>
                                                    <stop id="SvgjsStop1351" stop-opacity="0.5"
                                                        stop-color="rgba(190,209,230,0.5)" offset="1"></stop>
                                                </linearGradient>
                                                <clipPath id="gridRectMask159165">
                                                    <rect id="SvgjsRect1353" width="602.6833324432373"
                                                        height="255.49400000000003" x="-2" y="0"
                                                        rx="0" ry="0" fill="#ffffff" opacity="1"
                                                        stroke-width="0" stroke="none" stroke-dasharray="0"></rect>
                                                </clipPath>
                                                <clipPath id="gridRectMarkerMask159165">
                                                    <rect id="SvgjsRect1354" width="600.6833324432373"
                                                        height="257.494" x="-1" y="-1"
                                                        rx="0" ry="0" fill="#ffffff" opacity="1"
                                                        stroke-width="0" stroke="none" stroke-dasharray="0"></rect>
                                                </clipPath>
                                            </defs>
                                            <rect id="SvgjsRect1352" width="7.483541655540466"
                                                height="255.49400000000003" x="0" y="0"
                                                rx="0" ry="0" fill="url(#SvgjsLinearGradient1348)"
                                                opacity="1" stroke-width="0" stroke-dasharray="3"
                                                class="apexcharts-xcrosshairs" y2="255.49400000000003" filter="none"
                                                fill-opacity="0.9"></rect>
                                            <g id="SvgjsG1399" class="apexcharts-xaxis" transform="translate(0, 0)">
                                                <g id="SvgjsG1400" class="apexcharts-xaxis-texts-g"
                                                    transform="translate(0, -4)"><text id="SvgjsText1402"
                                                        font-family="Helvetica, Arial, sans-serif"
                                                        x="24.945138851801556" y="284.494" text-anchor="middle"
                                                        dominant-baseline="auto" font-size="12px" font-weight="400"
                                                        fill="#373d3f" class="apexcharts-text apexcharts-xaxis-label "
                                                        style="font-family: Helvetica, Arial, sans-serif;">
                                                        <tspan id="SvgjsTspan1403">Jan</tspan>
                                                        <title>Jan</title>
                                                    </text><text id="SvgjsText1405"
                                                        font-family="Helvetica, Arial, sans-serif"
                                                        x="74.83541655540466" y="284.494" text-anchor="middle"
                                                        dominant-baseline="auto" font-size="12px" font-weight="400"
                                                        fill="#373d3f" class="apexcharts-text apexcharts-xaxis-label "
                                                        style="font-family: Helvetica, Arial, sans-serif;">
                                                        <tspan id="SvgjsTspan1406">Feb</tspan>
                                                        <title>Feb</title>
                                                    </text><text id="SvgjsText1408"
                                                        font-family="Helvetica, Arial, sans-serif"
                                                        x="124.72569425900777" y="284.494" text-anchor="middle"
                                                        dominant-baseline="auto" font-size="12px" font-weight="400"
                                                        fill="#373d3f" class="apexcharts-text apexcharts-xaxis-label "
                                                        style="font-family: Helvetica, Arial, sans-serif;">
                                                        <tspan id="SvgjsTspan1409">Mar</tspan>
                                                        <title>Mar</title>
                                                    </text><text id="SvgjsText1411"
                                                        font-family="Helvetica, Arial, sans-serif"
                                                        x="174.6159719626109" y="284.494" text-anchor="middle"
                                                        dominant-baseline="auto" font-size="12px" font-weight="400"
                                                        fill="#373d3f" class="apexcharts-text apexcharts-xaxis-label "
                                                        style="font-family: Helvetica, Arial, sans-serif;">
                                                        <tspan id="SvgjsTspan1412">Apr</tspan>
                                                        <title>Apr</title>
                                                    </text><text id="SvgjsText1414"
                                                        font-family="Helvetica, Arial, sans-serif"
                                                        x="224.50624966621402" y="284.494" text-anchor="middle"
                                                        dominant-baseline="auto" font-size="12px" font-weight="400"
                                                        fill="#373d3f" class="apexcharts-text apexcharts-xaxis-label "
                                                        style="font-family: Helvetica, Arial, sans-serif;">
                                                        <tspan id="SvgjsTspan1415">May</tspan>
                                                        <title>May</title>
                                                    </text><text id="SvgjsText1417"
                                                        font-family="Helvetica, Arial, sans-serif"
                                                        x="274.3965273698171" y="284.494" text-anchor="middle"
                                                        dominant-baseline="auto" font-size="12px" font-weight="400"
                                                        fill="#373d3f" class="apexcharts-text apexcharts-xaxis-label "
                                                        style="font-family: Helvetica, Arial, sans-serif;">
                                                        <tspan id="SvgjsTspan1418">Jun</tspan>
                                                        <title>Jun</title>
                                                    </text><text id="SvgjsText1420"
                                                        font-family="Helvetica, Arial, sans-serif"
                                                        x="324.28680507342017" y="284.494" text-anchor="middle"
                                                        dominant-baseline="auto" font-size="12px" font-weight="400"
                                                        fill="#373d3f" class="apexcharts-text apexcharts-xaxis-label "
                                                        style="font-family: Helvetica, Arial, sans-serif;">
                                                        <tspan id="SvgjsTspan1421">Jul</tspan>
                                                        <title>Jul</title>
                                                    </text><text id="SvgjsText1423"
                                                        font-family="Helvetica, Arial, sans-serif"
                                                        x="374.17708277702326" y="284.494" text-anchor="middle"
                                                        dominant-baseline="auto" font-size="12px" font-weight="400"
                                                        fill="#373d3f" class="apexcharts-text apexcharts-xaxis-label "
                                                        style="font-family: Helvetica, Arial, sans-serif;">
                                                        <tspan id="SvgjsTspan1424">Aug</tspan>
                                                        <title>Aug</title>
                                                    </text><text id="SvgjsText1426"
                                                        font-family="Helvetica, Arial, sans-serif"
                                                        x="424.06736048062635" y="284.494" text-anchor="middle"
                                                        dominant-baseline="auto" font-size="12px" font-weight="400"
                                                        fill="#373d3f" class="apexcharts-text apexcharts-xaxis-label "
                                                        style="font-family: Helvetica, Arial, sans-serif;">
                                                        <tspan id="SvgjsTspan1427">Sep</tspan>
                                                        <title>Sep</title>
                                                    </text><text id="SvgjsText1429"
                                                        font-family="Helvetica, Arial, sans-serif"
                                                        x="473.95763818422944" y="284.494" text-anchor="middle"
                                                        dominant-baseline="auto" font-size="12px" font-weight="400"
                                                        fill="#373d3f" class="apexcharts-text apexcharts-xaxis-label "
                                                        style="font-family: Helvetica, Arial, sans-serif;">
                                                        <tspan id="SvgjsTspan1430">Oct</tspan>
                                                        <title>Oct</title>
                                                    </text><text id="SvgjsText1432"
                                                        font-family="Helvetica, Arial, sans-serif"
                                                        x="523.8479158878326" y="284.494" text-anchor="middle"
                                                        dominant-baseline="auto" font-size="12px" font-weight="400"
                                                        fill="#373d3f" class="apexcharts-text apexcharts-xaxis-label "
                                                        style="font-family: Helvetica, Arial, sans-serif;">
                                                        <tspan id="SvgjsTspan1433">Nov</tspan>
                                                        <title>Nov</title>
                                                    </text><text id="SvgjsText1435"
                                                        font-family="Helvetica, Arial, sans-serif"
                                                        x="573.7381935914358" y="284.494" text-anchor="middle"
                                                        dominant-baseline="auto" font-size="12px" font-weight="400"
                                                        fill="#373d3f" class="apexcharts-text apexcharts-xaxis-label "
                                                        style="font-family: Helvetica, Arial, sans-serif;">
                                                        <tspan id="SvgjsTspan1436">Dec</tspan>
                                                        <title>Dec</title>
                                                    </text></g>
                                                <line id="SvgjsLine1437" x1="0" y1="256.494"
                                                    x2="598.6833324432373" y2="256.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" stroke-width="1"></line>
                                            </g>
                                            <g id="SvgjsG1452" class="apexcharts-grid">
                                                <g id="SvgjsG1453" class="apexcharts-gridlines-horizontal">
                                                    <line id="SvgjsLine1468" x1="0" y1="0"
                                                        x2="598.6833324432373" y2="0" stroke="#e0e0e0"
                                                        stroke-dasharray="0" class="apexcharts-gridline"></line>
                                                    <line id="SvgjsLine1469" x1="0" y1="51.098800000000004"
                                                        x2="598.6833324432373" y2="51.098800000000004"
                                                        stroke="#e0e0e0" stroke-dasharray="0"
                                                        class="apexcharts-gridline"></line>
                                                    <line id="SvgjsLine1470" x1="0" y1="102.19760000000001"
                                                        x2="598.6833324432373" y2="102.19760000000001"
                                                        stroke="#e0e0e0" stroke-dasharray="0"
                                                        class="apexcharts-gridline"></line>
                                                    <line id="SvgjsLine1471" x1="0" y1="153.2964"
                                                        x2="598.6833324432373" y2="153.2964" stroke="#e0e0e0"
                                                        stroke-dasharray="0" class="apexcharts-gridline"></line>
                                                    <line id="SvgjsLine1472" x1="0" y1="204.39520000000002"
                                                        x2="598.6833324432373" y2="204.39520000000002"
                                                        stroke="#e0e0e0" stroke-dasharray="0"
                                                        class="apexcharts-gridline"></line>
                                                    <line id="SvgjsLine1473" x1="0" y1="255.49400000000003"
                                                        x2="598.6833324432373" y2="255.49400000000003"
                                                        stroke="#e0e0e0" stroke-dasharray="0"
                                                        class="apexcharts-gridline"></line>
                                                </g>
                                                <g id="SvgjsG1454" class="apexcharts-gridlines-vertical"></g>
                                                <line id="SvgjsLine1455" x1="0" y1="256.494"
                                                    x2="0" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1456" x1="49.89027770360311" y1="256.494"
                                                    x2="49.89027770360311" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1457" x1="99.78055540720622" y1="256.494"
                                                    x2="99.78055540720622" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1458" x1="149.67083311080933" y1="256.494"
                                                    x2="149.67083311080933" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1459" x1="199.56111081441244" y1="256.494"
                                                    x2="199.56111081441244" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1460" x1="249.45138851801556" y1="256.494"
                                                    x2="249.45138851801556" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1461" x1="299.34166622161865" y1="256.494"
                                                    x2="299.34166622161865" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1462" x1="349.23194392522174" y1="256.494"
                                                    x2="349.23194392522174" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1463" x1="399.12222162882483" y1="256.494"
                                                    x2="399.12222162882483" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1464" x1="449.0124993324279" y1="256.494"
                                                    x2="449.0124993324279" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1465" x1="498.902777036031" y1="256.494"
                                                    x2="498.902777036031" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1466" x1="548.7930547396342" y1="256.494"
                                                    x2="548.7930547396342" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1467" x1="598.6833324432373" y1="256.494"
                                                    x2="598.6833324432373" y2="262.494" stroke="#e0e0e0"
                                                    stroke-dasharray="0" class="apexcharts-xaxis-tick"></line>
                                                <line id="SvgjsLine1475" x1="0" y1="255.49400000000003"
                                                    x2="598.6833324432373" y2="255.49400000000003"
                                                    stroke="transparent" stroke-dasharray="0"></line>
                                                <line id="SvgjsLine1474" x1="0" y1="1"
                                                    x2="0" y2="255.49400000000003" stroke="transparent"
                                                    stroke-dasharray="0">
                                                </line>
                                            </g>
                                            <g id="SvgjsG1356" class="apexcharts-bar-series apexcharts-plot-series">
                                                <g id="SvgjsG1357" class="apexcharts-series" seriesName="SeriesxA"
                                                    rel="1" data:realIndex="0">
                                                    <path id="SvgjsPath1359"
                                                        d="M 21.203368024031324 255.49400000000003L 21.203368024031324 143.07664Q 24.945138851801556 139.33486917222976 28.68690967957179 143.07664L 28.68690967957179 255.49400000000003L 21.203368024031324 255.49400000000003"
                                                        fill="rgba(85,110,230,1)" fill-opacity="1" stroke-opacity="1"
                                                        stroke-linecap="butt" stroke-width="0" stroke-dasharray="0"
                                                        class="apexcharts-bar-area" index="0"
                                                        clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 21.203368024031324 255.49400000000003L 21.203368024031324 143.07664Q 24.945138851801556 139.33486917222976 28.68690967957179 143.07664L 28.68690967957179 255.49400000000003L 21.203368024031324 255.49400000000003"
                                                        pathFrom="M 21.203368024031324 255.49400000000003L 21.203368024031324 255.49400000000003L 28.68690967957179 255.49400000000003L 28.68690967957179 255.49400000000003L 28.68690967957179 255.49400000000003L 21.203368024031324 255.49400000000003"
                                                        cy="143.07664" cx="71.09364572763444" j="0"
                                                        val="44" barHeight="112.41736000000002"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1360"
                                                        d="M 71.09364572763444 255.49400000000003L 71.09364572763444 114.97230000000002Q 74.83541655540468 111.23052917222978 78.5771873831749 114.97230000000002L 78.5771873831749 255.49400000000003L 71.09364572763444 255.49400000000003"
                                                        fill="rgba(85,110,230,1)" fill-opacity="1" stroke-opacity="1"
                                                        stroke-linecap="butt" stroke-width="0" stroke-dasharray="0"
                                                        class="apexcharts-bar-area" index="0"
                                                        clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 71.09364572763444 255.49400000000003L 71.09364572763444 114.97230000000002Q 74.83541655540468 111.23052917222978 78.5771873831749 114.97230000000002L 78.5771873831749 255.49400000000003L 71.09364572763444 255.49400000000003"
                                                        pathFrom="M 71.09364572763444 255.49400000000003L 71.09364572763444 255.49400000000003L 78.5771873831749 255.49400000000003L 78.5771873831749 255.49400000000003L 78.5771873831749 255.49400000000003L 71.09364572763444 255.49400000000003"
                                                        cy="114.97230000000002" cx="120.98392343123754"
                                                        j="1" val="55" barHeight="140.5217"
                                                        barWidth="7.483541655540466">
                                                    </path>
                                                    <path id="SvgjsPath1361"
                                                        d="M 120.98392343123754 255.49400000000003L 120.98392343123754 150.74146000000002Q 124.72569425900778 146.99968917222978 128.46746508677802 150.74146000000002L 128.46746508677802 255.49400000000003L 120.98392343123754 255.49400000000003"
                                                        fill="rgba(85,110,230,1)" fill-opacity="1" stroke-opacity="1"
                                                        stroke-linecap="butt" stroke-width="0" stroke-dasharray="0"
                                                        class="apexcharts-bar-area" index="0"
                                                        clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 120.98392343123754 255.49400000000003L 120.98392343123754 150.74146000000002Q 124.72569425900778 146.99968917222978 128.46746508677802 150.74146000000002L 128.46746508677802 255.49400000000003L 120.98392343123754 255.49400000000003"
                                                        pathFrom="M 120.98392343123754 255.49400000000003L 120.98392343123754 255.49400000000003L 128.46746508677802 255.49400000000003L 128.46746508677802 255.49400000000003L 128.46746508677802 255.49400000000003L 120.98392343123754 255.49400000000003"
                                                        cy="150.74146000000002" cx="170.87420113484066"
                                                        j="2" val="41" barHeight="104.75254000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1362"
                                                        d="M 170.87420113484066 255.49400000000003L 170.87420113484066 84.31302Q 174.6159719626109 80.57124917222976 178.35774279038114 84.31302L 178.35774279038114 255.49400000000003L 170.87420113484066 255.49400000000003"
                                                        fill="rgba(85,110,230,1)" fill-opacity="1" stroke-opacity="1"
                                                        stroke-linecap="butt" stroke-width="0" stroke-dasharray="0"
                                                        class="apexcharts-bar-area" index="0"
                                                        clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 170.87420113484066 255.49400000000003L 170.87420113484066 84.31302Q 174.6159719626109 80.57124917222976 178.35774279038114 84.31302L 178.35774279038114 255.49400000000003L 170.87420113484066 255.49400000000003"
                                                        pathFrom="M 170.87420113484066 255.49400000000003L 170.87420113484066 255.49400000000003L 178.35774279038114 255.49400000000003L 178.35774279038114 255.49400000000003L 178.35774279038114 255.49400000000003L 170.87420113484066 255.49400000000003"
                                                        cy="84.31302" cx="220.76447883844378" j="3"
                                                        val="67" barHeight="171.18098000000003"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1363"
                                                        d="M 220.76447883844378 255.49400000000003L 220.76447883844378 199.28532Q 224.50624966621402 195.54354917222977 228.24802049398426 199.28532L 228.24802049398426 255.49400000000003L 220.76447883844378 255.49400000000003"
                                                        fill="rgba(85,110,230,1)" fill-opacity="1" stroke-opacity="1"
                                                        stroke-linecap="butt" stroke-width="0" stroke-dasharray="0"
                                                        class="apexcharts-bar-area" index="0"
                                                        clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 220.76447883844378 255.49400000000003L 220.76447883844378 199.28532Q 224.50624966621402 195.54354917222977 228.24802049398426 199.28532L 228.24802049398426 255.49400000000003L 220.76447883844378 255.49400000000003"
                                                        pathFrom="M 220.76447883844378 255.49400000000003L 220.76447883844378 255.49400000000003L 228.24802049398426 255.49400000000003L 228.24802049398426 255.49400000000003L 228.24802049398426 255.49400000000003L 220.76447883844378 255.49400000000003"
                                                        cy="199.28532" cx="270.65475654204687" j="4"
                                                        val="22" barHeight="56.20868000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1364"
                                                        d="M 270.65475654204687 255.49400000000003L 270.65475654204687 145.63158Q 274.3965273698171 141.88980917222977 278.13829819758735 145.63158L 278.13829819758735 255.49400000000003L 270.65475654204687 255.49400000000003"
                                                        fill="rgba(85,110,230,1)" fill-opacity="1" stroke-opacity="1"
                                                        stroke-linecap="butt" stroke-width="0" stroke-dasharray="0"
                                                        class="apexcharts-bar-area" index="0"
                                                        clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 270.65475654204687 255.49400000000003L 270.65475654204687 145.63158Q 274.3965273698171 141.88980917222977 278.13829819758735 145.63158L 278.13829819758735 255.49400000000003L 270.65475654204687 255.49400000000003"
                                                        pathFrom="M 270.65475654204687 255.49400000000003L 270.65475654204687 255.49400000000003L 278.13829819758735 255.49400000000003L 278.13829819758735 255.49400000000003L 278.13829819758735 255.49400000000003L 270.65475654204687 255.49400000000003"
                                                        cy="145.63158" cx="320.54503424564996" j="5"
                                                        val="43" barHeight="109.86242000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1365"
                                                        d="M 320.54503424564996 255.49400000000003L 320.54503424564996 163.51616Q 324.28680507342017 159.77438917222977 328.02857590119044 163.51616L 328.02857590119044 255.49400000000003L 320.54503424564996 255.49400000000003"
                                                        fill="rgba(85,110,230,1)" fill-opacity="1" stroke-opacity="1"
                                                        stroke-linecap="butt" stroke-width="0" stroke-dasharray="0"
                                                        class="apexcharts-bar-area" index="0"
                                                        clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 320.54503424564996 255.49400000000003L 320.54503424564996 163.51616Q 324.28680507342017 159.77438917222977 328.02857590119044 163.51616L 328.02857590119044 255.49400000000003L 320.54503424564996 255.49400000000003"
                                                        pathFrom="M 320.54503424564996 255.49400000000003L 320.54503424564996 255.49400000000003L 328.02857590119044 255.49400000000003L 328.02857590119044 255.49400000000003L 328.02857590119044 255.49400000000003L 320.54503424564996 255.49400000000003"
                                                        cy="163.51616" cx="370.43531194925305" j="6"
                                                        val="36" barHeight="91.97784000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1366"
                                                        d="M 370.43531194925305 255.49400000000003L 370.43531194925305 122.63712000000001Q 374.17708277702326 118.89534917222977 377.9188536047935 122.63712000000001L 377.9188536047935 255.49400000000003L 370.43531194925305 255.49400000000003"
                                                        fill="rgba(85,110,230,1)" fill-opacity="1" stroke-opacity="1"
                                                        stroke-linecap="butt" stroke-width="0" stroke-dasharray="0"
                                                        class="apexcharts-bar-area" index="0"
                                                        clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 370.43531194925305 255.49400000000003L 370.43531194925305 122.63712000000001Q 374.17708277702326 118.89534917222977 377.9188536047935 122.63712000000001L 377.9188536047935 255.49400000000003L 370.43531194925305 255.49400000000003"
                                                        pathFrom="M 370.43531194925305 255.49400000000003L 370.43531194925305 255.49400000000003L 377.9188536047935 255.49400000000003L 377.9188536047935 255.49400000000003L 377.9188536047935 255.49400000000003L 370.43531194925305 255.49400000000003"
                                                        cy="122.63712000000001" cx="420.32558965285614"
                                                        j="7" val="52" barHeight="132.85688000000002"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1367"
                                                        d="M 420.32558965285614 255.49400000000003L 420.32558965285614 194.17544Q 424.06736048062635 190.43366917222977 427.8091313083966 194.17544L 427.8091313083966 255.49400000000003L 420.32558965285614 255.49400000000003"
                                                        fill="rgba(85,110,230,1)" fill-opacity="1" stroke-opacity="1"
                                                        stroke-linecap="butt" stroke-width="0" stroke-dasharray="0"
                                                        class="apexcharts-bar-area" index="0"
                                                        clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 420.32558965285614 255.49400000000003L 420.32558965285614 194.17544Q 424.06736048062635 190.43366917222977 427.8091313083966 194.17544L 427.8091313083966 255.49400000000003L 420.32558965285614 255.49400000000003"
                                                        pathFrom="M 420.32558965285614 255.49400000000003L 420.32558965285614 255.49400000000003L 427.8091313083966 255.49400000000003L 427.8091313083966 255.49400000000003L 427.8091313083966 255.49400000000003L 420.32558965285614 255.49400000000003"
                                                        cy="194.17544" cx="470.2158673564592" j="8"
                                                        val="24" barHeight="61.31856000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1368"
                                                        d="M 470.2158673564592 255.49400000000003L 470.2158673564592 209.50508000000002Q 473.95763818422944 205.76330917222978 477.6994090119997 209.50508000000002L 477.6994090119997 255.49400000000003L 470.2158673564592 255.49400000000003"
                                                        fill="rgba(85,110,230,1)" fill-opacity="1" stroke-opacity="1"
                                                        stroke-linecap="butt" stroke-width="0" stroke-dasharray="0"
                                                        class="apexcharts-bar-area" index="0"
                                                        clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 470.2158673564592 255.49400000000003L 470.2158673564592 209.50508000000002Q 473.95763818422944 205.76330917222978 477.6994090119997 209.50508000000002L 477.6994090119997 255.49400000000003L 470.2158673564592 255.49400000000003"
                                                        pathFrom="M 470.2158673564592 255.49400000000003L 470.2158673564592 255.49400000000003L 477.6994090119997 255.49400000000003L 477.6994090119997 255.49400000000003L 477.6994090119997 255.49400000000003L 470.2158673564592 255.49400000000003"
                                                        cy="209.50508000000002" cx="520.1061450600623" j="9"
                                                        val="18" barHeight="45.98892000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1369"
                                                        d="M 520.1061450600623 255.49400000000003L 520.1061450600623 163.51616Q 523.8479158878325 159.77438917222977 527.5896867156027 163.51616L 527.5896867156027 255.49400000000003L 520.1061450600623 255.49400000000003"
                                                        fill="rgba(85,110,230,1)" fill-opacity="1" stroke-opacity="1"
                                                        stroke-linecap="butt" stroke-width="0" stroke-dasharray="0"
                                                        class="apexcharts-bar-area" index="0"
                                                        clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 520.1061450600623 255.49400000000003L 520.1061450600623 163.51616Q 523.8479158878325 159.77438917222977 527.5896867156027 163.51616L 527.5896867156027 255.49400000000003L 520.1061450600623 255.49400000000003"
                                                        pathFrom="M 520.1061450600623 255.49400000000003L 520.1061450600623 255.49400000000003L 527.5896867156027 255.49400000000003L 527.5896867156027 255.49400000000003L 527.5896867156027 255.49400000000003L 520.1061450600623 255.49400000000003"
                                                        cy="163.51616" cx="569.9964227636655" j="10"
                                                        val="36" barHeight="91.97784000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1370"
                                                        d="M 569.9964227636655 255.49400000000003L 569.9964227636655 132.85688Q 573.7381935914357 129.11510917222975 577.4799644192059 132.85688L 577.4799644192059 255.49400000000003L 569.9964227636655 255.49400000000003"
                                                        fill="rgba(85,110,230,1)" fill-opacity="1" stroke-opacity="1"
                                                        stroke-linecap="butt" stroke-width="0" stroke-dasharray="0"
                                                        class="apexcharts-bar-area" index="0"
                                                        clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 569.9964227636655 255.49400000000003L 569.9964227636655 132.85688Q 573.7381935914357 129.11510917222975 577.4799644192059 132.85688L 577.4799644192059 255.49400000000003L 569.9964227636655 255.49400000000003"
                                                        pathFrom="M 569.9964227636655 255.49400000000003L 569.9964227636655 255.49400000000003L 577.4799644192059 255.49400000000003L 577.4799644192059 255.49400000000003L 577.4799644192059 255.49400000000003L 569.9964227636655 255.49400000000003"
                                                        cy="132.85688" cx="619.8867004672686" j="11"
                                                        val="48" barHeight="122.63712000000002"
                                                        barWidth="7.483541655540466"></path>
                                                </g>
                                                <g id="SvgjsG1371" class="apexcharts-series" seriesName="SeriesxB"
                                                    rel="2" data:realIndex="1">
                                                    <path id="SvgjsPath1373"
                                                        d="M 21.203368024031324 143.07664L 21.203368024031324 109.86241999999999Q 24.945138851801556 106.12064917222975 28.68690967957179 109.86241999999999L 28.68690967957179 143.07664L 21.203368024031324 143.07664"
                                                        fill="rgba(241,180,76,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="1" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 21.203368024031324 143.07664L 21.203368024031324 109.86241999999999Q 24.945138851801556 106.12064917222975 28.68690967957179 109.86241999999999L 28.68690967957179 143.07664L 21.203368024031324 143.07664"
                                                        pathFrom="M 21.203368024031324 143.07664L 21.203368024031324 143.07664L 28.68690967957179 143.07664L 28.68690967957179 143.07664L 28.68690967957179 143.07664L 21.203368024031324 143.07664"
                                                        cy="109.86241999999999" cx="71.09364572763444"
                                                        j="0" val="13"
                                                        barHeight="33.214220000000005" barWidth="7.483541655540466">
                                                    </path>
                                                    <path id="SvgjsPath1374"
                                                        d="M 71.09364572763444 114.97230000000002L 71.09364572763444 56.20868000000001Q 74.83541655540468 52.46690917222978 78.5771873831749 56.20868000000001L 78.5771873831749 114.97230000000002L 71.09364572763444 114.97230000000002"
                                                        fill="rgba(241,180,76,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="1" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 71.09364572763444 114.97230000000002L 71.09364572763444 56.20868000000001Q 74.83541655540468 52.46690917222978 78.5771873831749 56.20868000000001L 78.5771873831749 114.97230000000002L 71.09364572763444 114.97230000000002"
                                                        pathFrom="M 71.09364572763444 114.97230000000002L 71.09364572763444 114.97230000000002L 78.5771873831749 114.97230000000002L 78.5771873831749 114.97230000000002L 78.5771873831749 114.97230000000002L 71.09364572763444 114.97230000000002"
                                                        cy="56.20868000000001" cx="120.98392343123754"
                                                        j="1" val="23"
                                                        barHeight="58.76362000000001" barWidth="7.483541655540466">
                                                    </path>
                                                    <path id="SvgjsPath1375"
                                                        d="M 120.98392343123754 150.74146000000002L 120.98392343123754 99.64266Q 124.72569425900778 95.90088917222977 128.46746508677802 99.64266L 128.46746508677802 150.74146000000002L 120.98392343123754 150.74146000000002"
                                                        fill="rgba(241,180,76,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="1" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 120.98392343123754 150.74146000000002L 120.98392343123754 99.64266Q 124.72569425900778 95.90088917222977 128.46746508677802 99.64266L 128.46746508677802 150.74146000000002L 120.98392343123754 150.74146000000002"
                                                        pathFrom="M 120.98392343123754 150.74146000000002L 120.98392343123754 150.74146000000002L 128.46746508677802 150.74146000000002L 128.46746508677802 150.74146000000002L 128.46746508677802 150.74146000000002L 120.98392343123754 150.74146000000002"
                                                        cy="99.64266" cx="170.87420113484066" j="2"
                                                        val="20" barHeight="51.09880000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1376"
                                                        d="M 170.87420113484066 84.31302L 170.87420113484066 63.87349999999999Q 174.6159719626109 60.13172917222976 178.35774279038114 63.87349999999999L 178.35774279038114 84.31302L 170.87420113484066 84.31302"
                                                        fill="rgba(241,180,76,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="1" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 170.87420113484066 84.31302L 170.87420113484066 63.87349999999999Q 174.6159719626109 60.13172917222976 178.35774279038114 63.87349999999999L 178.35774279038114 84.31302L 170.87420113484066 84.31302"
                                                        pathFrom="M 170.87420113484066 84.31302L 170.87420113484066 84.31302L 178.35774279038114 84.31302L 178.35774279038114 84.31302L 178.35774279038114 84.31302L 170.87420113484066 84.31302"
                                                        cy="63.87349999999999" cx="220.76447883844378"
                                                        j="3" val="8" barHeight="20.43952"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1377"
                                                        d="M 220.76447883844378 199.28532L 220.76447883844378 166.0711Q 224.50624966621402 162.32932917222976 228.24802049398426 166.0711L 228.24802049398426 199.28532L 220.76447883844378 199.28532"
                                                        fill="rgba(241,180,76,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="1" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 220.76447883844378 199.28532L 220.76447883844378 166.0711Q 224.50624966621402 162.32932917222976 228.24802049398426 166.0711L 228.24802049398426 199.28532L 220.76447883844378 199.28532"
                                                        pathFrom="M 220.76447883844378 199.28532L 220.76447883844378 199.28532L 228.24802049398426 199.28532L 228.24802049398426 199.28532L 228.24802049398426 199.28532L 220.76447883844378 199.28532"
                                                        cy="166.0711" cx="270.65475654204687" j="4"
                                                        val="13" barHeight="33.214220000000005"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1378"
                                                        d="M 270.65475654204687 145.63158L 270.65475654204687 76.6482Q 274.3965273698171 72.90642917222976 278.13829819758735 76.6482L 278.13829819758735 145.63158L 270.65475654204687 145.63158"
                                                        fill="rgba(241,180,76,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="1" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 270.65475654204687 145.63158L 270.65475654204687 76.6482Q 274.3965273698171 72.90642917222976 278.13829819758735 76.6482L 278.13829819758735 145.63158L 270.65475654204687 145.63158"
                                                        pathFrom="M 270.65475654204687 145.63158L 270.65475654204687 145.63158L 278.13829819758735 145.63158L 278.13829819758735 145.63158L 278.13829819758735 145.63158L 270.65475654204687 145.63158"
                                                        cy="76.6482" cx="320.54503424564996" j="5"
                                                        val="27" barHeight="68.98338000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1379"
                                                        d="M 320.54503424564996 163.51616L 320.54503424564996 117.52724Q 324.28680507342017 113.78546917222977 328.02857590119044 117.52724L 328.02857590119044 163.51616L 320.54503424564996 163.51616"
                                                        fill="rgba(241,180,76,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="1" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 320.54503424564996 163.51616L 320.54503424564996 117.52724Q 324.28680507342017 113.78546917222977 328.02857590119044 117.52724L 328.02857590119044 163.51616L 320.54503424564996 163.51616"
                                                        pathFrom="M 320.54503424564996 163.51616L 320.54503424564996 163.51616L 328.02857590119044 163.51616L 328.02857590119044 163.51616L 328.02857590119044 163.51616L 320.54503424564996 163.51616"
                                                        cy="117.52724" cx="370.43531194925305" j="6"
                                                        val="18" barHeight="45.98892000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1380"
                                                        d="M 370.43531194925305 122.63712000000001L 370.43531194925305 66.42844Q 374.17708277702326 62.68666917222976 377.9188536047935 66.42844L 377.9188536047935 122.63712000000001L 370.43531194925305 122.63712000000001"
                                                        fill="rgba(241,180,76,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="1" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 370.43531194925305 122.63712000000001L 370.43531194925305 66.42844Q 374.17708277702326 62.68666917222976 377.9188536047935 66.42844L 377.9188536047935 122.63712000000001L 370.43531194925305 122.63712000000001"
                                                        pathFrom="M 370.43531194925305 122.63712000000001L 370.43531194925305 122.63712000000001L 377.9188536047935 122.63712000000001L 377.9188536047935 122.63712000000001L 377.9188536047935 122.63712000000001L 370.43531194925305 122.63712000000001"
                                                        cy="66.42844" cx="420.32558965285614" j="7"
                                                        val="22" barHeight="56.20868000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1381"
                                                        d="M 420.32558965285614 194.17544L 420.32558965285614 168.62604Q 424.06736048062635 164.88426917222975 427.8091313083966 168.62604L 427.8091313083966 194.17544L 420.32558965285614 194.17544"
                                                        fill="rgba(241,180,76,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="1" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 420.32558965285614 194.17544L 420.32558965285614 168.62604Q 424.06736048062635 164.88426917222975 427.8091313083966 168.62604L 427.8091313083966 194.17544L 420.32558965285614 194.17544"
                                                        pathFrom="M 420.32558965285614 194.17544L 420.32558965285614 194.17544L 427.8091313083966 194.17544L 427.8091313083966 194.17544L 427.8091313083966 194.17544L 420.32558965285614 194.17544"
                                                        cy="168.62604" cx="470.2158673564592" j="8"
                                                        val="10" barHeight="25.549400000000006"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1382"
                                                        d="M 470.2158673564592 209.50508000000002L 470.2158673564592 168.62604000000002Q 473.95763818422944 164.88426917222978 477.6994090119997 168.62604000000002L 477.6994090119997 209.50508000000002L 470.2158673564592 209.50508000000002"
                                                        fill="rgba(241,180,76,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="1" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 470.2158673564592 209.50508000000002L 470.2158673564592 168.62604000000002Q 473.95763818422944 164.88426917222978 477.6994090119997 168.62604000000002L 477.6994090119997 209.50508000000002L 470.2158673564592 209.50508000000002"
                                                        pathFrom="M 470.2158673564592 209.50508000000002L 470.2158673564592 209.50508000000002L 477.6994090119997 209.50508000000002L 477.6994090119997 209.50508000000002L 477.6994090119997 209.50508000000002L 470.2158673564592 209.50508000000002"
                                                        cy="168.62604000000002" cx="520.1061450600623"
                                                        j="9" val="16" barHeight="40.87904"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1383"
                                                        d="M 520.1061450600623 163.51616L 520.1061450600623 102.1976Q 523.8479158878325 98.45582917222976 527.5896867156027 102.1976L 527.5896867156027 163.51616L 520.1061450600623 163.51616"
                                                        fill="rgba(241,180,76,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="1" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 520.1061450600623 163.51616L 520.1061450600623 102.1976Q 523.8479158878325 98.45582917222976 527.5896867156027 102.1976L 527.5896867156027 163.51616L 520.1061450600623 163.51616"
                                                        pathFrom="M 520.1061450600623 163.51616L 520.1061450600623 163.51616L 527.5896867156027 163.51616L 527.5896867156027 163.51616L 527.5896867156027 163.51616L 520.1061450600623 163.51616"
                                                        cy="102.1976" cx="569.9964227636655" j="10"
                                                        val="24" barHeight="61.31856000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1384"
                                                        d="M 569.9964227636655 132.85688L 569.9964227636655 76.64819999999997Q 573.7381935914357 72.90642917222974 577.4799644192059 76.64819999999997L 577.4799644192059 132.85688L 569.9964227636655 132.85688"
                                                        fill="rgba(241,180,76,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="1" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 569.9964227636655 132.85688L 569.9964227636655 76.64819999999997Q 573.7381935914357 72.90642917222974 577.4799644192059 76.64819999999997L 577.4799644192059 132.85688L 569.9964227636655 132.85688"
                                                        pathFrom="M 569.9964227636655 132.85688L 569.9964227636655 132.85688L 577.4799644192059 132.85688L 577.4799644192059 132.85688L 577.4799644192059 132.85688L 569.9964227636655 132.85688"
                                                        cy="76.64819999999997" cx="619.8867004672686"
                                                        j="11" val="22"
                                                        barHeight="56.20868000000001" barWidth="7.483541655540466">
                                                    </path>
                                                </g>
                                                <g id="SvgjsG1385" class="apexcharts-series" seriesName="SeriesxC"
                                                    rel="3" data:realIndex="2">
                                                    <path id="SvgjsPath1387"
                                                        d="M 21.203368024031324 109.86241999999999L 21.203368024031324 81.75807999999998Q 24.945138851801556 78.01630917222974 28.68690967957179 81.75807999999998L 28.68690967957179 109.86241999999999L 21.203368024031324 109.86241999999999"
                                                        fill="rgba(52,195,143,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="2" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 21.203368024031324 109.86241999999999L 21.203368024031324 81.75807999999998Q 24.945138851801556 78.01630917222974 28.68690967957179 81.75807999999998L 28.68690967957179 109.86241999999999L 21.203368024031324 109.86241999999999"
                                                        pathFrom="M 21.203368024031324 109.86241999999999L 21.203368024031324 109.86241999999999L 28.68690967957179 109.86241999999999L 28.68690967957179 109.86241999999999L 28.68690967957179 109.86241999999999L 21.203368024031324 109.86241999999999"
                                                        cy="81.75807999999998" cx="71.09364572763444"
                                                        j="0" val="11"
                                                        barHeight="28.104340000000004" barWidth="7.483541655540466">
                                                    </path>
                                                    <path id="SvgjsPath1388"
                                                        d="M 71.09364572763444 56.20868000000001L 71.09364572763444 12.774700000000003Q 74.83541655540468 9.03292917222977 78.5771873831749 12.774700000000003L 78.5771873831749 56.20868000000001L 71.09364572763444 56.20868000000001"
                                                        fill="rgba(52,195,143,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="2" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 71.09364572763444 56.20868000000001L 71.09364572763444 12.774700000000003Q 74.83541655540468 9.03292917222977 78.5771873831749 12.774700000000003L 78.5771873831749 56.20868000000001L 71.09364572763444 56.20868000000001"
                                                        pathFrom="M 71.09364572763444 56.20868000000001L 71.09364572763444 56.20868000000001L 78.5771873831749 56.20868000000001L 78.5771873831749 56.20868000000001L 78.5771873831749 56.20868000000001L 71.09364572763444 56.20868000000001"
                                                        cy="12.774700000000003" cx="120.98392343123754"
                                                        j="1" val="17"
                                                        barHeight="43.433980000000005" barWidth="7.483541655540466">
                                                    </path>
                                                    <path id="SvgjsPath1389"
                                                        d="M 120.98392343123754 99.64266L 120.98392343123754 61.31856Q 124.72569425900778 57.576789172229766 128.46746508677802 61.31856L 128.46746508677802 99.64266L 120.98392343123754 99.64266"
                                                        fill="rgba(52,195,143,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="2" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 120.98392343123754 99.64266L 120.98392343123754 61.31856Q 124.72569425900778 57.576789172229766 128.46746508677802 61.31856L 128.46746508677802 99.64266L 120.98392343123754 99.64266"
                                                        pathFrom="M 120.98392343123754 99.64266L 120.98392343123754 99.64266L 128.46746508677802 99.64266L 128.46746508677802 99.64266L 128.46746508677802 99.64266L 120.98392343123754 99.64266"
                                                        cy="61.31856" cx="170.87420113484066" j="2"
                                                        val="15" barHeight="38.32410000000001"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1390"
                                                        d="M 170.87420113484066 63.87349999999999L 170.87420113484066 25.549399999999984Q 174.6159719626109 21.807629172229753 178.35774279038114 25.549399999999984L 178.35774279038114 63.87349999999999L 170.87420113484066 63.87349999999999"
                                                        fill="rgba(52,195,143,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="2" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 170.87420113484066 63.87349999999999L 170.87420113484066 25.549399999999984Q 174.6159719626109 21.807629172229753 178.35774279038114 25.549399999999984L 178.35774279038114 63.87349999999999L 170.87420113484066 63.87349999999999"
                                                        pathFrom="M 170.87420113484066 63.87349999999999L 170.87420113484066 63.87349999999999L 178.35774279038114 63.87349999999999L 178.35774279038114 63.87349999999999L 178.35774279038114 63.87349999999999L 170.87420113484066 63.87349999999999"
                                                        cy="25.549399999999984" cx="220.76447883844378"
                                                        j="3" val="15"
                                                        barHeight="38.32410000000001" barWidth="7.483541655540466">
                                                    </path>
                                                    <path id="SvgjsPath1391"
                                                        d="M 220.76447883844378 166.0711L 220.76447883844378 112.41736Q 224.50624966621402 108.67558917222976 228.24802049398426 112.41736L 228.24802049398426 166.0711L 220.76447883844378 166.0711"
                                                        fill="rgba(52,195,143,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="2" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 220.76447883844378 166.0711L 220.76447883844378 112.41736Q 224.50624966621402 108.67558917222976 228.24802049398426 112.41736L 228.24802049398426 166.0711L 220.76447883844378 166.0711"
                                                        pathFrom="M 220.76447883844378 166.0711L 220.76447883844378 166.0711L 228.24802049398426 166.0711L 228.24802049398426 166.0711L 228.24802049398426 166.0711L 220.76447883844378 166.0711"
                                                        cy="112.41736" cx="270.65475654204687" j="4"
                                                        val="21" barHeight="53.653740000000006"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1392"
                                                        d="M 270.65475654204687 76.6482L 270.65475654204687 40.879039999999996Q 274.3965273698171 37.137269172229765 278.13829819758735 40.879039999999996L 278.13829819758735 76.6482L 270.65475654204687 76.6482"
                                                        fill="rgba(52,195,143,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="2" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 270.65475654204687 76.6482L 270.65475654204687 40.879039999999996Q 274.3965273698171 37.137269172229765 278.13829819758735 40.879039999999996L 278.13829819758735 76.6482L 270.65475654204687 76.6482"
                                                        pathFrom="M 270.65475654204687 76.6482L 270.65475654204687 76.6482L 278.13829819758735 76.6482L 278.13829819758735 76.6482L 278.13829819758735 76.6482L 270.65475654204687 76.6482"
                                                        cy="40.879039999999996" cx="320.54503424564996"
                                                        j="5" val="14"
                                                        barHeight="35.76916000000001" barWidth="7.483541655540466">
                                                    </path>
                                                    <path id="SvgjsPath1393"
                                                        d="M 320.54503424564996 117.52724L 320.54503424564996 89.4229Q 324.28680507342017 85.68112917222976 328.02857590119044 89.4229L 328.02857590119044 117.52724L 320.54503424564996 117.52724"
                                                        fill="rgba(52,195,143,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="2" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 320.54503424564996 117.52724L 320.54503424564996 89.4229Q 324.28680507342017 85.68112917222976 328.02857590119044 89.4229L 328.02857590119044 117.52724L 320.54503424564996 117.52724"
                                                        pathFrom="M 320.54503424564996 117.52724L 320.54503424564996 117.52724L 328.02857590119044 117.52724L 328.02857590119044 117.52724L 328.02857590119044 117.52724L 320.54503424564996 117.52724"
                                                        cy="89.4229" cx="370.43531194925305" j="6"
                                                        val="11" barHeight="28.104340000000004"
                                                        barWidth="7.483541655540466"></path>
                                                    <path id="SvgjsPath1394"
                                                        d="M 370.43531194925305 66.42844L 370.43531194925305 20.439519999999987Q 374.17708277702326 16.697749172229756 377.9188536047935 20.439519999999987L 377.9188536047935 66.42844L 370.43531194925305 66.42844"
                                                        fill="rgba(52,195,143,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="2" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 370.43531194925305 66.42844L 370.43531194925305 20.439519999999987Q 374.17708277702326 16.697749172229756 377.9188536047935 20.439519999999987L 377.9188536047935 66.42844L 370.43531194925305 66.42844"
                                                        pathFrom="M 370.43531194925305 66.42844L 370.43531194925305 66.42844L 377.9188536047935 66.42844L 377.9188536047935 66.42844L 377.9188536047935 66.42844L 370.43531194925305 66.42844"
                                                        cy="20.439519999999987" cx="420.32558965285614"
                                                        j="7" val="18"
                                                        barHeight="45.98892000000001" barWidth="7.483541655540466">
                                                    </path>
                                                    <path id="SvgjsPath1395"
                                                        d="M 420.32558965285614 168.62604L 420.32558965285614 125.19205999999998Q 424.06736048062635 121.45028917222974 427.8091313083966 125.19205999999998L 427.8091313083966 168.62604L 420.32558965285614 168.62604"
                                                        fill="rgba(52,195,143,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="2" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 420.32558965285614 168.62604L 420.32558965285614 125.19205999999998Q 424.06736048062635 121.45028917222974 427.8091313083966 125.19205999999998L 427.8091313083966 168.62604L 420.32558965285614 168.62604"
                                                        pathFrom="M 420.32558965285614 168.62604L 420.32558965285614 168.62604L 427.8091313083966 168.62604L 427.8091313083966 168.62604L 427.8091313083966 168.62604L 420.32558965285614 168.62604"
                                                        cy="125.19205999999998" cx="470.2158673564592"
                                                        j="8" val="17"
                                                        barHeight="43.433980000000005" barWidth="7.483541655540466">
                                                    </path>
                                                    <path id="SvgjsPath1396"
                                                        d="M 470.2158673564592 168.62604000000002L 470.2158673564592 137.96676000000002Q 473.95763818422944 134.22498917222978 477.6994090119997 137.96676000000002L 477.6994090119997 168.62604000000002L 470.2158673564592 168.62604000000002"
                                                        fill="rgba(52,195,143,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="2" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 470.2158673564592 168.62604000000002L 470.2158673564592 137.96676000000002Q 473.95763818422944 134.22498917222978 477.6994090119997 137.96676000000002L 477.6994090119997 168.62604000000002L 470.2158673564592 168.62604000000002"
                                                        pathFrom="M 470.2158673564592 168.62604000000002L 470.2158673564592 168.62604000000002L 477.6994090119997 168.62604000000002L 477.6994090119997 168.62604000000002L 477.6994090119997 168.62604000000002L 470.2158673564592 168.62604000000002"
                                                        cy="137.96676000000002" cx="520.1061450600623"
                                                        j="9" val="12"
                                                        barHeight="30.659280000000006" barWidth="7.483541655540466">
                                                    </path>
                                                    <path id="SvgjsPath1397"
                                                        d="M 520.1061450600623 102.1976L 520.1061450600623 51.09879999999998Q 523.8479158878325 47.35702917222975 527.5896867156027 51.09879999999998L 527.5896867156027 102.1976L 520.1061450600623 102.1976"
                                                        fill="rgba(52,195,143,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="2" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 520.1061450600623 102.1976L 520.1061450600623 51.09879999999998Q 523.8479158878325 47.35702917222975 527.5896867156027 51.09879999999998L 527.5896867156027 102.1976L 520.1061450600623 102.1976"
                                                        pathFrom="M 520.1061450600623 102.1976L 520.1061450600623 102.1976L 527.5896867156027 102.1976L 527.5896867156027 102.1976L 527.5896867156027 102.1976L 520.1061450600623 102.1976"
                                                        cy="51.09879999999998" cx="569.9964227636655"
                                                        j="10" val="20"
                                                        barHeight="51.09880000000001" barWidth="7.483541655540466">
                                                    </path>
                                                    <path id="SvgjsPath1398"
                                                        d="M 569.9964227636655 76.64819999999997L 569.9964227636655 30.659279999999967Q 573.7381935914357 26.917509172229735 577.4799644192059 30.659279999999967L 577.4799644192059 76.64819999999997L 569.9964227636655 76.64819999999997"
                                                        fill="rgba(52,195,143,1)" fill-opacity="1"
                                                        stroke-opacity="1" stroke-linecap="butt" stroke-width="0"
                                                        stroke-dasharray="0" class="apexcharts-bar-area"
                                                        index="2" clip-path="url(#gridRectMask159165)"
                                                        pathTo="M 569.9964227636655 76.64819999999997L 569.9964227636655 30.659279999999967Q 573.7381935914357 26.917509172229735 577.4799644192059 30.659279999999967L 577.4799644192059 76.64819999999997L 569.9964227636655 76.64819999999997"
                                                        pathFrom="M 569.9964227636655 76.64819999999997L 569.9964227636655 76.64819999999997L 577.4799644192059 76.64819999999997L 577.4799644192059 76.64819999999997L 577.4799644192059 76.64819999999997L 569.9964227636655 76.64819999999997"
                                                        cy="30.659279999999967" cx="619.8867004672686"
                                                        j="11" val="18"
                                                        barHeight="45.98892000000001" barWidth="7.483541655540466">
                                                    </path>
                                                </g>
                                                <g id="SvgjsG1358" class="apexcharts-datalabels"></g>
                                                <g id="SvgjsG1372" class="apexcharts-datalabels"></g>
                                                <g id="SvgjsG1386" class="apexcharts-datalabels"></g>
                                            </g>
                                            <line id="SvgjsLine1476" x1="0" y1="0"
                                                x2="598.6833324432373" y2="0" stroke="#b6b6b6"
                                                stroke-dasharray="0" stroke-width="1"
                                                class="apexcharts-ycrosshairs">
                                            </line>
                                            <line id="SvgjsLine1477" x1="0" y1="0"
                                                x2="598.6833324432373" y2="0" stroke-dasharray="0"
                                                stroke-width="0" class="apexcharts-ycrosshairs-hidden"></line>
                                            <g id="SvgjsG1478" class="apexcharts-yaxis-annotations"
                                                clip-path="url(#gridRectMask159165)"></g>
                                            <g id="SvgjsG1479" class="apexcharts-xaxis-annotations"
                                                clip-path="url(#gridRectMask159165)"></g>
                                            <g id="SvgjsG1480" class="apexcharts-point-annotations"
                                                clip-path="url(#gridRectMask159165)"></g>
                                        </g>
                                        <g id="SvgjsG1438" class="apexcharts-yaxis" rel="0"
                                            transform="translate(14.316667556762695, 0)">
                                            <g id="SvgjsG1439" class="apexcharts-yaxis-texts-g"><text
                                                    id="SvgjsText1440" font-family="Helvetica, Arial, sans-serif"
                                                    x="20" y="41.5" text-anchor="end"
                                                    dominant-baseline="auto" font-size="11px"
                                                    font-weight="regular" fill="#373d3f"
                                                    class="apexcharts-text apexcharts-yaxis-label "
                                                    style="font-family: Helvetica, Arial, sans-serif;">
                                                    <tspan id="SvgjsTspan1441">100</tspan>
                                                </text><text id="SvgjsText1442"
                                                    font-family="Helvetica, Arial, sans-serif" x="20"
                                                    y="92.59880000000001" text-anchor="end"
                                                    dominant-baseline="auto" font-size="11px"
                                                    font-weight="regular" fill="#373d3f"
                                                    class="apexcharts-text apexcharts-yaxis-label "
                                                    style="font-family: Helvetica, Arial, sans-serif;">
                                                    <tspan id="SvgjsTspan1443">80</tspan>
                                                </text><text id="SvgjsText1444"
                                                    font-family="Helvetica, Arial, sans-serif" x="20"
                                                    y="143.69760000000002" text-anchor="end"
                                                    dominant-baseline="auto" font-size="11px"
                                                    font-weight="regular" fill="#373d3f"
                                                    class="apexcharts-text apexcharts-yaxis-label "
                                                    style="font-family: Helvetica, Arial, sans-serif;">
                                                    <tspan id="SvgjsTspan1445">60</tspan>
                                                </text><text id="SvgjsText1446"
                                                    font-family="Helvetica, Arial, sans-serif" x="20"
                                                    y="194.79640000000003" text-anchor="end"
                                                    dominant-baseline="auto" font-size="11px"
                                                    font-weight="regular" fill="#373d3f"
                                                    class="apexcharts-text apexcharts-yaxis-label "
                                                    style="font-family: Helvetica, Arial, sans-serif;">
                                                    <tspan id="SvgjsTspan1447">40</tspan>
                                                </text><text id="SvgjsText1448"
                                                    font-family="Helvetica, Arial, sans-serif" x="20"
                                                    y="245.89520000000005" text-anchor="end"
                                                    dominant-baseline="auto" font-size="11px"
                                                    font-weight="regular" fill="#373d3f"
                                                    class="apexcharts-text apexcharts-yaxis-label "
                                                    style="font-family: Helvetica, Arial, sans-serif;">
                                                    <tspan id="SvgjsTspan1449">20</tspan>
                                                </text><text id="SvgjsText1450"
                                                    font-family="Helvetica, Arial, sans-serif" x="20"
                                                    y="296.994" text-anchor="end" dominant-baseline="auto"
                                                    font-size="11px" font-weight="regular" fill="#373d3f"
                                                    class="apexcharts-text apexcharts-yaxis-label "
                                                    style="font-family: Helvetica, Arial, sans-serif;">
                                                    <tspan id="SvgjsTspan1451">0</tspan>
                                                </text></g>
                                        </g>
                                    </svg>
                                    <div class="apexcharts-tooltip apexcharts-theme-light">
                                        <div class="apexcharts-tooltip-title"
                                            style="font-family: Helvetica, Arial, sans-serif; font-size: 12px;"></div>
                                        <div class="apexcharts-tooltip-series-group"><span
                                                class="apexcharts-tooltip-marker"
                                                style="background-color: rgb(85, 110, 230);"></span>
                                            <div class="apexcharts-tooltip-text"
                                                style="font-family: Helvetica, Arial, sans-serif; font-size: 12px;">
                                                <div class="apexcharts-tooltip-y-group"><span
                                                        class="apexcharts-tooltip-text-label"></span><span
                                                        class="apexcharts-tooltip-text-value"></span></div>
                                                <div class="apexcharts-tooltip-z-group"><span
                                                        class="apexcharts-tooltip-text-z-label"></span><span
                                                        class="apexcharts-tooltip-text-z-value"></span></div>
                                            </div>
                                        </div>
                                        <div class="apexcharts-tooltip-series-group"><span
                                                class="apexcharts-tooltip-marker"
                                                style="background-color: rgb(241, 180, 76);"></span>
                                            <div class="apexcharts-tooltip-text"
                                                style="font-family: Helvetica, Arial, sans-serif; font-size: 12px;">
                                                <div class="apexcharts-tooltip-y-group"><span
                                                        class="apexcharts-tooltip-text-label"></span><span
                                                        class="apexcharts-tooltip-text-value"></span></div>
                                                <div class="apexcharts-tooltip-z-group"><span
                                                        class="apexcharts-tooltip-text-z-label"></span><span
                                                        class="apexcharts-tooltip-text-z-value"></span></div>
                                            </div>
                                        </div>
                                        <div class="apexcharts-tooltip-series-group"><span
                                                class="apexcharts-tooltip-marker"
                                                style="background-color: rgb(52, 195, 143);"></span>
                                            <div class="apexcharts-tooltip-text"
                                                style="font-family: Helvetica, Arial, sans-serif; font-size: 12px;">
                                                <div class="apexcharts-tooltip-y-group"><span
                                                        class="apexcharts-tooltip-text-label"></span><span
                                                        class="apexcharts-tooltip-text-value"></span></div>
                                                <div class="apexcharts-tooltip-z-group"><span
                                                        class="apexcharts-tooltip-text-z-label"></span><span
                                                        class="apexcharts-tooltip-text-z-value"></span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="resize-triggers">
                                <div class="expand-trigger">
                                    <div style="width: 694px; height: 442px;"></div>
                                </div>
                                <div class="contract-trigger"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->
    </div>
</div>
@push('scripts')
    <script></script>
@endpush