diff --git a/TIAMSharedUI/Pages/Components/AuthComponent.razor b/TIAMSharedUI/Pages/Components/AuthComponent.razor
index 6401a689..7a00f466 100644
--- a/TIAMSharedUI/Pages/Components/AuthComponent.razor
+++ b/TIAMSharedUI/Pages/Components/AuthComponent.razor
@@ -1,9 +1,15 @@
 @using TIAMSharedUI.Shared.Components
 
+@{
+    if(IsVisible)
+    {
+        <div style="position:fixed; background-color:black; color: white; bottom: 0px; width: 100%;">
+            <p>AuthComponent: </p><p>Logged in: @IsLoggedIn</p>
+            <button class="btn btn-primary" @onclick="ToggleAuthComponent">Toggle Login</button>
+        </div>
+    }
+}
 
-<div style="position:fixed; background-color:black; color: white; bottom: 0px; width: 100%;">
-    <p>AuthComponent: </p><p>Logged in: @IsLoggedIn</p>
-</div>
 
 @code {
 
diff --git a/TIAMSharedUI/Pages/Components/AuthComponent.razor.cs b/TIAMSharedUI/Pages/Components/AuthComponent.razor.cs
index 24243fcd..df029ad0 100644
--- a/TIAMSharedUI/Pages/Components/AuthComponent.razor.cs
+++ b/TIAMSharedUI/Pages/Components/AuthComponent.razor.cs
@@ -20,6 +20,8 @@ namespace TIAMSharedUI.Pages.Components
         [CascadingParameter]
         private PopupMessageBox PopupMessageBox { get; set; } = default!;
 
+        public bool IsVisible = true;
+
         protected override async Task OnInitializedAsync()
         {
             await base.OnInitializedAsync();
@@ -43,5 +45,9 @@ namespace TIAMSharedUI.Pages.Components
             
         }
 
+        private void ToggleAuthComponent(Microsoft.AspNetCore.Components.Web.MouseEventArgs e)
+        {
+            IsVisible = false;
+        }
     }
 }
diff --git a/TIAMSharedUI/Pages/Components/InputWizard.razor b/TIAMSharedUI/Pages/Components/InputWizard.razor
index 1b36779c..449935d1 100644
--- a/TIAMSharedUI/Pages/Components/InputWizard.razor
+++ b/TIAMSharedUI/Pages/Components/InputWizard.razor
@@ -1,32 +1,30 @@
 @using System.Linq.Expressions
 @using System.ComponentModel.DataAnnotations
+@using BlazorAnimation
 
+<Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
 
+    <EditForm Model="@Data"
+              OnValidSubmit="@HandleValidSubmit"
+              OnInvalidSubmit="@HandleInvalidSubmit"
+              Context="EditFormContext">
+        <div class="text-center">
+            <h4>@localizer.GetString(TitleResourceString)</h4>
+            <p class="tm-8 mb-0 fw-normal fs-825">
+                @localizer.GetString(SubtitleResourceString)
+            </p>
+        </div>
 
-<div class="wrapper">
-    <div class="mx-3">
-        <EditForm Model="@Data"
-                  OnValidSubmit="@HandleValidSubmit"
-                  OnInvalidSubmit="@HandleInvalidSubmit"
-                  Context="EditFormContext">
-            <DataAnnotationsValidator />
-            <div class="text-center py-3">
-                <h4>@localizer.GetString(TitleResourceString)</h4>
-                <p class="tm-8 mb-0 fw-normal fs-825">
-                    @localizer.GetString(SubtitleResourceString)
-                </p>
-            </div>
-            <div>
-                @CreateEditFormFields()
-            </div>
-        </EditForm>
-    </div>
+        <div>
+            @CreateEditFormFields()
+        </div>
+        <DataAnnotationsValidator />
+    </EditForm>
     
-</div>
-<p class="mt-2 cw-480">    
-    @_formSubmitResult
-</p>
-
+    <p class="mt-2 cw-480">
+        @_formSubmitResult
+    </p>
+</Animation>
 @code {
 
 
diff --git a/TIAMSharedUI/Pages/Components/InputWizard.razor.cs b/TIAMSharedUI/Pages/Components/InputWizard.razor.cs
index 9693ec11..564bfa0b 100644
--- a/TIAMSharedUI/Pages/Components/InputWizard.razor.cs
+++ b/TIAMSharedUI/Pages/Components/InputWizard.razor.cs
@@ -166,7 +166,7 @@ namespace TIAMSharedUI.Pages.Components
                     layoutItemBuilder.AddAttribute(i++, "Caption", localizer.GetString(displayLabel.Name));
                     layoutItemBuilder.AddAttribute(i++, "ColSpanMd", 12);
                     layoutItemBuilder.AddAttribute(i++, "CaptionPosition", CaptionPosition.Vertical);
-                    //layoutItemBuilder.AddAttribute(i++, "CssClass", "flex-direction: column;");
+                    layoutItemBuilder.AddAttribute(i++, "CssClass", "justify-content-center");
 
                     layoutItemBuilder.AddAttribute(i++, "Template", (RenderFragment<object>)((context) => ((editor) =>
                     {
@@ -240,10 +240,10 @@ namespace TIAMSharedUI.Pages.Components
                                     //MaskAutoCompleteMode="@((MaskAutoCompleteMode)AutoCompleteMode)"
                                     editor.AddAttribute(j++, "MaskAutoCompleteMode", MaskAutoCompleteMode.None);
                                     editor.AddAttribute(j++, "NullText", "example@example.com");
-                                    editor.AddAttribute(j++, "ValueExpression", lambda);  
-                                    
+                                    editor.AddAttribute(j++, "ValueExpression", lambda);
+
                                     editor.AddAttribute(j++, "Placeholder", "#");
-                                    editor.AddAttribute(j++, "PlaceholdersVisible", false);                                    
+                                    editor.AddAttribute(j++, "PlaceholdersVisible", false);
 
                                     editor.AddAttribute(j++, "ValueChanged", EventCallback.Factory.Create<string>(this, str => { property.SetValue(Data, str); }));
                                     //editor.AddAttribute(j++, "Template", (RenderFragment<object>)((context) => ((editor2) =>
@@ -262,6 +262,7 @@ namespace TIAMSharedUI.Pages.Components
                                     editor.OpenComponent<DxDateEdit<DateTime>>(j);
                                     editor.AddAttribute(j++, "Date", property.GetValue(Data));
                                     editor.AddAttribute(j++, "DateExpression", lambda);
+                                    editor.AddAttribute(j++, "CssClass", "form-field");
                                     editor.AddAttribute(j++, "DateChanged", EventCallback.Factory.Create<DateTime>(this, str => { property.SetValue(Data, str); }));
                                     editor.CloseComponent();
                                     break;
@@ -339,11 +340,11 @@ namespace TIAMSharedUI.Pages.Components
                                     }
                                     //string.Compare(metadata.CustomDataType, "BoldRed", true) == 0
                                     //else if (property.PropertyType == typeof(string) && property.Name == "Destination")
-                                    
+
                                     else if (property.PropertyType == typeof(string) && string.Compare(attrList.CustomDataType, "TransferDestination", true) == 0)
                                     {
 
-                                        editor.OpenComponent<SliderItemSelector>(j);    
+                                        editor.OpenComponent<SliderItemSelector>(j);
                                         editor.AddAttribute(j++, "OwlId", "owlSelector" + _stepID);
                                         editor.AddAttribute(j++, "TextValue", property.GetValue(Data));
                                         //editor.AddAttribute(j++, "TExpression", lambda);
@@ -357,13 +358,14 @@ namespace TIAMSharedUI.Pages.Components
 
                                         editor.CloseComponent();
                                         editor.OpenComponent<DxTextBox>(j++);
-                                        editor.AddAttribute(j++, "CssClass", "form-field");
+                                        /*editor.AddAttribute(j++, "CssClass", "form-field");*/
                                         editor.AddAttribute(j++, "NullText", "Slide or type");
                                         editor.AddAttribute(j++, "Enabled", false);
                                         editor.AddAttribute(j++, "Text", property.GetValue(Data));
-                                        editor.AddAttribute(j++, "TextExpression", lambda);                                                                               
-                                        editor.AddAttribute(j++, "TextChanged", EventCallback.Factory.Create<string>(this, str => { 
-                                            property.SetValue(Data, str); 
+                                        editor.AddAttribute(j++, "TextExpression", lambda);
+                                        editor.AddAttribute(j++, "TextChanged", EventCallback.Factory.Create<string>(this, str =>
+                                        {
+                                            property.SetValue(Data, str);
                                             LogToBrowserConsole.LogToBC($"bleh: {property.Name} = {property.GetValue(Data)}");
                                         }));
                                         editor.CloseComponent();
@@ -391,25 +393,34 @@ namespace TIAMSharedUI.Pages.Components
 
                     layoutItemBuilder.CloseComponent(); //close dxformlayoutitem
 
-                    if (k < _length - 1)
+                    layoutItemBuilder.OpenComponent<DxButton>(i++);
+                    layoutItemBuilder.AddAttribute(i++, "Click", EventCallback.Factory.Create<MouseEventArgs>(this, OnPrevious));
+                    layoutItemBuilder.AddAttribute(i++, "SubmitFormOnClick", false);
+                    layoutItemBuilder.AddAttribute(i++, "CssClass", "btn btn-secondary mt-3");
+                    if (!(k > 0))
                     {
-                        layoutItemBuilder.OpenComponent<DxButton>(i++);
-                        layoutItemBuilder.AddAttribute(i++, "Click", EventCallback.Factory.Create<MouseEventArgs>(this, OnNext));
-                        layoutItemBuilder.AddAttribute(i++, "SubmitFormOnClick", false);
-                        layoutItemBuilder.AddAttribute(i++, "CssClass", "btn btn-primary mt-3");
-                        layoutItemBuilder.AddAttribute(i++, "style", "margin-left: auto;");
-                        layoutItemBuilder.AddAttribute(i++, "Text", localizer.GetString(ResourceKeys.ButtonNext));
-                        layoutItemBuilder.CloseComponent();
+                        layoutItemBuilder.AddAttribute(i++, "disabled", "true");
+                        
                     }
-                    if (k > 0)
+                    layoutItemBuilder.AddAttribute(i++, "style", "margin-left: auto; width:49%");
+                    layoutItemBuilder.AddAttribute(i++, "Text", localizer.GetString(ResourceKeys.ButtonPrevious));
+                    layoutItemBuilder.CloseComponent();
+
+
+                    layoutItemBuilder.OpenComponent<DxButton>(i++);
+                    layoutItemBuilder.AddAttribute(i++, "Click", EventCallback.Factory.Create<MouseEventArgs>(this, OnNext));
+                    layoutItemBuilder.AddAttribute(i++, "SubmitFormOnClick", false);
+                    layoutItemBuilder.AddAttribute(i++, "CssClass", "btn btn-primary mt-3");
+                    if (!(k < _length - 1))
                     {
-                        layoutItemBuilder.OpenComponent<DxButton>(i++);
-                        layoutItemBuilder.AddAttribute(i++, "Click", EventCallback.Factory.Create<MouseEventArgs>(this, OnPrevious));
-                        layoutItemBuilder.AddAttribute(i++, "SubmitFormOnClick", false);
-                        layoutItemBuilder.AddAttribute(i++, "CssClass", "btn btn-secondary mt-3");
-                        layoutItemBuilder.AddAttribute(i++, "Text", localizer.GetString(ResourceKeys.ButtonPrevious));
-                        layoutItemBuilder.CloseComponent();
+                        layoutItemBuilder.AddAttribute(i++, "disabled", "true");
+                        
                     }
+                    
+                    layoutItemBuilder.AddAttribute(i++, "style", "margin-left: auto; width:49%");
+                    layoutItemBuilder.AddAttribute(i++, "Text", localizer.GetString(ResourceKeys.ButtonNext));
+                    layoutItemBuilder.CloseComponent();
+
                     layoutItemBuilder.CloseElement(); //close div
 
 
@@ -427,14 +438,15 @@ namespace TIAMSharedUI.Pages.Components
                 }
                 layoutItemBuilder.OpenComponent<DxFormLayoutItem>(i++);
                 layoutItemBuilder.AddAttribute(i++, "ColSpanMd", 12);
-                layoutItemBuilder.AddAttribute(i++, "CssClass", "full-width");
+                layoutItemBuilder.AddAttribute(i++, "CssClass", "full-width justify-content-center");
                 layoutItemBuilder.AddAttribute(i++, "Template", (RenderFragment<object>)((context) => ((editor) =>
                 {
                     LogToBrowserConsole.LogToBC($"Submit button {CurrentStep}, {FormSteps.Count}");
 
                     editor.OpenElement(i++, "button");
                     editor.AddAttribute(i++, "type", "submit");
-                    editor.AddAttribute(i++, "class", "btn btn-primary mt-3");
+                    editor.AddAttribute(i++, "class", "btn btn-primary mt-3 w-100");
+                    editor.AddAttribute(i++, "style", "margin: 0 auto");
                     if (CurrentStep < _length - 1)
                     {
                         editor.AddAttribute(i++, "disabled", "true");
@@ -503,6 +515,6 @@ namespace TIAMSharedUI.Pages.Components
         }
     }
 
-    
+
 
 }
diff --git a/TIAMSharedUI/Pages/Index.razor b/TIAMSharedUI/Pages/Index.razor
index 60eb2bac..97d17f0f 100644
--- a/TIAMSharedUI/Pages/Index.razor
+++ b/TIAMSharedUI/Pages/Index.razor
@@ -9,17 +9,43 @@
 @using TIAMWebApp.Shared.Application.Utility;
 @using System.IdentityModel.Tokens.Jwt;
 @using TIAMSharedUI.Pages.Components;
+@using TIAMSharedUI.Shared
+@using TIAM.Entities.TransferDestinations
+@using TIAMWebApp.Shared.Application.Models.ClientSide.UI.WizardModels
 @inject NavigationManager NavManager
 @inject IUserDataService UserDataService;
 @inject IJSRuntime jsRuntime;
 @inject ISecureStorageHandler SecureStorageHandler
 @inject ISessionService sessionService;
 @inject IStringLocalizer<MyResources> localizer;
-@using TIAMSharedUI.Shared
+@inject NavigationManager navManager
+@inject LogToBrowserConsole logToBrowserConsole
+@inject IWizardProcessor WizardProcessor
 
 <PageTitle>Index</PageTitle>
-<HeroSlider></HeroSlider>
+
 <AuthComponent />
+
+<HeroSlider></HeroSlider>
+<div class="container" style="position: relative; z-index: 2;">
+    <div class="row d-flex justify-content-center">
+        <div class="col-12 col-lg-6">
+            <div class="card bg-white p-3">
+                <InputWizard Data=@myModel
+                             OnSubmit="SubmitForm"
+                             IgnoreReflection="@TransferIgnorList"
+                             SubmitButtonText="ButtonSend"
+                             TitleResourceString="TransferTitle"
+                             SubtitleResourceString="TransferSubtitle"></InputWizard>
+
+
+            </div>
+        </div>
+    </div>
+
+</div>
+
+
 <div class="container" style="align-content: center;">
 
 
@@ -76,7 +102,26 @@
 
 @code {
 
+    public TransferWizardModel myModel = new TransferWizardModel();
 
+    public List<string> TransferIgnorList = new List<string>
+    {
+       "Id",
+       "Price",
+       "Driver"
+    };
+
+    /*protected override void OnAfterRender(bool isFirst)
+        {
+        message = " Target destination is " + slider.SliderElementId.ToString();
+    }*/
+
+    public async Task SubmitForm(object Result)
+    {
+        var transfer = await WizardProcessor.ProcessWizardAsync<TransferWizardModel>(Result.GetType(), Result);
+        logToBrowserConsole.LogToBC($"Submitted nested form: {Result.GetType().FullName}");
+        navManager.NavigateTo("/transfer2/" + transfer.Id);
+    }
 
 }
 
diff --git a/TIAMSharedUI/Pages/Login.razor b/TIAMSharedUI/Pages/Login.razor
index e269bb44..95e07efe 100644
--- a/TIAMSharedUI/Pages/Login.razor
+++ b/TIAMSharedUI/Pages/Login.razor
@@ -26,7 +26,7 @@
     <div class="row d-flex justify-content-center align-items-center h-100">
         <div class="col-12 col-sm-6 px-5">
             <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-            <div class="card mycard inputwizardwrapper my-5">
+            <div class="card glass inputwizardwrapper my-5">
 
                 <div class="wrapper">
                     <div class="my-logo">
diff --git a/TIAMSharedUI/Pages/Register.razor b/TIAMSharedUI/Pages/Register.razor
index bbbb4578..79b36773 100644
--- a/TIAMSharedUI/Pages/Register.razor
+++ b/TIAMSharedUI/Pages/Register.razor
@@ -19,7 +19,7 @@
     <div class="row d-flex justify-content-center align-items-center h-100">
         <div class="col-12 col-sm-6">
             <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-                <div class="card mycard inputwizardwrapper my-5">
+                <div class="card glass inputwizardwrapper my-5">
                     <div class="wrapper">
                         <div class="my-logo">
                             <img src="_content/TIAMSharedUI/images/png-logo-0.png" alt="">
diff --git a/TIAMSharedUI/Pages/Transfer.razor b/TIAMSharedUI/Pages/Transfer.razor
index d371dfa8..8a445ec5 100644
--- a/TIAMSharedUI/Pages/Transfer.razor
+++ b/TIAMSharedUI/Pages/Transfer.razor
@@ -10,26 +10,23 @@
 @inject IWizardProcessor WizardProcessor
 <PageTitle>Transfer</PageTitle>
 
-<div class="text-center m-5">
-    <h1>Transfer</h1>
-    <h2 style="font-size:small">Swipe to select your destination!</h2>
-</div>
-
-
-    
-<div class="container mt-3">
-    <div class="row d-flex justify-content-center align-items-center h-100">
-        <div class="col-12 col-sm-6">
-            <div class="card mycard">
+    <HeroSlider></HeroSlider>
+<div class="container" style="position: relative; z-index: 2;">
+    <div class="row d-flex justify-content-center">
+        <div class="col-12 col-lg-6">
+            <div class="card bg-white p-3">
                 <InputWizard Data=@myModel 
                 OnSubmit="SubmitForm" 
                 IgnoreReflection="@TransferIgnorList" 
                 SubmitButtonText="ButtonSend" 
                 TitleResourceString="TransferTitle"
             SubtitleResourceString="TransferSubtitle"></InputWizard>
+      
+
             </div>
         </div>
     </div>
+    
 </div>
 
 
@@ -42,7 +39,8 @@
     public List<string> TransferIgnorList = new List<string>
     {
        "Id",
-       "Price"
+       "Price",
+       "Driver"
     };    
 
     /*protected override void OnAfterRender(bool isFirst)
diff --git a/TIAMSharedUI/Pages/TransferFinal.razor b/TIAMSharedUI/Pages/TransferFinal.razor
index 4910b75d..2e075e0c 100644
--- a/TIAMSharedUI/Pages/TransferFinal.razor
+++ b/TIAMSharedUI/Pages/TransferFinal.razor
@@ -11,7 +11,7 @@
     <div class="container py-1">
         <div class="row d-flex justify-content-center align-items-center h-100">
             <div class="col-md-10 col-lg-8 col-xl-6">
-                <div class="card mycard card-admin card-stepper" style="border-radius: 16px;">
+                <div class="card glass card-admin card-stepper" style="border-radius: 16px;">
                     <div class="card-header py-2 px-4">
                         <div class="d-flex justify-content-between align-items-center">
                             <div>                                
diff --git a/TIAMSharedUI/Pages/User/Admin.razor b/TIAMSharedUI/Pages/User/Admin.razor
index bfd1113b..b294fd67 100644
--- a/TIAMSharedUI/Pages/User/Admin.razor
+++ b/TIAMSharedUI/Pages/User/Admin.razor
@@ -21,7 +21,7 @@
 
     <div class="row py-3">
         <div class=" col-12 col-xl-3">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
@@ -71,7 +71,7 @@
             </div>
         </div>
         <div class=" col-12 col-xl-3">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
@@ -121,7 +121,7 @@
             </div>
         </div>
         <div class=" col-12 col-xl-3">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
diff --git a/TIAMSharedUI/Pages/User/Hotels/HotelAdmin.razor b/TIAMSharedUI/Pages/User/Hotels/HotelAdmin.razor
index 2ea99a90..3054950a 100644
--- a/TIAMSharedUI/Pages/User/Hotels/HotelAdmin.razor
+++ b/TIAMSharedUI/Pages/User/Hotels/HotelAdmin.razor
@@ -25,7 +25,7 @@
 
     <div class="row py-3">
         <div class=" col-12 col-xl-3">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
@@ -75,7 +75,7 @@
             </div>
         </div>
         <div class=" col-12 col-xl-3">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
@@ -125,7 +125,7 @@
             </div>
         </div>
         <div class=" col-12 col-xl-3">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
diff --git a/TIAMSharedUI/Pages/User/Hotels/HotelComponent.razor b/TIAMSharedUI/Pages/User/Hotels/HotelComponent.razor
index 6b4ff38d..7f36f7d8 100644
--- a/TIAMSharedUI/Pages/User/Hotels/HotelComponent.razor
+++ b/TIAMSharedUI/Pages/User/Hotels/HotelComponent.razor
@@ -10,7 +10,7 @@
 
     <div class=" col-12 col-xl-3">
         <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
@@ -58,7 +58,7 @@
     </div>
     <div class=" col-12 col-xl-3">
         <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
@@ -109,7 +109,7 @@
     </div>
     <div class=" col-12 col-xl-3">
         <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
@@ -175,7 +175,7 @@
 
     <div class=" col-12 col-xl-3">
         <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
@@ -227,7 +227,7 @@
     </div>
     <div class=" col-12">
         <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
diff --git a/TIAMSharedUI/Pages/User/MyServiceProviders.razor b/TIAMSharedUI/Pages/User/MyServiceProviders.razor
index bc9c54b7..43de9d7d 100644
--- a/TIAMSharedUI/Pages/User/MyServiceProviders.razor
+++ b/TIAMSharedUI/Pages/User/MyServiceProviders.razor
@@ -13,7 +13,7 @@
 <div class="container">
     <div class="row">        
         <div class=" col-12 col-xl-6">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
diff --git a/TIAMSharedUI/Pages/User/ProfileComponent.razor b/TIAMSharedUI/Pages/User/ProfileComponent.razor
index fe43ef5a..b01be81a 100644
--- a/TIAMSharedUI/Pages/User/ProfileComponent.razor
+++ b/TIAMSharedUI/Pages/User/ProfileComponent.razor
@@ -2,28 +2,18 @@
 
 
     <div class="row flex-lg-nowrap">
-        <div class="col-12 col-lg-auto mb-3" style="width: 200px;">
-            <div class="card mycard p-3">
-                <div class="e-navlist e-navlist--active-bg">
-                    <ul class="nav">
-                        <li class="nav-item"><a class="nav-link px-2 active" href="#"><i class="fa fa-fw fa-bar-chart mr-1"></i><span>Overview</span></a></li>
-                        <li class="nav-item"><a class="nav-link px-2" href="https://www.bootdey.com/snippets/view/bs4-crud-users" target="__blank"><i class="fa fa-fw fa-th mr-1"></i><span>CRUD</span></a></li>
-                        <li class="nav-item"><a class="nav-link px-2" href="https://www.bootdey.com/snippets/view/bs4-edit-profile-page" target="__blank"><i class="fa fa-fw fa-cog mr-1"></i><span>Settings</span></a></li>
-                    </ul>
-                </div>
-            </div>
-        </div>
+       
 
         <div class="col">
             <div class="row">
                 <div class="col mb-3">
-                    <div class="card mycard">
+                    <div class="card">
                         <div class="card-body">
                             <div class="e-profile">
                                 <div class="row">
                                     <div class="col-12 col-sm-auto mb-3">
                                         <div class="mx-auto" style="width: 140px;">
-                                            <div class="d-flex justify-content-center align-items-center rounded" style="height: 140px; background-color: rgb(233, 236, 239);">
+                                            <div class="d-flex justify-content-center align-items-center" style="height: 140px; background-color: rgb(233, 236, 239);">
                                                 <span style="color: rgb(166, 168, 170); font: bold 8pt Arial;">140x140</span>
                                             </div>
                                         </div>
@@ -151,16 +141,7 @@
                     </div>
                 </div>
 
-                <div class="col-12 col-md-3 mb-3">
-                    
-                    <div class="card">
-                        <div class="card-body">
-                            <h6 class="card-title font-weight-bold">Support</h6>
-                            <p class="card-text">Get fast, free help from our friendly assistants.</p>
-                            <button type="button" class="btn btn-primary">Contact Us</button>
-                        </div>
-                    </div>
-                </div>
+                
             </div>
 
         </div>
diff --git a/TIAMSharedUI/Pages/User/ServiceProvider.razor b/TIAMSharedUI/Pages/User/ServiceProvider.razor
index d59e7e50..4a0988bc 100644
--- a/TIAMSharedUI/Pages/User/ServiceProvider.razor
+++ b/TIAMSharedUI/Pages/User/ServiceProvider.razor
@@ -1,4 +1,5 @@
 @page "/user/serviceprovider/{id}"
+@using TIAMSharedUI.Pages.User.SysAdmins
 @using TIAMSharedUI.Shared
 @using TIAMWebApp.Shared.Application.Models;
 @using TIAMWebApp.Shared.Application.Interfaces;
@@ -6,19 +7,36 @@
 @inject NavigationManager navigationManager
 
 <div class="text-center m-5">
-    <h1>Service provider: @Id</h1>
+    <h1>Company: @Id</h1>
     <h2 style="font-size:small">Manage your service provider details</h2>
 </div>
 
 <div class="container">
-    <ProfileComponent></ProfileComponent>
-    <PermissionsComponent></PermissionsComponent>
+    <div class="w-100 ch-220">
+        <DxTabs>
+           
+                <DxTabPage Text="Profile">
+                    <ProfileComponent></ProfileComponent>
+                </DxTabPage>
+            <DxTabPage Text="Permissions">
+                <PermissionsComponent></PermissionsComponent>
+            </DxTabPage>
+            <DxTabPage Text="Services">
+                <Products></Products>
+            </DxTabPage>
+           
+        </DxTabs>
+    </div>
+    
+    
 </div>
 
 @code {
     [Parameter]
     public string Id { get; set; }
 
+    public string ProfileUrl => $"/images/serviceprovider/{Id}.png";
+
     protected override void OnInitialized()
     {
         base.OnInitialized();
diff --git a/TIAMSharedUI/Pages/User/SysAdmins/Products.razor b/TIAMSharedUI/Pages/User/SysAdmins/Products.razor
index 86a7fce6..1861d934 100644
--- a/TIAMSharedUI/Pages/User/SysAdmins/Products.razor
+++ b/TIAMSharedUI/Pages/User/SysAdmins/Products.razor
@@ -1,4 +1,4 @@
-@page "/user/products"
+
 @using AyCode.Models.Messages
 @using TIAM.Entities.ServiceProviders
 @using TIAM.Resources
@@ -8,22 +8,18 @@
 @using TIAMWebApp.Shared.Application.Models.ClientSide.UI.WizardModels
 @using TIAMWebApp.Shared.Application.Models.ClientSide.Messages
 @using TIAMWebApp.Shared.Application.Utility
-@layout AdminLayout
 @inject LogToBrowserConsole logToBrowserConsole
 @inject IStringLocalizer<TIAMResources> localizer
-<PageTitle>Transfers</PageTitle>
 
-<div class="text-center m-5">
+<!--div class="text-center m-5">
     <h1>Service management</h1>
     <h2 style="font-size:small">Manage your services here!</h2>
-</div>
+</!--div-->
 
-<div class="container">
+<!--div class="container"-->
     <div class="row">        
         <div class=" col-12">
-            <h3>@localizer.GetString("TransferDestination")</h3>
             
-
             <div class="d-flex flex-column mb-4 pb-2">
                 <div class="align-self-end pl-2 pb-2">
                     <DxButton Text="Column Chooser"
@@ -32,7 +28,7 @@
                               Click="ColumnChooserButton_Click" />
                 </div>
                 <DxGrid @ref="Grid"
-                        Data="ProductData"
+                        Data="ProductDataFromDb"
                         PageSize="8"
                         KeyFieldName="Id"
                         ValidationEnabled="false"
@@ -96,7 +92,7 @@
         </div>
 
     </div>
-</div>
+<!--/div-->
 
 
 @code {
diff --git a/TIAMSharedUI/Pages/User/SysAdmins/Products.razor.cs b/TIAMSharedUI/Pages/User/SysAdmins/Products.razor.cs
index 7889da19..3bd7c8ba 100644
--- a/TIAMSharedUI/Pages/User/SysAdmins/Products.razor.cs
+++ b/TIAMSharedUI/Pages/User/SysAdmins/Products.razor.cs
@@ -14,7 +14,7 @@ using TIAMWebApp.Shared.Application.Services;
 
 namespace TIAMSharedUI.Pages.User.SysAdmins
 {
-    public partial class Products
+    public partial class Products :ComponentBase
     {
 
         IGrid Grid { get; set; }
@@ -36,7 +36,7 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
             new ProductWizardModel(new TiamServiceProvider(), ProductType.Hotel, "XY hotel", "XYHotel description is here ", 10.0f, ""),                      
         };
 
-        object? TransferDataFromDb = new ProductWizardModel[] { };
+        object? ProductDataFromDb = new ProductWizardModel[] { };
 
         void CancelCreateClick()
         {
@@ -147,12 +147,12 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
         protected override async Task OnInitializedAsync()
         {
             base.OnInitialized();
-            var a = await serviceProviderDataService.GetProductsForServiceProviderAsync(Guid.NewGuid());
-            logToBrowserConsole.LogToBC($"ProductDataFromDb: {((ProductWizardModel[])TransferDataFromDb).Length}");
+            var a = await serviceProviderDataService.GetProductsForServiceProviderAsync(Guid.Parse("3587F169-683C-4EEE-BCB5-E8D57F8C6DCE"));
+            logToBrowserConsole.LogToBC($"ProductDataFromDb: {((ProductWizardModel[])ProductDataFromDb).Length}");
             foreach (var item in a)
             {
                 //add new transferwizardmodel to transferData array
-                TransferDataFromDb = ((ProductWizardModel[])TransferDataFromDb).Append(
+                ProductDataFromDb = ((ProductWizardModel[])ProductDataFromDb).Append(
                     new ProductWizardModel(item.ServiceProvider, item.ProductType, item.Name, item.Description, item.Price, item.JsonDetails));
                 logToBrowserConsole.LogToBC($"TransferDataFromDb: {item.Name}");
             }
diff --git a/TIAMSharedUI/Pages/User/SysAdmins/SysAdmin.razor b/TIAMSharedUI/Pages/User/SysAdmins/SysAdmin.razor
index d0bded0e..ea6bb1e1 100644
--- a/TIAMSharedUI/Pages/User/SysAdmins/SysAdmin.razor
+++ b/TIAMSharedUI/Pages/User/SysAdmins/SysAdmin.razor
@@ -35,7 +35,7 @@
 
     <div class="row py-3">
         <div class=" col-12 col-xl-3">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
@@ -85,7 +85,7 @@
             </div>
         </div>
         <div class=" col-12 col-xl-3">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
@@ -135,7 +135,7 @@
             </div>
         </div>
         <div class=" col-12 col-xl-3">
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
diff --git a/TIAMSharedUI/Pages/User/SysAdmins/SysAdminComponent.razor b/TIAMSharedUI/Pages/User/SysAdmins/SysAdminComponent.razor
index a5932a1c..98bf905c 100644
--- a/TIAMSharedUI/Pages/User/SysAdmins/SysAdminComponent.razor
+++ b/TIAMSharedUI/Pages/User/SysAdmins/SysAdminComponent.razor
@@ -10,7 +10,7 @@
     <div class=" col-12 col-xl-3 col-lg-6">
         <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
             
-            <div class="card mycard card-admin" style="border-radius: 16px;">
+            <div class="card glass card-admin" style="border-radius: 16px;">
                 <div class="card-header py-2 px-4">
                     <div class="d-flex justify-content-between align-items-center">
                         <div>
@@ -50,7 +50,7 @@
     </div>
     <div class=" col-12 col-xl-3 col-lg-6">
         <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-        <div class="card mycard card-admin" style="border-radius: 16px;">
+        <div class="card glass card-admin" style="border-radius: 16px;">
             <div class="card-header py-2 px-4">
                 <div class="d-flex justify-content-between align-items-center">
                     <div>
@@ -88,7 +88,7 @@
     </div>
     <div class=" col-12 col-xl-3 col-lg-6">
         <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-        <div class="card mycard card-admin" style="border-radius: 16px;">
+        <div class="card glass card-admin" style="border-radius: 16px;">
             <div class="card-header py-2 px-4">
                 <div class="d-flex justify-content-between align-items-center">
                     <div>
@@ -126,7 +126,7 @@
     </div>
     <div class=" col-12 col-xl-3 col-lg-6">
         <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-        <div class="card mycard card-admin" style="border-radius: 16px;">
+        <div class="card glass card-admin" style="border-radius: 16px;">
             <div class="card-header py-2 px-4">
                 <div class="d-flex justify-content-between align-items-center">
                     <div>
@@ -166,7 +166,7 @@
     </div>
     <div class="col-12 col-xl-6">
         <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-        <div class="card mycard card-admin" style="border-radius: 16px;">
+        <div class="card glass card-admin" style="border-radius: 16px;">
             <div class="card-header py-2 px-4">
                 <div class="d-flex justify-content-between align-items-center">
                     <div>
@@ -209,7 +209,7 @@
     </div>
     <div class="col-12 col-xl-6">
         <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-        <div class="card mycard card-admin" style="border-radius: 16px;">
+        <div class="card glass card-admin" style="border-radius: 16px;">
             <div class="card-header py-2 px-4">
                 <div class="d-flex justify-content-between align-items-center">
                     <div>
diff --git a/TIAMSharedUI/Pages/User/SysAdmins/TransferDestinations.razor b/TIAMSharedUI/Pages/User/SysAdmins/TransferDestinations.razor
index 986a50fa..66e7c672 100644
--- a/TIAMSharedUI/Pages/User/SysAdmins/TransferDestinations.razor
+++ b/TIAMSharedUI/Pages/User/SysAdmins/TransferDestinations.razor
@@ -32,7 +32,7 @@
                               Click="ColumnChooserButton_Click" />
                 </div>
                 <DxGrid @ref="Grid"
-                        Data="TransferData"
+                        Data="TransferDataFromDb"
                         PageSize="8"
                         KeyFieldName="Id"
                         ValidationEnabled="false"
diff --git a/TIAMSharedUI/Pages/User/SysAdmins/TransferDestinations.razor.cs b/TIAMSharedUI/Pages/User/SysAdmins/TransferDestinations.razor.cs
index 1434bc3e..dd5b237a 100644
--- a/TIAMSharedUI/Pages/User/SysAdmins/TransferDestinations.razor.cs
+++ b/TIAMSharedUI/Pages/User/SysAdmins/TransferDestinations.razor.cs
@@ -32,7 +32,7 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
         public ITransferDataService transferDataService { get; set; }
 
 
-        object? TransferData = new TransferDestinationWizardModel[]
+        /*object? TransferData = new TransferDestinationWizardModel[]
         {
             new TransferDestinationWizardModel(Guid.NewGuid(), "Liszt Ferenc Airport", "International airport of Budapest", "1185, Budapest, Liszt Ferenc Repülőtér" ),
             new TransferDestinationWizardModel(Guid.NewGuid(), "Buda Castle", "Historical site in the heart of Budapest", "1014 Budapest, Szent György tér 2" ),
@@ -41,7 +41,7 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
             new TransferDestinationWizardModel(Guid.NewGuid(), "Heroes square", "Historical site in the heart of Budapest", "1146 Budapest, Hősök tere" ),
             new TransferDestinationWizardModel(Guid.NewGuid(), "Gellert Hill", "Historical site in the heart of Budapest", "1118 Budapest, Gellérthegy" ),
             new TransferDestinationWizardModel(Guid.NewGuid(), "Margaret Island", "Historical site in the heart of Budapest", "1138 Budapest, Margitsziget" ),
-        };
+        };*/
 
         object? TransferDataFromDb = new TransferDestinationWizardModel[] { };
 
@@ -103,13 +103,20 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
             {
                 //add new row to grid
                 myModel = (TransferDestinationWizardModel)e.EditModel;
-                //add mymodel to transferData array
-                TransferData = ((TransferDestinationWizardModel[])TransferData).Append(myModel);
 
                 //add new orderData to orderData array
-                logToBrowserConsole.LogToBC("New orderData added");
-            //await NwindDataService.InsertEmployeeAsync((EditableEmployee)e.EditModel);
 
+                //await NwindDataService.InsertEmployeeAsync((EditableEmployee)e.EditModel);
+                await transferDataService.CreateTransferDestination(new TransferDestinationWizardModel
+                {
+                    Name = myModel.Name,
+                    Description = myModel.Description,
+                    AddressString = myModel.AddressString
+                });
+                logToBrowserConsole.LogToBC("New orderData added");
+
+                //add mymodel to transferData array
+                TransferDataFromDb = ((TransferDestinationWizardModel[])TransferDataFromDb).Append(myModel);
             }
             else
             {
@@ -117,7 +124,7 @@ namespace TIAMSharedUI.Pages.User.SysAdmins
                 //modify transferData where transferData.Id == e.EditModel.Id
                 //get transfer from TransferData by Id
 
-                foreach (var transferToModify in (TransferDestinationWizardModel[])TransferData)
+                foreach (var transferToModify in (TransferDestinationWizardModel[])TransferDataFromDb)
                 {
                     myModel = (TransferDestinationWizardModel)e.EditModel;
 
diff --git a/TIAMSharedUI/Pages/User/SysAdmins/TransferManagement.razor b/TIAMSharedUI/Pages/User/SysAdmins/TransferManagement.razor
index 57aaeb48..3b5d7f83 100644
--- a/TIAMSharedUI/Pages/User/SysAdmins/TransferManagement.razor
+++ b/TIAMSharedUI/Pages/User/SysAdmins/TransferManagement.razor
@@ -21,7 +21,8 @@
 <div class="container">
     <div class="row">        
         <div class=" col-12">
-            <h3>@localizer.GetString("Transfer")</h3>
+            <div class="card glass">
+            
             <DxPopup CssClass="popup-demo-events"
                      @bind-Visible="@PopupVisible"
                      ShowFooter="true"
@@ -156,7 +157,7 @@
 
 
             
-
+            </div>
         </div>
         
         <div class=" col-12 col-xl-6">
diff --git a/TIAMSharedUI/Shared/HeroSlider.razor b/TIAMSharedUI/Shared/HeroSlider.razor
index e3d1b3bb..ae35d795 100644
--- a/TIAMSharedUI/Shared/HeroSlider.razor
+++ b/TIAMSharedUI/Shared/HeroSlider.razor
@@ -1,7 +1,7 @@
 @using BlazorAnimation
 <header class="pb-5">
     <Animation Effect="@Effect.FadeIn" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
-    <div id="owl-demo" class="owl-carousel owl-theme">
+    <div id="owl-demo" class="owl-carousel owl-theme" style="position:absolute; z-index: 1">
 
         <div class="item d-flex align-items-center"><img src="https://images.unsplash.com/photo-1551867633-194f125bddfa?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="my-auto" alt="The Last of us"></div>
         <div class="item d-flex align-items-center"><img src="https://images.unsplash.com/photo-1549877452-9c387954fbc2?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="my-auto" alt="GTA V"></div>
@@ -52,15 +52,30 @@
         $("#owl-demo").owlCarousel({
 
             navigation: true, // Show next and prev buttons
-
-            slideSpeed: 300,
-            paginationSpeed: 400,
+            autoplay: true,
+            loop:true,
+            autoplayTimeout: 5000,
+            slideSpeed: 100,
+            paginationSpeed: 200,
 
             items: 1,
             itemsDesktop: false,
             itemsDesktopSmall: false,
             itemsTablet: false,
-            itemsMobile: false
+            itemsMobile: false,
+            /*responsive: {
+                0: {
+                    items: 1,
+                },
+                600: {
+                    items: 1,
+                },
+                1000: {
+                    items: 2,
+                }
+            },*/
+            animateOut: 'fadeOut',
+            animateIn: 'flipInX',
 
         });
 
diff --git a/TIAMSharedUI/Shared/SliderItemSelector.razor b/TIAMSharedUI/Shared/SliderItemSelector.razor
index a600458d..8cc3e19c 100644
--- a/TIAMSharedUI/Shared/SliderItemSelector.razor
+++ b/TIAMSharedUI/Shared/SliderItemSelector.razor
@@ -19,9 +19,14 @@
 
     #@OwlId .item {
         height: 30vh;
+        max-height: 30vh;
         overflow-y: hidden;
         vertical-align: middle;
         align-content: center;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin: 0;
     }
 
         #@OwlId .item img {
@@ -36,16 +41,18 @@
     
     <div class="item" id="0" style="background-image: url('_content/TIAMSharedUI/images/mapbg.jpg'); background-position: center; background-size: cover;">
         <div class="item-desc text-center pt-3">
+            
+             <div class="align-content-center my-3">
             <DxTextBox @ref="textField"
                 @bind-Text="@Content"
                 BindValueMode="BindValueMode.OnDelayedInput"
                 InputDelay="@InputDelay"
-                CssClass="form-field"
+                CssClass="form-field w-100"
                 NullText="Please type an address or swipe to select from preset destinations!">
                 @* TextExpression=@TExpression  *@
                 @* TextChanged="@OnTextChanged"> *@
             </DxTextBox>        
-           
+           </div>
         </div>
     </div>
     
diff --git a/TIAMSharedUI/wwwroot/css/TourIAm.css b/TIAMSharedUI/wwwroot/css/TourIAm.css
index 66b8d26e..8eb9aac5 100644
--- a/TIAMSharedUI/wwwroot/css/TourIAm.css
+++ b/TIAMSharedUI/wwwroot/css/TourIAm.css
@@ -66,14 +66,14 @@ select {
     font-size: small;
 }
 
-.mycard {
+.glass {
 border-radius: 16px;
     /*box-shadow: 3px 3px 3px #b1b1b1, -3px -3px 3px #fff;*/
     overflow: hidden;
-    background: rgba( 255, 255, 255, 0.45 );
-    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
-    backdrop-filter: blur( 6px );
-    -webkit-backdrop-filter: blur( 6px );
+    background: rgba( 255, 255, 255, 0.55 );
+    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.57 );
+    backdrop-filter: blur( 8px );
+    -webkit-backdrop-filter: blur( 8px );
     border-radius: 10px;
     border: 1px solid rgba( 255, 255, 255, 0.18 );
     /*color: #58457b;*/
@@ -91,7 +91,31 @@ border-radius: 16px;
 
 /*My overrides end*/
 
-/*my blazor overrides*/
+/*my DX blazor overrides*/
+
+.dxbl-text-edit.dxbl-disabled {
+    --dxbl-text-edit-disabled-root-bg: transparent;
+    background-color: transparent !important;
+    border-color: transparent;
+    padding-left: 10px;
+    margin-bottom: 20px;
+    border-radius: 20px;
+    text-align: center;
+    color: #666;
+}
+
+.dxbl-row {
+    margin-left: 0px;
+    margin-right: 0px;
+}
+
+.dxbl-tabs.dxbl-tabs-top {
+    --dxbl-tabs-bg: #ffffff25;
+    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
+    backdrop-filter: blur( 6px );
+    -webkit-backdrop-filter: blur( 6px );
+}
+
 .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content {
     background: rgba( 255, 255, 255, 0.45 );
     box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
@@ -111,7 +135,7 @@ border-radius: 16px;
     --dxbl-grid-font-size: 0.75rem !important;
     --dxbl-grid-line-height: 1.3 !important;
     --dxbl-grid-min-width: 240px;
-    --dxbl-grid-bg: #ffffff;
+    --dxbl-grid-bg: #ffffff01;
     --dxbl-grid-color: #58457b;
     color: darkslategrey !important;
 }
@@ -288,7 +312,7 @@ select:focus-visible {
         /*color: #555*/;
     }
 
-    .wrapper .form-field input {
+    .form-field input, .card .form-field input {
         width: 100%;
         display: block;
         border: none;
@@ -300,7 +324,7 @@ select:focus-visible {
         /* border: 1px solid red; */
     }
 
-    .wrapper .form-field {
+    .form-field, .card .form-field {
         padding-left: 10px;
         border-bottom: 1px solid;
         margin-bottom: 20px;
@@ -370,7 +394,7 @@ select:focus-visible {
 }
 
 #owl-demo .item {
-    height: 30vh;
+    height: 50vh;
     overflow-y: hidden;
     flex-wrap: wrap;
     vertical-align: middle;
diff --git a/TIAMSharedUI/wwwroot/images/Untitled-2.psd b/TIAMSharedUI/wwwroot/images/Untitled-2.psd
index f9a890e7..68d3877e 100644
Binary files a/TIAMSharedUI/wwwroot/images/Untitled-2.psd and b/TIAMSharedUI/wwwroot/images/Untitled-2.psd differ
diff --git a/TIAMSharedUI/wwwroot/images/bg.jpg b/TIAMSharedUI/wwwroot/images/bg.jpg
index 5bb7e3b0..254b553e 100644
Binary files a/TIAMSharedUI/wwwroot/images/bg.jpg and b/TIAMSharedUI/wwwroot/images/bg.jpg differ
diff --git a/TIAMWebApp/Server/Controllers/ServiceProviderAPIController.cs b/TIAMWebApp/Server/Controllers/ServiceProviderAPIController.cs
index 320a29f0..754be48a 100644
--- a/TIAMWebApp/Server/Controllers/ServiceProviderAPIController.cs
+++ b/TIAMWebApp/Server/Controllers/ServiceProviderAPIController.cs
@@ -217,7 +217,7 @@ namespace TIAMWebApp.Server.Controllers
         [HttpPost]
         [Route(APIUrls.GetProductsByServiceProviderIdRouteName)]
         [Tags("In-Progress", "Product")]
-        public IActionResult GetProductsByServiceProviderId(Guid serviceProviderId)
+        public IActionResult GetProductsByServiceProviderId([FromBody] Guid serviceProviderId)
         {
             Console.WriteLine($"GetProductsByServiceProviderId called with serviceProviderId: {serviceProviderId}");