{% extends 'base.html.twig' %}
{% block title %}Falqn{% endblock %}
{% block stylesheets %}
    
    {#
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css"/>
    #}

    {#
    Soldan Kayarak Gelme	class="reveal-item slide-left"
    Sağdan Kayarak Gelme	class="reveal-item slide-right"
    Aşağıdan Yukarı Gelme	class="reveal-item slide-up"
    yukarıdan aşağı Gelme	class="reveal-item slide-down"
    Harf Harf Dökülme	class="split-text"
    #}
    <style>
        /* 1. Temal noktaların (bullets) genel yapısı */
        .swiper-pagination-bullet {
            width: 13px;
            height: 13px;
            display: inline-block;
            border-radius: 50%;
            opacity: 1;
            border: 1px solid white;
        }

        /* 2. Aktif olan noktanın görünümü */
        .swiper-pagination-bullet-active {
            opacity: 1;
            background: white; /* Aktif nokta rengi (Mavi) */
        }

        /* 3. Dikey (Vertical) konumlandırma için kritik kodlar */
        .swiper-pagination-vertical.swiper-pagination-bullets,
        .swiper-vertical > .swiper-pagination-bullets {
            right: 46px;
            top: 50%;
            transform: translate3d(0px, -50%, 0);
            position: absolute;
            display: flex;
            flex-direction: column;
            gap: 20px;
            z-index: 10;
        }

        /* Tıklanabilir olması için */
        .swiper-pagination-clickable .swiper-pagination-bullet {
            cursor: pointer;
        }
        
    </style>

{% endblock %}
{% block body %}

    <div class="fixed">
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">

                {% set yansima_yuvarlak %}
                    {% for i in 1..20 %}
                        <div class="yansima_yuvarlak yansima_{{ i }}"
                             style="animation-delay: {{ i * 2 }}s;">
                        </div>
                    {% endfor %}
                {% endset %}

                <div class="kutu">
                    {{ yansima_yuvarlak|raw }}
                </div>

                {# slider1 #}
                <div class="swiper-slide f-colmn style_slider1">

                    <img src="{{ asset('media/logo/main2.jpeg') }}" alt="" class="main_img">

                    <div class="parcalar_yuvarlak">

                        <?xml version="1.0" encoding="utf-8"?>
                        <!-- Generator: Adobe Illustrator 27.9.6, SVG Export Plug-In . SVG Version: 9.03 Build 54986)  -->
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                             viewBox="190 61 365 385" style="enable-background:new 124 0 500 500;" xml:space="preserve">
                        <style type="text/css">
                            .st0 {
                                fill: #BCBEC0;
                            }

                            .st1 {
                                opacity: 0.2;
                                fill: #BCBEC0;
                            }

                            .st2 {
                                opacity: 0.3;
                                fill: #BCBEC0;
                            }

                            .st3 {
                                opacity: 0.5;
                                fill: #BCBEC0;
                            }

                            .st4 {
                                opacity: 0.3;
                            }

                            .st5 {
                                opacity: 0.6;
                            }

                            .st6 {
                                opacity: 0.5;
                            }

                            .st7 {
                                opacity: 0.8;
                            }
                        </style>
                            <g id="BACKGROUND_2">
                                <g>
                                    <g>
                                        <g>
                                            <g>
                                                <g>
                                                    <path class="st0" d="M372.9,389c-74.6,0-135.4-60.7-135.4-135.3c0-74.6,60.7-135.4,135.4-135.4c74.6,0,135.3,60.7,135.3,135.4
							C508.2,328.3,447.5,389,372.9,389z M372.9,120.1c-73.6,0-133.5,59.9-133.5,133.5c0,73.6,59.9,133.5,133.5,133.5
							c73.6,0,133.5-59.9,133.5-133.5C506.4,180,446.5,120.1,372.9,120.1z"/>
                                                </g>
                                                <path class="st1" d="M230.2,253.7c0-16.2,2.7-31.8,7.7-46.4l-8-2.8c-5.3,15.4-8.2,32-8.2,49.2c0,24,5.6,46.7,15.5,66.8l7.4-4.2
						C235.4,297.4,230.2,276.1,230.2,253.7z"/>
                                                {#
                                                <path class="st2" d="M242.7,283.9c-3.9-15.8-4.6-30.8-3.3-46.1l-9.9-1.6c-1.4,16.3-1,33,3.1,49.8c5.8,23.3,17.4,43.9,31.9,61.1
						l7.3-5.9C258.2,325.1,248.1,305.7,242.7,283.9z"/> #}

                                                <path class="st3" d="M502.5,192.2c6.9,14.7,11.1,30,12.8,45.3l8.4-0.8c-1.8-16.2-6.2-32.4-13.6-48
						c-10.2-21.7-25-39.8-42.5-53.8l-4.9,6.9C479.2,154.9,493,171.9,502.5,192.2z"/>
                                                <g class="st4">
                                                    <path class="st0" d="M476.2,357c-27.6,27.6-64.3,42.8-103.4,42.8c-39,0-75.8-15.2-103.4-42.8c-27.6-27.6-42.8-64.3-42.8-103.4
							c0-39,15.2-75.8,42.8-103.4c27.6-27.6,64.3-42.8,103.4-42.8c39,0,75.7,15.2,103.4,42.8c27.6,27.6,42.8,64.3,42.8,103.4
							C519,292.7,503.8,329.4,476.2,357z M269.9,150.7c-56.8,56.8-56.8,149.2,0,205.9c56.8,56.8,149.2,56.8,205.9,0
							c56.8-56.8,56.8-149.2,0-205.9C419.1,93.9,326.7,93.9,269.9,150.7z"/>
                                                </g>
                                                {# <g class="st5">
                                                    <path class="st0" d="M372.9,392.5c-37.1,0-71.9-14.4-98.2-40.7c-26.2-26.2-40.7-61.1-40.7-98.1c0-37.1,14.4-71.9,40.7-98.2
							c26.2-26.2,61.1-40.7,98.2-40.7c37.1,0,71.9,14.4,98.2,40.7c26.2,26.2,40.7,61.1,40.7,98.2c0,37.1-14.4,71.9-40.7,98.1
							C444.8,378,409.9,392.5,372.9,392.5z M372.9,115.4c-76.3,0-138.3,62-138.3,138.3c0,76.3,62,138.3,138.3,138.3
							c76.3,0,138.3-62,138.3-138.3C511.2,177.4,449.1,115.4,372.9,115.4z"/>
                                                </g>
                                                <g class="st6">
                                                    <path class="st0" d="M290.1,170.4c21.2-21.1,50.5-34.2,82.8-34.2c30.3,0,57.9,11.5,78.8,30.4l2-2
							c-21.3-19.4-49.7-31.2-80.8-31.2c-33.1,0-63.1,13.4-84.8,35L290.1,170.4z"/>
                                                    <path class="st0" d="M455.1,166l-2,2c22,20.6,36,49.5,37.1,81.7h2.8C492,216.7,477.6,187.1,455.1,166z"/>
                                                    <path class="st0" d="M255.5,249.7c1-30.2,13.4-57.6,33.1-77.9l-2-2c-20.2,20.8-32.9,48.8-34,79.8H255.5z"/>
                                                    <path class="st0" d="M285.8,332.4c-18.9-20.8-30.4-48.5-30.4-78.8c0-0.6,0-1.3,0-1.9h-2.8c0,0.6,0,1.3,0,1.9
							c0,31.1,11.8,59.4,31.2,80.8L285.8,332.4z"/>
                                                    <path class="st0" d="M454.7,337.9c-21.1,20.5-50,33.2-81.8,33.2c-33.8,0-64.3-14.3-85.7-37.1l-2,2c21.9,23.4,53.1,38,87.7,38
							c32.6,0,62.1-13,83.8-34L454.7,337.9z"/>
                                                    <path class="st0" d="M490.3,251.7c0,0.6,0,1.3,0,1.9c0,32.3-13,61.6-34.2,82.8l2,2c21.6-21.7,35-51.7,35-84.8
							c0-0.6,0-1.3,0-1.9H490.3z"/>
                                                </g>#}
                                            </g>
                                            <g class="st6">
                                                <g class="st7">
                                                    <g>
                                                        <path class="st0" d="M536.9,323.3c-9,21.3-21.9,40.4-38.3,56.8c-16.4,16.4-35.5,29.3-56.8,38.3c-22,9.3-45.4,14-69.5,14
								c-24.1,0-47.5-4.7-69.6-14c-21.3-9-40.4-21.9-56.8-38.3c-16.4-16.4-29.3-35.5-38.3-56.8c-9.3-22-14-45.4-14-69.5
								c0-24.1,4.7-47.5,14-69.6c9-21.3,21.9-40.4,38.3-56.8c16.4-16.4,35.5-29.3,56.8-38.3c22-9.3,45.4-14,69.6-14
								c24.1,0,47.5,4.7,69.5,14c21.3,9,40.4,21.9,56.8,38.3c16.4,16.4,29.3,35.5,38.3,56.8c9.3,22,14,45.4,14,69.6
								C551,277.9,546.2,301.3,536.9,323.3z M372.3,432c98.3,0,178.2-80,178.2-178.2c0-98.3-80-178.2-178.2-178.2
								c-98.3,0-178.2,80-178.3,178.2C194,352.1,274,432,372.3,432z"/>
                                                    </g>
                                                </g>
                                                <g>
                                                    <path class="st0" d="M540,255.3l-5.2,0c0-0.4,0-0.8,0-1.1l5.2,0C540,254.5,540,254.9,540,255.3z M534.7,251.8
							c0-0.4,0-0.8,0-1.1l5.2-0.1c0,0.4,0,0.8,0,1.2L534.7,251.8z M539.9,258.8l-5.2-0.2c0-0.4,0-0.8,0-1.1l5.2,0.1
							C539.9,258,539.9,258.4,539.9,258.8z M534.7,248.4c0-0.4,0-0.8,0-1.1l5.2-0.2c0,0.4,0,0.8,0,1.2L534.7,248.4z M539.8,262.4
							l-5.2-0.3c0-0.4,0-0.8,0.1-1.1l5.2,0.2C539.8,261.6,539.8,262,539.8,262.4z M534.5,245c0-0.4,0-0.8-0.1-1.1l5.2-0.3
							c0,0.4,0,0.8,0.1,1.2L534.5,245z M539.6,265.9l-5.2-0.4c0-0.4,0.1-0.8,0.1-1.1l5.2,0.3C539.6,265.1,539.6,265.5,539.6,265.9z
							 M534.3,241.5c0-0.4-0.1-0.8-0.1-1.1l5.2-0.4c0,0.4,0.1,0.8,0.1,1.2L534.3,241.5z M539.3,269.4l-5.2-0.5
							c0-0.4,0.1-0.8,0.1-1.1l5.2,0.4C539.3,268.6,539.3,269,539.3,269.4z M534,238.1c0-0.4-0.1-0.8-0.1-1.1l5.2-0.5
							c0,0.4,0.1,0.8,0.1,1.2L534,238.1z M538.9,272.9l-5.2-0.6c0-0.4,0.1-0.8,0.1-1.1l5.2,0.6C539,272.2,538.9,272.6,538.9,272.9z
							 M533.7,234.7c0-0.4-0.1-0.8-0.1-1.1l5.2-0.6c0,0.4,0.1,0.8,0.1,1.2L533.7,234.7z M538.5,276.5l-5.2-0.7
							c0-0.4,0.1-0.8,0.1-1.1l5.2,0.7C538.6,275.7,538.5,276.1,538.5,276.5z M533.2,231.3c-0.1-0.4-0.1-0.8-0.2-1.1l5.2-0.8
							c0.1,0.4,0.1,0.8,0.2,1.2L533.2,231.3z M538,280l-5.2-0.8c0.1-0.4,0.1-0.8,0.2-1.1l5.2,0.8C538.1,279.2,538,279.6,538,280z
							 M532.7,227.9c-0.1-0.4-0.1-0.8-0.2-1.1l5.2-0.9c0.1,0.4,0.1,0.8,0.2,1.2L532.7,227.9z M537.4,283.4l-5.1-0.9
							c0.1-0.4,0.1-0.7,0.2-1.1l5.2,0.9C537.5,282.7,537.4,283.1,537.4,283.4z M532.1,224.5c-0.1-0.4-0.1-0.7-0.2-1.1l5.1-1
							c0.1,0.4,0.1,0.8,0.2,1.2L532.1,224.5z M536.7,286.9l-5.1-1c0.1-0.4,0.1-0.7,0.2-1.1l5.1,1
							C536.9,286.2,536.8,286.5,536.7,286.9z M531.5,221.2c-0.1-0.4-0.2-0.7-0.2-1.1l5.1-1.1c0.1,0.4,0.2,0.8,0.2,1.2L531.5,221.2z
							 M536,290.4l-5.1-1.1c0.1-0.4,0.2-0.7,0.2-1.1l5.1,1.1C536.1,289.6,536.1,290,536,290.4z M530.8,217.8
							c-0.1-0.4-0.2-0.7-0.3-1.1l5.1-1.2c0.1,0.4,0.2,0.8,0.3,1.1L530.8,217.8z M535.2,293.8l-5.1-1.2c0.1-0.4,0.2-0.7,0.3-1.1
							l5.1,1.2C535.4,293.1,535.3,293.5,535.2,293.8z M530,214.5c-0.1-0.4-0.2-0.7-0.3-1.1l5.1-1.3c0.1,0.4,0.2,0.8,0.3,1.1
							L530,214.5z M534.3,297.3l-5-1.3c0.1-0.4,0.2-0.7,0.3-1.1l5.1,1.3C534.5,296.5,534.4,296.9,534.3,297.3z M529.1,211.2
							c-0.1-0.4-0.2-0.7-0.3-1.1l5-1.4c0.1,0.4,0.2,0.8,0.3,1.1L529.1,211.2z M533.3,300.7l-5-1.5c0.1-0.4,0.2-0.7,0.3-1.1l5,1.4
							C533.6,299.9,533.5,300.3,533.3,300.7z M528.2,207.9c-0.1-0.4-0.2-0.7-0.3-1.1l5-1.5c0.1,0.4,0.2,0.8,0.3,1.1L528.2,207.9z
							 M532.3,304.1l-5-1.6c0.1-0.4,0.2-0.7,0.3-1.1l5,1.5C532.6,303.3,532.4,303.7,532.3,304.1z M527.2,204.6
							c-0.1-0.4-0.2-0.7-0.3-1.1l5-1.6c0.1,0.4,0.2,0.8,0.4,1.1L527.2,204.6z M531.2,307.4l-5-1.7c0.1-0.4,0.2-0.7,0.4-1.1l5,1.6
							C531.5,306.7,531.3,307.1,531.2,307.4z M526.1,201.3c-0.1-0.4-0.2-0.7-0.4-1.1l4.9-1.7c0.1,0.4,0.3,0.7,0.4,1.1L526.1,201.3z
							 M530.1,310.8l-4.9-1.8c0.1-0.4,0.3-0.7,0.4-1.1l4.9,1.7C530.3,310,530.2,310.4,530.1,310.8z M525,198.1
							c-0.1-0.4-0.3-0.7-0.4-1.1l4.9-1.8c0.1,0.4,0.3,0.7,0.4,1.1L525,198.1z M528.8,314.1l-4.9-1.9c0.1-0.4,0.3-0.7,0.4-1.1
							l4.9,1.8C529.1,313.4,529,313.7,528.8,314.1z M523.7,194.8c-0.1-0.4-0.3-0.7-0.4-1.1l4.9-1.9c0.1,0.4,0.3,0.7,0.4,1.1
							L523.7,194.8z M527.5,317.4l-4.8-2c0.1-0.4,0.3-0.7,0.4-1.1l4.9,2C527.8,316.6,527.7,317,527.5,317.4z M522.5,191.7
							c-0.1-0.3-0.3-0.7-0.4-1.1l4.8-2c0.2,0.4,0.3,0.7,0.5,1.1L522.5,191.7z M526.1,320.6l-4.8-2.1c0.2-0.3,0.3-0.7,0.5-1l4.8,2.1
							C526.4,319.9,526.3,320.3,526.1,320.6z M521.1,188.5c-0.2-0.4-0.3-0.7-0.5-1.1l4.8-2.1c0.2,0.4,0.3,0.7,0.5,1.1L521.1,188.5z
							 M524.7,323.8l-4.8-2.2c0.2-0.3,0.3-0.7,0.5-1l4.8,2.2C525,323.1,524.9,323.5,524.7,323.8z M519.7,185.4
							c-0.2-0.3-0.3-0.7-0.5-1l4.7-2.2c0.2,0.4,0.3,0.7,0.5,1.1L519.7,185.4z M523.2,327l-4.7-2.3c0.2-0.3,0.3-0.7,0.5-1l4.7,2.3
							C523.5,326.3,523.4,326.7,523.2,327z M518.2,182.3c-0.2-0.3-0.3-0.7-0.5-1l4.7-2.3c0.2,0.4,0.4,0.7,0.5,1.1L518.2,182.3z
							 M521.6,330.2l-4.7-2.4c0.2-0.3,0.3-0.7,0.5-1l4.7,2.4C522,329.5,521.8,329.8,521.6,330.2z M516.7,179.2
							c-0.2-0.3-0.4-0.7-0.5-1l4.6-2.4c0.2,0.3,0.4,0.7,0.5,1L516.7,179.2z M520,333.3l-4.6-2.5c0.2-0.3,0.4-0.7,0.5-1l4.6,2.5
							C520.3,332.6,520.2,333,520,333.3z M515,176.1c-0.2-0.3-0.4-0.7-0.6-1l4.6-2.5c0.2,0.3,0.4,0.7,0.6,1L515,176.1z M518.3,336.4
							l-4.5-2.6c0.2-0.3,0.4-0.7,0.6-1l4.6,2.5C518.6,335.7,518.5,336.1,518.3,336.4z M513.4,173.2c-0.2-0.3-0.4-0.7-0.6-1l4.5-2.6
							c0.2,0.3,0.4,0.7,0.6,1L513.4,173.2z M516.5,339.4l-4.5-2.7c0.2-0.3,0.4-0.7,0.6-1l4.5,2.6
							C516.9,338.8,516.7,339.1,516.5,339.4z M511.6,170.2c-0.2-0.3-0.4-0.7-0.6-1l4.5-2.7c0.2,0.3,0.4,0.7,0.6,1L511.6,170.2z
							 M514.6,342.5l-4.4-2.8c0.2-0.3,0.4-0.6,0.6-1l4.5,2.7C515.1,341.8,514.9,342.1,514.6,342.5z M509.8,167.3
							c-0.2-0.3-0.4-0.6-0.6-1l4.4-2.8c0.2,0.3,0.4,0.7,0.6,1L509.8,167.3z M512.7,345.4l-4.4-2.9c0.2-0.3,0.4-0.6,0.6-1l4.4,2.8
							C513.2,344.8,513,345.1,512.7,345.4z M508,164.4c-0.2-0.3-0.4-0.6-0.6-1l4.3-2.9c0.2,0.3,0.4,0.7,0.7,1L508,164.4z
							 M510.8,348.4l-4.3-3c0.2-0.3,0.4-0.6,0.6-0.9l4.3,2.9C511.2,347.7,511,348.1,510.8,348.4z M506,161.5
							c-0.2-0.3-0.4-0.6-0.7-0.9l4.3-3c0.2,0.3,0.5,0.6,0.7,1L506,161.5z M508.8,351.3l-4.3-3c0.2-0.3,0.4-0.6,0.7-0.9l4.3,3
							C509.2,350.6,509,350.9,508.8,351.3z M504.1,158.7c-0.2-0.3-0.4-0.6-0.7-0.9l4.2-3.1c0.2,0.3,0.5,0.6,0.7,1L504.1,158.7z
							 M506.7,354.1l-4.2-3.1c0.2-0.3,0.5-0.6,0.7-0.9l4.2,3.1C507.1,353.5,506.9,353.8,506.7,354.1z M502,156
							c-0.2-0.3-0.5-0.6-0.7-0.9l4.1-3.2c0.2,0.3,0.5,0.6,0.7,0.9L502,156z M504.5,356.9l-4.1-3.2c0.2-0.3,0.5-0.6,0.7-0.9l4.1,3.2
							C505,356.3,504.8,356.6,504.5,356.9z M499.9,153.3c-0.2-0.3-0.5-0.6-0.7-0.9l4.1-3.3c0.2,0.3,0.5,0.6,0.7,0.9L499.9,153.3z
							 M502.3,359.7l-4-3.3c0.2-0.3,0.5-0.6,0.7-0.9l4.1,3.3C502.8,359.1,502.6,359.4,502.3,359.7z M497.8,150.6
							c-0.2-0.3-0.5-0.6-0.7-0.9l4-3.3c0.2,0.3,0.5,0.6,0.7,0.9L497.8,150.6z M500.1,362.4l-4-3.4c0.2-0.3,0.5-0.6,0.7-0.9l4,3.4
							C500.6,361.8,500.3,362.1,500.1,362.4z M495.6,148c-0.2-0.3-0.5-0.6-0.7-0.9l3.9-3.4c0.3,0.3,0.5,0.6,0.8,0.9L495.6,148z
							 M497.7,365.1l-3.9-3.5c0.3-0.3,0.5-0.6,0.8-0.9l3.9,3.4C498.3,364.5,498,364.8,497.7,365.1z M493.3,145.4
							c-0.3-0.3-0.5-0.6-0.8-0.9l3.9-3.5c0.3,0.3,0.5,0.6,0.8,0.9L493.3,145.4z M495.4,367.7l-3.8-3.6c0.3-0.3,0.5-0.6,0.8-0.8
							l3.9,3.5C495.9,367.1,495.6,367.4,495.4,367.7z M491,142.8c-0.3-0.3-0.5-0.6-0.8-0.8l3.8-3.6c0.3,0.3,0.5,0.6,0.8,0.9
							L491,142.8z M492.9,370.3l-3.8-3.6c0.3-0.3,0.5-0.6,0.8-0.8l3.8,3.6C493.5,369.7,493.2,370,492.9,370.3z M488.6,140.4
							c-0.3-0.3-0.5-0.5-0.8-0.8l3.7-3.7c0.3,0.3,0.6,0.6,0.8,0.8L488.6,140.4z M490.4,372.8l-3.7-3.7c0.3-0.3,0.5-0.5,0.8-0.8
							l3.7,3.7C491,372.2,490.7,372.5,490.4,372.8z M486.2,137.9c-0.3-0.3-0.5-0.5-0.8-0.8l3.6-3.8c0.3,0.3,0.6,0.5,0.8,0.8
							L486.2,137.9z M487.9,375.3l-3.6-3.8c0.3-0.3,0.6-0.5,0.8-0.8l3.6,3.8C488.5,374.7,488.2,375,487.9,375.3z M483.7,135.6
							c-0.3-0.3-0.6-0.5-0.8-0.8l3.6-3.8c0.3,0.3,0.6,0.5,0.9,0.8L483.7,135.6z M485.3,377.7l-3.5-3.9c0.3-0.3,0.6-0.5,0.8-0.8
							l3.6,3.8C485.9,377.1,485.6,377.4,485.3,377.7z M481.2,133.2c-0.3-0.3-0.6-0.5-0.8-0.8l3.5-3.9c0.3,0.3,0.6,0.5,0.9,0.8
							L481.2,133.2z M482.7,380l-3.4-3.9c0.3-0.2,0.6-0.5,0.9-0.8l3.5,3.9C483.3,379.5,483,379.8,482.7,380z M478.6,131
							c-0.3-0.3-0.6-0.5-0.9-0.7l3.4-4c0.3,0.3,0.6,0.5,0.9,0.8L478.6,131z M480,382.3l-3.4-4c0.3-0.2,0.6-0.5,0.9-0.7l3.4,4
							C480.6,381.8,480.3,382.1,480,382.3z M476,128.7c-0.3-0.2-0.6-0.5-0.9-0.7l3.3-4c0.3,0.2,0.6,0.5,0.9,0.8L476,128.7z
							 M477.3,384.6l-3.3-4.1c0.3-0.2,0.6-0.5,0.9-0.7l3.3,4.1C477.9,384.1,477.6,384.3,477.3,384.6z M473.4,126.6
							c-0.3-0.2-0.6-0.5-0.9-0.7l3.2-4.1c0.3,0.2,0.6,0.5,0.9,0.7L473.4,126.6z M474.5,386.8l-3.2-4.1c0.3-0.2,0.6-0.5,0.9-0.7
							l3.2,4.1C475.1,386.3,474.8,386.5,474.5,386.8z M470.7,124.5c-0.3-0.2-0.6-0.5-0.9-0.7l3.1-4.2c0.3,0.2,0.6,0.5,0.9,0.7
							L470.7,124.5z M471.6,388.9l-3.1-4.2c0.3-0.2,0.6-0.5,0.9-0.7l3.1,4.2C472.3,388.4,472,388.7,471.6,388.9z M467.9,122.4
							c-0.3-0.2-0.6-0.4-0.9-0.7l3.1-4.2c0.3,0.2,0.6,0.5,0.9,0.7L467.9,122.4z M468.8,391l-3-4.3c0.3-0.2,0.6-0.4,0.9-0.7l3,4.3
							C469.4,390.5,469.1,390.7,468.8,391z M465.1,120.4c-0.3-0.2-0.6-0.4-0.9-0.7l3-4.3c0.3,0.2,0.6,0.4,1,0.7L465.1,120.4z
							 M465.8,393l-2.9-4.3c0.3-0.2,0.6-0.4,1-0.6l2.9,4.3C466.5,392.5,466.2,392.8,465.8,393z M462.3,118.5c-0.3-0.2-0.6-0.4-1-0.6
							l2.9-4.4c0.3,0.2,0.7,0.4,1,0.7L462.3,118.5z M462.9,394.9l-2.8-4.4c0.3-0.2,0.6-0.4,1-0.6l2.9,4.4
							C463.5,394.5,463.2,394.7,462.9,394.9z M459.4,116.6c-0.3-0.2-0.6-0.4-1-0.6l2.8-4.4c0.3,0.2,0.7,0.4,1,0.6L459.4,116.6z
							 M459.9,396.8l-2.7-4.5c0.3-0.2,0.7-0.4,1-0.6l2.8,4.4C460.6,396.4,460.2,396.6,459.9,396.8z M456.5,114.8
							c-0.3-0.2-0.7-0.4-1-0.6l2.7-4.5c0.3,0.2,0.7,0.4,1,0.6L456.5,114.8z M456.8,398.6l-2.6-4.5c0.3-0.2,0.7-0.4,1-0.6l2.7,4.5
							C457.5,398.2,457.2,398.4,456.8,398.6z M453.6,113.1c-0.3-0.2-0.7-0.4-1-0.6l2.6-4.5c0.3,0.2,0.7,0.4,1,0.6L453.6,113.1z
							 M453.8,400.4l-2.5-4.6c0.3-0.2,0.7-0.4,1-0.6l2.6,4.5C454.5,400,454.1,400.2,453.8,400.4z M450.6,111.4
							c-0.3-0.2-0.7-0.4-1-0.5l2.5-4.6c0.3,0.2,0.7,0.4,1,0.6L450.6,111.4z M450.6,402.1l-2.4-4.6c0.3-0.2,0.7-0.4,1-0.5l2.5,4.6
							C451.3,401.7,451,401.9,450.6,402.1z M447.6,109.8c-0.3-0.2-0.7-0.4-1-0.5l2.4-4.6c0.3,0.2,0.7,0.4,1,0.5L447.6,109.8z
							 M447.5,403.7l-2.3-4.7c0.3-0.2,0.7-0.3,1-0.5l2.4,4.7C448.2,403.4,447.8,403.5,447.5,403.7z M444.6,108.2
							c-0.3-0.2-0.7-0.3-1-0.5l2.3-4.7c0.4,0.2,0.7,0.3,1.1,0.5L444.6,108.2z M444.3,405.3l-2.2-4.7c0.3-0.2,0.7-0.3,1-0.5l2.3,4.7
							C445,404.9,444.7,405.1,444.3,405.3z M441.5,106.8c-0.3-0.2-0.7-0.3-1-0.5l2.2-4.7c0.4,0.2,0.7,0.3,1.1,0.5L441.5,106.8z
							 M441.1,406.8l-2.1-4.8c0.3-0.2,0.7-0.3,1-0.5l2.2,4.8C441.8,406.4,441.4,406.6,441.1,406.8z M438.4,105.3
							c-0.3-0.2-0.7-0.3-1-0.5l2.1-4.8c0.4,0.2,0.7,0.3,1.1,0.5L438.4,105.3z M437.8,408.2l-2-4.8c0.4-0.1,0.7-0.3,1.1-0.5l2.1,4.8
							C438.6,407.9,438.2,408,437.8,408.2z M435.2,104c-0.3-0.1-0.7-0.3-1-0.4l2-4.8c0.4,0.2,0.7,0.3,1.1,0.5L435.2,104z
							 M434.5,409.5l-1.9-4.9c0.4-0.1,0.7-0.3,1.1-0.4l2,4.8C435.3,409.2,434.9,409.4,434.5,409.5z M432.1,102.7
							c-0.4-0.1-0.7-0.3-1.1-0.4l1.9-4.9c0.4,0.1,0.7,0.3,1.1,0.4L432.1,102.7z M431.2,410.8l-1.8-4.9c0.4-0.1,0.7-0.3,1.1-0.4
							l1.9,4.9C432,410.5,431.6,410.7,431.2,410.8z M428.9,101.4c-0.4-0.1-0.7-0.3-1.1-0.4l1.8-4.9c0.4,0.1,0.7,0.3,1.1,0.4
							L428.9,101.4z M427.9,412l-1.7-4.9c0.4-0.1,0.7-0.3,1.1-0.4l1.8,4.9C428.6,411.8,428.3,411.9,427.9,412z M425.7,100.3
							c-0.4-0.1-0.7-0.2-1.1-0.4l1.7-4.9c0.4,0.1,0.7,0.3,1.1,0.4L425.7,100.3z M424.5,413.2l-1.6-5c0.4-0.1,0.7-0.2,1.1-0.4l1.7,5
							C425.3,412.9,424.9,413.1,424.5,413.2z M422.4,99.2c-0.4-0.1-0.7-0.2-1.1-0.3l1.6-5c0.4,0.1,0.7,0.2,1.1,0.4L422.4,99.2z
							 M421.1,414.3l-1.5-5c0.4-0.1,0.7-0.2,1.1-0.3l1.6,5C421.9,414,421.5,414.1,421.1,414.3z M419.1,98.2
							c-0.4-0.1-0.7-0.2-1.1-0.3l1.5-5c0.4,0.1,0.8,0.2,1.1,0.3L419.1,98.2z M417.7,415.2l-1.4-5c0.4-0.1,0.7-0.2,1.1-0.3l1.4,5
							C418.5,415,418.1,415.1,417.7,415.2z M415.8,97.2c-0.4-0.1-0.7-0.2-1.1-0.3l1.4-5c0.4,0.1,0.8,0.2,1.1,0.3L415.8,97.2z
							 M414.3,416.2l-1.3-5.1c0.4-0.1,0.7-0.2,1.1-0.3l1.3,5.1C415.1,416,414.7,416.1,414.3,416.2z M412.5,96.3
							c-0.4-0.1-0.7-0.2-1.1-0.3l1.3-5.1c0.4,0.1,0.8,0.2,1.1,0.3L412.5,96.3z M410.9,417l-1.2-5.1c0.4-0.1,0.7-0.2,1.1-0.3l1.2,5.1
							C411.7,416.8,411.3,416.9,410.9,417z M409.2,95.5c-0.4-0.1-0.7-0.2-1.1-0.3l1.1-5.1c0.4,0.1,0.8,0.2,1.2,0.3L409.2,95.5z
							 M407.4,417.8l-1.1-5.1c0.4-0.1,0.7-0.2,1.1-0.2l1.1,5.1C408.2,417.6,407.8,417.7,407.4,417.8z M405.8,94.8
							c-0.4-0.1-0.7-0.2-1.1-0.2l1-5.1c0.4,0.1,0.8,0.2,1.2,0.2L405.8,94.8z M404,418.5l-1-5.1c0.4-0.1,0.7-0.1,1.1-0.2l1,5.1
							C404.7,418.3,404.3,418.4,404,418.5z M402.5,94.1c-0.4-0.1-0.7-0.1-1.1-0.2l0.9-5.1c0.4,0.1,0.8,0.1,1.2,0.2L402.5,94.1z
							 M400.5,419.1l-0.9-5.2c0.4-0.1,0.8-0.1,1.1-0.2l0.9,5.1C401.3,419,400.9,419.1,400.5,419.1z M399.1,93.5
							c-0.4-0.1-0.8-0.1-1.1-0.2l0.8-5.2c0.4,0.1,0.8,0.1,1.2,0.2L399.1,93.5z M397,419.7l-0.8-5.2c0.4-0.1,0.8-0.1,1.1-0.2l0.8,5.2
							C397.8,419.6,397.4,419.6,397,419.7z M395.7,93c-0.4-0.1-0.8-0.1-1.1-0.2l0.7-5.2c0.4,0.1,0.8,0.1,1.2,0.2L395.7,93z
							 M393.5,420.2l-0.7-5.2c0.4,0,0.8-0.1,1.1-0.1l0.7,5.2C394.3,420.1,393.9,420.1,393.5,420.2z M392.3,92.5
							c-0.4,0-0.8-0.1-1.1-0.1l0.6-5.2c0.4,0,0.8,0.1,1.2,0.1L392.3,92.5z M390,420.6l-0.5-5.2c0.4,0,0.8-0.1,1.1-0.1l0.6,5.2
							C390.7,420.5,390.4,420.5,390,420.6z M388.9,92.2c-0.4,0-0.8-0.1-1.1-0.1l0.5-5.2c0.4,0,0.8,0.1,1.2,0.1L388.9,92.2z
							 M386.4,420.9l-0.4-5.2c0.4,0,0.8-0.1,1.1-0.1l0.5,5.2C387.2,420.8,386.8,420.9,386.4,420.9z M385.5,91.9
							c-0.4,0-0.8-0.1-1.1-0.1l0.4-5.2c0.4,0,0.8,0.1,1.2,0.1L385.5,91.9z M382.9,421.1l-0.3-5.2c0.4,0,0.8,0,1.1-0.1l0.4,5.2
							C383.7,421.1,383.3,421.1,382.9,421.1z M382.1,91.6c-0.4,0-0.8,0-1.1-0.1l0.3-5.2c0.4,0,0.8,0,1.2,0.1L382.1,91.6z
							 M379.4,421.3l-0.2-5.2c0.4,0,0.8,0,1.1-0.1l0.3,5.2C380.2,421.3,379.8,421.3,379.4,421.3z M378.6,91.4c-0.4,0-0.8,0-1.1,0
							l0.2-5.2c0.4,0,0.8,0,1.2,0L378.6,91.4z M375.8,421.4l-0.1-5.2c0.4,0,0.8,0,1.1,0l0.1,5.2
							C376.6,421.4,376.2,421.4,375.8,421.4z M375.2,91.4c-0.4,0-0.8,0-1.1,0l0.1-5.2c0.4,0,0.8,0,1.2,0L375.2,91.4z M372.3,421.5
							v-5.2c0.4,0,0.8,0,1.1,0l0,5.2C373.1,421.5,372.7,421.5,372.3,421.5z M370.6,91.3l0-5.2c0.4,0,0.8,0,1.2,0l0,5.2
							C371.4,91.3,371,91.3,370.6,91.3z M371,421.5c-0.4,0-0.8,0-1.2,0l0.1-5.2c0.4,0,0.8,0,1.1,0L371,421.5z M367.2,91.4l-0.2-5.2
							c0.4,0,0.8,0,1.2,0l0.1,5.2C368,91.4,367.6,91.4,367.2,91.4z M367.4,421.4c-0.4,0-0.8,0-1.2,0l0.2-5.2c0.4,0,0.8,0,1.1,0
							L367.4,421.4z M363.8,91.5l-0.3-5.2c0.4,0,0.8,0,1.2-0.1l0.2,5.2C364.6,91.5,364.2,91.5,363.8,91.5z M363.9,421.3
							c-0.4,0-0.8,0-1.2-0.1l0.3-5.2c0.4,0,0.8,0,1.1,0.1L363.9,421.3z M360.4,91.8l-0.4-5.2c0.4,0,0.8-0.1,1.2-0.1l0.3,5.2
							C361.1,91.7,360.8,91.7,360.4,91.8z M360.4,421.1c-0.4,0-0.8-0.1-1.2-0.1l0.4-5.2c0.4,0,0.8,0.1,1.1,0.1L360.4,421.1z M357,92
							l-0.5-5.2c0.4,0,0.8-0.1,1.2-0.1l0.5,5.2C357.7,92,357.3,92,357,92z M356.8,420.8c-0.4,0-0.8-0.1-1.2-0.1l0.5-5.2
							c0.4,0,0.8,0.1,1.1,0.1L356.8,420.8z M353.5,92.4l-0.6-5.2c0.4,0,0.8-0.1,1.2-0.1l0.6,5.2C354.3,92.3,353.9,92.4,353.5,92.4z
							 M353.3,420.4c-0.4,0-0.8-0.1-1.2-0.1l0.6-5.2c0.4,0,0.8,0.1,1.1,0.1L353.3,420.4z M350.1,92.8l-0.7-5.2
							c0.4-0.1,0.8-0.1,1.2-0.2l0.7,5.2C350.9,92.7,350.5,92.8,350.1,92.8z M349.8,420c-0.4-0.1-0.8-0.1-1.2-0.2l0.7-5.2
							c0.4,0.1,0.8,0.1,1.1,0.2L349.8,420z M346.7,93.3l-0.8-5.2c0.4-0.1,0.8-0.1,1.2-0.2l0.8,5.2C347.5,93.2,347.1,93.3,346.7,93.3
							z M346.3,419.5c-0.4-0.1-0.8-0.1-1.2-0.2l0.8-5.2c0.4,0.1,0.8,0.1,1.1,0.2L346.3,419.5z M343.4,93.9l-0.9-5.1
							c0.4-0.1,0.8-0.1,1.2-0.2l0.9,5.2C344.1,93.8,343.7,93.8,343.4,93.9z M342.8,418.9c-0.4-0.1-0.8-0.1-1.2-0.2l0.9-5.1
							c0.4,0.1,0.7,0.1,1.1,0.2L342.8,418.9z M340,94.5l-1-5.1c0.4-0.1,0.8-0.2,1.2-0.2l1,5.1C340.7,94.4,340.4,94.5,340,94.5z
							 M339.3,418.2c-0.4-0.1-0.8-0.2-1.2-0.2l1.1-5.1c0.4,0.1,0.7,0.2,1.1,0.2L339.3,418.2z M336.6,95.2l-1.1-5.1
							c0.4-0.1,0.8-0.2,1.2-0.3l1.1,5.1C337.4,95.1,337,95.2,336.6,95.2z M335.9,417.5c-0.4-0.1-0.8-0.2-1.1-0.3l1.2-5.1
							c0.4,0.1,0.7,0.2,1.1,0.2L335.9,417.5z M333.3,96l-1.3-5.1c0.4-0.1,0.8-0.2,1.1-0.3l1.2,5.1C334,95.9,333.7,95.9,333.3,96z
							 M332.4,416.7c-0.4-0.1-0.8-0.2-1.1-0.3l1.3-5.1c0.4,0.1,0.7,0.2,1.1,0.3L332.4,416.7z M330,96.9l-1.4-5
							c0.4-0.1,0.8-0.2,1.1-0.3l1.3,5.1C330.7,96.7,330.4,96.8,330,96.9z M329,415.8c-0.4-0.1-0.8-0.2-1.1-0.3l1.4-5
							c0.4,0.1,0.7,0.2,1.1,0.3L329,415.8z M326.7,97.8l-1.5-5c0.4-0.1,0.8-0.2,1.1-0.3l1.4,5C327.4,97.6,327,97.7,326.7,97.8z
							 M325.6,414.9c-0.4-0.1-0.8-0.2-1.1-0.3l1.5-5c0.4,0.1,0.7,0.2,1.1,0.3L325.6,414.9z M323.4,98.8l-1.6-5
							c0.4-0.1,0.8-0.2,1.1-0.4l1.5,5C324.1,98.6,323.8,98.7,323.4,98.8z M322.2,413.9c-0.4-0.1-0.8-0.2-1.1-0.4l1.6-5
							c0.4,0.1,0.7,0.2,1.1,0.3L322.2,413.9z M320.1,99.9l-1.7-5c0.4-0.1,0.8-0.2,1.1-0.4l1.6,5C320.9,99.6,320.5,99.8,320.1,99.9z
							 M318.8,412.8c-0.4-0.1-0.7-0.3-1.1-0.4l1.7-4.9c0.4,0.1,0.7,0.2,1.1,0.4L318.8,412.8z M316.9,101l-1.8-4.9
							c0.4-0.1,0.7-0.3,1.1-0.4l1.8,4.9C317.6,100.8,317.2,100.9,316.9,101z M315.5,411.6c-0.4-0.1-0.7-0.3-1.1-0.4l1.8-4.9
							c0.4,0.1,0.7,0.3,1.1,0.4L315.5,411.6z M313.7,102.2l-1.9-4.9c0.4-0.1,0.7-0.3,1.1-0.4l1.9,4.9
							C314.4,102,314,102.1,313.7,102.2z M312.2,410.4c-0.4-0.1-0.7-0.3-1.1-0.4l1.9-4.9c0.4,0.1,0.7,0.3,1.1,0.4L312.2,410.4z
							 M310.5,103.5l-2-4.8c0.4-0.2,0.7-0.3,1.1-0.4l2,4.8C311.2,103.2,310.8,103.4,310.5,103.5z M308.9,409.1
							c-0.4-0.1-0.7-0.3-1.1-0.4l2-4.8c0.4,0.1,0.7,0.3,1.1,0.4L308.9,409.1z M307.3,104.8l-2.1-4.8c0.4-0.2,0.7-0.3,1.1-0.5
							l2.1,4.8C308,104.5,307.6,104.7,307.3,104.8z M305.6,407.7c-0.4-0.2-0.7-0.3-1.1-0.5l2.1-4.8c0.3,0.2,0.7,0.3,1,0.5
							L305.6,407.7z M304.2,106.3l-2.2-4.7c0.4-0.2,0.7-0.3,1.1-0.5l2.2,4.8C304.9,105.9,304.5,106.1,304.2,106.3z M302.4,406.3
							c-0.4-0.2-0.7-0.3-1.1-0.5l2.2-4.7c0.3,0.2,0.7,0.3,1,0.5L302.4,406.3z M301.1,107.7l-2.3-4.7c0.4-0.2,0.7-0.3,1.1-0.5
							l2.3,4.7C301.7,107.4,301.4,107.6,301.1,107.7z M299.2,404.8c-0.4-0.2-0.7-0.3-1.1-0.5l2.3-4.7c0.3,0.2,0.7,0.3,1,0.5
							L299.2,404.8z M298,109.3l-2.4-4.6c0.4-0.2,0.7-0.4,1.1-0.5l2.4,4.7C298.7,108.9,298.3,109.1,298,109.3z M296.1,403.2
							c-0.3-0.2-0.7-0.4-1-0.5l2.4-4.6c0.3,0.2,0.7,0.3,1,0.5L296.1,403.2z M294.9,110.9l-2.5-4.6c0.3-0.2,0.7-0.4,1-0.6l2.5,4.6
							C295.6,110.5,295.3,110.7,294.9,110.9z M292.9,401.5c-0.3-0.2-0.7-0.4-1-0.6l2.5-4.6c0.3,0.2,0.7,0.4,1,0.5L292.9,401.5z
							 M291.9,112.6l-2.6-4.5c0.3-0.2,0.7-0.4,1-0.6l2.6,4.6C292.6,112.2,292.3,112.4,291.9,112.6z M289.8,399.8
							c-0.3-0.2-0.7-0.4-1-0.6l2.6-4.5c0.3,0.2,0.7,0.4,1,0.6L289.8,399.8z M289,114.3l-2.7-4.5c0.3-0.2,0.7-0.4,1-0.6l2.7,4.5
							C289.6,113.9,289.3,114.1,289,114.3z M286.8,398.1c-0.3-0.2-0.7-0.4-1-0.6l2.7-4.5c0.3,0.2,0.7,0.4,1,0.6L286.8,398.1z
							 M286,116.1l-2.8-4.4c0.3-0.2,0.7-0.4,1-0.6l2.7,4.4C286.7,115.7,286.4,115.9,286,116.1z M283.8,396.2c-0.3-0.2-0.7-0.4-1-0.6
							l2.8-4.4c0.3,0.2,0.6,0.4,1,0.6L283.8,396.2z M283.2,117.9l-2.9-4.4c0.3-0.2,0.7-0.4,1-0.6l2.8,4.4
							C283.8,117.5,283.5,117.7,283.2,117.9z M280.8,394.3c-0.3-0.2-0.7-0.4-1-0.6l2.9-4.4c0.3,0.2,0.6,0.4,1,0.6L280.8,394.3z
							 M280.3,119.9l-3-4.3c0.3-0.2,0.7-0.4,1-0.7l2.9,4.3C280.9,119.4,280.6,119.6,280.3,119.9z M277.9,392.4
							c-0.3-0.2-0.6-0.4-1-0.7l3-4.3c0.3,0.2,0.6,0.4,0.9,0.6L277.9,392.4z M277.5,121.8l-3.1-4.2c0.3-0.2,0.6-0.5,1-0.7l3,4.3
							C278.1,121.4,277.8,121.6,277.5,121.8z M275,390.4c-0.3-0.2-0.6-0.5-1-0.7l3.1-4.2c0.3,0.2,0.6,0.4,0.9,0.7L275,390.4z
							 M274.7,123.9l-3.1-4.2c0.3-0.2,0.6-0.5,0.9-0.7l3.1,4.2C275.3,123.4,275,123.6,274.7,123.9z M272.1,388.3
							c-0.3-0.2-0.6-0.5-0.9-0.7l3.2-4.2c0.3,0.2,0.6,0.5,0.9,0.7L272.1,388.3z M272,126l-3.2-4.1c0.3-0.2,0.6-0.5,0.9-0.7l3.2,4.1
							C272.6,125.5,272.3,125.7,272,126z M269.3,386.1c-0.3-0.2-0.6-0.5-0.9-0.7l3.2-4.1c0.3,0.2,0.6,0.5,0.9,0.7L269.3,386.1z
							 M269.3,128.1l-3.3-4c0.3-0.2,0.6-0.5,0.9-0.7l3.3,4.1C269.9,127.6,269.6,127.9,269.3,128.1z M266.5,383.9
							c-0.3-0.2-0.6-0.5-0.9-0.7l3.3-4c0.3,0.2,0.6,0.5,0.9,0.7L266.5,383.9z M266.7,130.3l-3.4-4c0.3-0.3,0.6-0.5,0.9-0.8l3.4,4
							C267.3,129.8,267,130.1,266.7,130.3z M263.8,381.7c-0.3-0.3-0.6-0.5-0.9-0.8l3.4-4c0.3,0.2,0.6,0.5,0.9,0.7L263.8,381.7z
							 M264.1,132.6l-3.5-3.9c0.3-0.3,0.6-0.5,0.9-0.8l3.5,3.9C264.7,132.1,264.4,132.3,264.1,132.6z M261.1,379.3
							c-0.3-0.3-0.6-0.5-0.9-0.8l3.5-3.9c0.3,0.3,0.6,0.5,0.9,0.8L261.1,379.3z M261.6,134.9l-3.6-3.8c0.3-0.3,0.6-0.5,0.9-0.8
							l3.5,3.8C262.2,134.4,261.9,134.6,261.6,134.9z M258.5,377c-0.3-0.3-0.6-0.5-0.9-0.8l3.6-3.8c0.3,0.3,0.6,0.5,0.8,0.8
							L258.5,377z M259.1,137.2l-3.6-3.8c0.3-0.3,0.6-0.5,0.8-0.8l3.6,3.8C259.7,136.7,259.4,137,259.1,137.2z M255.9,374.5
							c-0.3-0.3-0.6-0.5-0.8-0.8l3.7-3.7c0.3,0.3,0.5,0.5,0.8,0.8L255.9,374.5z M256.7,139.7L253,136c0.3-0.3,0.6-0.6,0.8-0.8
							l3.7,3.7C257.2,139.1,256.9,139.4,256.7,139.7z M253.4,372.1c-0.3-0.3-0.6-0.6-0.8-0.8l3.7-3.7c0.3,0.3,0.5,0.5,0.8,0.8
							L253.4,372.1z M254.3,142.1l-3.8-3.6c0.3-0.3,0.5-0.6,0.8-0.9l3.8,3.6C254.8,141.6,254.6,141.8,254.3,142.1z M251,369.5
							c-0.3-0.3-0.5-0.6-0.8-0.9l3.8-3.6c0.3,0.3,0.5,0.6,0.8,0.8L251,369.5z M252,144.6l-3.9-3.5c0.3-0.3,0.5-0.6,0.8-0.9l3.8,3.5
							C252.5,144.1,252.2,144.4,252,144.6z M248.5,366.9c-0.3-0.3-0.5-0.6-0.8-0.9l3.9-3.5c0.3,0.3,0.5,0.6,0.8,0.8L248.5,366.9z
							 M249.7,147.2l-3.9-3.4c0.3-0.3,0.5-0.6,0.8-0.9l3.9,3.5C250.2,146.6,249.9,146.9,249.7,147.2z M246.2,364.3
							c-0.3-0.3-0.5-0.6-0.8-0.9l4-3.4c0.2,0.3,0.5,0.6,0.7,0.9L246.2,364.3z M247.5,149.8l-4-3.3c0.3-0.3,0.5-0.6,0.8-0.9l4,3.4
							C248,149.2,247.7,149.5,247.5,149.8z M243.9,361.6c-0.3-0.3-0.5-0.6-0.8-0.9l4-3.3c0.2,0.3,0.5,0.6,0.7,0.9L243.9,361.6z
							 M245.3,152.5l-4.1-3.3c0.2-0.3,0.5-0.6,0.7-0.9l4.1,3.3C245.8,151.9,245.5,152.2,245.3,152.5z M241.6,358.9
							c-0.2-0.3-0.5-0.6-0.7-0.9l4.1-3.2c0.2,0.3,0.5,0.6,0.7,0.9L241.6,358.9z M243.2,155.2L239,152c0.2-0.3,0.5-0.6,0.7-0.9
							l4.1,3.2C243.6,154.6,243.4,154.9,243.2,155.2z M239.4,356.1c-0.2-0.3-0.5-0.6-0.7-0.9l4.2-3.2c0.2,0.3,0.5,0.6,0.7,0.9
							L239.4,356.1z M241.1,157.9l-4.2-3.1c0.2-0.3,0.5-0.6,0.7-0.9l4.2,3.1C241.6,157.3,241.4,157.6,241.1,157.9z M237.3,353.3
							c-0.2-0.3-0.5-0.6-0.7-1l4.2-3.1c0.2,0.3,0.4,0.6,0.7,0.9L237.3,353.3z M239.1,160.7l-4.3-3c0.2-0.3,0.5-0.6,0.7-1l4.3,3
							C239.6,160.1,239.4,160.4,239.1,160.7z M235.2,350.4c-0.2-0.3-0.5-0.6-0.7-1l4.3-3c0.2,0.3,0.4,0.6,0.7,0.9L235.2,350.4z
							 M237.2,163.5l-4.3-2.9c0.2-0.3,0.4-0.6,0.7-1l4.3,2.9C237.6,162.9,237.4,163.2,237.2,163.5z M233.2,347.5
							c-0.2-0.3-0.4-0.7-0.7-1l4.4-2.9c0.2,0.3,0.4,0.6,0.6,1L233.2,347.5z M235.3,166.4l-4.4-2.8c0.2-0.3,0.4-0.7,0.6-1l4.4,2.8
							C235.7,165.7,235.5,166,235.3,166.4z M231.3,344.5c-0.2-0.3-0.4-0.7-0.6-1l4.4-2.8c0.2,0.3,0.4,0.6,0.6,1L231.3,344.5z
							 M233.5,169.3l-4.5-2.7c0.2-0.3,0.4-0.7,0.6-1l4.4,2.8C233.9,168.6,233.7,168.9,233.5,169.3z M229.4,341.5
							c-0.2-0.3-0.4-0.7-0.6-1l4.5-2.7c0.2,0.3,0.4,0.7,0.6,1L229.4,341.5z M231.8,172.2l-4.5-2.6c0.2-0.3,0.4-0.7,0.6-1l4.5,2.7
							C232.2,171.6,232,171.9,231.8,172.2z M227.5,338.5c-0.2-0.3-0.4-0.7-0.6-1l4.5-2.6c0.2,0.3,0.4,0.7,0.6,1L227.5,338.5z
							 M230.1,175.2l-4.6-2.5c0.2-0.3,0.4-0.7,0.6-1l4.6,2.6C230.4,174.5,230.3,174.9,230.1,175.2z M225.8,335.4
							c-0.2-0.3-0.4-0.7-0.6-1l4.6-2.5c0.2,0.3,0.4,0.7,0.6,1L225.8,335.4z M228.5,178.2l-4.6-2.4c0.2-0.3,0.4-0.7,0.6-1l4.6,2.5
							C228.8,177.5,228.6,177.9,228.5,178.2z M224.1,332.3c-0.2-0.3-0.4-0.7-0.6-1l4.6-2.4c0.2,0.3,0.4,0.7,0.5,1L224.1,332.3z
							 M226.9,181.2l-4.7-2.3c0.2-0.4,0.4-0.7,0.5-1.1l4.7,2.4C227.2,180.6,227.1,180.9,226.9,181.2z M222.5,329.1
							c-0.2-0.4-0.4-0.7-0.5-1.1l4.7-2.3c0.2,0.3,0.3,0.7,0.5,1L222.5,329.1z M225.4,184.3l-4.7-2.2c0.2-0.4,0.3-0.7,0.5-1.1
							l4.7,2.3C225.7,183.6,225.6,184,225.4,184.3z M220.9,326c-0.2-0.4-0.3-0.7-0.5-1.1l4.7-2.2c0.2,0.3,0.3,0.7,0.5,1L220.9,326z
							 M224,187.4l-4.8-2.1c0.2-0.4,0.3-0.7,0.5-1.1l4.8,2.2C224.3,186.7,224.1,187.1,224,187.4z M219.4,322.7
							c-0.2-0.4-0.3-0.7-0.5-1.1l4.8-2.1c0.2,0.3,0.3,0.7,0.5,1L219.4,322.7z M222.6,190.5l-4.8-2c0.2-0.4,0.3-0.7,0.5-1.1l4.8,2.1
							C222.9,189.8,222.8,190.2,222.6,190.5z M218,319.5c-0.2-0.4-0.3-0.7-0.5-1.1l4.8-2c0.1,0.4,0.3,0.7,0.4,1.1L218,319.5z
							 M221.3,193.7l-4.9-1.9c0.1-0.4,0.3-0.7,0.4-1.1l4.8,2C221.6,193,221.4,193.3,221.3,193.7z M216.6,316.2
							c-0.1-0.4-0.3-0.7-0.4-1.1l4.9-1.9c0.1,0.4,0.3,0.7,0.4,1.1L216.6,316.2z M220.1,196.9l-4.9-1.8c0.1-0.4,0.3-0.7,0.4-1.1
							l4.9,1.9C220.3,196.2,220.2,196.5,220.1,196.9z M215.3,312.9c-0.1-0.4-0.3-0.7-0.4-1.1l4.9-1.8c0.1,0.4,0.3,0.7,0.4,1.1
							L215.3,312.9z M218.9,200.1l-4.9-1.7c0.1-0.4,0.3-0.7,0.4-1.1l4.9,1.8C219.2,199.4,219,199.8,218.9,200.1z M214.1,309.6
							c-0.1-0.4-0.3-0.7-0.4-1.1l4.9-1.7c0.1,0.4,0.3,0.7,0.4,1.1L214.1,309.6z M217.8,203.4l-5-1.6c0.1-0.4,0.2-0.7,0.4-1.1l5,1.7
							C218,202.6,217.9,203,217.8,203.4z M213,306.2c-0.1-0.4-0.2-0.8-0.4-1.1l5-1.6c0.1,0.4,0.2,0.7,0.4,1.1L213,306.2z
							 M216.8,206.6l-5-1.5c0.1-0.4,0.2-0.8,0.3-1.1l5,1.6C217,205.9,216.9,206.3,216.8,206.6z M211.9,302.8
							c-0.1-0.4-0.2-0.8-0.3-1.1l5-1.5c0.1,0.4,0.2,0.7,0.3,1.1L211.9,302.8z M215.8,209.9l-5-1.4c0.1-0.4,0.2-0.8,0.3-1.1l5,1.4
							C216,209.2,215.9,209.6,215.8,209.9z M210.9,299.4c-0.1-0.4-0.2-0.8-0.3-1.1l5-1.4c0.1,0.4,0.2,0.7,0.3,1.1L210.9,299.4z
							 M214.9,213.2l-5.1-1.3c0.1-0.4,0.2-0.8,0.3-1.1l5.1,1.3C215.1,212.5,215,212.9,214.9,213.2z M210,296
							c-0.1-0.4-0.2-0.8-0.3-1.1l5.1-1.3c0.1,0.4,0.2,0.7,0.3,1.1L210,296z M214.1,216.6l-5.1-1.2c0.1-0.4,0.2-0.8,0.3-1.1l5.1,1.2
							C214.3,215.8,214.2,216.2,214.1,216.6z M209.1,292.6c-0.1-0.4-0.2-0.8-0.3-1.2l5.1-1.2c0.1,0.4,0.2,0.7,0.3,1.1L209.1,292.6z
							 M213.4,219.9l-5.1-1.1c0.1-0.4,0.2-0.8,0.2-1.2l5.1,1.1C213.5,219.2,213.4,219.6,213.4,219.9z M208.3,289.1
							c-0.1-0.4-0.2-0.8-0.2-1.2l5.1-1.1c0.1,0.4,0.2,0.7,0.2,1.1L208.3,289.1z M212.7,223.3l-5.1-1c0.1-0.4,0.1-0.8,0.2-1.2l5.1,1
							C212.8,222.5,212.8,222.9,212.7,223.3z M207.6,285.6c-0.1-0.4-0.1-0.8-0.2-1.2l5.1-0.9c0.1,0.4,0.1,0.7,0.2,1.1L207.6,285.6z
							 M212.1,226.7l-5.2-0.9c0.1-0.4,0.1-0.8,0.2-1.2l5.1,0.9C212.2,225.9,212.2,226.3,212.1,226.7z M207,282.1
							c-0.1-0.4-0.1-0.8-0.2-1.2l5.2-0.8c0.1,0.4,0.1,0.8,0.2,1.1L207,282.1z M211.6,230l-5.2-0.8c0.1-0.4,0.1-0.8,0.2-1.2l5.2,0.8
							C211.7,229.3,211.6,229.7,211.6,230z M206.4,278.7c-0.1-0.4-0.1-0.8-0.2-1.2l5.2-0.7c0.1,0.4,0.1,0.8,0.2,1.1L206.4,278.7z
							 M211.1,233.4l-5.2-0.6c0.1-0.4,0.1-0.8,0.2-1.2l5.2,0.7C211.2,232.7,211.1,233.1,211.1,233.4z M206,275.1
							c0-0.4-0.1-0.8-0.1-1.2l5.2-0.6c0,0.4,0.1,0.8,0.1,1.1L206,275.1z M210.7,236.9l-5.2-0.5c0-0.4,0.1-0.8,0.1-1.2l5.2,0.6
							C210.8,236.1,210.7,236.5,210.7,236.9z M205.5,271.6c0-0.4-0.1-0.8-0.1-1.2l5.2-0.5c0,0.4,0.1,0.8,0.1,1.1L205.5,271.6z
							 M210.4,240.3l-5.2-0.4c0-0.4,0.1-0.8,0.1-1.2l5.2,0.5C210.5,239.5,210.4,239.9,210.4,240.3z M205.2,268.1
							c0-0.4-0.1-0.8-0.1-1.2l5.2-0.4c0,0.4,0.1,0.8,0.1,1.1L205.2,268.1z M210.1,243.7l-5.2-0.3c0-0.4,0-0.8,0.1-1.2l5.2,0.4
							C210.2,242.9,210.2,243.3,210.1,243.7z M204.9,264.6c0-0.4,0-0.8-0.1-1.2l5.2-0.3c0,0.4,0,0.8,0.1,1.1L204.9,264.6z
							 M210,247.1l-5.2-0.2c0-0.4,0-0.8,0-1.2l5.2,0.2C210,246.4,210,246.7,210,247.1z M204.8,261c0-0.4,0-0.8,0-1.2l5.2-0.2
							c0,0.4,0,0.8,0,1.1L204.8,261z M209.9,250.5l-5.2-0.1c0-0.4,0-0.8,0-1.2l5.2,0.1C209.9,249.8,209.9,250.2,209.9,250.5z
							 M204.6,257.5c0-0.4,0-0.8,0-1.2l5.2-0.1c0,0.4,0,0.8,0,1.1L204.6,257.5z M209.8,253.8v0.2h-5.2v-0.2c0-0.3,0-0.7,0-1l5.2,0
							C209.8,253.1,209.8,253.5,209.8,253.8z"/>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </g>
                            </g>
                            <g id="BACKGROUND_1">
                            </g>
                            <g id="DESIGNED_BY_FREEPIK">
                            </g>
                        </svg>

                    </div>

                    <div class="main-wrapper">
                        <svg viewBox="0 0 100 100">
                            <circle class="pulse-circle pulse-1" cx="50" cy="50" r="45"/>
                            <circle class="pulse-circle pulse-2" cx="50" cy="50" r="45"/>


                            <circle class="neon-circle" cx="50" cy="50" r="45" transform="rotate(-90 50 50)"/>
                        </svg>

                        <div class="location-group dubai">
                            <div class="marker"></div>
                            <span>DUBAI</span>
                        </div>

                        <div class="location-group turkiye">
                            <div class="marker"></div>
                            <span>TÜRKİYE</span>
                        </div>

                        <div class="location-group almanya">
                            <div class="marker"></div>
                            <span>ALMANYA</span>
                        </div>
                    </div>

                    <div class="slider_1_text">
                        <div class="ovhiden">
                            <h2 class="anim5s" style="position: relative;">WHERE AI BECOMES REAL.</h2>
                        </div>
                        <div class="ovhiden">
                            <a href="#" class="anim5s">Explore the Core</a>
                        </div>
                    </div>

                </div>

                {# slider2 #}
                <div class="swiper-slide realslide_2">

                    <div class="neon2_hear">
                        <div class="neon-wrapper">
                            <svg viewBox="0 0 100 100" class="swiper1-neon">
                                <path d="M 50,5 A 45,45 0 0 0 50,95" class="path-left" />
                                <path d="M 50,5 A 45,45 0 0 1 50,95" class="path-right" />
                            </svg>

                            <img src="{{ asset('media/slide2/sol3.png') }}" alt="" class="s2_sol_img">

                            <div class="cizgii">
                                <svg viewBox="0 0 800 500" class="cizgii_svvg">
                                    <defs>
                                        <filter id="neonGlow" x="-20%" y="-20%" width="140%" height="140%">
                                            <feGaussianBlur stdDeviation="1.2" result="blur"/>
                                            <feComposite in="SourceGraphic" in2="blur" operator="over"/>
                                        </filter>
                                    </defs>

                                    <path class="thread" d="M -210,-77  C 450,70  600,250 750,250" />
                                    <path class="thread" d="M -210,0 C 450,110 600,250 750,250" />
                                    <path class="thread" d="M -210,77 C 450,150 600,250 750,250" />
                                    <path class="thread" d="M -50,190 C 450,190 600,250 750,250" />
                                    <path class="thread" d="M -50,230 C 450,230 600,250 750,250" />
                                    <path class="thread" d="M -50,270 C 450,270 600,250 750,250" />
                                    <path class="thread" d="M -50,310 C 450,310 600,250 750,250" />
                                    <path class="thread" d="M -200,420 C 450,350 600,250 750,250" />
                                    <path class="thread" d="M -200,480 C 450,390 600,250 750,250" />
                                    <path class="thread" d="M -200,530 C 450,430 600,250 750,250" />
                                </svg>
                            </div>

                            <div class="white"></div>

                            <div class="slider_2_effect_wrapper">
                                <canvas id="slider_2_effect2" class="section2_canvas"></canvas>                            
                            </div>

                            <div class="white"></div>

                            <div class="cizgii-ters">
                                <svg viewBox="0 0 800 500" class="cizgii_svvg">
                                    <defs>
                                        <filter id="neonGlowTers" x="-20%" y="-20%" width="140%" height="140%">
                                            <feGaussianBlur stdDeviation="1.2" result="blur"/>
                                            <feComposite in="SourceGraphic" in2="blur" operator="over"/>
                                        </filter>
                                    </defs>

                                    <path class="thread" d="M 1030,-77  C 350,70  200,250 50,250" />
                                    <path class="thread" d="M 1030,0    C 350,110 200,250 50,250" />
                                    <path class="thread" d="M 1030,77   C 350,150 200,250 50,250" />
                                    <path class="thread" d="M 850,190  C 350,190 200,250 50,250" />
                                    <path class="thread" d="M 850,230  C 350,230 200,250 50,250" />
                                    <path class="thread" d="M 850,270  C 350,270 200,250 50,250" />
                                    <path class="thread" d="M 850,310  C 350,310 200,250 50,250" />
                                    <path class="thread" d="M 1010,420  C 350,350 200,250 50,250" />
                                    <path class="thread" d="M 1010,480  C 350,390 200,250 50,250" />
                                    <path class="thread" d="M 1010,530  C 350,430 200,250 50,250" />
                                </svg>
                            </div>

                            <img src="{{ asset('media/slide2/sag3.png') }}" alt="" class="s2_sag_img">

                            <script>
                                const canvas = document.getElementById("slider_2_effect2");
                                const ctx = canvas.getContext("2d");

                                /* ======================================
                                   CANVAS BOYUTUNU CSS'TEN OKUR (RETINA DESTEKLİ)
                                ====================================== */
                                function resize(){
                                    const dpr = window.devicePixelRatio || 1;

                                    const width = canvas.clientWidth;
                                    const height = canvas.clientHeight;

                                    canvas.width = width * dpr;
                                    canvas.height = height * dpr;

                                    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
                                }

                                /* ======================================
                                   KÜRE PARAMETRELERİ
                                ====================================== */
                                let radius;
                                let points = [];
                                const pointCount = 150; // Nokta sayısı (arttırırsan daha yoğun olur)

                                /* ======================================
                                   NOKTALARI KÜREYE DENGELİ DAĞITIR
                                   (Fibonacci Sphere Algoritması)
                                ====================================== */
                                    function init(){
                                    points = [];

                                    const width = canvas.clientWidth;
                                    const height = canvas.clientHeight;

                                    radius = Math.min(width, height) * 0.4;

                                    for (let i = 0; i < pointCount; i++) {
                                        const phi = Math.acos(1 - 2*(i+0.5)/pointCount);
                                        const theta = Math.PI * (1 + Math.sqrt(5)) * (i+0.5);

                                        const x = radius * Math.sin(phi) * Math.cos(theta);
                                        const y = radius * Math.sin(phi) * Math.sin(theta);
                                        const z = radius * Math.cos(phi);

                                        points.push({x,y,z});
                                    }
                                }

                                /* ======================================
                                   ANA ÇİZİM FONKSİYONU
                                ====================================== */
                                function draw(){
                                    ctx.clearRect(0,0,canvas.width,canvas.height);

                                    const centerX = canvas.clientWidth / 2;
                                    const centerY = canvas.clientHeight / 2;

                                    /* ===============================
                                       DIŞ ÇEMBER
                                       RENGİ BURADAN DEĞİŞTİREBİLİRSİN
                                    =============================== */
                                    ctx.beginPath();
                                    ctx.arc(centerX,centerY,radius,0,Math.PI*2);
                                    ctx.strokeStyle="rgba(160,220,255,0.25)"; // dış çember rengi
                                    ctx.lineWidth=1; // dış çember kalınlığı
                                    ctx.stroke();


                                    /* ===============================
                                       ÇİZGİLER (BAĞLANTILAR)
                                       RENK + KALINLIK BURADA
                                    =============================== */
                                    ctx.lineWidth = 1; // <<< ÇİZGİ KALINLIĞI
                                    ctx.strokeStyle = "rgba(180,230,255,0.30)"; // <<< ÇİZGİ RENGİ

                                    ctx.shadowBlur = 10; // <<< ÇİZGİ PARLAKLIK SEVİYESİ
                                    ctx.shadowColor = "rgba(180,230,255,0.7)"; // <<< ÇİZGİ GLOW RENGİ

                                    for(let i=0;i<points.length;i++){
                                        for(let j=i+1;j<points.length;j++){
                                            const dx=points[i].x-points[j].x;
                                            const dy=points[i].y-points[j].y;
                                            const dz=points[i].z-points[j].z;
                                            const dist=Math.sqrt(dx*dx+dy*dy+dz*dz);

                                            if(dist < radius * 0.36){
                                                ctx.beginPath();
                                                ctx.moveTo(centerX+points[i].x,centerY+points[i].y);
                                                ctx.lineTo(centerX+points[j].x,centerY+points[j].y);
                                                ctx.stroke();
                                            }
                                        }
                                    }
                                    ctx.shadowBlur = 0;


                                    /* ===============================
                                       NOKTALAR (KÜRE ÜZERİNDEKİ YILDIZLAR)
                                       RENK + PARLAKLIK BURADA
                                    =============================== */
                                    points.forEach(p=>{
                                        ctx.beginPath();
                                        ctx.shadowBlur = 12; // <<< NOKTA PARLAKLIK
                                        ctx.shadowColor = "rgba(255,255,255,0.9)"; // <<< NOKTA GLOW RENGİ
                                        ctx.arc(centerX+p.x,centerY+p.y,1.5,0,Math.PI*2); // <<< NOKTA BOYUTU
                                        ctx.fillStyle="white"; // <<< NOKTA RENGİ
                                        ctx.fill();
                                    });
                                    ctx.shadowBlur = 0;


                                    /* ===============================
                                       MERKEZ GLOW (ORTADAKİ PARLAKLIK)
                                       RENKLER BURADA
                                    =============================== */
                                    const glow = ctx.createRadialGradient(
                                        centerX,centerY,0,
                                        centerX,centerY,radius*0.65
                                    );

                                    glow.addColorStop(0,"rgba(255,255,255,1)");        // merkez beyaz
                                    glow.addColorStop(0.15,"rgba(200,240,255,0.95)");  // açık mavi
                                    glow.addColorStop(0.4,"rgba(120,200,255,0.7)");    // mavi
                                    glow.addColorStop(1,"rgba(120,200,255,0)");        // şeffaf

                                    ctx.beginPath();
                                    ctx.arc(centerX,centerY,radius*0.65,0,Math.PI*2);
                                    ctx.fillStyle = glow;
                                    ctx.fill();
                                }

                                /* İlk yükleme */
                                resize();
                                init();
                                draw();

                                /* Responsive resize */
                                window.addEventListener("resize", () => {
                                    resize();
                                    init();
                                    draw();
                                });
                            </script>



                        </div>
                    </div>

                    <div class="slider_2_text_section w-85">
                        <div class="slider2_text">
                            <div class="ovhiden w10r">
                                <h2 class="company reveal-item slide-left">The Company</h2>
                            </div>
                            <div class="ovhiden w37r">
                                <h3 class="takes_shape reveal-item slide-right">WHERE AI TAKES SHAPE</h3>
                            </div>


                            <div class="s2_acik ovhiden">
                                <p class="s2_acik_sol reveal-item slide-up">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quisnostrud exercitation ullamco laboris lorem ipsum nisi ut aliquip</p>
                                <p class="s2_acik_sag reveal-item slide-up">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quisnostrud exercitation ullamco laboris lorem ipsum nisi ut aliquip</p>
                            </div>
                        </div>
                    </div>
                </div>


                {# slider3 #}
                <div class="swiper-slide realslide_3">

                    <div class="hid_60_3">
                        <div class="neon3_hear">
                            <div class="neon-wrapper">
                                <svg viewBox="0 0 100 100" class="swiper1-neon">
                                    <path d="M 50,5 A 45,45 0 0 0 50,95" class="path-left s3_path" />
                                    <path d="M 50,5 A 45,45 0 0 1 50,95" class="path-right s3_path" />
                                </svg>
                            </div>
                        </div>
                        <div class="s3_img_center_section">
                            <img class="s3_img solgenis" src="{{ asset('media/slide3/solgenis.png') }}" alt="">
                            <div class="s3_parlak"></div>
                            <img class="s3_img saggenis" src="{{ asset('media/slide3/saggenis.png') }}" alt="">
                        </div>
                        <div class="s3_img_section">
                            <img class="s3_img_human l1 reveal-item slide-up" src="{{ asset('media/slide3/l1.png') }}" alt="">
                            <img class="s3_img_human c1 reveal-item slide-up" src="{{ asset('media/slide3/ac1.png') }}" alt="">
                            <img class="s3_img_human k1 reveal-item slide-up" src="{{ asset('media/slide3/k1.png') }}" alt="">
                        </div>
                    </div>

                    <div class="slider_2_text_section w-85">
                        <div class="slider2_text">
                            <div class="ovhiden w10r">
                                <h2 class="company reveal-item slide-right">THE HUMAN</h2>
                            </div>
                            <div class="ovhiden w37r">
                                <h3 class="takes_shape reveal-item slide-left">INTELLIGENCE STARTS IN MINDS</h3>
                            </div>


                            <div class="s2_acik ovhiden">
                                <p class="s2_acik_sol reveal-item slide-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quisnostrud exercitation ullamco laboris lorem ipsum nisi ut aliquip</p>
                                <p class="s2_acik_sag reveal-item slide-right">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quisnostrud exercitation ullamco laboris lorem ipsum nisi ut aliquip</p>
                            </div>
                        </div>
                    </div>

                </div>


                {# slider4 #}
                <div class="swiper-slide realslide_4">

                    <div class="neon2_hear neon4_hear">
                        <div class="neon-wrapper">
                            <div class="s4_img_section">
                                <img class="s4_c_img" src="{{ asset('media/slide4/c1.png') }}" alt="">
                            </div>
                            <svg viewBox="0 0 100 100" class="swiper1-neon">
                                <path d="M 50,5 A 45,45 0 0 0 50,95" class="path-left s4_daire" />
                                <path d="M 50,5 A 45,45 0 0 1 50,95" class="path-right s4_daire" />
                            </svg>
                        </div>
                    </div>

                    <div class="slider_2_text_section w-85">
                        <div class="slider2_text">
                            <div class="ovhiden w10r">
                                <h2 class="company reveal-item slide-up">THE INTELLIGENCE</h2>
                            </div>
                            <div class="ovhiden w37r">
                                <h3 class="takes_shape reveal-item slide-left">AI LIVES INSIDE THE PRODUCT</h3>
                            </div>


                            <div class="s2_acik ovhiden">
                                <p class="s2_acik_sol reveal-item slide-up">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quisnostrud exercitation ullamco laboris lorem ipsum nisi ut aliquip</p>
                                <p class="s2_acik_sag reveal-item slide-up">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quisnostrud exercitation ullamco laboris lorem ipsum nisi ut aliquip</p>
                            </div>
                        </div>
                    </div>

                </div>


                {# slider5 #}
                <div class="swiper-slide realslide_5">

                    <div class="hid_60_3 hid_60_5">
                        <div class="neon3_hear neon5_hear">
                            <div class="neon-wrapper">
                                <svg viewBox="0 0 100 100" class="swiper1-neon">
                                    <path d="M 50,5 A 45,45 0 0 0 50,95" class="path-left s3_path" />
                                    <path d="M 50,5 A 45,45 0 0 1 50,95" class="path-right s3_path" />
                                </svg>
                            </div>
                        </div>
                    </div>
                    <div class="yildiz_s5"></div>
                    <!--<img src="{{ asset('media/slide5/cizgi.png') }}" alt="" class="s5_img">-->
                    <div class="amination_5_section_cam">
                        <svg class="svg_s5_ef" viewBox="0 0 100 100" preserveAspectRatio="none">
                            {% set paths = [
                                "M 0 80 Q 80 10 48 0",
                                "M 0 93 Q 85 10 49 0",
                                "M 20 100 Q 93 3 50 0",
                                "M 28 100 Q 94 1 52 0",
                            ] %}
                            {% set airPaths = [
                                "M -50 80 Q 60 20 49 0",
                                "M -20 80 Q 70 10 48 0",
                                "M 40 80 Q 103 3 52 0",
                                "M 50 80 Q 104 3 52 0",
                            ] %}
                            {% for path in paths %}
                                {# <circle class="s5-orb" cx="0" cy="0" r="0.4" fill="#fff" style="offset-path: path('{{ path }}');"></circle> #}

                                {# YATAY
                                <ellipse class="s5-orb s5-line-follow" fill="#6598e1" style="offset-path: path('{{ path }}');" cx="0" cy="0" rx="1" ry=".35"></ellipse>
                                {# DİKEY
                                <ellipse class="s5-orb s5-line-follow" fill="#6598e1" style="offset-path: path('{{ path }}');" cx="0" cy="0" rx=".15" ry="1.1"></ellipse>
                                #}

                                <path class="s5-orb s5-airOrb s5-airOrb-flare"
                                      fill="#ffffff"
                                      style="offset-path: path('{{ path }}');"
                                      d="M 0,-0.8 L 0.12,-0.12 L 0.8,0 L 0.12,0.12 L 0,0.8 L -0.12,0.12 L -0.8,0 L -0.12,-0.12 Z">
                                </path>
                                <path class="s5-path" d="{{ path }}" fill="none"></path>
                            {% endfor %}
                            {% for path in airPaths %}
                                <!--AİRDROP-->
                                {# <circle class="s5-orb s5-airOrb" cx="0" cy="0" r=".4" fill="#6598e1" style="offset-path: path('{{ path }}');"></circle>
                                <ellipse class="s5-orb s5-airOrb  s5-airOrb-flare" fill="#6598e1" style="offset-path: path('{{ path }}');" cx="0" cy="0" rx="1" ry=".15"></ellipse>
                                <ellipse class="s5-orb s5-airOrb  s5-airOrb-flare" fill="#6598e1" style="offset-path: path('{{ path }}');" cx="0" cy="0" rx=".2" ry=".6"></ellipse>#}
                                <path class="s5-orb s5-airOrb s5-airOrb-flare"
                                      fill="#ffffff"
                                      style="offset-path: path('{{ path }}');"
                                      d="M 0,-0.6 L 0.1,-0.1 L 0.6,0 L 0.1,0.1 L 0,0.6 L -0.1,0.1 L -0.6,0 L -0.1,-0.1 Z">
                                </path>
                            {% endfor %}
                            <!--<circle class="s5-air-orb" cx="0" cy="0" r=".5" fill="#fff" style="offset-path: path('M 30 100 Q 92 8 50 0');"></circle>
                            <circle class="s5-orb s5-orb-main" cx="0" cy="0" r="0.7" fill="#fff" style="offset-path: path('M 10 100 Q 90 8 50 0');"></circle>
                            <circle class="s5-orb s5-orb-main" cx="0" cy="0" r="0.7" fill="#fff" style="offset-path: path('M 10 100 Q 90 8 50 0');"></circle>
                            <ellipse class="s5-orb s5-airOrb  s5-airOrb-flare" fill="#6598e1" style="offset-path: path('M 10 100 Q 90 8 50 0');" cx="0" cy="0" rx="1" ry=".15"></ellipse>
                            <ellipse class="s5-orb s5-airOrb  s5-airOrb-flare" fill="#6598e1" style="offset-path: path('M 10 100 Q 90 8 50 0');" cx="0" cy="0" rx=".2" ry=".6"></ellipse>-->

                            <path class="s5-orb s5-airOrb s5-airOrb-flare s5-main-star"
                                  fill="#ffffff"
                                  style="offset-path: path('M 10 100 Q 90 8 50 0');"
                                  d="M 0,-1.5 L 0.2,-0.2 L 1.5,0 L 0.2,0.2 L 0,1.5 L -0.2,0.2 L -1.5,0 L -0.2,-0.2 Z">
                            </path>

                            <path class="s5-path s5-path-main" fill="none" d='M 10 100 Q 90 8 50 0'></path>
                            <path class="s5-path s5-path-main-shadow" fill="none" d='M 10 100 Q 90 8 50 0'></path>
                        </svg>
                    </div>


                    <div class="slider_2_text_section w-85">
                        <div class="slider2_text">
                            <div class="ovhiden w10r">
                                <h2 class="company reveal-item slide-right">THE HORIZON</h2>
                            </div>
                            <div class="ovhiden w37r">
                                <h3 class="takes_shape reveal-item slide-left">IDEAS HAVE NO BORDERS</h3>
                            </div>


                            <div class="s2_acik ovhiden">
                                <p class="s2_acik_sol reveal-item slide-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quisnostrud exercitation ullamco laboris lorem ipsum nisi ut aliquip</p>
                                <p class="s2_acik_sag reveal-item slide-right">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quisnostrud exercitation ullamco laboris lorem ipsum nisi ut aliquip</p>
                            </div>
                        </div>
                    </div>

                </div>


                {# slider6 #}
                <div class="swiper-slide realslide_6">
                
                    <div class="main_footer_section">

                        <div class="background_black_section reveal-item slide-down">
                            <div class="black_section_text">
                                <h3 class="bl_h3 reveal-item slide-down">THE NOW</h3>
                                <h2 class="bl_h2 reveal-item slide-up">REALITY IS BUILT NOW</h2>
                                <div class="bl_rig_lef">
                                    <p class="bl_p reveal-item slide-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quisnostrud exercitation ullamco laboris lorem ipsum nisi ut aliquip</p>
                                    <p class="bl_p reveal-item slide-right">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quisnostrud exercitation ullamco laboris lorem ipsum nisi ut aliquip</p>
                                </div>
                                <div class="bl_buton">
                                    <a href="#" class="bl_buton_a reveal-item slide-up">
                                        Get in touch
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="24 24" fill="currentColor">
                                            <path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z"></path>
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="footer_bottom">
                            <div class="yildiz_s5 parlak_6section"></div>
                            <img src="{{ asset('media/footer/footer_down.jpeg') }}" alt="" class="reveal-item slide-up">
                            <div class="footer_text">
                                <p class="fal_tec reveal-item slide-right">Falqn Technology GmbH</p>
                                <p class="mombac reveal-item slide-left">Mombacher Str. 68</p>
                                <p class="mainz reveal-item slide-right">55122 Mainz / Germany</p>
                                <p class="contact reveal-item slide-left">+49 171 1733712 &nbsp; msahin@falqn.de</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>



{% endblock %}

{% block javascripts_bottom %}
    {# main swiper #}
    <script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
    <script>

        var swiper = new Swiper(".mySwiper", {
            direction: "vertical",
            loop: false,
            speed: 0,
            watchSlidesProgress: true,
            observer: true,
            observeParents: true,
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
                type: 'bullets',
            },
            effect: 'creative',
            creativeEffect: {
                prev: {opacity: 0, translate: [0, 0, 0]},
                next: {opacity: 0, translate: [0, 0, 0]},
            },
        });

        // ########## 10 SANIYE ENGELLEYICI KISIM BASLANGICI ##########
        let isWaiting = true; // Sayfa açıldığında true olarak başlar (engelli)
        setTimeout(() => {
            isWaiting = false; // 10.000 ms (10 saniye) sonra kilidi açar
        }, 10000);

        // ########## 10 SANIYE ENGELLEYICI KISIM BITISI ##########

        function triggerSlideChange(direction) {
            if (isWaiting) return; // Kilit aktifken (ilk 10 sn) fonksiyon çalışmaz

            const canGoNext = direction === 'next' && swiper.activeIndex < swiper.slides.length - 1;
            const canGoPrev = direction === 'prev' && swiper.activeIndex > 0;

            if (canGoNext || canGoPrev) {
                isWaiting = true;
                const currentSlide = swiper.slides[swiper.activeIndex];
                currentSlide.classList.add('exit-now');

                setTimeout(() => {
                    if (direction === 'next') swiper.slideNext();
                    else swiper.slidePrev();

                    setTimeout(() => {
                        isWaiting = false;
                    }, 800);
                }, 600);
            }
        }

        swiper.on('slideChangeTransitionEnd', function () {
            this.slides.forEach(slide => slide.classList.remove('exit-now'));
            setTimeout(() => {
                isWaiting = false;
            }, 500);
        });

        window.addEventListener('wheel', (e) => {
            const dir = e.deltaY > 0 ? 'next' : 'prev';
            triggerSlideChange(dir);
        }, {passive: false});

        let touchStartY = 0;
        swiper.on('touchStart', (e) => {
            touchStartY = e.touches.clientY;
        });

        swiper.on('touchEnd', (e) => {
            const touchEndY = e.touches.clientY;
            const diff = touchStartY - touchEndY;

            if (Math.abs(diff) > 50) {
                const dir = diff > 0 ? 'next' : 'prev';
                triggerSlideChange(dir);
            }
        });
    </script>

    {# ======================== SLİDER1 ========================= #}
    {# dönen yuvarlak #}
    <script>
        const canvas2 = document.getElementById("c");
        const ctx2 = canvas2.getContext("2d");

        canvas2.width = 720;
        canvas2.height = 632;

        const cx = canvas2.width / 2;
        const cy = canvas2.height / 2;

        let t = 0;

        function drawMain(rotation) {
            ctx2.save();
            ctx2.translate(cx, cy);
            ctx2.rotate(rotation);
            ctx2.globalAlpha = 0.8;

            ctx2.beginPath();
            ctx2.arc(0, 0, 270, 0, Math.PI * 2);
            ctx2.strokeStyle = "#b0bdc6";
            ctx2.lineWidth = 2;
            ctx2.stroke();

            ctx2.restore();
        }

        function drawArcLayer({
                                  radius,
                                  count,
                                  thickness,
                                  speed,
                                  opacity,
                                  gap
                              }) {
            ctx2.save();
            ctx2.translate(cx, cy);
            ctx2.rotate(t * speed);
            ctx2.globalAlpha = opacity;

            const full = Math.PI * 2;
            const arcLength = (full / count) - gap;

            for (let i = 0; i < count; i++) {
                const start = i * (full / count);
                const end = start + arcLength;

                ctx2.beginPath();
                ctx2.arc(0, 0, radius, start, end);
                ctx2.strokeStyle = "#192F4D";
                ctx2.lineWidth = thickness;
                ctx2.lineCap = "butt";
                ctx2.stroke();
            }

            ctx2.restore();
        }

        function animate() {
            ctx2.clearRect(0, 0, canvas2.width, canvas2.height);

            drawMain(t * 0.5);

            drawArcLayer({
                radius: 285,
                count: 8,
                thickness: 3,
                speed: 0.4,
                opacity: 0.6,
                gap: 0.2
            });

            drawArcLayer({
                radius: 295,
                count: 6,
                thickness: 3,
                speed: 0.6,
                opacity: 0.4,
                gap: 0.25
            });

            drawArcLayer({
                radius: 310,
                count: 4,
                thickness: 6,
                speed: 0.8,
                opacity: 0.2,
                gap: 0.75
            });

            t += 0.01;
            requestAnimationFrame(animate);
        }

        animate();
    </script>


    {# ======================== SLİDER2 ========================= #}

    
    <script type="importmap" style="z-index: 2; position: absolute; width: 100%; height: 100%;">
        { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js" } }
    </script>

    {# yıldız - hover effct #}
    <script type="module">

        import * as THREE from 'three';



        // 1. Sahne Ayarları

        const scene = new THREE.Scene();

        const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 3000);

        const renderer = new THREE.WebGLRenderer({ antialias: true });

        renderer.setSize(window.innerWidth, window.innerHeight);

        scene.background = new THREE.Color( 0x090d14 );

        document.body.appendChild(renderer.domElement);



        // GÜNCELLENMİŞ BOX-SHADOW DOKUSU (30px Blur)

        function createBoxShadowTexture() {
            const canvas3 = document.createElement('canvas');
            const size = 185; // Alanı genişlettik ki parlama yayılacak yer bulsun
            canvas3.width = size;
            canvas3.height = size;
            const ctx3 = canvas3.getContext('2d');

            const centerX = size / 2;
            const centerY = size / 2;
            const rectSize = 25; // Kareyi büyüttük

            const neonColor = 'rgba(0, 255, 255, 1)';

            // KATMAN 1: Devasa Dış Aura
            ctx3.shadowBlur = 40;
            ctx3.shadowColor = neonColor;
            ctx3.fillStyle = neonColor;
            ctx3.fillRect(centerX - rectSize/2, centerY - rectSize/2, rectSize, rectSize);

            // KATMAN 2: Orta Şiddet Parlama
            ctx3.shadowBlur = 20;
            ctx3.shadowColor = neonColor;
            ctx3.fillRect(centerX - rectSize/2, centerY - rectSize/2, rectSize, rectSize);

            // KATMAN 3: İç Parlama (Işığı yoğunlaştırır)
            ctx3.shadowBlur = 10;
            ctx3.shadowColor = 'white';
            ctx3.fillRect(centerX - rectSize/2, centerY - rectSize/2, rectSize, rectSize);

            // KATMAN 4: Saf Beyaz Çekirdek
            ctx3.fillStyle = 'rgba(255, 255, 255, 1)';
            ctx3.fillRect(centerX - rectSize/2, centerY - rectSize/2, rectSize, rectSize);

            return new THREE.CanvasTexture(canvas3);
        }



        // 2. Parçacık Oluşturma

        const particlesCount = 2000;

        const positions = new Float32Array(particlesCount * 3);

        const colors = new Float32Array(particlesCount * 3);

        const originalPositions = new Float32Array(particlesCount * 3);

        const particleGeometry = new THREE.BufferGeometry();



        const blueColor = new THREE.Color(0x517fa1);



        for (let i = 0; i < particlesCount; i++) { 

            const radius = Math.random() * 2 +5 ;

            const theta = Math.random() * Math.PI * 2;

            const phi = Math.acos((Math.random() * 2) - 1);



            const x = radius * Math.sin(phi) * Math.cos(theta);

            const y = radius * Math.sin(phi) * Math.sin(theta);

            const z = radius * Math.cos(phi);



            positions[i * 3] = x;

            positions[i * 3 + 1] = y;

            positions[i * 3 + 2] = z;



            originalPositions[i * 3] = x;

            originalPositions[i * 3 + 1] = y;

            originalPositions[i * 3 + 2] = z;



            if (i < particlesCount / 2) {

                colors[i * 3] = 1; colors[i * 3 + 1] = 1; colors[i * 3 + 2] = 1;

            } else {

                colors[i * 3] = blueColor.r;

                colors[i * 3 + 1] = blueColor.g;

                colors[i * 3 + 2] = blueColor.b;

            }

        }



        particleGeometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));

        particleGeometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));



        const particleMaterial = new THREE.PointsMaterial({

            size: 0.18, // 30px gölgenin sığması için alan biraz daha genişletildi

            transparent: true,

            opacity: .5,


            vertexColors: true,

            map: createBoxShadowTexture(),

            blending: THREE.AdditiveBlending,

            depthWrite: false

        });



        const particleSystem = new THREE.Points(particleGeometry, particleMaterial);

        scene.add(particleSystem);


        camera.position.z = 8;



        const mouse = new THREE.Vector2(-10, -10);

        const raycaster = new THREE.Raycaster();

        const worldPos = new THREE.Vector3();

        const emptyRadius = 2.0;



        window.addEventListener('mousemove', (event) => {

            mouse.x = (event.clientX / window.innerWidth) * 2 - 1;

            mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;

        });



        function animate() {

            requestAnimationFrame(animate);

            particleSystem.rotation.y += 0.0006;

            particleSystem.updateMatrixWorld();



            raycaster.setFromCamera(mouse, camera);

            const intersectPoint = new THREE.Vector3();

            raycaster.ray.at(8, intersectPoint);



            const posArray = particleGeometry.attributes.position.array;



            for (let i = 0; i < particlesCount; i++) {

                const ix = i * 3;

                const iy = i * 3 + 1;

                const iz = i * 3 + 2;



// Mevcut dünya pozisyonunu hesapla

                worldPos.set(posArray[ix], posArray[iy], posArray[iz]);

                worldPos.applyMatrix4(particleSystem.matrixWorld);



                const dx = worldPos.x - intersectPoint.x;

                const dy = worldPos.y - intersectPoint.y;

                const dz = worldPos.z - intersectPoint.z;

                const dist = Math.sqrt(dx*dx + dy*dy + dz*dz);



// TİTREMEYİ ÖNLEYEN MANTIK:

// Sadece fareye çok yakın olanları it, ama belirli bir mesafede durmalarına izin ver.

                if (dist < emptyRadius) {

// Kuvveti yumuşatmak için bir itme gücü (push) ekliyoruz

                    const pushForce = (emptyRadius - dist) / emptyRadius;

                    const ratio = 0.2; // İtme hızı (daha yumuşak geçiş için)



                    posArray[ix] += dx * pushForce * ratio;

                    posArray[iy] += dy * pushForce * ratio;

                    posArray[iz] += dz * pushForce * ratio;

                } else {

// Eski pozisyonuna dönüş hızı (0.05 idealdir)

                    const returnSpeed = 0.05;



// Aradaki fark çok küçükse (titremeyi engellemek için) hareketi kes

                    const diffX = originalPositions[ix] - posArray[ix];

                    const diffY = originalPositions[iy] - posArray[iy];

                    const diffZ = originalPositions[iz] - posArray[iz];



                    if (Math.abs(diffX) > 0.001) posArray[ix] += diffX * returnSpeed;

                    if (Math.abs(diffY) > 0.001) posArray[iy] += diffY * returnSpeed;

                    if (Math.abs(diffZ) > 0.001) posArray[iz] += diffZ * returnSpeed;

                }

            }



            particleGeometry.attributes.position.needsUpdate = true;

            renderer.render(scene, camera);

        }



        animate();



        window.addEventListener('resize', () => {

            camera.aspect = window.innerWidth / window.innerHeight;

            camera.updateProjectionMatrix();

            renderer.setSize(window.innerWidth, window.innerHeight);

        });

    </script>


    {# dil seçeneği #}
    <script>
        function toggleDropdown() {
            document.querySelector('.dropdown').classList.toggle('active');
        }

        function select(lang) {
            document.getElementById('selected-lang').innerText = lang;
            document.querySelector('.dropdown').classList.remove('active');

            // Seçilen dili kullanmak için buraya kod ekleyebilirsin
            console.log("Seçilen dil:", lang);
        }

        // Menü dışına tıklandığında kapatma
        window.onclick = function(event) {
            if (!event.target.closest('.dropdown')) {
                document.querySelector('.dropdown').classList.remove('active');
            }
        }
    </script>


    {# parlak_efect #}
    <script>
        document.querySelectorAll('.yansima_yuvarlak').forEach((el) => {
            // Başlangıç pozisyonunu al (yüzdeyi pixel'e çevirir)
            let pos = el.offsetLeft;
            const speed = 1 + Math.random(); // Her birine hafif farklı hız verir (isteğe bağlı)

            function move() {
                pos += speed; // Sağa doğru ilerlet

                // Eğer ekranın en sağından çıktıysa
                if (pos > window.innerWidth) {
                    pos = -el.offsetWidth; // En sola (ekran dışına) gönder
                }

                el.style.left = pos + 'px';
                requestAnimationFrame(move); // Akıcı döngü
            }

            move();
        });
    </script>


{% endblock %}