text-to-speech improvements

Components/Pages/Index.razor

@@ -1,4 +1,5 @@
-@page "/"
+@page "/" 
+@page "/menu/{topic?}"
 @using BLAIzor.Models
 @using BLAIzor.Services
 @using BLAIzor.Components.Partials
@@ -23,7 +24,8 @@
 @inject CssInjectorService CssService
 @inject HttpClient Http
 @attribute [Sitemap]
-
+<ErrorBoundary>
+    <ChildContent>
 <div class="page" style="z-index: 1">
     <NavMenu MenuString="@Menu" OnMenuClicked=@MenuClick></NavMenu>
     <main>
@@ -128,7 +130,16 @@
         </article>
     </main>
 </div>
-
+    </ChildContent>
+    <ErrorContent Context="ex">
+        <p role="alert">An error occurred: @ex.Message</p>
+        <p>Please try again later.</p>
+        @* You can log the exception here if you want *@
+        @{
+            Console.WriteLine($"Error caught by ErrorBoundary: {ex.Message}");
+        }
+    </ErrorContent>
+</ErrorBoundary>
 <script>
 
     var sessionId = null;
@@ -165,6 +176,8 @@
 </script>
 
 @code {
+    [Parameter]
+    public string? topic { get; set; }
     public static Index myHome;
     private string? Subdomain;
     public int SiteId;
@@ -331,8 +344,16 @@
             Menu = await GetMenuList();
             if (string.IsNullOrEmpty(HtmlContent.ToString()))
             {
+                if(!string.IsNullOrWhiteSpace(topic))
+                {
+                    UserInput = topic;
+                    await ChatGptService.ProcessContentRequest(sessionId, UserInput, SiteId, (int)SiteInfo.TemplateId!, collectionName, Menu, true);
+                }
+                else
+                {                    
+                    await ChatGptService.GetChatGptWelcomeMessage(sessionId, SiteId, Menu);
+                }
                 // HtmlContent = await ChatGptService.GetChatGptWelcomeMessage();
-                await ChatGptService.GetChatGptWelcomeMessage(sessionId, SiteId, Menu);
                 // UserInput = "Sumerize for me, what is this website about, and what can I do on this website?";
                 // await ChatGptService.ProcessUserIntent(sessionId, UserInput, SiteId, (int)SiteInfo.TemplateId!, collectionName, Menu);
             }

Components/Pages/Preview.razor

@@ -1,4 +1,5 @@
 @page "/preview/{siteid:int}"
+@page "/preview/{siteid:int}/{topic?}"
 @using BLAIzor.Models
 @using BLAIzor.Services
 @using Google.Cloud.Speech.V1
@@ -173,6 +174,8 @@
     private string? Subdomain;
     [Parameter]
     public int siteid { get; set; }
+    [Parameter]
+    public string? topic { get; set; }
     public SiteInfo SiteInfo;
     private StringBuilder HtmlContent = new();
     private string TextContent = "";
@@ -484,10 +487,16 @@
         Menu = await GetMenuList();
         if (string.IsNullOrEmpty(HtmlContent.ToString()))
         {
-            // HtmlContent = await ChatGptService.GetChatGptWelcomeMessage();
+            if (!string.IsNullOrWhiteSpace(topic))
-            await ChatGptService.GetChatGptWelcomeMessage(sessionId, siteid, Menu);
+            {
-            // UserInput = "Sumerize for me, what is this website about, and what can I do on this website? Please make sure you do not refer back to my question in any way. ";
+                UserInput = topic;
-            // await ChatGptService.ProcessUserIntent(sessionId, UserInput, siteid, (int)SiteInfo.TemplateId!, collectionName, Menu);
+                await ChatGptService.ProcessContentRequest(sessionId, UserInput, siteid, (int)SiteInfo.TemplateId!, collectionName, Menu, true);
+            }
+            else
+            {
+                await ChatGptService.GetChatGptWelcomeMessage(sessionId, siteid, Menu);
+            }
+            
         }
         UserInput = string.Empty;
         _initVoicePending = true;

Helpers/TextHelper.cs

@@ -0,0 +1,147 @@
+using System;
+using System.Text.RegularExpressions;
+using System.Text;
+using System.Collections.Generic;
+
+public static class TextHelper
+{
+    // Special character replacement map
+    private static readonly Dictionary<string, string> SpecialCharacterMap = new()
+    {
+        { "/", " per " },
+        { "@", " kukac " },
+        { "#", " kettőskereszt " },
+        { "&", " és " },
+        //{ ",", " vessző " },
+        { " = ", " egyenlő " },  // Example, you can add more
+        //{ " - ", " mínusz " }  // Example, you can add more
+    };
+
+    public static string ReplaceNumbersAndSpecialCharacters(string text)
+    {
+        // Save parts that should be skipped (emails, URLs, dates)
+        var protectedParts = new Dictionary<string, string>();
+
+        //// Protect email addresses
+        //text = Regex.Replace(text, @"\b[\w\.-]+@[\w\.-]+\.\w+\b", match =>
+        //{
+        //    string key = $"__EMAIL__{protectedParts.Count}__";
+        //    protectedParts[key] = match.Value;
+        //    return key;
+        //});
+
+        //// Protect URLs
+        //text = Regex.Replace(text, @"https?://[^\s]+", match =>
+        //{
+        //    string key = $"__URL__{protectedParts.Count}__";
+        //    protectedParts[key] = match.Value;
+        //    return key;
+        //});
+
+        // Protect dates like 2024.05.06
+        text = Regex.Replace(text, @"\b\d{4}\.\d{2}\.\d{2}\b", match =>
+        {
+            string key = $"__DATE__{protectedParts.Count}__";
+            protectedParts[key] = match.Value;
+            return key;
+        });
+
+        // Remove anything between [] including the brackets themselves
+        text = Regex.Replace(text, @"\[[^\]]*\]", "");
+
+        // First replace floats (keep this BEFORE integers)
+        text = Regex.Replace(text, @"\b\d+\.\d+\b", match =>
+        {
+            var parts = match.Value.Split('.');
+            var integerPart = int.Parse(parts[0]);
+            var decimalPart = int.Parse(parts[1]);
+
+            return $"{NumberToHungarian(integerPart)} egész {NumberToHungarian(decimalPart)} {(parts[1].Length == 1 ? "tized" : parts[1].Length == 2 ? "század" : "ezred")}";
+        });
+
+        // Then replace integers
+        text = Regex.Replace(text, @"\b\d+\b", match =>
+        {
+            int number = int.Parse(match.Value);
+            return NumberToHungarian(number);
+        });
+
+        // Replace special characters from dictionary
+        foreach (var kvp in SpecialCharacterMap)
+        {
+            text = text.Replace(kvp.Key, kvp.Value);
+        }
+
+        // Replace dots surrounded by spaces (optional)
+        //text = Regex.Replace(text, @" (?=\.)|(?<=\.) ", " pont ");
+
+        // Restore protected parts
+        foreach (var kvp in protectedParts)
+        {
+            text = text.Replace(kvp.Key, kvp.Value);
+        }
+
+        return text;
+    }
+
+
+    public static string NumberToHungarian(int number)
+    {
+        if (number == 0) return "nulla";
+
+        string[] units = { "", "egy", "két", "három", "négy", "öt", "hat", "hét", "nyolc", "kilenc" };
+        string[] tens = { "", "tíz", "húsz", "harminc", "negyven", "ötven", "hatvan", "hetven", "nyolcvan", "kilencven" };
+
+        StringBuilder result = new StringBuilder();
+
+        if (number >= 1000)
+        {
+            int thousands = number / 1000;
+            if (thousands == 1)
+                result.Append("ezer");
+            else
+            {
+                result.Append(NumberToHungarian(thousands));
+                result.Append("ezer");
+            }
+            number %= 1000;
+        }
+
+        if (number >= 100)
+        {
+            int hundreds = number / 100;
+            if (hundreds == 1)
+                result.Append("száz");
+            else
+            {
+                result.Append(NumberToHungarian(hundreds));
+                result.Append("száz");
+            }
+            number %= 100;
+        }
+
+        if (number >= 10)
+        {
+            int tensPart = number / 10;
+            result.Append(tens[tensPart]);
+            number %= 10;
+        }
+
+        if (number > 0)
+        {
+            // "két" instead of "kettő" in compound numbers
+            if (number == 2 && result.Length > 0)
+                result.Append("két");
+            else
+                result.Append(units[number]);
+        }
+
+        return result.ToString();
+    }
+
+    public static string RemoveTabs(string text)
+    {
+        if (string.IsNullOrEmpty(text)) return text;
+        return text.Replace("\t", ""); // Simple replace — remove all tab characters
+    }
+}

Services/AIService.cs

@@ -22,6 +22,7 @@ using BLAIzor.Services;
 using Microsoft.DotNet.Scaffolding.Shared;
 using System.Xml.XPath;
 using Azure.Identity;
+using BLAIzor.Helpers;
 
 namespace BLAIzor.Services
 {
@@ -124,18 +125,27 @@ namespace BLAIzor.Services
                 //Console.Write($"\n -------------------------------- Found point: {selectedPoint.result.id} \n");
             }
 
+            SiteInfo site = await _scopedContentService.GetSiteInfoByIdAsync(SiteId);
+            string siteEntity;
+            if (!string.IsNullOrWhiteSpace(site.Entity))
+            {
+                siteEntity = site.Entity;
+            }
+            else {
+                siteEntity = "brand or company";
+            }
 
-            string systemMessage = "You are a helpful, " + Mood + " assistant that welcomes the user in the name of the brand or person described by the content, on a website of " + _scopedContentService.SelectedBrandName + " in " + _scopedContentService.SelectedLanguage + ". Use the following content: `" +
+                string systemMessage = "You are a helpful, " + Mood + " assistant that welcomes the user speaking in the name of the " + siteEntity + " described by the content, on a website of " + _scopedContentService.SelectedBrandName + " in " + _scopedContentService.SelectedLanguage + ". Use the following content: `" +
-                                  extractedText + "` " +
+                                      extractedText + "` " +
-                                  //"and generate a short" +Mood+ "but kind marketing-oriented welcome message and introduction of the brand for the user, constructed as simple Bootstrap HTML codeblock with a <h1> tagged title and a paragraph." +
+                                      //"and generate a short" +Mood+ "but kind marketing-oriented welcome message and introduction of the brand for the user, constructed as simple Bootstrap HTML codeblock with a <h1> tagged title and a paragraph." +
-                                  "and generate a" + Mood + " marketing-oriented welcome message and a summary of the content and introduction of the brand for the user, aiming to explain clearly, what does the company/person offer, constructed as simple Bootstrap HTML <div clss=\"container\"> codeblock with a <h1> tagged title and a paragraph." +
+                                      "and generate a" + Mood + " marketing-oriented welcome message and a summary of the content and introduction of the brand for the user, aiming to explain clearly, what does the company/person offer, constructed as simple Bootstrap HTML <div clss=\"container\"> codeblock with a <h1> tagged title and a paragraph." +
-                                  "If there is any logo, or not logo but main brand image in the document use that url, and add that as a bootstrap responsive ('img-fluid py-3') image, with the maximum height of 30vh." +
+                                      "If there is any logo, or not logo but main brand image in the document use that url, and add that as a bootstrap responsive ('img-fluid py-3') image, with the maximum height of 30vh." +
-                                  //"In the end of your answer, always add in a new row: 'If you have any questions, you can simply ask either by typing in the message box, or by clicking the microphone icon on the top of the page. '"+
+                                      //"In the end of your answer, always add in a new row: 'If you have any questions, you can simply ask either by typing in the message box, or by clicking the microphone icon on the top of the page. '"+
-                                  "Here is a list of topics " + menuList +
+                                      "Here is a list of topics " + menuList +
-                                  ", make a new bootstrap clearfix and after that make a clickable bootstrap styled (btn btn-primary) button from each of the determined topics, " +
+                                      ", make a new bootstrap clearfix and after that make a clickable bootstrap styled (btn btn-primary) button from each of the determined topics, " +
-                                  "that calls the javascript function 'callAI({the name of the topic})' on click. " +
+                                      "that calls the javascript function 'callAI({the name of the topic})' on click. " +
-                                  "Do not include anything else than the html title and text elements, no css, no scripts, no head or other tags." +
+                                      "Do not include anything else than the html title and text elements, no css, no scripts, no head or other tags." +
-                                  "Do not mark your answer with ```html or any other mark.";
+                                      "Do not mark your answer with ```html or any other mark.";
             string userMessage = "Hello";
             string streamedHtmlContent = string.Empty;
 
@@ -429,7 +439,9 @@ namespace BLAIzor.Services
 
                     //We have the text all available now, let's pass it to the voice generator
                     //TODO modify photos handling, move audio generation to the layout area
-                    OnTextContentAvailable?.Invoke(sessionId, fixedResult.Text);
+                    string removedNumbers = TextHelper.ReplaceNumbersAndSpecialCharacters(fixedResult.Text);
+                    Console.WriteLine(removedNumbers);
+                    OnTextContentAvailable?.Invoke(sessionId, removedNumbers);
                     List<HtmlSnippet> snippets = await GetSnippetsForDisplay(sessionId, collectionName);
                     //await DisplayLayoutPlanFromContent(sessionId, fixedResult.Text, snippets, fixedResult.Topics, fixedResult.Photos);
                     var result = await DisplayLayoutPlanFromContent(sessionId, fixedResult.Text, snippets, fixedResult.Topics, fixedResult.Photos);
@@ -1255,8 +1267,8 @@ namespace BLAIzor.Services
                     //Console.WriteLine("AI Response:");
                     //Console.WriteLine(aiResponse);
 
-                    aiResponse = FixJsonWithoutAI(aiResponse);                    
+                    aiResponse = FixJsonWithoutAI(aiResponse);
-
+                    aiResponse = TextHelper.RemoveTabs(aiResponse);
                     layoutPlan = System.Text.Json.JsonSerializer.Deserialize<LayoutPlan>(aiResponse, new JsonSerializerOptions
                     {
                         PropertyNameCaseInsensitive = true

appsettings.Development.json

@@ -2,7 +2,8 @@
   "Logging": {
     "LogLevel": {
       "Default": "Information",
-      "Microsoft.AspNetCore": "Warning"
+      "Microsoft.AspNetCore": "Information",
+      "BLAIzor": "Information"
     }
   }
 }

wwwroot/scripts/SeemGenCss.js

@@ -55,7 +55,7 @@ window.initVoiceRecorder = function (dotnetMethodName) {
     const recText = document.getElementById("recordingText");
 
     if (!recButton || !stopButton || !recText) {
-        console.warn("Voice recorder elements not found");
+        console.warn("Some or all voice recorder elements not found");
         return;
     }
 

wwwroot/temp/style_4ee82aa9.css

@@ -1,168 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
-
-.card {
-    background-color: rgba(255, 255, 255, 0.3);
-    backdrop-filter: blur(2px);
-}
-
-.table {
-    color: #f2d8bb !important;
-}
-
-.navbar-collapse {
-    height: 100vh;
-    text-align: center !important;
-    align-content: center;
-}
-
-.navbar-collapse .nav-link {
-    font-size: 1.2rem;
-    letter-spacing: 2px;
-}
-
-.navbar-collapse .nav-item:not(:last-child) {
-    padding: 0.2em 1em;
-}
-
-.navbar {
-    background-color: #022c28;
-    color: #d0eae9;
-}
-
-.nav-link {
-    color: #d0eae9 !important;
-}
-
-.content {
-    top: 60px;
-}
-
-body {
-    background-color: #022c28;
-    background-attachment: fixed;
-    background-position: center;
-    background-size: cover;
-    color: aqua;
-    font-family: "Montserrat", sans-serif;
-    font-optical-sizing: auto;
-    font-weight: 300;
-    font-style: normal;
-    font-size: 1rem; /* Base size */
-}
-
-h1 {
-    font-weight: 700;
-    font-size: 2.5rem;
-    padding-top: 30px;
-    padding-bottom: 10px;
-}
-
-h2 {
-    font-weight: 500;
-    font-size: 2rem;
-    padding-top: 15px;
-    padding-bottom: 10px;
-}
-
-h3 {
-    font-weight: 400;
-    font-size: 1.6rem;
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-
-p {
-    color: #fff;
-    font-size: 1.1rem;    
-}
-
-li {
-    color: #fff;
-    font-size: 1rem;
-    text-align: center;
-}
-
-.btn-primary {
-    color: #d0eae9;
-    background-color: #014d4e;
-    border: 0px;
-    margin: 5px;
-}
-
-.btn-primary:hover {
-    color: #fff;
-    background-color: #086262;
-    border: 0px;
-}
-
-.row {
-    padding-bottom: 30px;
-    margin: 0 auto !important;
-}
-
-.searchInput::placeholder {
-    color: #d0eae9;
-}
-
-#myVideo {
-    position: fixed;
-    right: 0;
-    top: -100px;
-    min-width: 100%;
-    min-height: 100%;
-    transform: translateX(calc((100% - 100vw) / 2));
-}
-
-.img-fluid {
-    max-height: 50vh;
-    width: auto;
-    border-radius: 15px;
-}
-
-.sp-img {
-   box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
--webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
--moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
-}
-
-.col {
-    align-items: center;
-    display: flex;
-}
-
-.form-select {
-    background-color: rgba(255, 255, 255, 0.2);
-    border-radius: 5px;
-    display: unset !important;
-    color: #fff;
-}
-
-.list-group-item,
-.bg-light {
-    background-color: rgb(11 24 23 / 76%) !important;
-    backdrop-filter: blur(8px) !important;    
-}
-
-.text-primary {
-    --bs-text-opacity: 1;
-    color: aqua;
-}
-
-/* 🔽 Mobile Responsiveness */
-@media (max-width: 768px) {
-    h1 { font-size: 2rem; }
-    h2 { font-size: 1.6rem; }
-    h3 { font-size: 1.4rem; }
-    p, li { font-size: 1rem; }
-    .navbar-collapse .nav-link { font-size: 1.1rem; }
-    p {text-align: justify;}
-}
-
-@media (max-width: 480px) {
-    h1 { font-size: 1.6rem; }
-    h2 { font-size: 1.3rem; }
-    h3 { font-size: 1.1rem; }
-    p, li { font-size: 0.95rem; }
-    .navbar-collapse .nav-link { font-size: 1rem; }
-    p {text-align: justify;}
-}

wwwroot/temp/style_54967dd0.css

@@ -1,168 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
-
-.card {
-    background-color: rgba(255, 255, 255, 0.3);
-    backdrop-filter: blur(2px);
-}
-
-.table {
-    color: #f2d8bb !important;
-}
-
-.navbar-collapse {
-    height: 100vh;
-    text-align: center !important;
-    align-content: center;
-}
-
-.navbar-collapse .nav-link {
-    font-size: 1.2rem;
-    letter-spacing: 2px;
-}
-
-.navbar-collapse .nav-item:not(:last-child) {
-    padding: 0.2em 1em;
-}
-
-.navbar {
-    background-color: #022c28;
-    color: #d0eae9;
-}
-
-.nav-link {
-    color: #d0eae9 !important;
-}
-
-.content {
-    top: 60px;
-}
-
-body {
-    background-color: #022c28;
-    background-attachment: fixed;
-    background-position: center;
-    background-size: cover;
-    color: aqua;
-    font-family: "Montserrat", sans-serif;
-    font-optical-sizing: auto;
-    font-weight: 300;
-    font-style: normal;
-    font-size: 1rem; /* Base size */
-}
-
-h1 {
-    font-weight: 700;
-    font-size: 2.5rem;
-    padding-top: 30px;
-    padding-bottom: 10px;
-}
-
-h2 {
-    font-weight: 500;
-    font-size: 2rem;
-    padding-top: 15px;
-    padding-bottom: 10px;
-}
-
-h3 {
-    font-weight: 400;
-    font-size: 1.6rem;
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-
-p {
-    color: #fff;
-    font-size: 1.1rem;    
-}
-
-li {
-    color: #fff;
-    font-size: 1rem;
-    text-align: center;
-}
-
-.btn-primary {
-    color: #d0eae9;
-    background-color: #014d4e;
-    border: 0px;
-    margin: 5px;
-}
-
-.btn-primary:hover {
-    color: #fff;
-    background-color: #086262;
-    border: 0px;
-}
-
-.row {
-    padding-bottom: 30px;
-    margin: 0 auto !important;
-}
-
-.searchInput::placeholder {
-    color: #d0eae9;
-}
-
-#myVideo {
-    position: fixed;
-    right: 0;
-    top: -100px;
-    min-width: 100%;
-    min-height: 100%;
-    transform: translateX(calc((100% - 100vw) / 2));
-}
-
-.img-fluid {
-    max-height: 50vh;
-    width: auto;
-    border-radius: 15px;
-}
-
-.sp-img {
-   box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
--webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
--moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
-}
-
-.col {
-    align-items: center;
-    display: flex;
-}
-
-.form-select {
-    background-color: rgba(255, 255, 255, 0.2);
-    border-radius: 5px;
-    display: unset !important;
-    color: #fff;
-}
-
-.list-group-item,
-.bg-light {
-    background-color: rgb(11 24 23 / 76%) !important;
-    backdrop-filter: blur(8px) !important;    
-}
-
-.text-primary {
-    --bs-text-opacity: 1;
-    color: aqua;
-}
-
-/* 🔽 Mobile Responsiveness */
-@media (max-width: 768px) {
-    h1 { font-size: 2rem; }
-    h2 { font-size: 1.6rem; }
-    h3 { font-size: 1.4rem; }
-    p, li { font-size: 1rem; }
-    .navbar-collapse .nav-link { font-size: 1.1rem; }
-    p {text-align: justify;}
-}
-
-@media (max-width: 480px) {
-    h1 { font-size: 1.6rem; }
-    h2 { font-size: 1.3rem; }
-    h3 { font-size: 1.1rem; }
-    p, li { font-size: 0.95rem; }
-    .navbar-collapse .nav-link { font-size: 1rem; }
-    p {text-align: justify;}
-}

wwwroot/temp/style_7ac1c30c.css

@@ -1,536 +0,0 @@
-/*@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
-@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700,300');*/
-
-/*search*/
-
-li {
-   list-style: none;
-}
-
-label {
-    color: #000;
-    /* display: none; */
-}
-
-.img-fluid {
-    max-height: 50vh;
-    width: auto;   
-    
-}
-
-.pop-img {
-    border-radius: 10px !important;
-    border-color: white;
-    border-width: 1px;
-    border-style: solid;
-}
-
-.card-img-top {
-    max-height: 50vh;
-    width: auto;
-    border-radius: 5px;
-}
-
-.btn {
-    background: rgba(255, 255, 255, 0.5);
-    border: 0;
-    color: #000000;
-    width: fit-content;
-    font-weight: bold;
-    transition: all 0.2s ease;    
-    margin: 15px;    
-}
-
-.voicebutton {
-    border-radius: 50% !important;
-    padding: 10px !important;
-    width: 40px;
-    height:40px;
-}
-
-.menubtn {
-    background: rgba(255, 255, 255, 0.5);
-    border: 0;
-    color: #000000;
-    /* width: 98%; */
-    font-weight: bold;
-    border-radius: 20px;
-    height: 40px;
-    transition: all 0.2s ease;
-    padding: 10px;
-    margin: 10px;
-}
-
-    .btn:active {
-        background: rgba(255, 255, 255, 1);
-    }
-
-    .btn:hover {
-        background: rgba(255, 255, 255, 0.8);
-    }
-
-img {
-    border-radius: 20px !important;
-}
-
-
-input.search_bar{
-    border: none;
-    outline: none;
-    width: 75px;
-    border-radius: 55px;
-    margin: 0 auto;
-    font-size: 1.3em;
-    color: #0d2840;
-    padding: 15px 30px 15px 45px;
-    transition: all .3s cubic-bezier(0,0,.5,1.5);
-    box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
-    background: rgba(255, 255, 255, 0.3) url(https://i.imgur.com/seveWIw.png) no-repeat center center;
-}
-
-    input.search_bar:focus{
-        width: 100%;
-        background-position: calc(100% - 35px) center
-    }
-
-/*Removes default x in search fields (webkit only i guess)*/
-input[type=search]::-webkit-search-cancel-button {
-    -webkit-appearance: none;
-}
-/*Changes the color of the placeholder*/
-::-webkit-input-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-:-moz-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-::-moz-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-:-ms-input-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-/*search*/
-
-/*Search2*/
-.searchBox {
-    width: 60px;
-    background: rgba(255, 255, 255, 0.3);
-    height: 60px;
-    border-radius: 40px;
-    padding: 10px;
-    margin: 0 auto;
-    transition: 0.8s;
-}
-
-.searchInput:active > .searchBox{
-    width:100%
-}
-.searchInput:focus > .searchBox {
-    width: 100%
-}
-
-.searchInput::placeholder {
-   color:#fff;
-}
-
-.searchBox:hover {   
-    width: 100%;    
-}    
-
-    .searchBox:hover > .searchInput {
-        width: calc(100% - 60px);
-        padding: 0 6px;
-    }
-
-    .searchBox:hover > .searchButton {
-        background: white;
-        color: #2f3640;
-    }
-
-.searchButton {
-    color: white;
-    float: right;
-    width: 40px;
-    height: 40px;
-    border-radius: 50px;
-    background-color: #e493d0;
-    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
-    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    background-repeat: no-repeat;
-    animation: 10s movement linear infinite;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.searchInput {
-    border: none;
-    background: none;
-    outline: none;
-    font-size: 1.3em !important;
-    color: #0d2840 !important;
-    float: left;
-    padding: 0;
-    color: white;
-    font-size: 16px;
-    transition: 0.4s;
-    line-height: 40px;
-    width: 0px;
-}
-
-/*Search2*/
-
-
-.event {
-    border-radius: 20px !important;    
-    background-color: rgba(255, 255, 255, 0.2) !important;
-    backdrop-filter: blur(20px);
-    border: 0;
-    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
-    transition: all 0.15s ease;
-}
-
-/*card design*/
-.card {
-    border-radius: 20px !important;
-    overflow: hidden;
-    background-color: rgba(255, 255, 255, 0.2) !important;
-    backdrop-filter: blur(20px);
-    border: 0;
-    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
-    transition: all 0.15s ease;
-}
-
-    .card:hover {
-        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1), 0 10px 8px rgba(0, 0, 0, 0.015);
-    }
-
-.card-body .card-title {
-    font-family: 'Lato', sans-serif;
-    font-weight: 700;
-    letter-spacing: 0.3px;
-    font-size: 24px;
-    color: #121212;
-}
-
-.card-text {
-    font-family: 'Lato', sans-serif;
-    font-weight: 400;
-    font-size: 15px;
-    letter-spacing: 0.3px;
-    color: #4E4E4E;
-}
-
-.card .container {
-    width: 88%;
-    /*background: #F0EEF8;*/
-    border-radius: 30px;
-    /*height: 140px;*/
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.container:hover > img {
-    transform: scale(1.2);
-}
-
-.container img {
-    /*padding: 75px;*/
-    /*margin-top: -40px;
-    margin-bottom: -40px;*/
-    transition: 0.4s ease;
-    cursor: pointer;
-}
-
-.btn:hover {
-    background-color: #e493d0;
-    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
-    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    background-repeat: no-repeat;
-    animation: 10s movement linear infinite;
-}
-
-.btn:focus {
-    background-color: #e493d0;
-    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
-    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    background-repeat: no-repeat;
-    animation: 10s movement linear infinite;
-}
-/*card design*/
-
-/*bg*/
-
-
-:root {
-    font-size: 15px;
-}
-
-body {
-    /*font-family: 'Comfortaa', 'Arial Narrow', Arial, sans-serif;*/
-    /*font-family: 'Quicksand', sans-serif;*/
-    color: #fff !important;
-    margin: 0;
-    min-height: 100vh;
-    background-color: #000;
-    /*background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));*/
-    /*background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;*/
-    /*background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;*/
-    background-repeat: no-repeat;
-    /*animation: 10s movement linear infinite;*/
-}
-
-    body::after {
-        content: '';
-        display: block;
-        position: fixed;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        backdrop-filter: blur(10px);
-        -webkit-backdrop-filter: blur(10px);
-    }
-
-.myspan {
-    position: relative;
-    z-index: 10;
-    display: flex;
-    min-height: 100vh;
-    width: 100%;
-    justify-content: center;
-    align-items: center;
-    font-size: 5rem;
-    color: transparent;
-    text-shadow: 0px 0px 1px rgba(255, 255, 255, .6), 0px 4px 4px rgba(0, 0, 0, .05);
-    letter-spacing: .2rem;
-}
-
-@keyframes movement {
-    0%, 100% {
-        background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-        background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    }
-
-    25% {
-        background-size: 100vmax 100vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 60vmax 60vmax;
-        background-position: -60vmax -90vmax, 50vmax -40vmax, 0vmax -20vmax, -40vmax -20vmax, 40vmax 60vmax;
-    }
-
-    50% {
-        background-size: 80vmax 80vmax, 110vmax 110vmax, 80vmax 80vmax, 60vmax 60vmax, 80vmax 80vmax;
-        background-position: -50vmax -70vmax, 40vmax -30vmax, 10vmax 0vmax, 20vmax 10vmax, 30vmax 70vmax;
-    }
-
-    75% {
-        background-size: 90vmax 90vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 70vmax 70vmax;
-        background-position: -50vmax -40vmax, 50vmax -30vmax, 20vmax 0vmax, -10vmax 10vmax, 40vmax 60vmax;
-    }
-}
-
-
-/*bg*/
-
-.mytextarea {
-    background-color: rgba(255, 255, 255, 0.3);
-    backdrop-filter: blur(20px);
-    padding: 10px;
-    border-radius: 10px;
-    border-width: 0px;
-    height: unset !important;
-}
-
-    .mytextarea:active {
-        border-width: 0px;
-    }
-
-    .mytextarea:focus-visible {
-        background-color: rgba(255, 255, 255, 0.5);
-        border-width: 0px !important;
-        outline: -webkit-focus-ring-color auto 0px;
-        outline-color: transparent;
-    }
-
-.navbar-toggler {    
-    color: #fff;
-}
-
-.navbar-brand {
-    font-size: 1.7rem;
-    color:#fff;
-}
-
-.form-select {
-    background-color: rgba(255, 255, 255, 0.2);
-    border-radius: 5px;
-    display: unset !important;
-    color: #fff;
-}
-
-    .form-select > option {
-        background-color: rgba(255, 255, 255, 0.2)
-    }
-
-.contactform-overlay {
-    position: fixed;
-    z-index: 100;
-    height: 100vh;
-    width: 100%;
-    padding: 100px;
-    top: 0px;
-    left: 0px;
-    /* padding-top: 10vh; */
-    backdrop-filter: blur(20px);
-    /* background-color: rgba(1, 1, 1, .4); */
-}
-
-.form-control {
-    background-color: rgba(255,255,255,0.4);
-    border-radius: 5px;
-    height: 50px;
-}
-.form-control::placeholder {
-   color:#fff;
-}
-
-.contactform-close-overlay {
-    position: relative;
-    height: 10vh;
-}
-
-.contactform-popup-content {
-    height: 80vh;
-    margin: 0px;
-    padding: 0px;
-}
-
-.contactform-popup-close {
-    position: relative;
-    height: 10vh;
-    z-index: 80;
-}
-
-.calendly-overlay {
-    position: absolute;
-    z-index: 100;
-    height: 100vh;
-    width: 100%;
-    top: 0px;
-    /* padding-top: 10vh; */
-    backdrop-filter: blur(20px);
-    /* background-color: rgba(1, 1, 1, .4); */
-}
-
-.calendly-close-overlay {
-    position: relative;
-    height: 10vh;
-}
-
-.calendly-popup-content {
-    height: 80vh;
-    margin: 0px;
-    padding: 0px;
-}
-
-.calendly-popup-close {
-    position: relative;
-    height: 10vh;
-    z-index: 80;
-}
-
-#myVideo {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    min-width: 100%;
-    min-height: 100%;
-    opacity: 0.2;
-}
-
-.table {
-    color: #fff !important;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    background-color: transparent;
-}
-
-.navbar-collapse {
-    height: 100vh;
-    /*display: flex;
-    align-items: center;
-    justify-content: center;*/
-    text-align: center !important;
-    align-content: center;
-}
-
-.navbar-collapse .nav-link {
-    font-size: 1.5em;
-    letter-spacing: 2px;
-}
-
-.navbar-collapse .nav-item:not(:last-child) {
-    border-bottom: 0px solid white;
-    padding: 0.2em 4em;
-}
-
-.navbar {
-   background-color: #040206;
-   color: #fff;
-}
-
-.nav-link {
-    color: #fff !important;
-}
-
-.content {
-   top: 60px; 
-}
-
-.row {
-    margin-bottom: 10px;
-}
-
-h1 {
-   color: #64CCC5;
-}
-
-p {
-   color: #EEEEEE;
-   font-size: 1,1rem;
-}
-.container-fluid {
-   margin-bottom:20px;
-   padding: 20px;
-}
-
-/* 🔽 Mobile Responsiveness */
-@media (max-width: 768px) {
-    h1 { font-size: 2rem; }
-    h2 { font-size: 1.6rem; }
-    h3 { font-size: 1.4rem; }
-    p, li { font-size: 1rem; }
-    .navbar-collapse .nav-link { font-size: 1.1rem; }
-    p {text-align: justify;}
-}
-
-@media (max-width: 480px) {
-    h1 { font-size: 1.6rem; }
-    h2 { font-size: 1.3rem; }
-    h3 { font-size: 1.1rem; }
-    p, li { font-size: 0.95rem; }
-    .navbar-collapse .nav-link { font-size: 1rem; }
-    p {text-align: justify;}
-}

wwwroot/temp/style_7fd361e7.css

@@ -1,536 +0,0 @@
-/*@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
-@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700,300');*/
-
-/*search*/
-
-li {
-   list-style: none;
-}
-
-label {
-    color: #000;
-    /* display: none; */
-}
-
-.img-fluid {
-    max-height: 50vh;
-    width: auto;   
-    
-}
-
-.pop-img {
-    border-radius: 10px !important;
-    border-color: white;
-    border-width: 1px;
-    border-style: solid;
-}
-
-.card-img-top {
-    max-height: 50vh;
-    width: auto;
-    border-radius: 5px;
-}
-
-.btn {
-    background: rgba(255, 255, 255, 0.5);
-    border: 0;
-    color: #000000;
-    width: fit-content;
-    font-weight: bold;
-    transition: all 0.2s ease;    
-    margin: 15px;    
-}
-
-.voicebutton {
-    border-radius: 50% !important;
-    padding: 10px !important;
-    width: 40px;
-    height:40px;
-}
-
-.menubtn {
-    background: rgba(255, 255, 255, 0.5);
-    border: 0;
-    color: #000000;
-    /* width: 98%; */
-    font-weight: bold;
-    border-radius: 20px;
-    height: 40px;
-    transition: all 0.2s ease;
-    padding: 10px;
-    margin: 10px;
-}
-
-    .btn:active {
-        background: rgba(255, 255, 255, 1);
-    }
-
-    .btn:hover {
-        background: rgba(255, 255, 255, 0.8);
-    }
-
-img {
-    border-radius: 20px !important;
-}
-
-
-input.search_bar{
-    border: none;
-    outline: none;
-    width: 75px;
-    border-radius: 55px;
-    margin: 0 auto;
-    font-size: 1.3em;
-    color: #0d2840;
-    padding: 15px 30px 15px 45px;
-    transition: all .3s cubic-bezier(0,0,.5,1.5);
-    box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
-    background: rgba(255, 255, 255, 0.3) url(https://i.imgur.com/seveWIw.png) no-repeat center center;
-}
-
-    input.search_bar:focus{
-        width: 100%;
-        background-position: calc(100% - 35px) center
-    }
-
-/*Removes default x in search fields (webkit only i guess)*/
-input[type=search]::-webkit-search-cancel-button {
-    -webkit-appearance: none;
-}
-/*Changes the color of the placeholder*/
-::-webkit-input-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-:-moz-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-::-moz-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-:-ms-input-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-/*search*/
-
-/*Search2*/
-.searchBox {
-    width: 60px;
-    background: rgba(255, 255, 255, 0.3);
-    height: 60px;
-    border-radius: 40px;
-    padding: 10px;
-    margin: 0 auto;
-    transition: 0.8s;
-}
-
-.searchInput:active > .searchBox{
-    width:100%
-}
-.searchInput:focus > .searchBox {
-    width: 100%
-}
-
-.searchInput::placeholder {
-   color:#fff;
-}
-
-.searchBox:hover {   
-    width: 100%;    
-}    
-
-    .searchBox:hover > .searchInput {
-        width: calc(100% - 60px);
-        padding: 0 6px;
-    }
-
-    .searchBox:hover > .searchButton {
-        background: white;
-        color: #2f3640;
-    }
-
-.searchButton {
-    color: white;
-    float: right;
-    width: 40px;
-    height: 40px;
-    border-radius: 50px;
-    background-color: #e493d0;
-    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
-    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    background-repeat: no-repeat;
-    animation: 10s movement linear infinite;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.searchInput {
-    border: none;
-    background: none;
-    outline: none;
-    font-size: 1.3em !important;
-    color: #0d2840 !important;
-    float: left;
-    padding: 0;
-    color: white;
-    font-size: 16px;
-    transition: 0.4s;
-    line-height: 40px;
-    width: 0px;
-}
-
-/*Search2*/
-
-
-.event {
-    border-radius: 20px !important;    
-    background-color: rgba(255, 255, 255, 0.2) !important;
-    backdrop-filter: blur(20px);
-    border: 0;
-    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
-    transition: all 0.15s ease;
-}
-
-/*card design*/
-.card {
-    border-radius: 20px !important;
-    overflow: hidden;
-    background-color: rgba(255, 255, 255, 0.2) !important;
-    backdrop-filter: blur(20px);
-    border: 0;
-    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
-    transition: all 0.15s ease;
-}
-
-    .card:hover {
-        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1), 0 10px 8px rgba(0, 0, 0, 0.015);
-    }
-
-.card-body .card-title {
-    font-family: 'Lato', sans-serif;
-    font-weight: 700;
-    letter-spacing: 0.3px;
-    font-size: 24px;
-    color: #121212;
-}
-
-.card-text {
-    font-family: 'Lato', sans-serif;
-    font-weight: 400;
-    font-size: 15px;
-    letter-spacing: 0.3px;
-    color: #4E4E4E;
-}
-
-.card .container {
-    width: 88%;
-    /*background: #F0EEF8;*/
-    border-radius: 30px;
-    /*height: 140px;*/
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.container:hover > img {
-    transform: scale(1.2);
-}
-
-.container img {
-    /*padding: 75px;*/
-    /*margin-top: -40px;
-    margin-bottom: -40px;*/
-    transition: 0.4s ease;
-    cursor: pointer;
-}
-
-.btn:hover {
-    background-color: #e493d0;
-    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
-    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    background-repeat: no-repeat;
-    animation: 10s movement linear infinite;
-}
-
-.btn:focus {
-    background-color: #e493d0;
-    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
-    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    background-repeat: no-repeat;
-    animation: 10s movement linear infinite;
-}
-/*card design*/
-
-/*bg*/
-
-
-:root {
-    font-size: 15px;
-}
-
-body {
-    /*font-family: 'Comfortaa', 'Arial Narrow', Arial, sans-serif;*/
-    /*font-family: 'Quicksand', sans-serif;*/
-    color: #fff !important;
-    margin: 0;
-    min-height: 100vh;
-    background-color: #000;
-    /*background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));*/
-    /*background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;*/
-    /*background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;*/
-    background-repeat: no-repeat;
-    /*animation: 10s movement linear infinite;*/
-}
-
-    body::after {
-        content: '';
-        display: block;
-        position: fixed;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        backdrop-filter: blur(10px);
-        -webkit-backdrop-filter: blur(10px);
-    }
-
-.myspan {
-    position: relative;
-    z-index: 10;
-    display: flex;
-    min-height: 100vh;
-    width: 100%;
-    justify-content: center;
-    align-items: center;
-    font-size: 5rem;
-    color: transparent;
-    text-shadow: 0px 0px 1px rgba(255, 255, 255, .6), 0px 4px 4px rgba(0, 0, 0, .05);
-    letter-spacing: .2rem;
-}
-
-@keyframes movement {
-    0%, 100% {
-        background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-        background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    }
-
-    25% {
-        background-size: 100vmax 100vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 60vmax 60vmax;
-        background-position: -60vmax -90vmax, 50vmax -40vmax, 0vmax -20vmax, -40vmax -20vmax, 40vmax 60vmax;
-    }
-
-    50% {
-        background-size: 80vmax 80vmax, 110vmax 110vmax, 80vmax 80vmax, 60vmax 60vmax, 80vmax 80vmax;
-        background-position: -50vmax -70vmax, 40vmax -30vmax, 10vmax 0vmax, 20vmax 10vmax, 30vmax 70vmax;
-    }
-
-    75% {
-        background-size: 90vmax 90vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 70vmax 70vmax;
-        background-position: -50vmax -40vmax, 50vmax -30vmax, 20vmax 0vmax, -10vmax 10vmax, 40vmax 60vmax;
-    }
-}
-
-
-/*bg*/
-
-.mytextarea {
-    background-color: rgba(255, 255, 255, 0.3);
-    backdrop-filter: blur(20px);
-    padding: 10px;
-    border-radius: 10px;
-    border-width: 0px;
-    height: unset !important;
-}
-
-    .mytextarea:active {
-        border-width: 0px;
-    }
-
-    .mytextarea:focus-visible {
-        background-color: rgba(255, 255, 255, 0.5);
-        border-width: 0px !important;
-        outline: -webkit-focus-ring-color auto 0px;
-        outline-color: transparent;
-    }
-
-.navbar-toggler {    
-    color: #fff;
-}
-
-.navbar-brand {
-    font-size: 1.7rem;
-    color:#fff;
-}
-
-.form-select {
-    background-color: rgba(255, 255, 255, 0.2);
-    border-radius: 5px;
-    display: unset !important;
-    color: #fff;
-}
-
-    .form-select > option {
-        background-color: rgba(255, 255, 255, 0.2)
-    }
-
-.contactform-overlay {
-    position: fixed;
-    z-index: 100;
-    height: 100vh;
-    width: 100%;
-    padding: 100px;
-    top: 0px;
-    left: 0px;
-    /* padding-top: 10vh; */
-    backdrop-filter: blur(20px);
-    /* background-color: rgba(1, 1, 1, .4); */
-}
-
-.form-control {
-    background-color: rgba(255,255,255,0.4);
-    border-radius: 5px;
-    height: 50px;
-}
-.form-control::placeholder {
-   color:#fff;
-}
-
-.contactform-close-overlay {
-    position: relative;
-    height: 10vh;
-}
-
-.contactform-popup-content {
-    height: 80vh;
-    margin: 0px;
-    padding: 0px;
-}
-
-.contactform-popup-close {
-    position: relative;
-    height: 10vh;
-    z-index: 80;
-}
-
-.calendly-overlay {
-    position: absolute;
-    z-index: 100;
-    height: 100vh;
-    width: 100%;
-    top: 0px;
-    /* padding-top: 10vh; */
-    backdrop-filter: blur(20px);
-    /* background-color: rgba(1, 1, 1, .4); */
-}
-
-.calendly-close-overlay {
-    position: relative;
-    height: 10vh;
-}
-
-.calendly-popup-content {
-    height: 80vh;
-    margin: 0px;
-    padding: 0px;
-}
-
-.calendly-popup-close {
-    position: relative;
-    height: 10vh;
-    z-index: 80;
-}
-
-#myVideo {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    min-width: 100%;
-    min-height: 100%;
-    opacity: 0.2;
-}
-
-.table {
-    color: #fff !important;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    background-color: transparent;
-}
-
-.navbar-collapse {
-    height: 100vh;
-    /*display: flex;
-    align-items: center;
-    justify-content: center;*/
-    text-align: center !important;
-    align-content: center;
-}
-
-.navbar-collapse .nav-link {
-    font-size: 1.5em;
-    letter-spacing: 2px;
-}
-
-.navbar-collapse .nav-item:not(:last-child) {
-    border-bottom: 0px solid white;
-    padding: 0.2em 4em;
-}
-
-.navbar {
-   background-color: #040206;
-   color: #fff;
-}
-
-.nav-link {
-    color: #fff !important;
-}
-
-.content {
-   top: 60px; 
-}
-
-.row {
-    margin-bottom: 10px;
-}
-
-h1 {
-   color: #64CCC5;
-}
-
-p {
-   color: #EEEEEE;
-   font-size: 1,1rem;
-}
-.container-fluid {
-   margin-bottom:20px;
-   padding: 20px;
-}
-
-/* 🔽 Mobile Responsiveness */
-@media (max-width: 768px) {
-    h1 { font-size: 2rem; }
-    h2 { font-size: 1.6rem; }
-    h3 { font-size: 1.4rem; }
-    p, li { font-size: 1rem; }
-    .navbar-collapse .nav-link { font-size: 1.1rem; }
-    p {text-align: justify;}
-}
-
-@media (max-width: 480px) {
-    h1 { font-size: 1.6rem; }
-    h2 { font-size: 1.3rem; }
-    h3 { font-size: 1.1rem; }
-    p, li { font-size: 0.95rem; }
-    .navbar-collapse .nav-link { font-size: 1rem; }
-    p {text-align: justify;}
-}

wwwroot/temp/style_8bb509ba.css

@@ -1,536 +0,0 @@
-/*@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
-@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700,300');*/
-
-/*search*/
-
-li {
-   list-style: none;
-}
-
-label {
-    color: #000;
-    /* display: none; */
-}
-
-.img-fluid {
-    max-height: 50vh;
-    width: auto;   
-    
-}
-
-.pop-img {
-    border-radius: 10px !important;
-    border-color: white;
-    border-width: 1px;
-    border-style: solid;
-}
-
-.card-img-top {
-    max-height: 50vh;
-    width: auto;
-    border-radius: 5px;
-}
-
-.btn {
-    background: rgba(255, 255, 255, 0.5);
-    border: 0;
-    color: #000000;
-    width: fit-content;
-    font-weight: bold;
-    transition: all 0.2s ease;    
-    margin: 15px;    
-}
-
-.voicebutton {
-    border-radius: 50% !important;
-    padding: 10px !important;
-    width: 40px;
-    height:40px;
-}
-
-.menubtn {
-    background: rgba(255, 255, 255, 0.5);
-    border: 0;
-    color: #000000;
-    /* width: 98%; */
-    font-weight: bold;
-    border-radius: 20px;
-    height: 40px;
-    transition: all 0.2s ease;
-    padding: 10px;
-    margin: 10px;
-}
-
-    .btn:active {
-        background: rgba(255, 255, 255, 1);
-    }
-
-    .btn:hover {
-        background: rgba(255, 255, 255, 0.8);
-    }
-
-img {
-    border-radius: 20px !important;
-}
-
-
-input.search_bar{
-    border: none;
-    outline: none;
-    width: 75px;
-    border-radius: 55px;
-    margin: 0 auto;
-    font-size: 1.3em;
-    color: #0d2840;
-    padding: 15px 30px 15px 45px;
-    transition: all .3s cubic-bezier(0,0,.5,1.5);
-    box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
-    background: rgba(255, 255, 255, 0.3) url(https://i.imgur.com/seveWIw.png) no-repeat center center;
-}
-
-    input.search_bar:focus{
-        width: 100%;
-        background-position: calc(100% - 35px) center
-    }
-
-/*Removes default x in search fields (webkit only i guess)*/
-input[type=search]::-webkit-search-cancel-button {
-    -webkit-appearance: none;
-}
-/*Changes the color of the placeholder*/
-::-webkit-input-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-:-moz-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-::-moz-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-:-ms-input-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-/*search*/
-
-/*Search2*/
-.searchBox {
-    width: 60px;
-    background: rgba(255, 255, 255, 0.3);
-    height: 60px;
-    border-radius: 40px;
-    padding: 10px;
-    margin: 0 auto;
-    transition: 0.8s;
-}
-
-.searchInput:active > .searchBox{
-    width:100%
-}
-.searchInput:focus > .searchBox {
-    width: 100%
-}
-
-.searchInput::placeholder {
-   color:#fff;
-}
-
-.searchBox:hover {   
-    width: 100%;    
-}    
-
-    .searchBox:hover > .searchInput {
-        width: calc(100% - 60px);
-        padding: 0 6px;
-    }
-
-    .searchBox:hover > .searchButton {
-        background: white;
-        color: #2f3640;
-    }
-
-.searchButton {
-    color: white;
-    float: right;
-    width: 40px;
-    height: 40px;
-    border-radius: 50px;
-    background-color: #e493d0;
-    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
-    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    background-repeat: no-repeat;
-    animation: 10s movement linear infinite;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.searchInput {
-    border: none;
-    background: none;
-    outline: none;
-    font-size: 1.3em !important;
-    color: #0d2840 !important;
-    float: left;
-    padding: 0;
-    color: white;
-    font-size: 16px;
-    transition: 0.4s;
-    line-height: 40px;
-    width: 0px;
-}
-
-/*Search2*/
-
-
-.event {
-    border-radius: 20px !important;    
-    background-color: rgba(255, 255, 255, 0.2) !important;
-    backdrop-filter: blur(20px);
-    border: 0;
-    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
-    transition: all 0.15s ease;
-}
-
-/*card design*/
-.card {
-    border-radius: 20px !important;
-    overflow: hidden;
-    background-color: rgba(255, 255, 255, 0.2) !important;
-    backdrop-filter: blur(20px);
-    border: 0;
-    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
-    transition: all 0.15s ease;
-}
-
-    .card:hover {
-        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1), 0 10px 8px rgba(0, 0, 0, 0.015);
-    }
-
-.card-body .card-title {
-    font-family: 'Lato', sans-serif;
-    font-weight: 700;
-    letter-spacing: 0.3px;
-    font-size: 24px;
-    color: #121212;
-}
-
-.card-text {
-    font-family: 'Lato', sans-serif;
-    font-weight: 400;
-    font-size: 15px;
-    letter-spacing: 0.3px;
-    color: #4E4E4E;
-}
-
-.card .container {
-    width: 88%;
-    /*background: #F0EEF8;*/
-    border-radius: 30px;
-    /*height: 140px;*/
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.container:hover > img {
-    transform: scale(1.2);
-}
-
-.container img {
-    /*padding: 75px;*/
-    /*margin-top: -40px;
-    margin-bottom: -40px;*/
-    transition: 0.4s ease;
-    cursor: pointer;
-}
-
-.btn:hover {
-    background-color: #e493d0;
-    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
-    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    background-repeat: no-repeat;
-    animation: 10s movement linear infinite;
-}
-
-.btn:focus {
-    background-color: #e493d0;
-    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
-    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    background-repeat: no-repeat;
-    animation: 10s movement linear infinite;
-}
-/*card design*/
-
-/*bg*/
-
-
-:root {
-    font-size: 15px;
-}
-
-body {
-    /*font-family: 'Comfortaa', 'Arial Narrow', Arial, sans-serif;*/
-    /*font-family: 'Quicksand', sans-serif;*/
-    color: #fff !important;
-    margin: 0;
-    min-height: 100vh;
-    background-color: #000;
-    /*background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));*/
-    /*background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;*/
-    /*background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;*/
-    background-repeat: no-repeat;
-    /*animation: 10s movement linear infinite;*/
-}
-
-    body::after {
-        content: '';
-        display: block;
-        position: fixed;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        backdrop-filter: blur(10px);
-        -webkit-backdrop-filter: blur(10px);
-    }
-
-.myspan {
-    position: relative;
-    z-index: 10;
-    display: flex;
-    min-height: 100vh;
-    width: 100%;
-    justify-content: center;
-    align-items: center;
-    font-size: 5rem;
-    color: transparent;
-    text-shadow: 0px 0px 1px rgba(255, 255, 255, .6), 0px 4px 4px rgba(0, 0, 0, .05);
-    letter-spacing: .2rem;
-}
-
-@keyframes movement {
-    0%, 100% {
-        background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-        background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    }
-
-    25% {
-        background-size: 100vmax 100vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 60vmax 60vmax;
-        background-position: -60vmax -90vmax, 50vmax -40vmax, 0vmax -20vmax, -40vmax -20vmax, 40vmax 60vmax;
-    }
-
-    50% {
-        background-size: 80vmax 80vmax, 110vmax 110vmax, 80vmax 80vmax, 60vmax 60vmax, 80vmax 80vmax;
-        background-position: -50vmax -70vmax, 40vmax -30vmax, 10vmax 0vmax, 20vmax 10vmax, 30vmax 70vmax;
-    }
-
-    75% {
-        background-size: 90vmax 90vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 70vmax 70vmax;
-        background-position: -50vmax -40vmax, 50vmax -30vmax, 20vmax 0vmax, -10vmax 10vmax, 40vmax 60vmax;
-    }
-}
-
-
-/*bg*/
-
-.mytextarea {
-    background-color: rgba(255, 255, 255, 0.3);
-    backdrop-filter: blur(20px);
-    padding: 10px;
-    border-radius: 10px;
-    border-width: 0px;
-    height: unset !important;
-}
-
-    .mytextarea:active {
-        border-width: 0px;
-    }
-
-    .mytextarea:focus-visible {
-        background-color: rgba(255, 255, 255, 0.5);
-        border-width: 0px !important;
-        outline: -webkit-focus-ring-color auto 0px;
-        outline-color: transparent;
-    }
-
-.navbar-toggler {    
-    color: #fff;
-}
-
-.navbar-brand {
-    font-size: 1.7rem;
-    color:#fff;
-}
-
-.form-select {
-    background-color: rgba(255, 255, 255, 0.2);
-    border-radius: 5px;
-    display: unset !important;
-    color: #fff;
-}
-
-    .form-select > option {
-        background-color: rgba(255, 255, 255, 0.2)
-    }
-
-.contactform-overlay {
-    position: fixed;
-    z-index: 100;
-    height: 100vh;
-    width: 100%;
-    padding: 100px;
-    top: 0px;
-    left: 0px;
-    /* padding-top: 10vh; */
-    backdrop-filter: blur(20px);
-    /* background-color: rgba(1, 1, 1, .4); */
-}
-
-.form-control {
-    background-color: rgba(255,255,255,0.4);
-    border-radius: 5px;
-    height: 50px;
-}
-.form-control::placeholder {
-   color:#fff;
-}
-
-.contactform-close-overlay {
-    position: relative;
-    height: 10vh;
-}
-
-.contactform-popup-content {
-    height: 80vh;
-    margin: 0px;
-    padding: 0px;
-}
-
-.contactform-popup-close {
-    position: relative;
-    height: 10vh;
-    z-index: 80;
-}
-
-.calendly-overlay {
-    position: absolute;
-    z-index: 100;
-    height: 100vh;
-    width: 100%;
-    top: 0px;
-    /* padding-top: 10vh; */
-    backdrop-filter: blur(20px);
-    /* background-color: rgba(1, 1, 1, .4); */
-}
-
-.calendly-close-overlay {
-    position: relative;
-    height: 10vh;
-}
-
-.calendly-popup-content {
-    height: 80vh;
-    margin: 0px;
-    padding: 0px;
-}
-
-.calendly-popup-close {
-    position: relative;
-    height: 10vh;
-    z-index: 80;
-}
-
-#myVideo {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    min-width: 100%;
-    min-height: 100%;
-    opacity: 0.2;
-}
-
-.table {
-    color: #fff !important;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    background-color: transparent;
-}
-
-.navbar-collapse {
-    height: 100vh;
-    /*display: flex;
-    align-items: center;
-    justify-content: center;*/
-    text-align: center !important;
-    align-content: center;
-}
-
-.navbar-collapse .nav-link {
-    font-size: 1.5em;
-    letter-spacing: 2px;
-}
-
-.navbar-collapse .nav-item:not(:last-child) {
-    border-bottom: 0px solid white;
-    padding: 0.2em 4em;
-}
-
-.navbar {
-   background-color: #040206;
-   color: #fff;
-}
-
-.nav-link {
-    color: #fff !important;
-}
-
-.content {
-   top: 60px; 
-}
-
-.row {
-    margin-bottom: 10px;
-}
-
-h1 {
-   color: #64CCC5;
-}
-
-p {
-   color: #EEEEEE;
-   font-size: 1,1rem;
-}
-.container-fluid {
-   margin-bottom:20px;
-   padding: 20px;
-}
-
-/* 🔽 Mobile Responsiveness */
-@media (max-width: 768px) {
-    h1 { font-size: 2rem; }
-    h2 { font-size: 1.6rem; }
-    h3 { font-size: 1.4rem; }
-    p, li { font-size: 1rem; }
-    .navbar-collapse .nav-link { font-size: 1.1rem; }
-    p {text-align: justify;}
-}
-
-@media (max-width: 480px) {
-    h1 { font-size: 1.6rem; }
-    h2 { font-size: 1.3rem; }
-    h3 { font-size: 1.1rem; }
-    p, li { font-size: 0.95rem; }
-    .navbar-collapse .nav-link { font-size: 1rem; }
-    p {text-align: justify;}
-}

wwwroot/temp/style_9ea4bd8c.css

@@ -1,536 +0,0 @@
-/*@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
-@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700,300');*/
-
-/*search*/
-
-li {
-   list-style: none;
-}
-
-label {
-    color: #000;
-    /* display: none; */
-}
-
-.img-fluid {
-    max-height: 50vh;
-    width: auto;   
-    
-}
-
-.pop-img {
-    border-radius: 10px !important;
-    border-color: white;
-    border-width: 1px;
-    border-style: solid;
-}
-
-.card-img-top {
-    max-height: 50vh;
-    width: auto;
-    border-radius: 5px;
-}
-
-.btn {
-    background: rgba(255, 255, 255, 0.5);
-    border: 0;
-    color: #000000;
-    width: fit-content;
-    font-weight: bold;
-    transition: all 0.2s ease;    
-    margin: 15px;    
-}
-
-.voicebutton {
-    border-radius: 50% !important;
-    padding: 10px !important;
-    width: 40px;
-    height:40px;
-}
-
-.menubtn {
-    background: rgba(255, 255, 255, 0.5);
-    border: 0;
-    color: #000000;
-    /* width: 98%; */
-    font-weight: bold;
-    border-radius: 20px;
-    height: 40px;
-    transition: all 0.2s ease;
-    padding: 10px;
-    margin: 10px;
-}
-
-    .btn:active {
-        background: rgba(255, 255, 255, 1);
-    }
-
-    .btn:hover {
-        background: rgba(255, 255, 255, 0.8);
-    }
-
-img {
-    border-radius: 20px !important;
-}
-
-
-input.search_bar{
-    border: none;
-    outline: none;
-    width: 75px;
-    border-radius: 55px;
-    margin: 0 auto;
-    font-size: 1.3em;
-    color: #0d2840;
-    padding: 15px 30px 15px 45px;
-    transition: all .3s cubic-bezier(0,0,.5,1.5);
-    box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
-    background: rgba(255, 255, 255, 0.3) url(https://i.imgur.com/seveWIw.png) no-repeat center center;
-}
-
-    input.search_bar:focus{
-        width: 100%;
-        background-position: calc(100% - 35px) center
-    }
-
-/*Removes default x in search fields (webkit only i guess)*/
-input[type=search]::-webkit-search-cancel-button {
-    -webkit-appearance: none;
-}
-/*Changes the color of the placeholder*/
-::-webkit-input-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-:-moz-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-::-moz-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-:-ms-input-placeholder {
-    color: #0d2840;
-    opacity: .5;
-}
-
-/*search*/
-
-/*Search2*/
-.searchBox {
-    width: 60px;
-    background: rgba(255, 255, 255, 0.3);
-    height: 60px;
-    border-radius: 40px;
-    padding: 10px;
-    margin: 0 auto;
-    transition: 0.8s;
-}
-
-.searchInput:active > .searchBox{
-    width:100%
-}
-.searchInput:focus > .searchBox {
-    width: 100%
-}
-
-.searchInput::placeholder {
-   color:#fff;
-}
-
-.searchBox:hover {   
-    width: 100%;    
-}    
-
-    .searchBox:hover > .searchInput {
-        width: calc(100% - 60px);
-        padding: 0 6px;
-    }
-
-    .searchBox:hover > .searchButton {
-        background: white;
-        color: #2f3640;
-    }
-
-.searchButton {
-    color: white;
-    float: right;
-    width: 40px;
-    height: 40px;
-    border-radius: 50px;
-    background-color: #e493d0;
-    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
-    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    background-repeat: no-repeat;
-    animation: 10s movement linear infinite;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.searchInput {
-    border: none;
-    background: none;
-    outline: none;
-    font-size: 1.3em !important;
-    color: #0d2840 !important;
-    float: left;
-    padding: 0;
-    color: white;
-    font-size: 16px;
-    transition: 0.4s;
-    line-height: 40px;
-    width: 0px;
-}
-
-/*Search2*/
-
-
-.event {
-    border-radius: 20px !important;    
-    background-color: rgba(255, 255, 255, 0.2) !important;
-    backdrop-filter: blur(20px);
-    border: 0;
-    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
-    transition: all 0.15s ease;
-}
-
-/*card design*/
-.card {
-    border-radius: 20px !important;
-    overflow: hidden;
-    background-color: rgba(255, 255, 255, 0.2) !important;
-    backdrop-filter: blur(20px);
-    border: 0;
-    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
-    transition: all 0.15s ease;
-}
-
-    .card:hover {
-        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1), 0 10px 8px rgba(0, 0, 0, 0.015);
-    }
-
-.card-body .card-title {
-    font-family: 'Lato', sans-serif;
-    font-weight: 700;
-    letter-spacing: 0.3px;
-    font-size: 24px;
-    color: #121212;
-}
-
-.card-text {
-    font-family: 'Lato', sans-serif;
-    font-weight: 400;
-    font-size: 15px;
-    letter-spacing: 0.3px;
-    color: #4E4E4E;
-}
-
-.card .container {
-    width: 88%;
-    /*background: #F0EEF8;*/
-    border-radius: 30px;
-    /*height: 140px;*/
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.container:hover > img {
-    transform: scale(1.2);
-}
-
-.container img {
-    /*padding: 75px;*/
-    /*margin-top: -40px;
-    margin-bottom: -40px;*/
-    transition: 0.4s ease;
-    cursor: pointer;
-}
-
-.btn:hover {
-    background-color: #e493d0;
-    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
-    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    background-repeat: no-repeat;
-    animation: 10s movement linear infinite;
-}
-
-.btn:focus {
-    background-color: #e493d0;
-    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
-    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    background-repeat: no-repeat;
-    animation: 10s movement linear infinite;
-}
-/*card design*/
-
-/*bg*/
-
-
-:root {
-    font-size: 15px;
-}
-
-body {
-    /*font-family: 'Comfortaa', 'Arial Narrow', Arial, sans-serif;*/
-    /*font-family: 'Quicksand', sans-serif;*/
-    color: #fff !important;
-    margin: 0;
-    min-height: 100vh;
-    background-color: #000;
-    /*background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));*/
-    /*background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;*/
-    /*background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;*/
-    background-repeat: no-repeat;
-    /*animation: 10s movement linear infinite;*/
-}
-
-    body::after {
-        content: '';
-        display: block;
-        position: fixed;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        backdrop-filter: blur(10px);
-        -webkit-backdrop-filter: blur(10px);
-    }
-
-.myspan {
-    position: relative;
-    z-index: 10;
-    display: flex;
-    min-height: 100vh;
-    width: 100%;
-    justify-content: center;
-    align-items: center;
-    font-size: 5rem;
-    color: transparent;
-    text-shadow: 0px 0px 1px rgba(255, 255, 255, .6), 0px 4px 4px rgba(0, 0, 0, .05);
-    letter-spacing: .2rem;
-}
-
-@keyframes movement {
-    0%, 100% {
-        background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
-        background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
-    }
-
-    25% {
-        background-size: 100vmax 100vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 60vmax 60vmax;
-        background-position: -60vmax -90vmax, 50vmax -40vmax, 0vmax -20vmax, -40vmax -20vmax, 40vmax 60vmax;
-    }
-
-    50% {
-        background-size: 80vmax 80vmax, 110vmax 110vmax, 80vmax 80vmax, 60vmax 60vmax, 80vmax 80vmax;
-        background-position: -50vmax -70vmax, 40vmax -30vmax, 10vmax 0vmax, 20vmax 10vmax, 30vmax 70vmax;
-    }
-
-    75% {
-        background-size: 90vmax 90vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 70vmax 70vmax;
-        background-position: -50vmax -40vmax, 50vmax -30vmax, 20vmax 0vmax, -10vmax 10vmax, 40vmax 60vmax;
-    }
-}
-
-
-/*bg*/
-
-.mytextarea {
-    background-color: rgba(255, 255, 255, 0.3);
-    backdrop-filter: blur(20px);
-    padding: 10px;
-    border-radius: 10px;
-    border-width: 0px;
-    height: unset !important;
-}
-
-    .mytextarea:active {
-        border-width: 0px;
-    }
-
-    .mytextarea:focus-visible {
-        background-color: rgba(255, 255, 255, 0.5);
-        border-width: 0px !important;
-        outline: -webkit-focus-ring-color auto 0px;
-        outline-color: transparent;
-    }
-
-.navbar-toggler {    
-    color: #fff;
-}
-
-.navbar-brand {
-    font-size: 1.7rem;
-    color:#fff;
-}
-
-.form-select {
-    background-color: rgba(255, 255, 255, 0.2);
-    border-radius: 5px;
-    display: unset !important;
-    color: #fff;
-}
-
-    .form-select > option {
-        background-color: rgba(255, 255, 255, 0.2)
-    }
-
-.contactform-overlay {
-    position: fixed;
-    z-index: 100;
-    height: 100vh;
-    width: 100%;
-    padding: 100px;
-    top: 0px;
-    left: 0px;
-    /* padding-top: 10vh; */
-    backdrop-filter: blur(20px);
-    /* background-color: rgba(1, 1, 1, .4); */
-}
-
-.form-control {
-    background-color: rgba(255,255,255,0.4);
-    border-radius: 5px;
-    height: 50px;
-}
-.form-control::placeholder {
-   color:#fff;
-}
-
-.contactform-close-overlay {
-    position: relative;
-    height: 10vh;
-}
-
-.contactform-popup-content {
-    height: 80vh;
-    margin: 0px;
-    padding: 0px;
-}
-
-.contactform-popup-close {
-    position: relative;
-    height: 10vh;
-    z-index: 80;
-}
-
-.calendly-overlay {
-    position: absolute;
-    z-index: 100;
-    height: 100vh;
-    width: 100%;
-    top: 0px;
-    /* padding-top: 10vh; */
-    backdrop-filter: blur(20px);
-    /* background-color: rgba(1, 1, 1, .4); */
-}
-
-.calendly-close-overlay {
-    position: relative;
-    height: 10vh;
-}
-
-.calendly-popup-content {
-    height: 80vh;
-    margin: 0px;
-    padding: 0px;
-}
-
-.calendly-popup-close {
-    position: relative;
-    height: 10vh;
-    z-index: 80;
-}
-
-#myVideo {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    min-width: 100%;
-    min-height: 100%;
-    opacity: 0.2;
-}
-
-.table {
-    color: #fff !important;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    background-color: transparent;
-}
-
-.navbar-collapse {
-    height: 100vh;
-    /*display: flex;
-    align-items: center;
-    justify-content: center;*/
-    text-align: center !important;
-    align-content: center;
-}
-
-.navbar-collapse .nav-link {
-    font-size: 1.5em;
-    letter-spacing: 2px;
-}
-
-.navbar-collapse .nav-item:not(:last-child) {
-    border-bottom: 0px solid white;
-    padding: 0.2em 4em;
-}
-
-.navbar {
-   background-color: #040206;
-   color: #fff;
-}
-
-.nav-link {
-    color: #fff !important;
-}
-
-.content {
-   top: 60px; 
-}
-
-.row {
-    margin-bottom: 10px;
-}
-
-h1 {
-   color: #64CCC5;
-}
-
-p {
-   color: #EEEEEE;
-   font-size: 1,1rem;
-}
-.container-fluid {
-   margin-bottom:20px;
-   padding: 20px;
-}
-
-/* 🔽 Mobile Responsiveness */
-@media (max-width: 768px) {
-    h1 { font-size: 2rem; }
-    h2 { font-size: 1.6rem; }
-    h3 { font-size: 1.4rem; }
-    p, li { font-size: 1rem; }
-    .navbar-collapse .nav-link { font-size: 1.1rem; }
-    p {text-align: justify;}
-}
-
-@media (max-width: 480px) {
-    h1 { font-size: 1.6rem; }
-    h2 { font-size: 1.3rem; }
-    h3 { font-size: 1.1rem; }
-    p, li { font-size: 0.95rem; }
-    .navbar-collapse .nav-link { font-size: 1rem; }
-    p {text-align: justify;}
-}

wwwroot/temp/style_a5faf300.css

@@ -1,168 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
-
-.card {
-    background-color: rgba(255, 255, 255, 0.3);
-    backdrop-filter: blur(2px);
-}
-
-.table {
-    color: #f2d8bb !important;
-}
-
-.navbar-collapse {
-    height: 100vh;
-    text-align: center !important;
-    align-content: center;
-}
-
-.navbar-collapse .nav-link {
-    font-size: 1.2rem;
-    letter-spacing: 2px;
-}
-
-.navbar-collapse .nav-item:not(:last-child) {
-    padding: 0.2em 1em;
-}
-
-.navbar {
-    background-color: #022c28;
-    color: #d0eae9;
-}
-
-.nav-link {
-    color: #d0eae9 !important;
-}
-
-.content {
-    top: 60px;
-}
-
-body {
-    background-color: #022c28;
-    background-attachment: fixed;
-    background-position: center;
-    background-size: cover;
-    color: aqua;
-    font-family: "Montserrat", sans-serif;
-    font-optical-sizing: auto;
-    font-weight: 300;
-    font-style: normal;
-    font-size: 1rem; /* Base size */
-}
-
-h1 {
-    font-weight: 700;
-    font-size: 2.5rem;
-    padding-top: 30px;
-    padding-bottom: 10px;
-}
-
-h2 {
-    font-weight: 500;
-    font-size: 2rem;
-    padding-top: 15px;
-    padding-bottom: 10px;
-}
-
-h3 {
-    font-weight: 400;
-    font-size: 1.6rem;
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-
-p {
-    color: #fff;
-    font-size: 1.1rem;    
-}
-
-li {
-    color: #fff;
-    font-size: 1rem;
-    text-align: center;
-}
-
-.btn-primary {
-    color: #d0eae9;
-    background-color: #014d4e;
-    border: 0px;
-    margin: 5px;
-}
-
-.btn-primary:hover {
-    color: #fff;
-    background-color: #086262;
-    border: 0px;
-}
-
-.row {
-    padding-bottom: 30px;
-    margin: 0 auto !important;
-}
-
-.searchInput::placeholder {
-    color: #d0eae9;
-}
-
-#myVideo {
-    position: fixed;
-    right: 0;
-    top: -100px;
-    min-width: 100%;
-    min-height: 100%;
-    transform: translateX(calc((100% - 100vw) / 2));
-}
-
-.img-fluid {
-    max-height: 50vh;
-    width: auto;
-    border-radius: 15px;
-}
-
-.sp-img {
-   box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
--webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
--moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
-}
-
-.col {
-    align-items: center;
-    display: flex;
-}
-
-.form-select {
-    background-color: rgba(255, 255, 255, 0.2);
-    border-radius: 5px;
-    display: unset !important;
-    color: #fff;
-}
-
-.list-group-item,
-.bg-light {
-    background-color: rgb(11 24 23 / 76%) !important;
-    backdrop-filter: blur(8px) !important;    
-}
-
-.text-primary {
-    --bs-text-opacity: 1;
-    color: aqua;
-}
-
-/* 🔽 Mobile Responsiveness */
-@media (max-width: 768px) {
-    h1 { font-size: 2rem; }
-    h2 { font-size: 1.6rem; }
-    h3 { font-size: 1.4rem; }
-    p, li { font-size: 1rem; }
-    .navbar-collapse .nav-link { font-size: 1.1rem; }
-    p {text-align: justify;}
-}
-
-@media (max-width: 480px) {
-    h1 { font-size: 1.6rem; }
-    h2 { font-size: 1.3rem; }
-    h3 { font-size: 1.1rem; }
-    p, li { font-size: 0.95rem; }
-    .navbar-collapse .nav-link { font-size: 1rem; }
-    p {text-align: justify;}
-}

wwwroot/temp/style_e0642a6c.css

@@ -1,168 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
-
-.card {
-    background-color: rgba(255, 255, 255, 0.3);
-    backdrop-filter: blur(2px);
-}
-
-.table {
-    color: #f2d8bb !important;
-}
-
-.navbar-collapse {
-    height: 100vh;
-    text-align: center !important;
-    align-content: center;
-}
-
-.navbar-collapse .nav-link {
-    font-size: 1.2rem;
-    letter-spacing: 2px;
-}
-
-.navbar-collapse .nav-item:not(:last-child) {
-    padding: 0.2em 1em;
-}
-
-.navbar {
-    background-color: #022c28;
-    color: #d0eae9;
-}
-
-.nav-link {
-    color: #d0eae9 !important;
-}
-
-.content {
-    top: 60px;
-}
-
-body {
-    background-color: #022c28;
-    background-attachment: fixed;
-    background-position: center;
-    background-size: cover;
-    color: aqua;
-    font-family: "Montserrat", sans-serif;
-    font-optical-sizing: auto;
-    font-weight: 300;
-    font-style: normal;
-    font-size: 1rem; /* Base size */
-}
-
-h1 {
-    font-weight: 700;
-    font-size: 2.5rem;
-    padding-top: 30px;
-    padding-bottom: 10px;
-}
-
-h2 {
-    font-weight: 500;
-    font-size: 2rem;
-    padding-top: 15px;
-    padding-bottom: 10px;
-}
-
-h3 {
-    font-weight: 400;
-    font-size: 1.6rem;
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-
-p {
-    color: #fff;
-    font-size: 1.1rem;    
-}
-
-li {
-    color: #fff;
-    font-size: 1rem;
-    text-align: center;
-}
-
-.btn-primary {
-    color: #d0eae9;
-    background-color: #014d4e;
-    border: 0px;
-    margin: 5px;
-}
-
-.btn-primary:hover {
-    color: #fff;
-    background-color: #086262;
-    border: 0px;
-}
-
-.row {
-    padding-bottom: 30px;
-    margin: 0 auto !important;
-}
-
-.searchInput::placeholder {
-    color: #d0eae9;
-}
-
-#myVideo {
-    position: fixed;
-    right: 0;
-    top: -100px;
-    min-width: 100%;
-    min-height: 100%;
-    transform: translateX(calc((100% - 100vw) / 2));
-}
-
-.img-fluid {
-    max-height: 50vh;
-    width: auto;
-    border-radius: 15px;
-}
-
-.sp-img {
-   box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
--webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
--moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
-}
-
-.col {
-    align-items: center;
-    display: flex;
-}
-
-.form-select {
-    background-color: rgba(255, 255, 255, 0.2);
-    border-radius: 5px;
-    display: unset !important;
-    color: #fff;
-}
-
-.list-group-item,
-.bg-light {
-    background-color: rgb(11 24 23 / 76%) !important;
-    backdrop-filter: blur(8px) !important;    
-}
-
-.text-primary {
-    --bs-text-opacity: 1;
-    color: aqua;
-}
-
-/* 🔽 Mobile Responsiveness */
-@media (max-width: 768px) {
-    h1 { font-size: 2rem; }
-    h2 { font-size: 1.6rem; }
-    h3 { font-size: 1.4rem; }
-    p, li { font-size: 1rem; }
-    .navbar-collapse .nav-link { font-size: 1.1rem; }
-    p {text-align: justify;}
-}
-
-@media (max-width: 480px) {
-    h1 { font-size: 1.6rem; }
-    h2 { font-size: 1.3rem; }
-    h3 { font-size: 1.1rem; }
-    p, li { font-size: 0.95rem; }
-    .navbar-collapse .nav-link { font-size: 1rem; }
-    p {text-align: justify;}
-}