update chatbot + prganisasi

Views/Profil/Organisasi.cshtml

@@ -20,22 +20,41 @@
 
 <section class="container max-w-6xl mx-auto px-4 py-8">
     <div class="flex justify-center text-center">
-         <img id="orgChart" class="max-w-sm md:max-w-5xl cursor-pointer hover:opacity-80 transition-opacity" 
+         <img id="orgChart" class="sm:max-w-sm md:max-w-3xl lg:max-w-5xl cursor-pointer hover:opacity-80 transition-opacity" 
               src="@Url.Content("~/assets/images/profil/org.png")" 
               alt="Struktur Organisasi DLH DKI Jakarta"
               onclick="openImageModal()">
     </div>
 </section>
 
-<div id="imageModal" class="fixed inset-0 bg-black bg-opacity-75 z-50 hidden flex items-center justify-center p-4" onclick="closeImageModal()">
-    <div class="relative max-w-full max-h-full">
-        <img id="modalImage" class="max-w-full max-h-full object-contain" src="" alt="">
-        <button class="absolute top-4 right-4 text-white text-3xl hover:text-gray-300" onclick="closeImageModal()">&times;</button>
+<div id="imageModal" class="fixed inset-0 bg-black bg-opacity-90 z-50 hidden flex items-center justify-center" onclick="closeImageModal()">
+    <div class="relative w-full h-full overflow-hidden">
+        <div id="imageContainer" class="w-full h-full flex items-center justify-center overflow-hidden touch-pan-x touch-pan-y">
+            <img id="modalImage" class="max-w-none h-auto transition-transform duration-200 select-none" 
+                 src="" alt="" 
+                 onclick="event.stopPropagation()"
+                 ondragstart="return false">
+        </div>
+        <button class="absolute top-4 right-4 text-white text-3xl hover:text-gray-300 z-10 bg-black bg-opacity-50 rounded-full w-12 h-12 flex items-center justify-center" onclick="closeImageModal()">&times;</button>
+        <div class="absolute bottom-4 left-1/2 transform -translate-x-1/2 text-white text-sm bg-black bg-opacity-50 px-4 py-2 rounded">
+            <span class="hidden md:inline">Scroll untuk zoom • Drag untuk pan • </span>
+            <span class="md:hidden">Pinch untuk zoom • Drag untuk pan • </span>
+            ESC untuk tutup
+        </div>
     </div>
 </div>
 
 <register-block dynamic-section="scripts" key="jsOrganisasi">
 <script>
+let currentScale = 1;
+let currentTranslateX = 0;
+let currentTranslateY = 0;
+let isDragging = false;
+let startX = 0;
+let startY = 0;
+let initialDistance = 0;
+let initialScale = 1;
+
 function openImageModal() {
     const modal = document.getElementById('imageModal');
     const modalImage = document.getElementById('modalImage');
@@ -45,19 +64,138 @@ function openImageModal() {
     modalImage.alt = orgChart.alt;
     modal.classList.remove('hidden');
     document.body.style.overflow = 'hidden';
+    
+    // Reset transformasi
+    currentScale = 1;
+    currentTranslateX = 0;
+    currentTranslateY = 0;
+    updateImageTransform();
 }
 
 function closeImageModal() {
     const modal = document.getElementById('imageModal');
     modal.classList.add('hidden');
     document.body.style.overflow = 'auto';
+    
+    // Reset transformasi
+    currentScale = 1;
+    currentTranslateX = 0;
+    currentTranslateY = 0;
+    updateImageTransform();
 }
 
-// Tutup modal dengan tombol ESC
+function updateImageTransform() {
+    const modalImage = document.getElementById('modalImage');
+    modalImage.style.transform = `scale(${currentScale}) translate(${currentTranslateX}px, ${currentTranslateY}px)`;
+}
+
+function getDistance(touches) {
+    const dx = touches[0].clientX - touches[1].clientX;
+    const dy = touches[0].clientY - touches[1].clientY;
+    return Math.sqrt(dx * dx + dy * dy);
+}
+
+// Event listeners
 document.addEventListener('keydown', function(event) {
     if (event.key === 'Escape') {
         closeImageModal();
     }
 });
+
+// Desktop scroll zoom
+document.getElementById('imageModal').addEventListener('wheel', function(e) {
+    e.preventDefault();
+    
+    const delta = e.deltaY > 0 ? -0.1 : 0.1;
+    const newScale = Math.max(0.5, Math.min(5, currentScale + delta));
+    
+    if (newScale !== currentScale) {
+        currentScale = newScale;
+        updateImageTransform();
+    }
+});
+
+// Mouse events untuk desktop
+document.getElementById('modalImage').addEventListener('mousedown', function(e) {
+    e.preventDefault();
+    isDragging = true;
+    startX = e.clientX - currentTranslateX;
+    startY = e.clientY - currentTranslateY;
+    document.body.style.cursor = 'grabbing';
+});
+
+document.addEventListener('mousemove', function(e) {
+    if (isDragging) {
+        currentTranslateX = e.clientX - startX;
+        currentTranslateY = e.clientY - startY;
+        updateImageTransform();
+    }
+});
+
+document.addEventListener('mouseup', function() {
+    isDragging = false;
+    document.body.style.cursor = 'default';
+});
+
+// Touch events untuk mobile
+document.getElementById('modalImage').addEventListener('touchstart', function(e) {
+    e.preventDefault();
+    
+    if (e.touches.length === 1) {
+        // Single touch - pan
+        isDragging = true;
+        startX = e.touches[0].clientX - currentTranslateX;
+        startY = e.touches[0].clientY - currentTranslateY;
+    } else if (e.touches.length === 2) {
+        // Multi touch - zoom
+        isDragging = false;
+        initialDistance = getDistance(e.touches);
+        initialScale = currentScale;
+    }
+});
+
+document.getElementById('modalImage').addEventListener('touchmove', function(e) {
+    e.preventDefault();
+    
+    if (e.touches.length === 1 && isDragging) {
+        // Pan
+        currentTranslateX = e.touches[0].clientX - startX;
+        currentTranslateY = e.touches[0].clientY - startY;
+        updateImageTransform();
+    } else if (e.touches.length === 2) {
+        // Zoom
+        const currentDistance = getDistance(e.touches);
+        const scale = (currentDistance / initialDistance) * initialScale;
+        currentScale = Math.max(0.5, Math.min(5, scale));
+        updateImageTransform();
+    }
+});
+
+document.getElementById('modalImage').addEventListener('touchend', function(e) {
+    if (e.touches.length === 0) {
+        isDragging = false;
+    }
+});
+
+// Double tap untuk reset zoom pada mobile
+let lastTouchTime = 0;
+document.getElementById('modalImage').addEventListener('touchend', function(e) {
+    const currentTime = new Date().getTime();
+    const tapLength = currentTime - lastTouchTime;
+    
+    if (tapLength < 500 && tapLength > 0) {
+        // Double tap detected
+        if (currentScale === 1) {
+            currentScale = 2;
+        } else {
+            currentScale = 1;
+            currentTranslateX = 0;
+            currentTranslateY = 0;
+        }
+        updateImageTransform();
+    }
+    
+    lastTouchTime = currentTime;
+});
 </script>
 </register-block>

Views/Publikasi/Dikplhd.cshtml

@@ -59,7 +59,8 @@
                     <h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
                     </div>
                 </div>
-                  <div class="bg-white rounded-xl shadow-sm">
+
+                <div class="bg-white rounded-xl shadow-sm">
                       <div class="relative overflow-hidden rounded-lg">
                      <div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
                     <h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
@@ -88,20 +89,20 @@
                     </div>
                 </div>
 
-                                <div class="bg-white rounded-xl shadow-sm">
+                <div class="bg-white rounded-xl shadow-sm">
                       <div class="relative overflow-hidden rounded-lg">
                      <div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
                     <h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
                     </div>
                 </div>
-                                <div class="bg-white rounded-xl shadow-sm">
+                <div class="bg-white rounded-xl shadow-sm">
                       <div class="relative overflow-hidden rounded-lg">
                      <div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
                     <h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
                     </div>
                 </div>
 
-                                <div class="bg-white rounded-xl shadow-sm">
+                <div class="bg-white rounded-xl shadow-sm">
                       <div class="relative overflow-hidden rounded-lg">
                      <div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
                     <h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>

Views/Shared/Partials/_Footer.cshtml

@@ -136,27 +136,29 @@
     </div>
         <!-- Chat Button -->
         <div id="chatButton" class="fixed bottom-22 right-3 md:bottom-5 md:right-5 p-4 cursor-pointer z-20">
-        <img src="@Url.Content("~/ecobot2.svg")" alt="Chat Icon" class="w-24 h-24"/>
+        <img src="@Url.Content("~/kura.svg")" alt="Chat Icon" class="w-24 h-24"/>
         @* <div class="absolute -top-8 -left-5 bg-green-500 text-white md:text-xs text-sm px-2 py-1 rounded whitespace-nowrap">
             Tanya EcoBot!
         </div> *@
         </div>
 
     <!-- Chatbot -->
-    <div id="chatbot" class="fixed bottom-20 right-5 w-80 h-96 bg-white rounded-lg shadow-xl transform transition-all duration-300 scale-0 z-50">
-        <div class="flex justify-between items-center bg-blue-600 text-white p-4 rounded-t-lg">
+     <div id="chatbot" class="fixed bottom-20 right-5 w-80 h-96 bg-white rounded-lg shadow-xl transform transition-all duration-300 scale-0 z-50 md:w-80 md:h-96 md:bottom-20 md:right-5 md:rounded-lg mobile-fullscreen">
+        <div class="flex justify-between items-center bg-blue-600 text-white p-4 rounded-t-lg md:rounded-t-lg">
             <h3 class="font-semibold text-lg flex items-center">
-                <i class="text-yellow-300 w-6 h-6 lg:w-8 lg:h-8 mr-2" data-lucide="bot-message-square"></i>EcoBot</h3>
+                <img src="@Url.Content("~/kura-tanya.svg")" alt="Chat Icon" class="w-6 h-6 lg:w-8 lg:h-8 mr-2"/>
+                Tanya Kura!
+            </h3>
             <button id="closeChat" class="text-white font-bold text-xl">×</button>
         </div>
-        <div class="chat-content p-4 h-72 overflow-y-auto bg-gray-50 rounded-b-lg">
+        <div class="chat-content p-4 h-72 overflow-y-auto bg-gray-50 rounded-b-lg md:rounded-b-lg mobile-chat-content">
             <div class="chat-bubble bot" style="float: left; clear: both;">
                 <p>Halo! Selamat datang di layanan informasi Dinas Lingkungan Hidup DKI Jakarta! 👋</p>
                 <p>Saya di sini untuk membantu Anda. Ada yang ingin ditanyakan seputar layanan kami?</p>
             </div>
             <!-- Chat messages will appear here -->
         </div>
-        <div class="flex items-center p-4 bg-green-100 border-t border-gray-300 rounded-b-lg">
+        <div class="flex items-center p-4 bg-green-100 border-t border-gray-300 rounded-b-lg md:rounded-b-lg">
             <input type="text" id="userInput" placeholder="Type a message..." class="w-full p-2 rounded-lg border border-gray-300" />
             <button id="sendMessage" class="ml-2 p-2 bg-green-600 text-white rounded-lg">Send</button>
         </div>
@@ -348,6 +350,37 @@ a.flip-animate.flipped span:before {
     font-size: 0.9rem;
     font-style: italic;
 }
+
+@@media (max-width: 768px) {
+    #chatbot.mobile-fullscreen {
+        top: 0 !important;
+        left: 0 !important;
+        right: 0 !important;
+        bottom: 0 !important;
+        width: 100vw !important;
+        height: 100vh !important;
+        border-radius: 0 !important;
+        transform: none !important;
+        transition: transform 0.3s ease-in-out !important;
+    }
+    
+    #chatbot.mobile-fullscreen.scale-0 {
+        transform: translateY(100%) !important;
+    }
+    
+    #chatbot.mobile-fullscreen.scale-100 {
+        transform: translateY(0) !important;
+    }
+    
+    #chatbot.mobile-fullscreen .chat-content.mobile-chat-content {
+        height: calc(100vh - 140px) !important;
+    }
+    
+    #chatbot.mobile-fullscreen .rounded-t-lg,
+    #chatbot.mobile-fullscreen .rounded-b-lg {
+        border-radius: 0 !important;
+    }
+}
 </style>
 
 <script>

obj/Debug/net9.0/dlh-net.AssemblyInfo.cs

@@ -13,7 +13,7 @@ using System.Reflection;
 [assembly: System.Reflection.AssemblyCompanyAttribute("dlh-net")]
 [assembly: System.Reflection.AssemblyConfigurationAttribute("Debug")]
 [assembly: System.Reflection.AssemblyFileVersionAttribute("1.0.0.0")]
-[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+b23d545ca080ddcae3c0ef0382ed69db914c7d88")]
+[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+7ef25d4c4616601f974b2ec1defeefc0812373b2")]
 [assembly: System.Reflection.AssemblyProductAttribute("dlh-net")]
 [assembly: System.Reflection.AssemblyTitleAttribute("dlh-net")]
 [assembly: System.Reflection.AssemblyVersionAttribute("1.0.0.0")]

obj/Debug/net9.0/dlh-net.AssemblyInfoInputs.cache

@@ -1 +1 @@
-7a0984e85de6bc95ff34ad109a0254b68c3a6593d3ba1bac2c87e374f3e5d07e
+20eac3a7111f9b4d49544ef617ec0b9354847cf0aad7d5f50deb0a49da8bd5ed

obj/Debug/net9.0/dlh-net.csproj.FileListAbsolute.txt

@@ -6449,3 +6449,4 @@ C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\ne72vumpi5-bbojlneqx7.gz
 C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\y3bo0g39i1-xjuu8xi95b.gz
 C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\hc40dw3fux-0wpjv5s038.gz
 C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\n7i5sq5ry6-tbfrcilj3k.gz
+C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\hsfclwv881-voefrs1i1z.gz

obj/Debug/net9.0/staticwebassets.build.json.cache

@@ -1 +1 @@
-IeUnGEeFeCvgUSSvS2TGvz3IHRd8p2s9J6ArTYG8m5o=
+9Geb1ewOaKysPkkcOwNj3B4gEbe791SvKl6WBt41Rbw=

wwwroot/css/output.css

@@ -482,9 +482,6 @@
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
-  .left-1 {
-    left: calc(var(--spacing) * 1);
-  }
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
@@ -818,9 +815,6 @@
   .mb-auto {
     margin-bottom: auto;
   }
-  .ml-0 {
-    margin-left: calc(var(--spacing) * 0);
-  }
   .ml-0\.5 {
     margin-left: calc(var(--spacing) * 0.5);
   }
@@ -903,9 +897,6 @@
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
-  .h-0 {
-    height: calc(var(--spacing) * 0);
-  }
   .h-0\.5 {
     height: calc(var(--spacing) * 0.5);
   }
@@ -1017,6 +1008,9 @@
   .h-px {
     height: 1px;
   }
+  .h-screen {
+    height: 100vh;
+  }
   .max-h-64 {
     max-height: calc(var(--spacing) * 64);
   }
@@ -1026,33 +1020,12 @@
   .max-h-\[80vh\] {
     max-height: 80vh;
   }
-  .max-h-full {
-    max-height: 100%;
-  }
-  .max-h-screen {
-    max-height: 100vh;
-  }
-  .min-h-3 {
-    min-height: calc(var(--spacing) * 3);
-  }
-  .min-h-3\/4 {
-    min-height: calc(3/4 * 100%);
-  }
-  .min-h-11 {
-    min-height: calc(var(--spacing) * 11);
-  }
-  .min-h-11\/12 {
-    min-height: calc(11/12 * 100%);
-  }
   .min-h-\[60vh\] {
     min-height: 60vh;
   }
   .min-h-screen {
     min-height: 100vh;
   }
-  .w-1 {
-    width: calc(var(--spacing) * 1);
-  }
   .w-1\.5 {
     width: calc(var(--spacing) * 1.5);
   }
@@ -1137,15 +1110,9 @@
   .w-\[40vw\] {
     width: 40vw;
   }
-  .w-\[80vw\] {
-    width: 80vw;
-  }
   .w-\[90vw\] {
     width: 90vw;
   }
-  .w-\[900vw\] {
-    width: 900vw;
-  }
   .w-auto {
     width: auto;
   }
@@ -1230,10 +1197,6 @@
   .border-collapse {
     border-collapse: collapse;
   }
-  .-translate-x-1 {
-    --tw-translate-x: calc(var(--spacing) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1262,10 +1225,6 @@
     --tw-translate-x: -100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .-translate-y-1 {
-    --tw-translate-y: calc(var(--spacing) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1278,10 +1237,6 @@
     --tw-translate-y: calc(var(--spacing) * -32);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .translate-y-1 {
-    --tw-translate-y: calc(var(--spacing) * 1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .translate-y-1\/2 {
     --tw-translate-y: calc(1/2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1350,6 +1305,14 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .touch-pan-x {
+    --tw-pan-x: pan-x;
+    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+  }
+  .touch-pan-y {
+    --tw-pan-y: pan-y;
+    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+  }
   .resize {
     resize: both;
   }
@@ -1489,13 +1452,6 @@
   .gap-x-4 {
     column-gap: calc(var(--spacing) * 4);
   }
-  .space-x-1 {
-    :where(& > :not(:last-child)) {
-      --tw-space-x-reverse: 0;
-      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
-      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
-    }
-  }
   .space-x-1\.5 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -2012,9 +1968,6 @@
   .bg-yellow-100 {
     background-color: var(--color-yellow-100);
   }
-  .bg-yellow-300 {
-    background-color: var(--color-yellow-300);
-  }
   .bg-yellow-300\/20 {
     background-color: color-mix(in srgb, oklch(90.5% 0.182 98.111) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2199,11 +2152,6 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
-  .via-black {
-    --tw-gradient-via: var(--color-black);
-    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-via-stops);
-  }
   .via-black\/5 {
     --tw-gradient-via: color-mix(in srgb, #000 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2246,11 +2194,6 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
-  .via-gray-900 {
-    --tw-gradient-via: var(--color-gray-900);
-    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-via-stops);
-  }
   .via-gray-900\/60 {
     --tw-gradient-via: color-mix(in srgb, oklch(21% 0.034 264.665) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2314,10 +2257,6 @@
     --tw-gradient-to: var(--color-amber-800);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .to-black {
-    --tw-gradient-to: var(--color-black);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .to-black\/10 {
     --tw-gradient-to: color-mix(in srgb, #000 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2353,10 +2292,6 @@
     --tw-gradient-to: var(--color-emerald-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .to-emerald-800 {
-    --tw-gradient-to: var(--color-emerald-800);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .to-emerald-800\/30 {
     --tw-gradient-to: color-mix(in srgb, oklch(43.2% 0.095 166.913) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2436,10 +2371,6 @@
     --tw-gradient-to: var(--color-teal-300);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .to-teal-500 {
-    --tw-gradient-to: var(--color-teal-500);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .to-teal-500\/5 {
     --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2585,9 +2516,6 @@
   .py-20 {
     padding-block: calc(var(--spacing) * 20);
   }
-  .py-32 {
-    padding-block: calc(var(--spacing) * 32);
-  }
   .ps-0 {
     padding-inline-start: calc(var(--spacing) * 0);
   }
@@ -2657,6 +2585,9 @@
   .pr-11 {
     padding-right: calc(var(--spacing) * 11);
   }
+  .pr-20 {
+    padding-right: calc(var(--spacing) * 20);
+  }
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
@@ -2681,6 +2612,9 @@
   .pb-12 {
     padding-bottom: calc(var(--spacing) * 12);
   }
+  .pb-16 {
+    padding-bottom: calc(var(--spacing) * 16);
+  }
   .pb-20 {
     padding-bottom: calc(var(--spacing) * 20);
   }
@@ -2931,6 +2865,9 @@
   .text-orange-600 {
     color: var(--color-orange-600);
   }
+  .text-orange-700 {
+    color: var(--color-orange-700);
+  }
   .text-orange-800 {
     color: var(--color-orange-800);
   }
@@ -3110,21 +3047,12 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-green-500 {
-    --tw-shadow-color: oklch(72.3% 0.219 149.579);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-shadow-color: color-mix(in oklab, var(--color-green-500) var(--tw-shadow-alpha), transparent);
-    }
-  }
   .shadow-green-500\/50 {
     --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
-  .ring-green-600 {
-    --tw-ring-color: var(--color-green-600);
-  }
   .ring-green-600\/20 {
     --tw-ring-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3681,6 +3609,13 @@
       }
     }
   }
+  .hover\:bg-green-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-green-700);
+      }
+    }
+  }
   .hover\:bg-indigo-100 {
     &:hover {
       @media (hover: hover) {
@@ -3856,6 +3791,13 @@
       }
     }
   }
+  .hover\:text-gray-300 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-gray-300);
+      }
+    }
+  }
   .hover\:text-gray-700 {
     &:hover {
       @media (hover: hover) {
@@ -3926,6 +3868,13 @@
       }
     }
   }
+  .hover\:opacity-80 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 80%;
+      }
+    }
+  }
   .hover\:opacity-100 {
     &:hover {
       @media (hover: hover) {
@@ -4025,6 +3974,11 @@
       opacity: 50%;
     }
   }
+  .sm\:mr-3 {
+    @media (width >= 40rem) {
+      margin-right: calc(var(--spacing) * 3);
+    }
+  }
   .sm\:mb-6 {
     @media (width >= 40rem) {
       margin-bottom: calc(var(--spacing) * 6);
@@ -4050,6 +4004,21 @@
       height: 400px;
     }
   }
+  .sm\:w-auto {
+    @media (width >= 40rem) {
+      width: auto;
+    }
+  }
+  .sm\:max-w-sm {
+    @media (width >= 40rem) {
+      max-width: var(--container-sm);
+    }
+  }
+  .sm\:flex-none {
+    @media (width >= 40rem) {
+      flex: none;
+    }
+  }
   .sm\:grid-cols-2 {
     @media (width >= 40rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -4060,15 +4029,39 @@
       flex-direction: row;
     }
   }
+  .sm\:items-center {
+    @media (width >= 40rem) {
+      align-items: center;
+    }
+  }
+  .sm\:space-y-6 {
+    @media (width >= 40rem) {
+      :where(& > :not(:last-child)) {
+        --tw-space-y-reverse: 0;
+        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+      }
+    }
+  }
+  .sm\:p-6 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
+  .sm\:px-4 {
+    @media (width >= 40rem) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
   .sm\:px-6 {
     @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 6);
     }
   }
-  .sm\:text-3xl {
+  .sm\:text-2xl {
     @media (width >= 40rem) {
-      font-size: var(--text-3xl);
-      line-height: var(--tw-leading, var(--text-3xl--line-height));
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
     }
   }
   .sm\:text-4xl {
@@ -4083,6 +4076,18 @@
       line-height: var(--tw-leading, var(--text-lg--line-height));
     }
   }
+  .sm\:text-sm {
+    @media (width >= 40rem) {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+  }
+  .sm\:text-xl {
+    @media (width >= 40rem) {
+      font-size: var(--text-xl);
+      line-height: var(--tw-leading, var(--text-xl--line-height));
+    }
+  }
   .md\:sticky {
     @media (width >= 48rem) {
       position: sticky;
@@ -4108,6 +4113,11 @@
       bottom: calc(var(--spacing) * 5);
     }
   }
+  .md\:bottom-20 {
+    @media (width >= 48rem) {
+      bottom: calc(var(--spacing) * 20);
+    }
+  }
   .md\:left-10 {
     @media (width >= 48rem) {
       left: calc(var(--spacing) * 10);
@@ -4188,6 +4198,11 @@
       display: none;
     }
   }
+  .md\:inline {
+    @media (width >= 48rem) {
+      display: inline;
+    }
+  }
   .md\:h-5 {
     @media (width >= 48rem) {
       height: calc(var(--spacing) * 5);
@@ -4208,6 +4223,11 @@
       height: calc(var(--spacing) * 24);
     }
   }
+  .md\:h-96 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 96);
+    }
+  }
   .md\:h-\[28vh\] {
     @media (width >= 48rem) {
       height: 28vh;
@@ -4263,11 +4283,21 @@
       width: calc(var(--spacing) * 10);
     }
   }
+  .md\:w-80 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 80);
+    }
+  }
   .md\:w-\[calc\(33\.333\%-1rem\)\] {
     @media (width >= 48rem) {
       width: calc(33.333% - 1rem);
     }
   }
+  .md\:max-w-3xl {
+    @media (width >= 48rem) {
+      max-width: var(--container-3xl);
+    }
+  }
   .md\:max-w-6xl {
     @media (width >= 48rem) {
       max-width: var(--container-6xl);
@@ -4389,11 +4419,28 @@
       border-radius: var(--radius-2xl);
     }
   }
+  .md\:rounded-lg {
+    @media (width >= 48rem) {
+      border-radius: var(--radius-lg);
+    }
+  }
+  .md\:rounded-t-lg {
+    @media (width >= 48rem) {
+      border-top-left-radius: var(--radius-lg);
+      border-top-right-radius: var(--radius-lg);
+    }
+  }
   .md\:rounded-tr-\[30px\] {
     @media (width >= 48rem) {
       border-top-right-radius: 30px;
     }
   }
+  .md\:rounded-b-lg {
+    @media (width >= 48rem) {
+      border-bottom-right-radius: var(--radius-lg);
+      border-bottom-left-radius: var(--radius-lg);
+    }
+  }
   .md\:rounded-br-\[30px\] {
     @media (width >= 48rem) {
       border-bottom-right-radius: 30px;
@@ -4409,21 +4456,11 @@
       padding-inline: calc(var(--spacing) * 0);
     }
   }
-  .md\:py-12 {
-    @media (width >= 48rem) {
-      padding-block: calc(var(--spacing) * 12);
-    }
-  }
   .md\:py-32 {
     @media (width >= 48rem) {
       padding-block: calc(var(--spacing) * 32);
     }
   }
-  .md\:py-96 {
-    @media (width >= 48rem) {
-      padding-block: calc(var(--spacing) * 96);
-    }
-  }
   .md\:pt-0 {
     @media (width >= 48rem) {
       padding-top: calc(var(--spacing) * 0);
@@ -4449,21 +4486,11 @@
       padding-top: calc(var(--spacing) * 20);
     }
   }
-  .md\:pt-26 {
-    @media (width >= 48rem) {
-      padding-top: calc(var(--spacing) * 26);
-    }
-  }
   .md\:pt-28 {
     @media (width >= 48rem) {
       padding-top: calc(var(--spacing) * 28);
     }
   }
-  .md\:pt-32 {
-    @media (width >= 48rem) {
-      padding-top: calc(var(--spacing) * 32);
-    }
-  }
   .md\:pb-0 {
     @media (width >= 48rem) {
       padding-bottom: calc(var(--spacing) * 0);
@@ -4507,12 +4534,6 @@
       line-height: var(--tw-leading, var(--text-4xl--line-height));
     }
   }
-  .md\:text-5xl {
-    @media (width >= 48rem) {
-      font-size: var(--text-5xl);
-      line-height: var(--tw-leading, var(--text-5xl--line-height));
-    }
-  }
   .md\:text-6xl {
     @media (width >= 48rem) {
       font-size: var(--text-6xl);
@@ -4555,6 +4576,16 @@
       line-height: var(--tw-leading, var(--text-xs--line-height));
     }
   }
+  .lg\:order-1 {
+    @media (width >= 64rem) {
+      order: 1;
+    }
+  }
+  .lg\:order-2 {
+    @media (width >= 64rem) {
+      order: 2;
+    }
+  }
   .lg\:col-span-1 {
     @media (width >= 64rem) {
       grid-column: span 1 / span 1;
@@ -4610,6 +4641,16 @@
       height: 35vh;
     }
   }
+  .lg\:h-\[600px\] {
+    @media (width >= 64rem) {
+      height: 600px;
+    }
+  }
+  .lg\:h-full {
+    @media (width >= 64rem) {
+      height: 100%;
+    }
+  }
   .lg\:w-1\/3 {
     @media (width >= 64rem) {
       width: calc(1/3 * 100%);
@@ -4625,6 +4666,16 @@
       width: calc(var(--spacing) * 8);
     }
   }
+  .lg\:w-96 {
+    @media (width >= 64rem) {
+      width: calc(var(--spacing) * 96);
+    }
+  }
+  .lg\:max-w-5xl {
+    @media (width >= 64rem) {
+      max-width: var(--container-5xl);
+    }
+  }
   .lg\:flex-1 {
     @media (width >= 64rem) {
       flex: 1;
@@ -4688,6 +4739,11 @@
       padding: calc(var(--spacing) * 6);
     }
   }
+  .lg\:p-8 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 8);
+    }
+  }
   .lg\:p-12 {
     @media (width >= 64rem) {
       padding: calc(var(--spacing) * 12);
@@ -4739,6 +4795,11 @@
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
   }
+  .xl\:grid-cols-4 {
+    @media (width >= 80rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
 }
 @property --tw-translate-x {
   syntax: "*";
@@ -4790,6 +4851,18 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-pan-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-pan-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-pinch-zoom {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -5060,6 +5133,9 @@
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-pan-x: initial;
+      --tw-pan-y: initial;
+      --tw-pinch-zoom: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-border-style: solid;

wwwroot/kura-tanya.svg

@@ -0,0 +1,38 @@
+<svg width="314" height="243" viewBox="0 0 314 243" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M52.8365 124.697C54.0423 125.618 54.7803 127.108 54.6991 128.805L54.1058 141.461C54.0733 141.934 54.2798 142.383 54.6567 142.661L68.335 153.042C68.4295 153.116 68.5246 153.201 68.5903 153.297C68.8198 153.454 69.0494 153.611 69.2695 153.778L95.5982 173.578C103.005 179.145 104.251 190.011 98.3475 197.849C92.4642 205.685 81.6726 207.517 74.2655 201.949L47.9368 182.15C47.6221 181.908 47.3075 181.666 47.0211 181.392C46.97 181.375 46.9483 181.346 46.9066 181.319L15.7879 157.712L15.8248 157.66L9.06527 152.545C8.81286 152.34 8.54821 151.924 8.51899 151.595C8.20088 148.549 10.0021 146.631 11.9677 146.326C12.9496 146.158 13.9431 146.36 14.7514 146.994L20.5577 151.393L21.2733 150.44L9.78582 141.725C9.50345 141.521 9.30396 141.192 9.25361 140.844C8.81512 137.795 10.6722 135.803 12.6671 135.486C13.629 135.32 14.6331 135.532 15.4402 136.146L25.985 144.155C25.985 144.155 26.0355 144.162 26.0548 144.151L27.0685 142.809C27.0685 142.809 27.0855 142.758 27.065 142.749L12.8419 131.96C12.5906 131.774 12.3354 131.349 12.2968 131.03C11.9787 127.984 13.7799 126.065 15.7549 125.75C16.7168 125.583 17.7209 125.795 18.528 126.409L31.8395 136.511L32.4434 135.704L20.9665 126.998C20.6836 126.784 20.4846 126.465 20.4331 126.098C19.9946 123.048 21.8517 121.057 23.8466 120.74C24.8086 120.573 25.8026 120.786 26.6198 121.399L41.7961 132.904C41.8906 132.979 41.9857 133.063 42.0808 133.148C42.7618 133.659 43.6897 133.425 44.1732 132.785C44.3595 132.544 44.4718 132.237 44.4925 131.905L44.6383 128.912C44.774 126.089 47.1238 123.788 49.8967 123.756C51.0077 123.742 52.0106 124.104 52.8172 124.708L52.8365 124.697Z" fill="white" stroke="black" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M201.671 43.1897C201.671 43.1897 153.686 69.5414 104.636 46.4409C55.5761 23.3411 131.176 76.8958 131.176 76.8958C131.176 76.8958 196.281 74.9078 201.671 43.1897Z" fill="#E87722" stroke="black" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M240.793 51.1732C240.793 51.1732 277.886 65.9164 278.729 54.2775C279.562 42.6391 246.475 24.2663 246.475 24.2663L240.803 51.1726L240.793 51.1732Z" fill="#E87722" stroke="black" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M232.184 225.251L86.9411 224.966C84.1629 229.025 78.7854 177.751 77.3604 167.927C77.3604 167.927 51.8511 52.5279 73.7754 24.6827C95.6992 -3.17246 121.43 23.7135 121.43 23.7135C121.43 23.7135 133.316 41.1404 125.346 49.449C124.204 50.6476 122.888 53.6595 121.407 57.9732C124.026 62.0073 128.142 64.3814 137.056 63.861L137.364 63.813C163.546 65.1393 177.894 61.0861 185.742 56.02C185.839 55.9643 185.925 55.8991 186.012 55.8439C196.17 49.1506 195.12 40.7776 195.12 40.7776C195.12 40.7776 195.304 6.70889 223.666 6.25508C252.019 5.81184 260.374 18.3661 264.402 33.6474C268.006 47.3406 252.85 46.132 249.651 45.7277C263.915 58.2477 275.397 52.9794 277.774 51.6486C278.075 51.4808 278.229 51.3816 278.229 51.3816C278.229 51.3816 282.263 122.357 311.812 225.11L232.184 225.251Z" fill="#F2CD00" stroke="black" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M122.612 59.2349C122.612 59.2349 112.568 47.7908 111.044 42.4506" stroke="black" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M249.502 45.2356C249.502 45.2356 236.337 36.9488 241.724 25.7658" stroke="black" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M131.851 174.232C143.269 173.565 151.985 163.769 151.318 152.35C150.652 140.932 140.855 132.216 129.437 132.883C118.018 133.549 109.302 143.346 109.969 154.764C110.635 166.183 120.432 174.899 131.851 174.232Z" fill="#E87722"/>
+<path d="M150.4 151.513C155.573 150.955 158.484 138.626 156.902 123.976C155.321 109.326 149.846 97.903 144.673 98.4614C139.501 99.0198 136.59 111.349 138.171 125.998C139.753 140.648 145.228 152.072 150.4 151.513Z" fill="black" stroke="black" stroke-width="2.25" stroke-miterlimit="10"/>
+<mask id="mask0_675_1951" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="137" y="98" width="21" height="54">
+<path d="M150.4 151.513C155.573 150.955 158.484 138.626 156.902 123.976C155.321 109.326 149.846 97.903 144.673 98.4614C139.501 99.0198 136.59 111.349 138.171 125.998C139.753 140.648 145.228 152.072 150.4 151.513Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_675_1951)">
+<path d="M153.15 130.867C155.278 130.743 156.902 128.917 156.778 126.789C156.654 124.66 154.828 123.036 152.7 123.16C150.571 123.284 148.947 125.11 149.071 127.239C149.195 129.367 151.021 130.991 153.15 130.867Z" fill="#F7F7CF" stroke="black" stroke-width="0.9" stroke-miterlimit="10"/>
+<path d="M147.889 142.854C151.407 142.649 154.092 139.63 153.887 136.113C153.681 132.595 150.663 129.91 147.146 130.116C143.628 130.321 140.943 133.339 141.148 136.857C141.354 140.374 144.372 143.059 147.889 142.854Z" fill="#F7F7CF" stroke="black" stroke-width="0.9" stroke-miterlimit="10"/>
+<path d="M151.954 122.412C148.756 122.879 148.54 123.122 148.448 126.353C147.981 123.155 147.738 122.939 144.507 122.847C147.705 122.38 147.921 122.137 148.013 118.906C148.481 122.104 148.724 122.32 151.954 122.412Z" fill="#F7F7CF"/>
+<path d="M159.336 143.498C154.767 144.165 154.467 144.513 154.325 149.129C153.658 144.56 153.31 144.26 148.694 144.119C153.263 143.452 153.563 143.104 153.704 138.488C154.372 143.056 154.72 143.357 159.336 143.498Z" fill="#F7F7CF"/>
+</g>
+<path d="M128.976 145.922L120.629 156.175" stroke="black" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M136.368 147.123L123.481 163.331" stroke="black" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M211.509 170.693C222.928 170.026 231.644 160.23 230.977 148.811C230.31 137.393 220.514 128.677 209.095 129.344C197.677 130.01 188.961 139.807 189.627 151.225C190.294 162.644 200.091 171.36 211.509 170.693Z" fill="#E87722"/>
+<path d="M199.526 123.438C199.392 108.704 195.066 96.7976 189.864 96.845C184.662 96.8923 180.553 108.875 180.687 123.61C180.821 138.344 185.147 150.25 190.349 150.203C195.552 150.155 199.66 138.173 199.526 123.438Z" fill="black" stroke="black" stroke-width="2.25" stroke-miterlimit="10"/>
+<mask id="mask1_675_1951" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="96" width="20" height="55">
+<path d="M199.526 123.438C199.392 108.704 195.066 96.7975 189.864 96.8448C184.662 96.8922 180.553 108.875 180.687 123.61C180.821 138.344 185.147 150.25 190.349 150.203C195.552 150.155 199.66 138.172 199.526 123.438Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_675_1951)">
+<path d="M185.309 130.101C187.437 129.977 189.062 128.151 188.938 126.023C188.813 123.895 186.987 122.27 184.859 122.394C182.731 122.519 181.107 124.345 181.231 126.473C181.355 128.601 183.181 130.226 185.309 130.101Z" fill="#F7F7CF" stroke="black" stroke-width="0.9" stroke-miterlimit="10"/>
+<path d="M191.939 141.404C195.457 141.199 198.142 138.181 197.936 134.663C197.731 131.145 194.713 128.46 191.195 128.666C187.678 128.871 184.993 131.889 185.198 135.407C185.403 138.924 188.421 141.609 191.939 141.404Z" fill="#F7F7CF" stroke="black" stroke-width="0.9" stroke-miterlimit="10"/>
+<path d="M185.512 121.565C188.743 121.657 188.986 121.873 189.453 125.071C189.545 121.84 189.761 121.597 192.959 121.13C189.728 121.038 189.485 120.822 189.018 117.624C188.926 120.855 188.71 121.098 185.512 121.565Z" fill="#F7F7CF"/>
+<path d="M180.635 143.376C185.25 143.507 185.589 143.818 186.266 148.386C186.398 143.771 186.708 143.432 191.277 142.755C186.661 142.624 186.323 142.313 185.645 137.745C185.514 142.36 185.203 142.699 180.635 143.376Z" fill="#F7F7CF"/>
+</g>
+<path d="M211.07 142.24L220.553 151.453" stroke="black" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M203.868 144.294L218.554 158.892" stroke="black" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M268.491 63.1892C235.943 67.9543 233.762 70.3957 232.817 103.287C228.052 70.7391 225.611 68.5576 192.72 67.613C225.267 62.8479 227.449 60.4066 228.393 27.5157C233.158 60.0633 235.6 62.2446 268.491 63.1892Z" fill="#F7F7CF"/>
+<path d="M172.716 199.042C183.241 198.428 191.275 189.397 190.661 178.872C190.046 168.347 181.016 160.313 170.491 160.927C159.966 161.542 151.931 170.572 152.546 181.098C153.16 191.623 162.191 199.657 172.716 199.042Z" fill="black" stroke="black" stroke-width="2.25" stroke-miterlimit="10"/>
+<path d="M209.229 160.789C210.91 160.931 212.508 161.88 213.455 163.518L220.529 175.736C220.786 176.192 221.254 176.495 221.778 176.535L240.857 178.025C240.998 178.037 241.129 178.059 241.253 178.112C241.554 178.125 241.875 178.126 242.176 178.148L278.795 180.839C289.097 181.599 296.81 191.036 296.005 201.941C295.208 212.836 286.192 221.056 275.891 220.305L239.272 217.615C238.829 217.581 238.386 217.536 237.95 217.462C237.891 217.465 237.851 217.467 237.801 217.47L194.39 214.085L194.386 214.015L184.977 213.292C184.624 213.252 184.12 213.021 183.893 212.724C181.754 210.064 182.287 207.178 183.954 205.709C184.771 204.96 185.83 204.557 186.967 204.651L195.058 205.281L195.15 203.953L179.13 202.705C178.748 202.677 178.357 202.499 178.099 202.204C175.854 199.6 176.391 196.624 178.067 195.124C178.866 194.396 179.943 193.982 181.07 194.067L195.783 195.221C195.783 195.221 195.841 195.198 195.84 195.168L195.981 193.297C195.981 193.297 195.977 193.237 195.947 193.238L176.103 191.692C175.761 191.662 175.266 191.421 175.03 191.144C172.891 188.484 173.424 185.598 175.09 184.109C175.889 183.381 176.966 182.967 178.093 183.052L196.669 184.501L196.754 183.375L180.744 182.126C180.342 182.099 179.97 181.92 179.702 181.606C177.456 179.002 177.994 176.026 179.669 174.525C180.468 173.798 181.526 173.385 182.672 173.469L203.834 175.108C203.975 175.12 204.106 175.142 204.248 175.164C205.204 175.238 205.919 174.455 205.987 173.56C206.008 173.228 205.947 172.871 205.758 172.541L204.086 169.644C202.515 166.921 203.327 163.337 205.913 161.644C206.945 160.963 208.101 160.695 209.217 160.77L209.229 160.789Z" fill="white" stroke="black" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M125.826 103.463C80.4128 112.285 77.5167 115.87 78.3438 162.12C69.5219 116.707 65.9371 113.811 19.6867 114.638C65.0997 105.816 67.9957 102.231 67.1686 55.9809C75.9905 101.394 79.5754 104.29 125.826 103.463Z" fill="#F7F7CF"/>
+</svg>