Added moonlight resources. Optimised moonlight legacy html rendering

.gitignore

@@ -430,4 +430,5 @@ FodyWeavers.xsd
 *.msp
 
 # JetBrains Rider
-*.sln.iml
+*.sln.iml
+.idea/.idea.Moonlight/.idea/discord.xml

.idea/.idea.Moonlight/.idea/discord.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="DiscordProjectSettings">
-    <option name="show" value="ASK" />
+    <option name="show" value="PROJECT_FILES" />
     <option name="description" value="" />
   </component>
 </project>

.idea/.idea.Moonlight/.idea/efCoreCommonOptions.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="EfCoreCommonOptions">
+    <option name="solutionLevelOptions">
+      <map>
+        <entry key="migrationsProject" value="16141d00-a997-4ba6-b0dc-af6f4712613a" />
+        <entry key="startupProject" value="16141d00-a997-4ba6-b0dc-af6f4712613a" />
+      </map>
+    </option>
+  </component>
+</project>

Moonlight/App/Database/DataContext.cs

@@ -0,0 +1,52 @@
+using Microsoft.EntityFrameworkCore;
+using Moonlight.App.Database.Entities;
+using Moonlight.App.Services;
+
+namespace Moonlight.App.Database;
+
+public class DataContext : DbContext
+{
+    private readonly ConfigService ConfigService;
+    
+    public DataContext(ConfigService configService)
+    {
+        ConfigService = configService;
+    }
+
+    public DbSet<DockerImage> DockerImages { get; set; }
+    public DbSet<Image> Images { get; set; }
+    public DbSet<ImageTag> ImageTags { get; set; }
+    public DbSet<ImageVariable> ImageVariables { get; set; }
+    public DbSet<Node> Nodes { get; set; }
+    public DbSet<NodeAllocation> NodeAllocations { get; set; }
+    public DbSet<Server> Servers { get; set; }
+    public DbSet<ServerBackup> ServerBackups { get; set; }
+    public DbSet<ServerVariable> ServerVariables { get; set; }
+    public DbSet<User> Users { get; set; }
+    public DbSet<LoadingMessage> LoadingMessages { get; set; }
+    
+    protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder)
+    {
+        if (!optionsBuilder.IsConfigured)
+        {
+            var config = ConfigService
+                .GetSection("Moonlight")
+                .GetSection("Database");
+
+            var connectionString = $"host={config.GetValue<string>("Host")};" +
+                                   $"port={config.GetValue<int>("Port")};" +
+                                   $"database={config.GetValue<string>("Database")};" +
+                                   $"uid={config.GetValue<string>("Username")};" +
+                                   $"pwd={config.GetValue<string>("Password")}";
+            
+            optionsBuilder.UseMySql(
+                connectionString,
+                ServerVersion.Parse("5.7.37-mysql"),
+                builder =>
+                {
+                    builder.EnableRetryOnFailure(5);
+                }
+            );
+        }
+    }
+}

Moonlight/App/Database/Entities/DockerImage.cs

@@ -0,0 +1,8 @@
+namespace Moonlight.App.Database.Entities;
+
+public class DockerImage
+{
+    public int Id { get; set; }
+    public bool Default { get; set; } = false;
+    public string Name { get; set; } = "";
+}

Moonlight/App/Database/Entities/Image.cs

@@ -0,0 +1,20 @@
+namespace Moonlight.App.Database.Entities;
+
+public class Image
+{
+    public int Id { get; set; }
+    public Guid Uuid { get; set; }
+    public string Name { get; set; } = "";
+    public string Description { get; set; } = "";
+    public string ConfigFiles { get; set; } = "{}";
+    public string StopCommand { get; set; } = "";
+    public string StartupDetection { get; set; } = "";
+    public string InstallScript { get; set; } = "";
+    public string InstallDockerImage { get; set; } = "";
+    public string InstallEntrypoint { get; set; } = "";
+    public string Startup { get; set; } = "";
+
+    public List<DockerImage> DockerImages { get; set; } = new();
+    public List<ImageVariable> Variables { get; set; } = new();
+    public List<ImageTag> Tags { get; set; } = new();
+}

Moonlight/App/Database/Entities/ImageTag.cs

@@ -0,0 +1,7 @@
+namespace Moonlight.App.Database.Entities;
+
+public class ImageTag
+{
+    public int Id { get; set; }
+    public string Name { get; set; } = "";
+}

Moonlight/App/Database/Entities/ImageVariable.cs

@@ -0,0 +1,8 @@
+namespace Moonlight.App.Database.Entities;
+
+public class ImageVariable
+{
+    public int Id { get; set; }
+    public string Key { get; set; } = "";
+    public string DefaultValue { get; set; } = "";
+}

Moonlight/App/Database/Entities/LoadingMessage.cs

@@ -0,0 +1,7 @@
+namespace Moonlight.App.Database.Entities;
+
+public class LoadingMessage
+{
+    public int Id { get; set; }
+    public string Message { get; set; } = "";
+}

Moonlight/App/Database/Entities/Node.cs

@@ -0,0 +1,14 @@
+namespace Moonlight.App.Database.Entities;
+
+public class Node
+{
+    public int Id { get; set; }
+    public string Name { get; set; } = "";
+    public string Fqdn { get; set; } = "";
+    public string TokenId { get; set; } = "";
+    public string Token { get; set; } = "";
+    public int SftpPort { get; set; }
+    public int HttpPort { get; set; }
+    public int MoonlightDaemonPort { get; set; }
+    public List<NodeAllocation> Allocations { get; set; } = new();
+}

Moonlight/App/Database/Entities/NodeAllocation.cs

@@ -0,0 +1,7 @@
+namespace Moonlight.App.Database.Entities;
+
+public class NodeAllocation
+{
+    public int Id { get; set; }
+    public int Port { get; set; }
+}

Moonlight/App/Database/Entities/Server.cs

@@ -0,0 +1,23 @@
+namespace Moonlight.App.Database.Entities;
+
+public class Server
+{
+    public int Id { get; set; }
+    public Guid Uuid { get; set; }
+    public string Name { get; set; } = "";
+    public int Cpu { get; set; }
+    public long Memory { get; set; }
+    public long Disk { get; set; }
+    public Image Image { get; set; } = null!;
+    public int DockerImageIndex { get; set; } = 0;
+    public string OverrideStartup { get; set; } = "";
+    public bool Installing { get; set; } = false;
+    public bool Suspended { get; set; } = false;
+
+    public List<ServerVariable> Variables { get; set; } = new();
+    public List<ServerBackup> Backups { get; set; } = new();
+    public List<NodeAllocation> Allocations { get; set; } = new();
+    public NodeAllocation MainAllocation { get; set; } = null!;
+    public Node Node { get; set; } = null!;
+    public User Owner { get; set; } = null!;
+}

Moonlight/App/Database/Entities/ServerBackup.cs

@@ -0,0 +1,11 @@
+namespace Moonlight.App.Database.Entities;
+
+public class ServerBackup
+{
+    public int Id { get; set; }
+    public string Name { get; set; } = "";
+    public Guid Uuid { get; set; }
+    public DateTime CreatedAt { get; set; }
+    public bool Created { get; set; } = false;
+    public long Bytes { get; set; }
+}

Moonlight/App/Database/Entities/ServerVariable.cs

@@ -0,0 +1,8 @@
+namespace Moonlight.App.Database.Entities;
+
+public class ServerVariable
+{
+    public int Id { get; set; }
+    public string Key { get; set; } = "";
+    public string Value { get; set; } = "";
+}

Moonlight/App/Database/Entities/User.cs

@@ -0,0 +1,26 @@
+using Moonlight.App.Models.Misc;
+
+namespace Moonlight.App.Database.Entities;
+
+public class User
+{
+    public int Id { get; set; }
+    public string FirstName { get; set; } = "";
+    public string LastName { get; set; } = "";
+    public string Email { get; set; } = "";
+    public string Password { get; set; } = "";
+    public string Address { get; set; } = "";
+    public string City { get; set; } = "";
+    public string State { get; set; } = "";
+    public string Country { get; set; } = "";
+    public UserStatus Status { get; set; } = UserStatus.Unverified;
+    public bool TotpEnabled { get; set; }
+    public string TotpSecret { get; set; } = "";
+    public DateTime TokenValidTime { get; set; } = DateTime.Now;
+    public long DiscordId { get; set; }
+    public string DiscordUsername { get; set; } = "";
+    public string DiscordDiscriminator { get; set; } = "";
+    public DateTime CreatedAt { get; set; }
+    public DateTime UpdatedAt { get; set; }
+    public bool Admin { get; set; }
+}

Moonlight/App/Database/Migrations/20230215200722_InitialCreate.Designer.cs

@@ -0,0 +1,515 @@
+// <auto-generated />
+using System;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+using Moonlight.App.Database;
+
+#nullable disable
+
+namespace Moonlight.App.Database.Migrations
+{
+    [DbContext(typeof(DataContext))]
+    [Migration("20230215200722_InitialCreate")]
+    partial class InitialCreate
+    {
+        /// <inheritdoc />
+        protected override void BuildTargetModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder
+                .HasAnnotation("ProductVersion", "7.0.3")
+                .HasAnnotation("Relational:MaxIdentifierLength", 64);
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.DockerImage", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<bool>("Default")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<int?>("ImageId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ImageId");
+
+                    b.ToTable("DockerImages");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Image", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("ConfigFiles")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Description")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("InstallDockerImage")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("InstallEntrypoint")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("InstallScript")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Startup")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("StartupDetection")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("StopCommand")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<Guid>("Uuid")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Images");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ImageTag", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<int?>("ImageId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ImageId");
+
+                    b.ToTable("ImageTags");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ImageVariable", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("DefaultValue")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("ImageId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Key")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ImageId");
+
+                    b.ToTable("ImageVariables");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.LoadingMessage", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Message")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("LoadingMessages");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Node", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Fqdn")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("HttpPort")
+                        .HasColumnType("int");
+
+                    b.Property<int>("MoonlightDaemonPort")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("SftpPort")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Token")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("TokenId")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Nodes");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.NodeAllocation", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<int?>("NodeId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("Port")
+                        .HasColumnType("int");
+
+                    b.Property<int?>("ServerId")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("NodeId");
+
+                    b.HasIndex("ServerId");
+
+                    b.ToTable("NodeAllocations");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Server", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<int>("Cpu")
+                        .HasColumnType("int");
+
+                    b.Property<long>("Disk")
+                        .HasColumnType("bigint");
+
+                    b.Property<int>("DockerImageIndex")
+                        .HasColumnType("int");
+
+                    b.Property<int>("ImageId")
+                        .HasColumnType("int");
+
+                    b.Property<bool>("Installing")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<int>("MainAllocationId")
+                        .HasColumnType("int");
+
+                    b.Property<long>("Memory")
+                        .HasColumnType("bigint");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("NodeId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("OverrideStartup")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("OwnerId")
+                        .HasColumnType("int");
+
+                    b.Property<bool>("Suspended")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<Guid>("Uuid")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ImageId");
+
+                    b.HasIndex("MainAllocationId");
+
+                    b.HasIndex("NodeId");
+
+                    b.HasIndex("OwnerId");
+
+                    b.ToTable("Servers");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ServerBackup", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<long>("Bytes")
+                        .HasColumnType("bigint");
+
+                    b.Property<bool>("Created")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("ServerId")
+                        .HasColumnType("int");
+
+                    b.Property<Guid>("Uuid")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ServerId");
+
+                    b.ToTable("ServerBackups");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ServerVariable", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Key")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("ServerId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Value")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ServerId");
+
+                    b.ToTable("ServerVariables");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.User", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Address")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<bool>("Admin")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<string>("City")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Country")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("DiscordDiscriminator")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<long>("DiscordId")
+                        .HasColumnType("bigint");
+
+                    b.Property<string>("DiscordUsername")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Email")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("FirstName")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("LastName")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Password")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("State")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("Status")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("TokenValidTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<bool>("TotpEnabled")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<string>("TotpSecret")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("UpdatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Users");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.DockerImage", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Image", null)
+                        .WithMany("DockerImages")
+                        .HasForeignKey("ImageId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ImageTag", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Image", null)
+                        .WithMany("Tags")
+                        .HasForeignKey("ImageId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ImageVariable", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Image", null)
+                        .WithMany("Variables")
+                        .HasForeignKey("ImageId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.NodeAllocation", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Node", null)
+                        .WithMany("Allocations")
+                        .HasForeignKey("NodeId");
+
+                    b.HasOne("Moonlight.App.Database.Entities.Server", null)
+                        .WithMany("Allocations")
+                        .HasForeignKey("ServerId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Server", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Image", "Image")
+                        .WithMany()
+                        .HasForeignKey("ImageId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.NodeAllocation", "MainAllocation")
+                        .WithMany()
+                        .HasForeignKey("MainAllocationId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.Node", "Node")
+                        .WithMany()
+                        .HasForeignKey("NodeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.User", "Owner")
+                        .WithMany()
+                        .HasForeignKey("OwnerId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Image");
+
+                    b.Navigation("MainAllocation");
+
+                    b.Navigation("Node");
+
+                    b.Navigation("Owner");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ServerBackup", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Server", null)
+                        .WithMany("Backups")
+                        .HasForeignKey("ServerId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ServerVariable", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Server", null)
+                        .WithMany("Variables")
+                        .HasForeignKey("ServerId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Image", b =>
+                {
+                    b.Navigation("DockerImages");
+
+                    b.Navigation("Tags");
+
+                    b.Navigation("Variables");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Node", b =>
+                {
+                    b.Navigation("Allocations");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Server", b =>
+                {
+                    b.Navigation("Allocations");
+
+                    b.Navigation("Backups");
+
+                    b.Navigation("Variables");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}

Moonlight/App/Database/Migrations/20230215200722_InitialCreate.cs

@@ -0,0 +1,434 @@
+using System;
+using Microsoft.EntityFrameworkCore.Metadata;
+using Microsoft.EntityFrameworkCore.Migrations;
+
+#nullable disable
+
+namespace Moonlight.App.Database.Migrations
+{
+    /// <inheritdoc />
+    public partial class InitialCreate : Migration
+    {
+        /// <inheritdoc />
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.AlterDatabase()
+                .Annotation("MySql:CharSet", "utf8mb4");
+
+            migrationBuilder.CreateTable(
+                name: "Images",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("MySql:ValueGenerationStrategy", MySqlValueGenerationStrategy.IdentityColumn),
+                    Uuid = table.Column<Guid>(type: "char(36)", nullable: false, collation: "ascii_general_ci"),
+                    Name = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Description = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    ConfigFiles = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    StopCommand = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    StartupDetection = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    InstallScript = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    InstallDockerImage = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    InstallEntrypoint = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Startup = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4")
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Images", x => x.Id);
+                })
+                .Annotation("MySql:CharSet", "utf8mb4");
+
+            migrationBuilder.CreateTable(
+                name: "LoadingMessages",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("MySql:ValueGenerationStrategy", MySqlValueGenerationStrategy.IdentityColumn),
+                    Message = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4")
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_LoadingMessages", x => x.Id);
+                })
+                .Annotation("MySql:CharSet", "utf8mb4");
+
+            migrationBuilder.CreateTable(
+                name: "Nodes",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("MySql:ValueGenerationStrategy", MySqlValueGenerationStrategy.IdentityColumn),
+                    Name = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Fqdn = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    TokenId = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Token = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    SftpPort = table.Column<int>(type: "int", nullable: false),
+                    HttpPort = table.Column<int>(type: "int", nullable: false),
+                    MoonlightDaemonPort = table.Column<int>(type: "int", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Nodes", x => x.Id);
+                })
+                .Annotation("MySql:CharSet", "utf8mb4");
+
+            migrationBuilder.CreateTable(
+                name: "Users",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("MySql:ValueGenerationStrategy", MySqlValueGenerationStrategy.IdentityColumn),
+                    FirstName = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    LastName = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Email = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Password = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Address = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    City = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    State = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Country = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Status = table.Column<int>(type: "int", nullable: false),
+                    TotpEnabled = table.Column<bool>(type: "tinyint(1)", nullable: false),
+                    TotpSecret = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    TokenValidTime = table.Column<DateTime>(type: "datetime(6)", nullable: false),
+                    DiscordId = table.Column<long>(type: "bigint", nullable: false),
+                    DiscordUsername = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    DiscordDiscriminator = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    CreatedAt = table.Column<DateTime>(type: "datetime(6)", nullable: false),
+                    UpdatedAt = table.Column<DateTime>(type: "datetime(6)", nullable: false),
+                    Admin = table.Column<bool>(type: "tinyint(1)", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Users", x => x.Id);
+                })
+                .Annotation("MySql:CharSet", "utf8mb4");
+
+            migrationBuilder.CreateTable(
+                name: "DockerImages",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("MySql:ValueGenerationStrategy", MySqlValueGenerationStrategy.IdentityColumn),
+                    Default = table.Column<bool>(type: "tinyint(1)", nullable: false),
+                    Name = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    ImageId = table.Column<int>(type: "int", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_DockerImages", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_DockerImages_Images_ImageId",
+                        column: x => x.ImageId,
+                        principalTable: "Images",
+                        principalColumn: "Id");
+                })
+                .Annotation("MySql:CharSet", "utf8mb4");
+
+            migrationBuilder.CreateTable(
+                name: "ImageTags",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("MySql:ValueGenerationStrategy", MySqlValueGenerationStrategy.IdentityColumn),
+                    Name = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    ImageId = table.Column<int>(type: "int", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_ImageTags", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_ImageTags_Images_ImageId",
+                        column: x => x.ImageId,
+                        principalTable: "Images",
+                        principalColumn: "Id");
+                })
+                .Annotation("MySql:CharSet", "utf8mb4");
+
+            migrationBuilder.CreateTable(
+                name: "ImageVariables",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("MySql:ValueGenerationStrategy", MySqlValueGenerationStrategy.IdentityColumn),
+                    Key = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    DefaultValue = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    ImageId = table.Column<int>(type: "int", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_ImageVariables", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_ImageVariables_Images_ImageId",
+                        column: x => x.ImageId,
+                        principalTable: "Images",
+                        principalColumn: "Id");
+                })
+                .Annotation("MySql:CharSet", "utf8mb4");
+
+            migrationBuilder.CreateTable(
+                name: "NodeAllocations",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("MySql:ValueGenerationStrategy", MySqlValueGenerationStrategy.IdentityColumn),
+                    Port = table.Column<int>(type: "int", nullable: false),
+                    NodeId = table.Column<int>(type: "int", nullable: true),
+                    ServerId = table.Column<int>(type: "int", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_NodeAllocations", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_NodeAllocations_Nodes_NodeId",
+                        column: x => x.NodeId,
+                        principalTable: "Nodes",
+                        principalColumn: "Id");
+                })
+                .Annotation("MySql:CharSet", "utf8mb4");
+
+            migrationBuilder.CreateTable(
+                name: "Servers",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("MySql:ValueGenerationStrategy", MySqlValueGenerationStrategy.IdentityColumn),
+                    Uuid = table.Column<Guid>(type: "char(36)", nullable: false, collation: "ascii_general_ci"),
+                    Name = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Cpu = table.Column<int>(type: "int", nullable: false),
+                    Memory = table.Column<long>(type: "bigint", nullable: false),
+                    Disk = table.Column<long>(type: "bigint", nullable: false),
+                    ImageId = table.Column<int>(type: "int", nullable: false),
+                    DockerImageIndex = table.Column<int>(type: "int", nullable: false),
+                    OverrideStartup = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Installing = table.Column<bool>(type: "tinyint(1)", nullable: false),
+                    Suspended = table.Column<bool>(type: "tinyint(1)", nullable: false),
+                    MainAllocationId = table.Column<int>(type: "int", nullable: false),
+                    NodeId = table.Column<int>(type: "int", nullable: false),
+                    OwnerId = table.Column<int>(type: "int", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Servers", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_Servers_Images_ImageId",
+                        column: x => x.ImageId,
+                        principalTable: "Images",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                    table.ForeignKey(
+                        name: "FK_Servers_NodeAllocations_MainAllocationId",
+                        column: x => x.MainAllocationId,
+                        principalTable: "NodeAllocations",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                    table.ForeignKey(
+                        name: "FK_Servers_Nodes_NodeId",
+                        column: x => x.NodeId,
+                        principalTable: "Nodes",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                    table.ForeignKey(
+                        name: "FK_Servers_Users_OwnerId",
+                        column: x => x.OwnerId,
+                        principalTable: "Users",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                })
+                .Annotation("MySql:CharSet", "utf8mb4");
+
+            migrationBuilder.CreateTable(
+                name: "ServerBackups",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("MySql:ValueGenerationStrategy", MySqlValueGenerationStrategy.IdentityColumn),
+                    Name = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Uuid = table.Column<Guid>(type: "char(36)", nullable: false, collation: "ascii_general_ci"),
+                    CreatedAt = table.Column<DateTime>(type: "datetime(6)", nullable: false),
+                    Created = table.Column<bool>(type: "tinyint(1)", nullable: false),
+                    Bytes = table.Column<long>(type: "bigint", nullable: false),
+                    ServerId = table.Column<int>(type: "int", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_ServerBackups", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_ServerBackups_Servers_ServerId",
+                        column: x => x.ServerId,
+                        principalTable: "Servers",
+                        principalColumn: "Id");
+                })
+                .Annotation("MySql:CharSet", "utf8mb4");
+
+            migrationBuilder.CreateTable(
+                name: "ServerVariables",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "int", nullable: false)
+                        .Annotation("MySql:ValueGenerationStrategy", MySqlValueGenerationStrategy.IdentityColumn),
+                    Key = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    Value = table.Column<string>(type: "longtext", nullable: false)
+                        .Annotation("MySql:CharSet", "utf8mb4"),
+                    ServerId = table.Column<int>(type: "int", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_ServerVariables", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_ServerVariables_Servers_ServerId",
+                        column: x => x.ServerId,
+                        principalTable: "Servers",
+                        principalColumn: "Id");
+                })
+                .Annotation("MySql:CharSet", "utf8mb4");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_DockerImages_ImageId",
+                table: "DockerImages",
+                column: "ImageId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_ImageTags_ImageId",
+                table: "ImageTags",
+                column: "ImageId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_ImageVariables_ImageId",
+                table: "ImageVariables",
+                column: "ImageId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_NodeAllocations_NodeId",
+                table: "NodeAllocations",
+                column: "NodeId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_NodeAllocations_ServerId",
+                table: "NodeAllocations",
+                column: "ServerId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_ServerBackups_ServerId",
+                table: "ServerBackups",
+                column: "ServerId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_Servers_ImageId",
+                table: "Servers",
+                column: "ImageId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_Servers_MainAllocationId",
+                table: "Servers",
+                column: "MainAllocationId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_Servers_NodeId",
+                table: "Servers",
+                column: "NodeId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_Servers_OwnerId",
+                table: "Servers",
+                column: "OwnerId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_ServerVariables_ServerId",
+                table: "ServerVariables",
+                column: "ServerId");
+
+            migrationBuilder.AddForeignKey(
+                name: "FK_NodeAllocations_Servers_ServerId",
+                table: "NodeAllocations",
+                column: "ServerId",
+                principalTable: "Servers",
+                principalColumn: "Id");
+        }
+
+        /// <inheritdoc />
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropForeignKey(
+                name: "FK_Servers_Images_ImageId",
+                table: "Servers");
+
+            migrationBuilder.DropForeignKey(
+                name: "FK_NodeAllocations_Nodes_NodeId",
+                table: "NodeAllocations");
+
+            migrationBuilder.DropForeignKey(
+                name: "FK_Servers_Nodes_NodeId",
+                table: "Servers");
+
+            migrationBuilder.DropForeignKey(
+                name: "FK_NodeAllocations_Servers_ServerId",
+                table: "NodeAllocations");
+
+            migrationBuilder.DropTable(
+                name: "DockerImages");
+
+            migrationBuilder.DropTable(
+                name: "ImageTags");
+
+            migrationBuilder.DropTable(
+                name: "ImageVariables");
+
+            migrationBuilder.DropTable(
+                name: "LoadingMessages");
+
+            migrationBuilder.DropTable(
+                name: "ServerBackups");
+
+            migrationBuilder.DropTable(
+                name: "ServerVariables");
+
+            migrationBuilder.DropTable(
+                name: "Images");
+
+            migrationBuilder.DropTable(
+                name: "Nodes");
+
+            migrationBuilder.DropTable(
+                name: "Servers");
+
+            migrationBuilder.DropTable(
+                name: "NodeAllocations");
+
+            migrationBuilder.DropTable(
+                name: "Users");
+        }
+    }
+}

Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs

@@ -0,0 +1,512 @@
+// <auto-generated />
+using System;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+using Moonlight.App.Database;
+
+#nullable disable
+
+namespace Moonlight.App.Database.Migrations
+{
+    [DbContext(typeof(DataContext))]
+    partial class DataContextModelSnapshot : ModelSnapshot
+    {
+        protected override void BuildModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder
+                .HasAnnotation("ProductVersion", "7.0.3")
+                .HasAnnotation("Relational:MaxIdentifierLength", 64);
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.DockerImage", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<bool>("Default")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<int?>("ImageId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ImageId");
+
+                    b.ToTable("DockerImages");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Image", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("ConfigFiles")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Description")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("InstallDockerImage")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("InstallEntrypoint")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("InstallScript")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Startup")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("StartupDetection")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("StopCommand")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<Guid>("Uuid")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Images");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ImageTag", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<int?>("ImageId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ImageId");
+
+                    b.ToTable("ImageTags");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ImageVariable", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("DefaultValue")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("ImageId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Key")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ImageId");
+
+                    b.ToTable("ImageVariables");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.LoadingMessage", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Message")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("LoadingMessages");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Node", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Fqdn")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("HttpPort")
+                        .HasColumnType("int");
+
+                    b.Property<int>("MoonlightDaemonPort")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("SftpPort")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Token")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("TokenId")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Nodes");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.NodeAllocation", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<int?>("NodeId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("Port")
+                        .HasColumnType("int");
+
+                    b.Property<int?>("ServerId")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("NodeId");
+
+                    b.HasIndex("ServerId");
+
+                    b.ToTable("NodeAllocations");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Server", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<int>("Cpu")
+                        .HasColumnType("int");
+
+                    b.Property<long>("Disk")
+                        .HasColumnType("bigint");
+
+                    b.Property<int>("DockerImageIndex")
+                        .HasColumnType("int");
+
+                    b.Property<int>("ImageId")
+                        .HasColumnType("int");
+
+                    b.Property<bool>("Installing")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<int>("MainAllocationId")
+                        .HasColumnType("int");
+
+                    b.Property<long>("Memory")
+                        .HasColumnType("bigint");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("NodeId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("OverrideStartup")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("OwnerId")
+                        .HasColumnType("int");
+
+                    b.Property<bool>("Suspended")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<Guid>("Uuid")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ImageId");
+
+                    b.HasIndex("MainAllocationId");
+
+                    b.HasIndex("NodeId");
+
+                    b.HasIndex("OwnerId");
+
+                    b.ToTable("Servers");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ServerBackup", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<long>("Bytes")
+                        .HasColumnType("bigint");
+
+                    b.Property<bool>("Created")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("ServerId")
+                        .HasColumnType("int");
+
+                    b.Property<Guid>("Uuid")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ServerId");
+
+                    b.ToTable("ServerBackups");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ServerVariable", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Key")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("ServerId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Value")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ServerId");
+
+                    b.ToTable("ServerVariables");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.User", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Address")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<bool>("Admin")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<string>("City")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Country")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("DiscordDiscriminator")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<long>("DiscordId")
+                        .HasColumnType("bigint");
+
+                    b.Property<string>("DiscordUsername")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Email")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("FirstName")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("LastName")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Password")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("State")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("Status")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("TokenValidTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<bool>("TotpEnabled")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<string>("TotpSecret")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("UpdatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Users");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.DockerImage", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Image", null)
+                        .WithMany("DockerImages")
+                        .HasForeignKey("ImageId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ImageTag", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Image", null)
+                        .WithMany("Tags")
+                        .HasForeignKey("ImageId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ImageVariable", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Image", null)
+                        .WithMany("Variables")
+                        .HasForeignKey("ImageId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.NodeAllocation", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Node", null)
+                        .WithMany("Allocations")
+                        .HasForeignKey("NodeId");
+
+                    b.HasOne("Moonlight.App.Database.Entities.Server", null)
+                        .WithMany("Allocations")
+                        .HasForeignKey("ServerId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Server", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Image", "Image")
+                        .WithMany()
+                        .HasForeignKey("ImageId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.NodeAllocation", "MainAllocation")
+                        .WithMany()
+                        .HasForeignKey("MainAllocationId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.Node", "Node")
+                        .WithMany()
+                        .HasForeignKey("NodeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.User", "Owner")
+                        .WithMany()
+                        .HasForeignKey("OwnerId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Image");
+
+                    b.Navigation("MainAllocation");
+
+                    b.Navigation("Node");
+
+                    b.Navigation("Owner");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ServerBackup", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Server", null)
+                        .WithMany("Backups")
+                        .HasForeignKey("ServerId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ServerVariable", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Server", null)
+                        .WithMany("Variables")
+                        .HasForeignKey("ServerId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Image", b =>
+                {
+                    b.Navigation("DockerImages");
+
+                    b.Navigation("Tags");
+
+                    b.Navigation("Variables");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Node", b =>
+                {
+                    b.Navigation("Allocations");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Server", b =>
+                {
+                    b.Navigation("Allocations");
+
+                    b.Navigation("Backups");
+
+                    b.Navigation("Variables");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}

Moonlight/App/Helpers/TranslationHelper.cs

@@ -0,0 +1,58 @@
+using Logging.Net;
+using Newtonsoft.Json;
+
+namespace Moonlight.App.Helpers
+{
+    public class TranslationHelper
+    {
+        private readonly Dictionary<string, IConfiguration> Languages;
+
+        public TranslationHelper()
+        {
+            Languages = new();
+
+            foreach (var file in Directory.GetFiles("resources/lang"))
+            {
+                var langKey = Path.GetFileName(file)
+                    .Replace(Path.GetExtension(file), "");
+                
+                Languages.Add(langKey, new ConfigurationBuilder()
+                    .AddJsonFile(file)
+                    .Build());
+            }
+        }
+
+        public string? Get(string langKey, string key)
+        {
+            if (Languages.ContainsKey(langKey))
+            {
+                var parts = key.Split(".");
+
+                IConfigurationSection? section = null;
+                foreach (var part in parts)
+                {
+                    if (part == parts.Last())
+                    {
+                        if (section == null)
+                            return Languages[langKey].GetValue<string>(part);
+                        else
+                            return section.GetValue<string>(part);
+                    }
+                    else
+                    {
+                        if (section == null)
+                            section = Languages[langKey].GetSection(part);
+                        else
+                            section = section.GetSection(part);
+                    }
+                }
+
+                return key;
+            }
+            else
+            {
+                return "Invalid lang key";
+            }
+        }
+    }
+}

Moonlight/App/Models/IpLocate/Resources/IpLocate.cs

@@ -0,0 +1,48 @@
+using Newtonsoft.Json;
+
+namespace Moonlight.App.Models.IpLocate.Resources;
+
+public class IpLocate
+{
+    [JsonProperty("query")]
+    public string Query { get; set; }
+
+    [JsonProperty("status")]
+    public string Status { get; set; }
+
+    [JsonProperty("country")]
+    public string Country { get; set; }
+
+    [JsonProperty("countryCode")]
+    public string CountryCode { get; set; }
+
+    [JsonProperty("region")]
+    public string Region { get; set; }
+
+    [JsonProperty("regionName")]
+    public string RegionName { get; set; }
+
+    [JsonProperty("city")]
+    public string City { get; set; }
+
+    [JsonProperty("zip")]
+    public string Zip { get; set; }
+
+    [JsonProperty("lat")]
+    public double Lat { get; set; }
+
+    [JsonProperty("lon")]
+    public double Lon { get; set; }
+
+    [JsonProperty("timezone")]
+    public string Timezone { get; set; }
+
+    [JsonProperty("isp")]
+    public string Isp { get; set; }
+
+    [JsonProperty("org")]
+    public string Org { get; set; }
+
+    [JsonProperty("as")]
+    public string As { get; set; }
+}

Moonlight/App/Models/Misc/Session.cs

@@ -0,0 +1,15 @@
+using Microsoft.AspNetCore.Components;
+using Moonlight.App.Services.Interop;
+
+namespace Moonlight.App.Models.Misc;
+
+public class Session
+{
+    public string Ip { get; set; }
+    public string Url { get; set; }
+    public string Device { get; set; }
+    public int UserId { get; set; }
+    public DateTime CreatedAt { get; set; }
+    public NavigationManager Navigation { get; set; }
+    public AlertService AlertService { get; set; }
+}

Moonlight/App/Models/Misc/UserStatus.cs

@@ -0,0 +1,12 @@
+namespace Moonlight.App.Models.Misc;
+
+public enum UserStatus
+{
+    Unverified,
+    Verified,
+    VerifyPending,
+    VerifyFailed,
+    Warned,
+    Banned,
+    Disabled
+}

Moonlight/App/Repositories/NodeRepository.cs

@@ -0,0 +1,44 @@
+using Microsoft.EntityFrameworkCore;
+using Moonlight.App.Database;
+using Moonlight.App.Database.Entities;
+
+namespace Moonlight.App.Repositories;
+
+public class NodeRepository : IDisposable
+{
+    private readonly DataContext DataContext;
+
+    public NodeRepository(DataContext dataContext)
+    {
+        DataContext = dataContext;
+    }
+
+    public DbSet<Node> Get()
+    {
+        return DataContext.Nodes;
+    }
+
+    public Node Add(Node node)
+    {
+        var x = DataContext.Nodes.Add(node);
+        DataContext.SaveChanges();
+        return x.Entity;
+    }
+
+    public void Update(Node node)
+    {
+        DataContext.Nodes.Update(node);
+        DataContext.SaveChanges();
+    }
+
+    public void Delete(Node node)
+    {
+        DataContext.Nodes.Remove(node);
+        DataContext.SaveChanges();
+    }
+
+    public void Dispose()
+    {
+        DataContext.Dispose();
+    }
+}

Moonlight/App/Repositories/Servers/ServerBackupRepository.cs

@@ -0,0 +1,44 @@
+using Microsoft.EntityFrameworkCore;
+using Moonlight.App.Database;
+using Moonlight.App.Database.Entities;
+
+namespace Moonlight.App.Repositories.Servers;
+
+public class ServerBackupRepository : IDisposable
+{
+    private readonly DataContext DataContext;
+
+    public ServerBackupRepository(DataContext dataContext)
+    {
+        DataContext = dataContext;
+    }
+
+    public DbSet<ServerBackup> Get()
+    {
+        return DataContext.ServerBackups;
+    }
+
+    public ServerBackup Add(ServerBackup serverBackup)
+    {
+        var x = DataContext.ServerBackups.Add(serverBackup);
+        DataContext.SaveChanges();
+        return x.Entity;
+    }
+
+    public void Update(ServerBackup serverBackup)
+    {
+        DataContext.ServerBackups.Update(serverBackup);
+        DataContext.SaveChanges();
+    }
+
+    public void Delete(ServerBackup serverBackup)
+    {
+        DataContext.ServerBackups.Remove(serverBackup);
+        DataContext.SaveChanges();
+    }
+
+    public void Dispose()
+    {
+        DataContext.Dispose();
+    }
+}

Moonlight/App/Repositories/Servers/ServerRepository.cs

@@ -0,0 +1,44 @@
+using Microsoft.EntityFrameworkCore;
+using Moonlight.App.Database;
+using Moonlight.App.Database.Entities;
+
+namespace Moonlight.App.Repositories.Servers;
+
+public class ServerRepository : IDisposable
+{
+    private readonly DataContext DataContext;
+
+    public ServerRepository(DataContext dataContext)
+    {
+        DataContext = dataContext;
+    }
+
+    public DbSet<Server> Get()
+    {
+        return DataContext.Servers;
+    }
+
+    public Server Add(Server server)
+    {
+        var x = DataContext.Servers.Add(server);
+        DataContext.SaveChanges();
+        return x.Entity;
+    }
+
+    public void Update(Server server)
+    {
+        DataContext.Servers.Update(server);
+        DataContext.SaveChanges();
+    }
+
+    public void Delete(Server server)
+    {
+        DataContext.Servers.Remove(server);
+        DataContext.SaveChanges();
+    }
+
+    public void Dispose()
+    {
+        DataContext.Dispose();
+    }
+}

Moonlight/App/Repositories/SessionRepository.cs

@@ -0,0 +1,37 @@
+using Moonlight.App.Models.Misc;
+
+namespace Moonlight.App.Repositories;
+
+public class SessionRepository
+{
+    private readonly List<Session> Sessions;
+
+    public SessionRepository()
+    {
+        Sessions = new();
+    }
+
+    public Session[] Get()
+    {
+        lock (Sessions)
+        {
+            return Sessions.ToArray();
+        }
+    }
+
+    public void Add(Session session)
+    {
+        lock (Sessions)
+        {
+            Sessions.Add(session);
+        }
+    }
+
+    public void Delete(Session session)
+    {
+        lock (Sessions)
+        {
+            Sessions.Remove(session);
+        }
+    }
+}

Moonlight/App/Repositories/UserRepository.cs

@@ -0,0 +1,44 @@
+using Microsoft.EntityFrameworkCore;
+using Moonlight.App.Database;
+using Moonlight.App.Database.Entities;
+
+namespace Moonlight.App.Repositories;
+
+public class UserRepository : IDisposable
+{
+    private readonly DataContext DataContext;
+
+    public UserRepository(DataContext dataContext)
+    {
+        DataContext = dataContext;
+    }
+
+    public DbSet<User> Get()
+    {
+        return DataContext.Users;
+    }
+
+    public User Add(User user)
+    {
+        var x = DataContext.Users.Add(user);
+        DataContext.SaveChanges();
+        return x.Entity;
+    }
+
+    public void Update(User user)
+    {
+        DataContext.Users.Update(user);
+        DataContext.SaveChanges();
+    }
+
+    public void Delete(User user)
+    {
+        DataContext.Users.Remove(user);
+        DataContext.SaveChanges();
+    }
+    
+    public void Dispose()
+    {
+        DataContext.Dispose();
+    }
+}

Moonlight/App/Services/ConfigService.cs

@@ -0,0 +1,46 @@
+using System.Text;
+using Logging.Net;
+using Microsoft.Extensions.Primitives;
+
+namespace Moonlight.App.Services;
+
+public class ConfigService : IConfiguration
+{
+    private IConfiguration Configuration;
+
+    public bool DebugMode { get; private set; } = false;
+    
+    public ConfigService()
+    {
+        Configuration = new ConfigurationBuilder().AddJsonStream(
+            new MemoryStream(Encoding.ASCII.GetBytes(File.ReadAllText("..\\..\\appsettings.json")))
+        ).Build();
+
+        // Env vars
+        var debugVar = Environment.GetEnvironmentVariable("ML_DEBUG");
+
+        if (debugVar != null)
+            DebugMode = bool.Parse(debugVar);
+    }
+    
+    public IEnumerable<IConfigurationSection> GetChildren()
+    {
+        return Configuration.GetChildren();
+    }
+
+    public IChangeToken GetReloadToken()
+    {
+        return Configuration.GetReloadToken();
+    }
+
+    public IConfigurationSection GetSection(string key)
+    {
+        return Configuration.GetSection(key);
+    }
+
+    public string this[string key]
+    {
+        get => Configuration[key];
+        set => Configuration[key] = value;
+    }
+}

Moonlight/App/Services/Interop/AlertService.cs

@@ -0,0 +1,82 @@
+using CurrieTechnologies.Razor.SweetAlert2;
+
+namespace Moonlight.App.Services.Interop;
+
+public class AlertService
+{
+    private readonly SweetAlertService SweetAlertService;
+
+    public AlertService(SweetAlertService service)
+    {
+        SweetAlertService = service;
+    }
+
+    public async Task Info(string title, string desciption)
+    {
+        await SweetAlertService.FireAsync(new SweetAlertOptions()
+        {
+            Title = title,
+            Text = desciption,
+            Icon = SweetAlertIcon.Info
+        });
+    }
+    
+    public async Task Success(string title, string desciption)
+    {
+        await SweetAlertService.FireAsync(new SweetAlertOptions()
+        {
+            Title = title,
+            Text = desciption,
+            Icon = SweetAlertIcon.Success
+        });
+    }
+    
+    public async Task Warning(string title, string desciption)
+    {
+        await SweetAlertService.FireAsync(new SweetAlertOptions()
+        {
+            Title = title,
+            Text = desciption,
+            Icon = SweetAlertIcon.Warning
+        });
+    }
+    
+    public async Task Error(string title, string desciption)
+    {
+        await SweetAlertService.FireAsync(new SweetAlertOptions()
+        {
+            Title = title,
+            Text = desciption,
+            Icon = SweetAlertIcon.Error
+        });
+    }
+    
+    public async Task<bool> YesNo(string title, string desciption, string yesText, string noText)
+    {
+        var result = await SweetAlertService.FireAsync(new SweetAlertOptions()
+        {
+            Title = title,
+            Text = desciption,
+            ShowCancelButton = false,
+            ShowDenyButton = true,
+            ShowConfirmButton = true,
+            ConfirmButtonText = yesText,
+            DenyButtonText = noText
+        });
+
+        return result.IsConfirmed;
+    }
+    
+    public async Task<string> Text(string title, string desciption, string setValue)
+    {
+        var result = await SweetAlertService.FireAsync(new SweetAlertOptions()
+        {
+            Title = title,
+            Text = desciption,
+            Input = SweetAlertInputType.Text,
+            InputValue = setValue
+        });
+
+        return result.Value;
+    }
+}

Moonlight/App/Services/Interop/ClipboardService.cs

@@ -0,0 +1,18 @@
+using Microsoft.JSInterop;
+
+namespace Moonlight.App.Services.Interop;
+
+public class ClipboardService
+{
+    private readonly IJSRuntime JsRuntime;
+
+    public ClipboardService(IJSRuntime jsRuntime)
+    {
+        JsRuntime = jsRuntime;
+    }
+
+    public async Task CopyToClipboard(string data)
+    {
+        await JsRuntime.InvokeVoidAsync("copyTextToClipboard", data);
+    }
+}

Moonlight/App/Services/Interop/ToastService.cs

@@ -0,0 +1,33 @@
+using Microsoft.JSInterop;
+
+namespace Moonlight.App.Services.Interop;
+
+public class ToastService
+{
+    private readonly IJSRuntime JsRuntime;
+
+    public ToastService(IJSRuntime jsRuntime)
+    {
+        JsRuntime = jsRuntime;
+    }
+    
+    public async Task Info(string message)
+    {
+        await JsRuntime.InvokeVoidAsync("showInfoToast", message);
+    }
+    
+    public async Task Error(string message)
+    {
+        await JsRuntime.InvokeVoidAsync("showErrorToast", message);
+    }
+    
+    public async Task Warning(string message)
+    {
+        await JsRuntime.InvokeVoidAsync("showWarningToast", message);
+    }
+    
+    public async Task Success(string message)
+    {
+        await JsRuntime.InvokeVoidAsync("showSuccessToast", message);
+    }
+}

Moonlight/App/Services/Sessions/CookieService.cs

@@ -0,0 +1,51 @@
+using Microsoft.JSInterop;
+
+namespace Moonlight.App.Services.Sessions;
+
+public class CookieService
+{
+    private readonly IJSRuntime JsRuntime;
+    private string Expires = "";
+
+    public CookieService(IJSRuntime jsRuntime)
+    {
+        JsRuntime = jsRuntime;
+        ExpireDays = 300;
+    }
+
+    public async Task SetValue(string key, string value, int? days = null)
+    {
+        var curExp = (days != null) ? (days > 0 ? DateToUTC(days.Value) : "") : Expires;
+        await SetCookie($"{key}={value}; expires={curExp}; path=/");
+    }
+
+    public async Task<string> GetValue(string key, string def = "")
+    {
+        var cValue = await GetCookie();
+        if (string.IsNullOrEmpty(cValue)) return def;                
+
+        var vals = cValue.Split(';');
+        foreach (var val in vals)
+            if(!string.IsNullOrEmpty(val) && val.IndexOf('=') > 0)
+                if(val.Substring(1, val.IndexOf('=') - 1).Trim().Equals(key, StringComparison.OrdinalIgnoreCase))
+                    return val.Substring(val.IndexOf('=') + 1);
+        return def;
+    }
+
+    private async Task SetCookie(string value)
+    {
+        await JsRuntime.InvokeVoidAsync("eval", $"document.cookie = \"{value}\"");
+    }
+
+    private async Task<string> GetCookie()
+    {
+        return await JsRuntime.InvokeAsync<string>("eval", $"document.cookie");
+    }
+
+    private int ExpireDays
+    {
+        set => Expires = DateToUTC(value);
+    }
+
+    private static string DateToUTC(int days) => DateTime.Now.AddDays(days).ToUniversalTime().ToString("R");
+}

Moonlight/App/Services/Sessions/IdentityService.cs

@@ -0,0 +1,167 @@
+using System.Text;
+using JWT.Algorithms;
+using JWT.Builder;
+using JWT.Exceptions;
+using Logging.Net;
+using Moonlight.App.Database.Entities;
+using Moonlight.App.Repositories;
+using UAParser;
+
+namespace Moonlight.App.Services.Sessions;
+
+public class IdentityService
+{
+    private readonly UserRepository UserRepository;
+    private readonly CookieService CookieService;
+    private readonly IHttpContextAccessor HttpContextAccessor;
+    private readonly string Secret;
+    
+    private User? UserCache;
+
+    public IdentityService(
+        CookieService cookieService,
+        UserRepository userRepository,
+        IHttpContextAccessor httpContextAccessor,
+        ConfigService configService)
+    {
+        CookieService = cookieService;
+        UserRepository = userRepository;
+        HttpContextAccessor = httpContextAccessor;
+
+        Secret = configService
+            .GetSection("Moonlight")
+            .GetSection("Security")
+            .GetValue<string>("Token");
+    }
+
+    public async Task<User?> Get()
+    {
+        try
+        {
+            if (UserCache != null)
+                return UserCache;
+
+            var token = "none";
+
+            // Load token via http context if available
+            if (HttpContextAccessor.HttpContext != null)
+            {
+                var request = HttpContextAccessor.HttpContext.Request;
+
+                if (request.Cookies.ContainsKey("token"))
+                {
+                    token = request.Cookies["token"];
+                }
+            }
+            else // if not we check the cookies manually via js. this may not often work
+            {
+                token = await CookieService.GetValue("token", "none");
+            }
+
+            if (token == "none")
+            {
+                return null;
+            }
+
+            if (string.IsNullOrEmpty(token))
+                return null;
+
+            var json = "";
+
+            try
+            {
+                json = JwtBuilder.Create()
+                    .WithAlgorithm(new HMACSHA256Algorithm())
+                    .WithSecret(Secret)
+                    .Decode(token);
+            }
+            catch (TokenExpiredException)
+            {
+                return null;
+            }
+            catch (SignatureVerificationException)
+            {
+                //TODO: Heavy warn and write it to the logs
+                Logger.Warn("Someone tried to modify his data: " + token);
+                return null;
+            }
+            catch (Exception e)
+            {
+                Logger.Warn("Error parsing and validating token");
+                Logger.Warn(e);
+                return null;
+            }
+
+            // To make it easier to use the json data
+            var data = new ConfigurationBuilder().AddJsonStream(
+                new MemoryStream(Encoding.ASCII.GetBytes(json))
+            ).Build();
+
+            var userid = data.GetValue<int>("userid");
+            var user = UserRepository.Get().FirstOrDefault(y => y.Id == userid);
+
+            if (user == null)
+            {
+                Logger.Warn($"Cannot find user with the id '{userid}' in the database. Maybe the user has been deleted or a token has been successfully faked by a hacker");
+                return null;
+            }
+
+            var iat = data.GetValue<long>("iat", -1);
+
+            if (iat == -1)
+            {
+                Logger.Debug("Legacy token found (without the time the token has been issued at)");
+                return null;
+            }
+
+            var issuedAt = DateTimeOffset.FromUnixTimeSeconds(iat).DateTime;
+
+            if (issuedAt < user.TokenValidTime.ToUniversalTime())
+            {
+                //TODO: Remove at publish
+                //Logger.Debug($"Old token found: {issuedAt.ToShortDateString()} {issuedAt.ToShortTimeString()} Current valid token time {userData.TokenValidTime.ToUniversalTime().ToShortDateString()} {userData.TokenValidTime.ToUniversalTime().ToShortTimeString()}");
+                return null;
+            }
+
+            UserCache = user;
+            return UserCache;
+        }
+        catch (Exception e)
+        {
+            Logger.Warn("Error loading user");
+            Logger.Warn(e);
+            return null;
+        }
+    }
+
+    public string GetIp()
+    {
+        if (HttpContextAccessor.HttpContext == null)
+            return "N/A";
+
+        if(HttpContextAccessor.HttpContext.Request.Headers.ContainsKey("X-Real-IP"))
+        {
+            return HttpContextAccessor.HttpContext.Request.Headers["X-Real-IP"]!;
+        }
+        
+        return HttpContextAccessor.HttpContext.Connection.RemoteIpAddress!.ToString();
+    }
+
+    public string GetDevice()
+    {
+        if (HttpContextAccessor.HttpContext == null)
+            return "N/A";
+
+        try
+        {
+            var uaParser = Parser.GetDefault();
+            var info = uaParser.Parse(HttpContextAccessor.HttpContext.Request.Headers.UserAgent);
+
+            return $"{info.OS} - {info.Device}";
+        }
+        catch (Exception e)
+        {
+            return "UserAgent not present";
+        }
+    }
+}

Moonlight/App/Services/Sessions/IpLocateService.cs

@@ -0,0 +1,37 @@
+using System.Net;
+using Moonlight.App.Models.IpLocate.Resources;
+using Newtonsoft.Json;
+
+namespace Moonlight.App.Services.Sessions;
+
+public class IpLocateService
+{
+    private readonly IdentityService IdentityService;
+
+    public IpLocateService(IdentityService identityService)
+    {
+        IdentityService = identityService;
+    }
+
+    public async Task<string> GetLocation()
+    {
+        var ip = IdentityService.GetIp();
+        var location = "N/A";
+
+        if (ip != "N/A")
+        {
+            using (var wc = new WebClient())
+            {
+                var res = JsonConvert.DeserializeObject<IpLocate>(
+                    await wc.DownloadStringTaskAsync(
+                        $"http://ip-api.com/json/{ip}"
+                        )
+                );
+
+                location = $"{res.Country} - {res.RegionName} - {res.City} ({res.Org})";
+            }
+        }
+
+        return location;
+    }
+}

Moonlight/App/Services/Sessions/SessionService.cs

@@ -0,0 +1,77 @@
+using Microsoft.AspNetCore.Components;
+using Moonlight.App.Database.Entities;
+using Moonlight.App.Models.Misc;
+using Moonlight.App.Repositories;
+using Moonlight.App.Services.Interop;
+
+namespace Moonlight.App.Services.Sessions;
+
+public class SessionService
+{
+    private readonly SessionRepository SessionRepository;
+    private readonly IdentityService IdentityService;
+    private readonly NavigationManager NavigationManager;
+    private readonly AlertService AlertService;
+
+    private Session OwnSession;
+
+    public SessionService(
+        SessionRepository sessionRepository, 
+        IdentityService identityService, 
+        NavigationManager navigationManager,
+        AlertService alertService)
+    {
+        SessionRepository = sessionRepository;
+        IdentityService = identityService;
+        NavigationManager = navigationManager;
+        AlertService = alertService;
+    }
+
+    public async Task Register()
+    {
+        var user = await IdentityService.Get();
+        var userId = -1;
+
+        if (user != null)
+            userId = user.Id;
+
+        OwnSession = new Session()
+        {
+            Ip = IdentityService.GetIp(),
+            Url = NavigationManager.Uri,
+            Device = IdentityService.GetDevice(),
+            CreatedAt = DateTime.Now,
+            UserId = userId,
+            Navigation = NavigationManager,
+            AlertService = AlertService
+        };
+        
+        SessionRepository.Add(OwnSession);
+    }
+
+    public void Refresh()
+    {
+        OwnSession.Url = NavigationManager.Uri;
+    }
+
+    public void Close()
+    {
+        SessionRepository.Delete(OwnSession);
+    }
+
+    public Session[] GetAll()
+    {
+        return SessionRepository.Get();
+    }
+
+    public void ReloadUserSessions(User user)
+    {
+        foreach (var session in SessionRepository.Get())
+        {
+            if (session.UserId == user.Id)
+            {
+                session.Navigation.NavigateTo(session.Navigation.Uri, true);
+            }
+        }
+    }
+}

Moonlight/App/Services/TranslationService.cs

@@ -0,0 +1,98 @@
+using Microsoft.AspNetCore.Components;
+using Moonlight.App.Helpers;
+
+namespace Moonlight.App.Services
+{
+    public class TranslationService
+    {
+        private string LanguageCode { get; set; } = "en_us";
+        private readonly string FallbackLanguage = "en_us";
+
+        private TranslationHelper Helper { get; }
+        private HttpContext HttpContext { get; }
+
+        public TranslationService(TranslationHelper helper, IHttpContextAccessor httpContextAccessor)
+        {
+            Helper = helper;
+            HttpContext = httpContextAccessor.HttpContext!;
+
+            LanguageCode = FallbackLanguage;
+
+            try
+            {
+                var langHeader = HttpContext.Request.Headers["Accept-Language"].ToString();
+                var important = langHeader.Split(";").First().ToLower().Split(",");
+                
+                foreach (var v in important)
+                {
+                    if (v.Contains("de"))
+                    {
+                        LanguageCode = "de_de";
+                        break;
+                    }
+                    else if (v.Contains("en"))
+                    {
+                        LanguageCode = "en_us";
+                        break;
+                    }
+                }
+
+                var cookies = HttpContext.Request.Headers["Cookie"].ToString().Split(new string[] { ",", ";" }, StringSplitOptions.TrimEntries);
+
+                foreach (var cookie in cookies)
+                {
+                    var name = cookie.Split("=").First().Trim();
+                    var value = cookie.Split("=").Last().Trim();
+
+                    if (name == "lang")
+                    {
+                        if (value.Contains("de"))
+                        {
+                            LanguageCode = "de_de";
+                            break;
+                        }
+                        else if (value.Contains("en"))
+                        {
+                            LanguageCode = "en_us";
+                            break;
+                        }
+                    }
+                }
+            }
+            catch (Exception)
+            {
+                
+            }
+        }
+
+        public string Translate(string key, params object[] parameters)
+        {
+            try
+            {
+                var text = Helper.Get(LanguageCode, key);
+
+                if (text == null)
+                    return key;
+
+                int i = 0;
+                foreach (var param in parameters)
+                {
+                    text = text.Replace($"{{{i}}}", param.ToString());
+                    i++;
+                }
+
+                return text;
+            }
+            catch (Exception ex)
+            {
+                Logging.Net.Logger.Error(ex);
+                return key;
+            }
+        }
+
+        public MarkupString TranslateMarkup(string key, params object[] parameters)
+        {
+            return new MarkupString(Translate(key, parameters));
+        }
+    }
+}

Moonlight/App.razor → Moonlight/BlazorApp.razor

@@ -1,4 +1,6 @@
-<Router AppAssembly="@typeof(App).Assembly">
+@using Moonlight.Shared.Layouts
+
+<Router AppAssembly="@typeof(BlazorApp).Assembly">
     <Found Context="routeData">
         <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
         <FocusOnNavigate RouteData="@routeData" Selector="h1" />

Moonlight/Data/WeatherForecast.cs

@@ -1,13 +0,0 @@
-namespace Moonlight.Data
-{
-    public class WeatherForecast
-    {
-        public DateTime Date { get; set; }
-
-        public int TemperatureC { get; set; }
-
-        public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
-
-        public string? Summary { get; set; }
-    }
-}

Moonlight/Data/WeatherForecastService.cs

@@ -1,20 +0,0 @@
-namespace Moonlight.Data
-{
-    public class WeatherForecastService
-    {
-        private static readonly string[] Summaries = new[]
-        {
-        "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
-    };
-
-        public Task<WeatherForecast[]> GetForecastAsync(DateTime startDate)
-        {
-            return Task.FromResult(Enumerable.Range(1, 5).Select(index => new WeatherForecast
-            {
-                Date = startDate.AddDays(index),
-                TemperatureC = Random.Shared.Next(-20, 55),
-                Summary = Summaries[Random.Shared.Next(Summaries.Length)]
-            }).ToArray());
-        }
-    }
-}

Moonlight/Moonlight.csproj

@@ -9,7 +9,56 @@
   </PropertyGroup>
 
   <ItemGroup>
+    <PackageReference Include="aaPanelSharp" Version="1.0.0" />
+    <PackageReference Include="BCrypt.Net-Next" Version="4.0.3" />
+    <PackageReference Include="Ben.Demystifier" Version="0.4.1" />
+    <PackageReference Include="Blazor.ContextMenu" Version="1.15.0" />
+    <PackageReference Include="BlazorMonaco" Version="3.0.0" />
+    <PackageReference Include="BlazorTable" Version="1.17.0" />
+    <PackageReference Include="CurrieTechnologies.Razor.SweetAlert2" Version="5.4.0" />
+    <PackageReference Include="Discord.Net" Version="3.9.0" />
+    <PackageReference Include="GravatarSharp.Core" Version="0.9.0.2" />
+    <PackageReference Include="JWT" Version="10.0.2" />
+    <PackageReference Include="Logging.Net" Version="1.1.0" />
+    <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="7.0.3">
+      <PrivateAssets>all</PrivateAssets>
+      <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+    </PackageReference>
     <PackageReference Include="Microsoft.VisualStudio.Azure.Containers.Tools.Targets" Version="1.15.1" />
+    <PackageReference Include="MineStat" Version="3.1.1" />
+    <PackageReference Include="Newtonsoft.Json" Version="13.0.3-beta1" />
+    <PackageReference Include="Otp.NET" Version="1.3.0" />
+    <PackageReference Include="Pomelo.EntityFrameworkCore.MySql" Version="7.0.0" />
+    <PackageReference Include="PteroConsole.NET" Version="1.0.4" />
+    <PackageReference Include="QRCoder" Version="1.4.3" />
+    <PackageReference Include="RestSharp" Version="109.0.0-preview.1" />
+    <PackageReference Include="UAParser" Version="3.1.47" />
+    <PackageReference Include="XtermBlazor" Version="1.6.1" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <_ContentIncludedByDefault Remove="wwwroot\css\bootstrap\bootstrap.min.css" />
+    <_ContentIncludedByDefault Remove="wwwroot\css\bootstrap\bootstrap.min.css.map" />
+    <_ContentIncludedByDefault Remove="wwwroot\css\open-iconic\FONT-LICENSE" />
+    <_ContentIncludedByDefault Remove="wwwroot\css\open-iconic\font\css\open-iconic-bootstrap.min.css" />
+    <_ContentIncludedByDefault Remove="wwwroot\css\open-iconic\font\fonts\open-iconic.eot" />
+    <_ContentIncludedByDefault Remove="wwwroot\css\open-iconic\font\fonts\open-iconic.otf" />
+    <_ContentIncludedByDefault Remove="wwwroot\css\open-iconic\font\fonts\open-iconic.svg" />
+    <_ContentIncludedByDefault Remove="wwwroot\css\open-iconic\font\fonts\open-iconic.ttf" />
+    <_ContentIncludedByDefault Remove="wwwroot\css\open-iconic\font\fonts\open-iconic.woff" />
+    <_ContentIncludedByDefault Remove="wwwroot\css\open-iconic\ICON-LICENSE" />
+    <_ContentIncludedByDefault Remove="wwwroot\css\open-iconic\README.md" />
+    <_ContentIncludedByDefault Remove="wwwroot\css\site.css" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <Folder Include="App\Database\Migrations" />
+    <Folder Include="App\Exceptions" />
+    <Folder Include="App\Http\Controllers" />
+    <Folder Include="App\Http\Middleware" />
+    <Folder Include="App\Http\Requests" />
+    <Folder Include="App\Http\Resources" />
+    <Folder Include="wwwroot\assets\media" />
   </ItemGroup>
 
 </Project>

Moonlight/Pages/Counter.razor

@@ -1,18 +0,0 @@
-@page "/counter"
-
-<PageTitle>Counter</PageTitle>
-
-<h1>Counter</h1>
-
-<p role="status">Current count: @currentCount</p>
-
-<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
-
-@code {
-    private int currentCount = 0;
-
-    private void IncrementCount()
-    {
-        currentCount++;
-    }
-}

Moonlight/Pages/FetchData.razor

@@ -1,48 +0,0 @@
-@page "/fetchdata"
-
-<PageTitle>Weather forecast</PageTitle>
-
-@using Moonlight.Data
-@inject WeatherForecastService ForecastService
-
-<h1>Weather forecast</h1>
-
-<p>This component demonstrates fetching data from a service.</p>
-
-@if (forecasts == null)
-{
-    <p><em>Loading...</em></p>
-}
-else
-{
-    <table class="table">
-        <thead>
-            <tr>
-                <th>Date</th>
-                <th>Temp. (C)</th>
-                <th>Temp. (F)</th>
-                <th>Summary</th>
-            </tr>
-        </thead>
-        <tbody>
-            @foreach (var forecast in forecasts)
-            {
-                <tr>
-                    <td>@forecast.Date.ToShortDateString()</td>
-                    <td>@forecast.TemperatureC</td>
-                    <td>@forecast.TemperatureF</td>
-                    <td>@forecast.Summary</td>
-                </tr>
-            }
-        </tbody>
-    </table>
-}
-
-@code {
-    private WeatherForecast[]? forecasts;
-
-    protected override async Task OnInitializedAsync()
-    {
-        forecasts = await ForecastService.GetForecastAsync(DateTime.Now);
-    }
-}

Moonlight/Pages/Index.razor

@@ -1,9 +0,0 @@
-@page "/"
-
-<PageTitle>Index</PageTitle>
-
-<h1>Hello, world!</h1>
-
-Welcome to your new app.
-
-<SurveyPrompt Title="How is Blazor working for you?" />

Moonlight/Pages/_Host.cshtml

@@ -5,4 +5,25 @@
     Layout = "_Layout";
 }
 
-<component type="typeof(App)" render-mode="ServerPrerendered" />
+<component type="typeof(BlazorApp)" render-mode="ServerPrerendered" />
+
+<div id="components-reconnect-modal" class="my-reconnect-modal components-reconnect-hide">
+    <div class="show">
+        <p>
+            <br/>
+            Connecting to moonlight servers
+        </p>
+    </div>
+    <div class="failed">
+        <p>
+            <br />
+            Connection to moonlight servers failed
+        </p>
+    </div>
+    <div class="rejected">
+        <p>
+            <br />
+            Connection to moonlight servers rejected
+        </p>
+    </div>
+</div>

Moonlight/Pages/_Layout.cshtml

@@ -1,32 +1,111 @@
 @using Microsoft.AspNetCore.Components.Web
+@using Moonlight.App.Services
 @namespace Moonlight.Pages
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
 
+@inject ConfigService ConfigService
+
+@{
+    var headerConfig = ConfigService
+        .GetSection("Moonlight")
+        .GetSection("Html")
+        .GetSection("Headers");
+
+    var moonlightConfig = ConfigService
+        .GetSection("Moonlight");
+}
+
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-theme="dark">
 <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <base href="~/" />
-    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
-    <link href="css/site.css" rel="stylesheet" />
-    <link href="Moonlight.styles.css" rel="stylesheet" />
-    <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
+    <meta charset="utf-8"/>
+
+    <meta property="og:locale" content="de_DE"/>
+    <meta property="og:type" content="article"/>
+    <meta content="@(headerConfig.GetValue<string>("Title"))" property="og:title"/>
+    <meta content="@(headerConfig.GetValue<string>("Description"))" property="og:description"/>
+    <meta content="@(moonlightConfig.GetValue<string>("AppUrl"))" property="og:url"/>
+    <meta content="@(moonlightConfig.GetValue<string>("AppUrl"))/api/moonlight/resources/images/logofull.png" property="og:image"/>
+    <meta content="@(headerConfig.GetValue<string>("Color"))" data-react-helmet="true" name="theme-color"/>
+
+    <meta content="@(headerConfig.GetValue<string>("Description"))" name="description"/>
+    <meta content="@(headerConfig.GetValue<string>("Keywords"))" name="keywords"/>
+
+    <link rel="shortcut icon" href="@(moonlightConfig.GetValue<string>("AppUrl"))/api/moonlight/resources/images/logo.svg"/>
+
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"/>
+
+    <link rel="stylesheet" type="text/css" href="/assets/css/style.bundle.css"/>
+    <link rel="stylesheet" type="text/css" href="/assets/css/flashbang.css"/>
+    <link rel="stylesheet" type="text/css" href="/assets/css/snow.css"/>
+    <link rel="stylesheet" type="text/css" href="/assets/css/invisiblea.css"/>
+    <link rel="stylesheet" type="text/css" href="/assets/css/boxicons.min.css"/>
+    <link rel="stylesheet" type="text/css" href="/assets/css/blazor.css"/>
+
+    <link rel="stylesheet" type="text/css" href="/_content/XtermBlazor/XtermBlazor.css"/>
+    <link rel="stylesheet" type="text/css" href="/_content/BlazorMonaco/lib/monaco-editor/min/vs/editor/editor.main.css"/>
+    <link rel="stylesheet" type="text/css" href="/_content/Blazor.ContextMenu/blazorContextMenu.min.css"/>
+
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <base href="~/"/>
+    <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered"/>
+    
+    <title>Loading</title>
 </head>
-<body>
-    @RenderBody()
-
-    <div id="blazor-error-ui">
-        <environment include="Staging,Production">
-            An error has occurred. This application may no longer respond until reloaded.
-        </environment>
-        <environment include="Development">
-            An unhandled exception has occurred. See browser dev tools for details.
-        </environment>
-        <a href="" class="reload">Reload</a>
-        <a class="dismiss">🗙</a>
+<body
+    class="app-default"
+    cz-shortcut-listen="true"
+    data-kt-app-layout="dark-sidebar"
+    data-kt-app-header-fixed="true"
+    data-kt-app-sidebar-fixed="true"
+    data-kt-app-sidebar-hoverable="true"
+    data-kt-app-sidebar-push-header="true"
+    data-kt-app-sidebar-push-toolbar="true"
+    data-kt-app-sidebar-push-footer="true"
+    data-kt-app-toolbar-enabled="true">
+
+@RenderBody()
+
+<div id="flashbang" class="flashbanglight"></div>
+
+<div class="app-page-loader flex-column">
+    <img alt="Logo" src="/api/moonlight/resources/images/logo.svg" class="h-25px"/>
+
+    <div class="d-flex align-items-center mt-5">
+        <span class="spinner-border text-primary" role="status"></span>
+        <span class="text-muted fs-6 fw-semibold ms-5">CHANGEME</span>
     </div>
+</div>
+
+<script src="/_framework/blazor.server.js"></script>
+
+<script src="/_content/XtermBlazor/XtermBlazor.min.js"></script>
+<script src="/_content/BlazorTable/BlazorTable.min.js"></script>
+<script src="/_content/BlazorInputFile/inputfile.js"></script>
+<script src="/_content/BlazorMonaco/lib/monaco-editor/min/vs/loader.js"></script>
+<script src="/_content/BlazorMonaco/lib/monaco-editor/min/vs/editor/editor.main.js"></script>
+<script src="/_content/BlazorMonaco/jsInterop.js"></script>
+<script src="/_content/CurrieTechnologies.Razor.SweetAlert2/sweetAlert2.min.js"></script>
+<script src="/_content/Blazor-ApexCharts/js/blazor-apex-charts.js"></script>
+<script src="/_content/Blazor.ContextMenu/blazorContextMenu.min.js"></script>
+
+<script src="https://www.google.com/recaptcha/api.js"></script>
+
+<script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.5.0/lib/xterm-addon-fit.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/xterm-addon-search@0.8.2/lib/xterm-addon-search.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/xterm-addon-web-links@0.5.0/lib/xterm-addon-web-links.min.js"></script>
 
-    <script src="_framework/blazor.server.js"></script>
+<script src="/assets/js/scripts.bundle.js"></script>
+<script src="/assets/js/flashbang.js"></script>
+<script src="/assets/js/cookieUtils.js"></script>
+<script src="/assets/js/clipboard.js"></script>
+<script src="/assets/js/toastUtils.js"></script>
+<script src="/assets/js/alertUtils.js"></script>
+<script src="/assets/js/utils.js"></script>
+<script src="/assets/js/loggingUtils.js"></script>
+<script src="/assets/js/snow.js"></script>
+<script src="/assets/js/recaptcha.js"></script>
+<script src="/assets/js/xtermAddons.js"></script>
+<script src="/assets/js/monaco.js"></script>
 </body>
-</html>
+</html>

Moonlight/Program.cs

@@ -1,9 +1,14 @@
-using Microsoft.AspNetCore.Components;
-using Microsoft.AspNetCore.Components.Web;
+using BlazorTable;
+using CurrieTechnologies.Razor.SweetAlert2;
+using Moonlight.App.Database;
+using Moonlight.App.Helpers;
+using Moonlight.App.Repositories;
+using Moonlight.App.Repositories.Servers;
+using Moonlight.App.Services;
+using Moonlight.App.Services.Interop;
+using Moonlight.App.Services.Sessions;
 
-using Moonlight.Data;
-
-namespace Company.WebApplication1
+namespace Moonlight
 {
     public class Program
     {
@@ -14,7 +19,36 @@ namespace Company.WebApplication1
             // Add services to the container.
             builder.Services.AddRazorPages();
             builder.Services.AddServerSideBlazor();
-            builder.Services.AddSingleton<WeatherForecastService>();
+            builder.Services.AddHttpContextAccessor();
+            
+            // Databases
+            builder.Services.AddDbContext<DataContext>();
+            
+            // Repositories
+            builder.Services.AddSingleton<SessionRepository>();
+            builder.Services.AddScoped<UserRepository>();
+            builder.Services.AddScoped<NodeRepository>();
+            builder.Services.AddScoped<ServerRepository>();
+            builder.Services.AddScoped<ServerBackupRepository>();
+            
+            // Services
+            builder.Services.AddScoped<TranslationService>();
+            builder.Services.AddSingleton<ConfigService>();
+            builder.Services.AddScoped<CookieService>();
+            builder.Services.AddScoped<IdentityService>();
+            builder.Services.AddScoped<IpLocateService>();
+            builder.Services.AddScoped<SessionService>();
+            builder.Services.AddScoped<TranslationService>();
+            builder.Services.AddScoped<AlertService>();
+            
+            // Helpers
+            builder.Services.AddSingleton<TranslationHelper>();
+            
+            // Third party services
+
+            builder.Services.AddBlazorTable();
+            builder.Services.AddSweetAlert2(options => { options.Theme = SweetAlertTheme.Dark; });
+            builder.Services.AddBlazorContextMenu();
 
             var app = builder.Build();
 

Moonlight/Shared/Components/Alerts/BannedAlert.razor

@@ -0,0 +1,21 @@
+@using Moonlight.App.Services
+
+@inject TranslationService TranslationService
+@inject ConfigService ConfigService
+
+@{
+    var moonlightConfig = ConfigService
+        .GetSection("Moonlight");
+}
+
+<div class="card card-flush w-lg-650px py-5">
+    <div class="card-body py-15 py-lg-20">
+        <div class="mb-14">
+            <img alt="Logo" src="@(moonlightConfig.GetValue<string>("AppUrl"))/api/moonlight/resources/images/logofull.png" class="h-40px">
+        </div>
+        <h1 class="fw-bolder text-gray-900 mb-5">@(TranslationService.Translate("Alerts.Banned.Title"))</h1>
+        <div class="fw-semibold fs-6 text-gray-500 mb-8">
+            @(TranslationService.Translate("Alerts.Banned.Details"))
+        </div>
+    </div>
+</div>

Moonlight/Shared/Components/Alerts/DisabledAlert.razor

@@ -0,0 +1,21 @@
+@using Moonlight.App.Services
+
+@inject TranslationService TranslationService
+@inject ConfigService ConfigService
+
+@{
+    var moonlightConfig = ConfigService
+        .GetSection("Moonlight");
+}
+
+<div class="card card-flush w-lg-650px py-5">
+    <div class="card-body py-15 py-lg-20">
+        <div class="mb-14">
+            <img alt="Logo" src="@(moonlightConfig.GetValue<string>("AppUrl"))/api/moonlight/resources/images/logofull.png" class="h-40px">
+        </div>
+        <h1 class="fw-bolder text-gray-900 mb-5">@(TranslationService.Translate("Alerts.Disabled.Title"))</h1>
+        <div class="fw-semibold fs-6 text-gray-500 mb-8">
+            @(TranslationService.Translate("Alerts.Disabled.Details"))
+        </div>
+    </div>
+</div>

Moonlight/Shared/Components/ErrorBoundaries/ComponentErrorBoundary.razor

@@ -0,0 +1,73 @@
+@using Moonlight.App.Services
+@using Logging.Net
+@using Moonlight.App.Services.Sessions
+
+@inherits ErrorBoundary
+
+@inject IdentityService IdentityService
+@inject TranslationService TranslationService
+
+@if (CurrentException is null)
+{
+    @ChildContent
+}
+else if (ErrorContent is not null)
+{
+    <div class="card card-flush h-md-100">
+        <div class="card-body d-flex flex-column justify-content-between mt-9 bgi-no-repeat bgi-size-cover bgi-position-x-center pb-0">
+            <div class="mb-10">
+                <div class="fs-2hx fw-bold text-gray-800 text-center mb-13">
+                    <span class="me-2">
+                        @TranslationService.Translate("Crashes.Component.Title")
+                    </span>
+                </div>
+                <div class="text-center">
+                    @TranslationService.Translate("Crashes.Component.Details")
+                </div>
+            </div>
+        </div>
+    </div>
+}
+else
+{
+    <div class="card card-flush h-md-100">
+        <div class="card-body d-flex flex-column justify-content-between mt-9 bgi-no-repeat bgi-size-cover bgi-position-x-center pb-0">
+            <div class="mb-10">
+                <div class="fs-2hx fw-bold text-gray-800 text-center mb-13">
+                    <span class="me-2">
+                        @TranslationService.Translate("Crashes.Component.Title")
+                    </span>
+                </div>
+                <div class="text-center">
+                    @TranslationService.Translate("Crashes.Component.Details")
+                </div>
+            </div>
+        </div>
+    </div>
+}
+
+@code
+{
+    List<Exception> receivedExceptions = new();
+
+    protected override async Task OnErrorAsync(Exception exception)
+    {
+        receivedExceptions.Add(exception);
+
+        var user = await IdentityService.Get();
+        var id = user == null ? -1 : user.Id;
+
+        Logger.Error($"[{id}] An unhanded exception occured:");
+        Logger.Error(exception);
+            
+        //TODO: Create error report
+
+        await base.OnErrorAsync(exception);
+    }
+
+    public new void Recover()
+    {
+        receivedExceptions.Clear();
+        base.Recover();
+    }
+}

Moonlight/Shared/Components/ErrorBoundaries/GlobalErrorBoundary.razor

@@ -0,0 +1,71 @@
+@using Moonlight.App.Services
+@using Logging.Net
+@using Moonlight.App.Services.Sessions
+
+@inherits ErrorBoundary
+
+@inject IdentityService IdentityService
+@inject TranslationService TranslationService
+
+@if (CurrentException is null)
+{
+    @ChildContent
+}
+else if (ErrorContent is not null)
+{
+    <div class="card card-flush h-md-100">
+        <div class="card-body d-flex flex-column justify-content-between mt-9 bgi-no-repeat bgi-size-cover bgi-position-x-center pb-0">
+            <div class="mb-10">
+                <div class="fs-2hx fw-bold text-gray-800 text-center mb-13">
+                    <span class="me-2">
+                        @(TranslationService.Translate("Crashes.Global.Title"))
+                    </span>
+                </div>
+                <div class="text-center">
+                    @(TranslationService.Translate("Crashes.Global.Details"))
+                </div>
+            </div>
+        </div>
+    </div>
+}
+else
+{
+    <div class="card card-flush h-md-100">
+        <div class="card-body d-flex flex-column justify-content-between mt-9 bgi-no-repeat bgi-size-cover bgi-position-x-center pb-0">
+            <div class="mb-10">
+                <div class="fs-2hx fw-bold text-gray-800 text-center mb-13">
+                    <span class="me-2">
+                        @TranslationService.Translate("Crashes.Global.Title")
+                    </span>
+                </div>
+                <div class="text-center">
+                    @TranslationService.Translate("Crashes.Global.Details")
+                </div>
+            </div>
+        </div>
+    </div>
+}
+
+@code
+{
+    List<Exception> receivedExceptions = new();
+
+    protected override async Task OnErrorAsync(Exception exception)
+    {
+        receivedExceptions.Add(exception);
+        
+        var user = await IdentityService.Get();
+        var id = user == null ? -1 : user.Id;
+
+        Logger.Error($"[{id}] An unhanded exception occured:");
+        Logger.Error(exception);
+
+        await base.OnErrorAsync(exception);
+    }
+
+    public new void Recover()
+    {
+        receivedExceptions.Clear();
+        base.Recover();
+    }
+}

Moonlight/Shared/Components/ErrorBoundaries/PageErrorBoundary.razor

@@ -0,0 +1,73 @@
+@using Logging.Net
+@using Moonlight.App.Services
+@using Moonlight.App.Services.Sessions
+
+@inherits ErrorBoundary
+
+@inject IdentityService IdentityService
+@inject TranslationService TranslationService
+
+@if (CurrentException is null)
+{
+    @ChildContent
+}
+else if (ErrorContent is not null)
+{
+    <div class="card card-flush h-md-100">
+        <div class="card-body d-flex flex-column justify-content-between mt-9 bgi-no-repeat bgi-size-cover bgi-position-x-center pb-0">
+            <div class="mb-10">
+                <div class="fs-2hx fw-bold text-gray-800 text-center mb-13">
+                    <span class="me-2">
+                        @TranslationService.Translate("Crashes.Page.Title")
+                    </span>
+                </div>
+                <div class="text-center">
+                    @TranslationService.Translate("Crashes.Page.Details")
+                </div>
+            </div>
+            <img class="mx-auto h-150px h-lg-200px" src="/assets/media/svg/illustrations/broken-cable.svg" alt="Broken cable">
+        </div>
+    </div>
+}
+else
+{
+    <div class="card card-flush h-md-100">
+        <div class="card-body d-flex flex-column justify-content-between mt-9 bgi-no-repeat bgi-size-cover bgi-position-x-center pb-0">
+            <div class="mb-10">
+                <div class="fs-2hx fw-bold text-gray-800 text-center mb-13">
+                    <span class="me-2">
+                        @TranslationService.Translate("Crashes.Page.Title")
+                    </span>
+                </div>
+                <div class="text-center">
+                    @TranslationService.Translate("Crashes.Page.Details")
+                </div>
+            </div>
+            <img class="mx-auto h-150px h-lg-200px" src="/assets/media/svg/illustrations/broken-cable.svg" alt="Broken cable">
+        </div>
+    </div>
+}
+
+@code
+{
+    List<Exception> receivedExceptions = new();
+
+    protected override async Task OnErrorAsync(Exception exception)
+    {
+        receivedExceptions.Add(exception);
+
+        var user = await IdentityService.Get();
+        var id = user == null ? -1 : user.Id;
+
+        Logger.Error($"[{id}] An unhanded exception occured:");
+        Logger.Error(exception);
+
+        await base.OnErrorAsync(exception);
+    }
+
+    public new void Recover()
+    {
+        receivedExceptions.Clear();
+        base.Recover();
+    }
+}

Moonlight/Shared/Components/Partials/Footer.razor

@@ -0,0 +1,38 @@
+@using Moonlight.App.Services
+
+@inject TranslationService TranslationService
+@inject ConfigService ConfigService
+
+@{
+    var marketingConfig = ConfigService
+        .GetSection("Moonlight")
+        .GetSection("Marketing");
+}
+
+<div id="kt_app_footer" class="app-footer">
+    <div class="app-container container-fluid d-flex flex-column flex-md-row flex-center flex-md-stack py-3">
+        <div class="text-dark order-2 order-md-1">
+            <span class="text-muted fw-semibold me-1">2022 - @DateTime.Now.Year©</span>
+            <a href="@(marketingConfig.GetValue<string>("Website"))" target="_blank" class="text-gray-800 text-hover-primary">
+                @(marketingConfig.GetValue<string>("BrandName"))
+            </a>
+        </div>
+        <ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
+            <li class="menu-item">
+                <a href="@(marketingConfig.GetValue<string>("About"))" target="_blank" class="menu-link px-2">
+                    @(TranslationService.Translate("Footer.AboutUs"))
+                </a>
+            </li>
+            <li class="menu-item">
+                <a href="@(marketingConfig.GetValue<string>("Imprint"))" target="_blank" class="menu-link px-2">
+                    @(TranslationService.Translate("Footer.Imprint"))
+                </a>
+            </li>
+            <li class="menu-item">
+                <a href="@(marketingConfig.GetValue<string>("Privacy"))" target="_blank" class="menu-link px-2">
+                    @(TranslationService.Translate("Footer.Privacy"))
+                </a>
+            </li>
+        </ul>
+    </div>
+</div>

Moonlight/Shared/Components/Partials/Navbar.razor

@@ -0,0 +1,90 @@
+@using Moonlight.App.Helpers
+@using Moonlight.App.Repositories
+@using Moonlight.App.Services
+@using Moonlight.App.Services.Sessions
+@using Moonlight.App.Database.Entities
+@using Task = System.Threading.Tasks.Task
+
+@inject IdentityService IdentityService
+@inject NavigationManager NavigationManager
+@inject CookieService CookieService
+@inject TranslationService TranslationService
+
+<div class="app-navbar flex-shrink-0">
+    <div class="app-navbar-item ms-1 ms-lg-3">
+        <ThemeSwitcher
+            ToggleBtnClass="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px w-md-40px h-md-40px"
+            ToggleBtnIconClass="svg-icon svg-icon-2">
+        </ThemeSwitcher>
+    </div>
+
+    @if (User != null)
+    {
+        <div class="app-navbar-item ms-1 ms-lg-3">
+            <div class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px w-md-40px h-md-40px position-relative" id="support_ticket_toggle">
+                <span class="svg-icon svg-icon-1">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path opacity="0.3" d="M20 3H4C2.89543 3 2 3.89543 2 5V16C2 17.1046 2.89543 18 4 18H4.5C5.05228 18 5.5 18.4477 5.5 19V21.5052C5.5 22.1441 6.21212 22.5253 6.74376 22.1708L11.4885 19.0077C12.4741 18.3506 13.6321 18 14.8167 18H20C21.1046 18 22 17.1046 22 16V5C22 3.89543 21.1046 3 20 3Z" fill="currentColor"></path>
+                        <rect x="6" y="12" width="7" height="2" rx="1" fill="currentColor"></rect>
+                        <rect x="6" y="7" width="12" height="2" rx="1" fill="currentColor"></rect>
+                    </svg>
+                </span>
+            </div>
+        </div>
+        
+        <div class="app-navbar-item ms-1 ms-lg-3" id="kt_header_user_menu_toggle">
+            <div class="cursor-pointer symbol symbol-35px symbol-md-40px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
+                <img alt="Avatar" src="/api/moonlight/avatar/@(User.Id)"/>
+            </div>
+
+            <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-primary fw-semibold py-4 fs-6 w-275px" data-kt-menu="true">
+                <div class="menu-item px-3">
+                    <div class="menu-content d-flex align-items-center px-3">
+                        <div class="symbol symbol-50px me-5">
+                            <img alt="Avatar" src="/api/moonlight/avatar/@(User.Id)"/>
+                        </div>
+                        <div class="d-flex flex-column">
+                            <div class="fw-bold d-flex align-items-center fs-5">
+                                @(User.FirstName) @(User.LastName)
+                                
+                                @if (User.Admin)
+                                {
+                                    <span class="badge badge-light-success fw-bold fs-8 px-2 py-1 ms-2">Admin</span>
+                                }
+                            </div>
+                            <a class="fw-semibold text-muted text-hover-primary fs-7">@(User.Email)</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="separator my-2"></div>
+                <div class="menu-item px-5 my-1">
+                    <a href="/settings" class="menu-link px-5">@TranslationService.Translate("Navbar.Account.Settings")</a>
+                </div>
+                <div class="menu-item px-5">
+                    <a @onclick="Logout" class="menu-link px-5">@TranslationService.Translate("Navbar.Logout")</a>
+                </div>
+            </div>
+        </div>
+    }
+</div>
+
+@code
+{
+    private User? User;
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            User = await IdentityService.Get();
+
+            await InvokeAsync(StateHasChanged);
+        }
+    }
+
+    private async void Logout()
+    {
+        await CookieService.SetValue("token", "", 1);
+        NavigationManager.NavigateTo(NavigationManager.Uri, true);
+    }
+}

Moonlight/Shared/Components/Partials/PageHeader.razor

@@ -0,0 +1,29 @@
+@using Moonlight.App.Services
+
+@inject ConfigService ConfigService
+
+@{
+    var moonlightConfig = ConfigService.GetSection("Moonlight");
+}
+
+<div id="kt_app_header" class="app-header">
+    <div class="app-container container-fluid d-flex align-items-stretch justify-content-between">
+        <div class="d-flex align-items-center d-lg-none ms-n2 me-2" title="Show sidebar menu">
+            <div class="btn btn-icon btn-active-color-primary w-35px h-35px" id="kt_app_sidebar_mobile_toggle">
+                <i class="bx bx-menu bx-md"></i>
+            </div>
+        </div>
+        <div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0">
+            <a href="/" class="d-lg-none">
+                <img alt="Logo" src="@(moonlightConfig.GetValue<string>("AppUrl"))/api/moonlight/resources/images/logo.svg" class="h-30px"/>
+            </a>
+        </div>
+        <div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
+            <div class="app-header-menu app-header-mobile-drawer align-items-stretch" data-kt-drawer="true" data-kt-drawer-name="app-header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="225px" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_app_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="{default: 'append', lg: 'prepend'}" data-kt-swapper-parent="{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}">
+                <div class="menu menu-rounded menu-column menu-lg-row my-5 my-lg-0 align-items-stretch fw-semibold px-2 px-lg-0" id="kt_app_header_menu" data-kt-menu="true">
+                </div>
+            </div>
+            <Navbar></Navbar>
+        </div>
+    </div>
+</div>

Moonlight/Shared/Components/Partials/Sidebar.razor

@@ -0,0 +1,63 @@
+@using Moonlight.App.Services.Sessions
+@using Moonlight.App.Database.Entities
+@using Moonlight.App.Services
+
+@inject IdentityService IdentityService
+@inject TranslationService TranslationService
+@inject ConfigService ConfigService
+@inject IJSRuntime JsRuntime
+
+@{
+    var moonlightConfig = ConfigService
+        .GetSection("Moonlight");
+}
+
+<div id="kt_app_sidebar" class="app-sidebar flex-column" data-kt-drawer="true" data-kt-drawer-name="app-sidebar" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="225px" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_app_sidebar_mobile_toggle">
+    <div class="app-sidebar-logo px-6" id="kt_app_sidebar_logo">
+        <a href="@(User != null ? "/" : "/login")">
+            @if (sidebar == "dark-sidebar")
+            {
+                <img alt="Logo" src="@(moonlightConfig.GetValue<string>("AppUrl"))/api/moonlight/resources/images/logofull.png" class="h-45px app-sidebar-logo-default"/>
+            }
+            else
+            {
+                if (sidebar == "light-sidebar")
+                {
+                    <img alt="Logo" src="@(moonlightConfig.GetValue<string>("AppUrl"))/api/moonlight/resources/images/logo.svg" class="theme-light-show h-20px app-sidebar-logo-default"/>
+                    <img alt="Logo" src="@(moonlightConfig.GetValue<string>("AppUrl"))/api/moonlight/resources/images/logo.svg" class="theme-dark-show h-20px app-sidebar-logo-default"/>
+                }
+            }
+            <img alt="Logo" src="@(moonlightConfig.GetValue<string>("AppUrl"))/api/moonlight/resources/images/logo.svg" class="h-20px app-sidebar-logo-minimize"/>
+        </a>
+    
+        <div id="kt_app_sidebar_toggle" class="app-sidebar-toggle btn btn-icon btn-shadow btn-sm btn-color-muted btn-active-color-primary body-bg h-30px w-30px position-absolute top-50 start-100 translate-middle rotate" data-kt-toggle="true" data-kt-toggle-state="active" data-kt-toggle-target="body" data-kt-toggle-name="app-sidebar-minimize">
+            <i class="bx bx-chevrons-left bx-md"></i>
+        </div>
+    </div>
+    
+    <SidebarMenu></SidebarMenu>
+    
+    <div class="app-sidebar-footer flex-column-auto pt-2 pb-6 px-6" id="kt_app_sidebar_footer">
+    	<a id="support_ticket_toggle_sidebar"
+    	   class="btn btn-flex flex-center btn-custom btn-primary overflow-hidden text-nowrap px-0 h-40px w-100 btn-label">
+    		@(TranslationService.Translate("Sidebar.Footer.OpenSupport"))
+    	</a>
+    </div>
+</div>
+
+@code
+{
+    private string sidebar;
+
+    private User? User;
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            User = await IdentityService.Get();
+            sidebar = await JsRuntime.InvokeAsync<string>("document.body.getAttribute", "data-kt-app-layout");
+            StateHasChanged();
+        }
+    }
+}

Moonlight/Shared/Components/Partials/SidebarMenu.razor

@@ -0,0 +1,266 @@
+@using Moonlight.App.Services
+@using Moonlight.App.Services.Sessions
+@using Moonlight.App.Database.Entities
+
+@inject TranslationService TranslationService
+@inject IdentityService IdentityService
+
+<div class="app-sidebar-menu overflow-hidden flex-column-fluid">
+<div id="kt_app_sidebar_menu_wrapper" class="app-sidebar-wrapper hover-scroll-overlay-y my-5" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_app_sidebar_logo, #kt_app_sidebar_footer" data-kt-scroll-wrappers="#kt_app_sidebar_menu" data-kt-scroll-offset="5px" data-kt-scroll-save-state="true">
+<div class="menu menu-column menu-rounded menu-sub-indention px-3" id="#kt_app_sidebar_menu" data-kt-menu="true" data-kt-menu-expand="false">
+@if (User == null)
+{
+    <div class="menu-item">
+        <a class="menu-link" href="/login">
+            <span class="menu-icon">
+                <i class="bx bxs-log-in"></i>
+            </span>
+            <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Login")</span>
+        </a>
+    </div>
+    <div class="menu-item">
+        <a class="menu-link" href="/register">
+            <span class="menu-icon">
+                <i class="bx bx-user-plus"></i>
+            </span>
+            <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Register")</span>
+        </a>
+    </div>
+}
+else
+{
+    <div class="menu-item">
+        <a class="menu-link" href="/">
+            <span class="menu-icon">
+                <i class="bx bx-layer"></i>
+            </span>
+            <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Dashboard")</span>
+        </a>
+    </div>
+    <div data-kt-menu-trigger="click" class="menu-item menu-accordion">
+        <span class="menu-link">
+            <span class="menu-icon">
+                <i class="bx bx-cart-alt"></i>
+            </span>
+            <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Order")</span>
+            <span class="menu-arrow"></span>
+        </span>
+        <div class="menu-sub menu-sub-accordion">
+            <div class="menu-item">
+                <a class="menu-link" href="/store/website">
+                    <span class="menu-bullet">
+                        <span class="bullet bullet-dot"></span>
+                    </span>
+                    <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Website")</span>
+                </a>
+            </div>
+
+            <div class="menu-item">
+                <a class="menu-link" href="/store/database">
+                    <span class="menu-bullet">
+                        <span class="bullet bullet-dot"></span>
+                    </span>
+                    <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Database")</span>
+                </a>
+            </div>
+
+            <div class="menu-item">
+                <a class="menu-link" href="/store/domain">
+                    <span class="menu-bullet">
+                        <span class="bullet bullet-dot"></span>
+                    </span>
+                    <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Domain")</span>
+                </a>
+            </div>
+        </div>
+    </div>
+    <div class="menu-item">
+        <a class="menu-link" href="/servers">
+            <span class="menu-icon">
+                <i class="bx bx-server"></i>
+            </span>
+            <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Servers")</span>
+        </a>
+    </div>
+    <div class="menu-item">
+        <a class="menu-link" href="/websites">
+            <span class="menu-icon">
+                <i class="bx bx-globe"></i>
+            </span>
+            <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Websites")</span>
+        </a>
+    </div>
+    <div class="menu-item">
+        <a class="menu-link" href="/databases">
+            <span class="menu-icon">
+                <i class="bx bx-data"></i>
+            </span>
+            <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Databases")</span>
+        </a>
+    </div>
+    <div class="menu-item">
+        <a class="menu-link" href="/domains">
+            <span class="menu-icon">
+                <i class="bx bx-purchase-tag"></i>
+            </span>
+            <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Domains")</span>
+        </a>
+    </div>
+    <div class="menu-item">
+        <a class="menu-link" href="/changelog">
+            <span class="menu-icon">
+                <i class="bx bx-notepad"></i>
+            </span>
+            <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Changelog")</span>
+        </a>
+    </div>
+
+    if (User.Admin)
+    {
+        <div class="menu-item pt-5">
+            <div class="menu-content">
+                <span class="menu-heading fw-bold text-uppercase fs-7">@TranslationService.Translate("Sidebar.Menu.Admin")</span>
+            </div>
+        </div>
+        <div class="menu-item">
+            <a class="menu-link" href="/admin">
+                <span class="menu-icon">
+                    <i class="bx bx-layer"></i>
+                </span>
+                <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Dashboard")</span>
+            </a>
+        </div>
+        <div class="menu-item">
+            <a class="menu-link" href="/admin/general">
+                <span class="menu-icon">
+                    <i class="bx bx-chip"></i>
+                </span>
+                <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.System")</span>
+            </a>
+        </div>
+        <div data-kt-menu-trigger="click" class="menu-item menu-accordion">
+            <span class="menu-link">
+                <span class="menu-icon">
+                    <i class="bx bx-server"></i>
+                </span>
+                <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Servers")</span>
+                <span class="menu-arrow"></span>
+            </span>
+            <div class="menu-sub menu-sub-accordion">
+                <div class="menu-item">
+                    <a class="menu-link" href="/admin/servers">
+                        <span class="menu-bullet">
+                            <span class="bullet bullet-dot"></span>
+                        </span>
+                        <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Overview")</span>
+                    </a>
+                </div>
+
+                <div class="menu-item">
+                    <a class="menu-link" href="/admin/servers/manager">
+                        <span class="menu-bullet">
+                            <span class="bullet bullet-dot"></span>
+                        </span>
+                        <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Manager")</span>
+                    </a>
+                </div>
+
+                <div class="menu-item">
+                    <a class="menu-link" href="/admin/servers/cleanup">
+                        <span class="menu-bullet">
+                            <span class="bullet bullet-dot"></span>
+                        </span>
+                        <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Cleanup")</span>
+                    </a>
+                </div>
+
+                <div class="menu-item">
+                    <a class="menu-link" href="/admin/nodes">
+                        <span class="menu-bullet">
+                            <span class="bullet bullet-dot"></span>
+                        </span>
+                        <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Nodes")</span>
+                    </a>
+                </div>
+
+                <div class="menu-item">
+                    <a class="menu-link" href="/admin/images">
+                        <span class="menu-bullet">
+                            <span class="bullet bullet-dot"></span>
+                        </span>
+                        <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Images")</span>
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div data-kt-menu-trigger="click" class="menu-item menu-accordion">
+            <span class="menu-link">
+                <span class="menu-icon">
+                    <i class="bx bx-cube"></i>
+                </span>
+                <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.AaPanel")</span>
+                <span class="menu-arrow"></span>
+            </span>
+            <div class="menu-sub menu-sub-accordion">
+                <div class="menu-item">
+                    <a class="menu-link" href="/admin/aapanel/">
+                        <span class="menu-bullet">
+                            <span class="bullet bullet-dot"></span>
+                        </span>
+                        <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Overview")</span>
+                    </a>
+                </div>
+                <div class="menu-item">
+                    <a class="menu-link" href="/admin/aapanel/databases">
+                        <span class="menu-bullet">
+                            <span class="bullet bullet-dot"></span>
+                        </span>
+                        <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Databases")</span>
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="menu-item">
+            <a class="menu-link" href="/admin/users">
+                <span class="menu-icon">
+                    <i class="bx bx-user"></i>
+                </span>
+                <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Users")</span>
+            </a>
+        </div>
+        <div class="menu-item">
+            <a class="menu-link" href="/admin/support">
+                <span class="menu-icon">
+                    <i class="bx bx-support"></i>
+                </span>
+                <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Support")</span>
+            </a>
+        </div>
+        <div class="menu-item">
+            <a class="menu-link" href="/admin/statistics">
+                <span class="menu-icon">
+                    <i class="bx bx-objects-vertical-bottom"></i>
+                </span>
+                <span class="menu-title">@TranslationService.Translate("Sidebar.Menu.Statistics")</span>
+            </a>
+        </div>
+    }
+}
+</div>
+</div>
+</div>
+
+@code
+{
+    private User? User;
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            User = await IdentityService.Get();
+
+            await InvokeAsync(StateHasChanged);
+        }
+    }
+}

Moonlight/Shared/Components/Partials/ThemeSwitcher.razor

@@ -0,0 +1,52 @@
+@inject IJSRuntime JsRuntime
+
+<a href="#" class="@ToggleBtnClass" data-kt-menu-trigger="@Trigger" data-kt-menu-attach="parent" data-kt-menu-placement="@MenuPlacement">
+    <i class="theme-light-show bx bx-sun"></i>
+    <i class="theme-dark-show bx bx-moon" ></i>
+</a>
+
+<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-muted menu-active-bg menu-state-primary fw-semibold py-4 fs-base w-175px" data-kt-menu="true" data-kt-element="theme-mode-menu">
+    <div class="menu-item px-3 my-0">
+        <a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="light" @onclick="TriggerFlashbang">
+            <span class="menu-icon" data-kt-element="icon">
+                <i class="bx bx-sun"></i>
+            </span>
+            <span class="menu-title">Lightmode</span>
+        </a>
+    </div>
+    <div class="menu-item px-3 my-0">
+        <a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="dark">
+            <span class="menu-icon" data-kt-element="icon">
+                <i class="bx bx-moon"></i>
+            </span>
+            <span class="menu-title">Darkmode</span>
+        </a>
+    </div>
+    <div class="menu-item px-3 my-0">
+        <a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="system">
+            <span class="menu-icon" data-kt-element="icon">
+                <i class="bx bx-cog"></i>
+            </span>
+            <span class="menu-title">System</span>
+        </a>
+    </div>
+</div>
+
+@code {
+    [Parameter]
+    public string ToggleBtnClass { get; set; } = "";
+
+    [Parameter]
+    public string MenuPlacement { get; set; } = "bottom-end";
+    
+    [Parameter]
+    public string ToggleBtnIconClass { get; set; } = "svg-icon svg-icon-2";
+    
+    [Parameter]
+    public string Trigger { get; set; } = "{default:'click'}";
+    
+    private async void TriggerFlashbang()
+    {
+        await JsRuntime.InvokeVoidAsync("flashbang");
+    }
+}

Moonlight/Shared/Layouts/MainLayout.razor

@@ -0,0 +1,139 @@
+@using Moonlight.Shared.Components.ErrorBoundaries
+@using Moonlight.Shared.Components.Partials
+@using Moonlight.Shared.Components.Alerts
+@using Moonlight.App.Database.Entities
+@using Moonlight.App.Models.Misc
+@using Moonlight.App.Services.Sessions
+
+@layout ThemeInit
+@implements IDisposable
+@inherits LayoutComponentBase
+
+@inject IJSRuntime JsRuntime
+@inject IdentityService IdentityService
+@inject SessionService SessionService
+@inject NavigationManager NavigationManager
+
+<GlobalErrorBoundary>
+    <div class="d-flex flex-column flex-root app-root" id="kt_app_root">
+        <div class="app-page flex-column flex-column-fluid" id="kt_app_page">
+            <canvas id="snow" class="snow-canvas"></canvas>
+            
+            @{
+                //TODO: Add a way to disable the snow
+            }
+
+            <PageHeader></PageHeader>
+            <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
+                <Sidebar></Sidebar>
+                <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
+                    <div class="d-flex flex-column flex-column-fluid">
+                        <div id="kt_app_content" class="app-content flex-column-fluid">
+                            <div id="kt_app_content_container" class="app-container container-fluid">
+                                <div class="mt-10">
+                                    <PageErrorBoundary>
+                                        @if (User == null)
+                                        {
+                                            @Body
+                                        }
+                                        else
+                                        {
+                                            if (User.Status == UserStatus.Banned)
+                                            {
+                                                <BannedAlert></BannedAlert>
+                                            }
+                                            else if (User.Status == UserStatus.Disabled)
+                                            {
+                                                <DisabledAlert></DisabledAlert>
+                                            }
+                                            else
+                                            {
+                                                @Body
+                                            }
+                                        }
+                                    </PageErrorBoundary>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <Footer></Footer>
+                </div>
+            </div>
+        </div>
+    </div>
+</GlobalErrorBoundary>
+
+@code
+{
+    private User? User;
+    
+    protected override void OnInitialized()
+    {
+        AddBodyAttribute("data-kt-app-page-loading", "on");
+    }
+
+    protected override void OnAfterRender(bool firstRender)
+    {
+        //Initialize classes and attributes for layout with dark sidebar
+        AddBodyAttribute("data-kt-app-reset-transition", "true");
+
+        AddBodyAttribute("data-kt-app-layout", "dark-sidebar");
+        AddBodyAttribute("data-kt-app-header-fixed", "true");
+        AddBodyAttribute("data-kt-app-sidebar-fixed", "true");
+        AddBodyAttribute("data-kt-app-sidebar-hoverable", "true");
+        AddBodyAttribute("data-kt-app-sidebar-push-header", "true");
+        AddBodyAttribute("data-kt-app-sidebar-push-toolbar", "true");
+        AddBodyAttribute("data-kt-app-sidebar-push-footer", "true");
+        AddBodyAttribute("data-kt-app-toolbar-enabled", "true");
+
+        AddBodyClass("app-default");
+
+        JsRuntime.InvokeVoidAsync("KTModalUpgradePlan.init");
+        JsRuntime.InvokeVoidAsync("KTCreateApp.init");
+        JsRuntime.InvokeVoidAsync("KTModalUserSearch.init");
+        JsRuntime.InvokeVoidAsync("KTModalNewTarget.init");
+    }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            try
+            {
+                User = await IdentityService.Get();
+
+                await InvokeAsync(StateHasChanged);
+                await Task.Delay(300);
+                
+                await JsRuntime.InvokeVoidAsync("document.body.removeAttribute", "data-kt-app-reset-transition");
+                await JsRuntime.InvokeVoidAsync("document.body.removeAttribute", "data-kt-app-page-loading");
+                await JsRuntime.InvokeVoidAsync("KTMenu.createInstances");
+                await JsRuntime.InvokeVoidAsync("KTDrawer.createInstances");
+                await JsRuntime.InvokeVoidAsync("createSnow");
+
+                await SessionService.Register();
+
+                NavigationManager.LocationChanged += (sender, args) => { SessionService.Refresh(); };
+            }
+            catch (Exception)
+            {
+                // ignored
+            }
+        }
+    }
+
+    public void Dispose()
+    {
+        SessionService.Close();
+    }
+
+    private void AddBodyAttribute(string attribute, string value)
+    {
+        JsRuntime.InvokeVoidAsync("document.body.setAttribute", attribute, value);
+    }
+    
+    private void AddBodyClass(string className)
+    {
+        JsRuntime.InvokeVoidAsync("document.body.classList.add", className);
+    }
+}

Moonlight/Shared/Layouts/ThemeInit.razor

@@ -0,0 +1,78 @@
+@inherits LayoutComponentBase
+@inject IJSRuntime JS
+@inject NavigationManager NavigationManager
+
+@Body
+
+<script suppress-error="BL9992">
+window.emptyBody = function(){
+    document.body.className = '';
+}
+</script>
+
+@code
+{
+    protected override void OnAfterRender(bool firstRender)
+    {
+        JS.InvokeVoidAsync("KTThemeMode.init");
+        JS.InvokeVoidAsync("emptyBody");
+        
+        if (firstRender)
+        {
+            JS.InvokeVoidAsync("scrollTo", 0, 0);
+            JS.InvokeVoidAsync("KTDialer.init");
+            JS.InvokeVoidAsync("KTDrawer.init");
+            JS.InvokeVoidAsync("KTMenu.init");
+            JS.InvokeVoidAsync("KTImageInput.init");
+            JS.InvokeVoidAsync("KTPasswordMeter.init");
+            JS.InvokeVoidAsync("KTScroll.init");
+            JS.InvokeVoidAsync("KTScrolltop.init");
+            JS.InvokeVoidAsync("KTSticky.init");
+            JS.InvokeVoidAsync("KTSwapper.init");
+            JS.InvokeVoidAsync("KTToggle.init");
+            JS.InvokeVoidAsync("KTMenu.updateByLinkAttribute", $"/{NavigationManager.ToBaseRelativePath(NavigationManager.Uri)}");
+        }
+        
+        JS.InvokeVoidAsync("KTLayoutSearch.init");
+        JS.InvokeVoidAsync("KTAppSidebar.init");
+    }
+
+
+    protected override void OnInitialized()
+    {
+        NavigationManager.LocationChanged += OnLocationChanged;
+    }
+
+    private async void OnLocationChanged(object sender, LocationChangedEventArgs args)
+    {
+        await InvokeJsSave("scrollTo", 0, 0);
+        await InvokeJsSave("KTDrawer.createInstances");
+        await InvokeJsSave("KTMenu.createInstances");
+        await InvokeJsSave("KTImageInput.createInstances");
+        await InvokeJsSave("KTPasswordMeter.createInstances");
+        await InvokeJsSave("KTScroll.createInstances");
+        await InvokeJsSave("KTScrolltop.createInstances");
+        await InvokeJsSave("KTSticky.createInstances");
+        await InvokeJsSave("KTSwapper.createInstances");
+        await InvokeJsSave("KTToggle.createInstances");
+        await InvokeJsSave("KTMenu.updateByLinkAttribute", $"/{NavigationManager.ToBaseRelativePath(args.Location)}");
+        await InvokeJsSave("KTAppSidebar.init");
+    }
+
+    private async Task InvokeJsSave(string method, params object[] args)
+    {
+        try
+        {
+            await JS.InvokeVoidAsync(method, args);
+        }
+        catch (Exception)
+        {
+            // ignored
+        }
+    }
+
+    public void Dispose()
+    {
+        NavigationManager.LocationChanged -= OnLocationChanged;
+    }
+}

Moonlight/Shared/MainLayout.razor

@@ -1,19 +0,0 @@
-@inherits LayoutComponentBase
-
-<PageTitle>Moonlight</PageTitle>
-
-<div class="page">
-    <div class="sidebar">
-        <NavMenu />
-    </div>
-
-    <main>
-        <div class="top-row px-4">
-            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
-        </div>
-
-        <article class="content px-4">
-            @Body
-        </article>
-    </main>
-</div>

Moonlight/Shared/MainLayout.razor.css

@@ -1,70 +0,0 @@
-.page {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-}
-
-main {
-    flex: 1;
-}
-
-.sidebar {
-    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
-}
-
-.top-row {
-    background-color: #f7f7f7;
-    border-bottom: 1px solid #d6d5d5;
-    justify-content: flex-end;
-    height: 3.5rem;
-    display: flex;
-    align-items: center;
-}
-
-    .top-row ::deep a, .top-row .btn-link {
-        white-space: nowrap;
-        margin-left: 1.5rem;
-    }
-
-    .top-row a:first-child {
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-@media (max-width: 640.98px) {
-    .top-row:not(.auth) {
-        display: none;
-    }
-
-    .top-row.auth {
-        justify-content: space-between;
-    }
-
-    .top-row a, .top-row .btn-link {
-        margin-left: 0;
-    }
-}
-
-@media (min-width: 641px) {
-    .page {
-        flex-direction: row;
-    }
-
-    .sidebar {
-        width: 250px;
-        height: 100vh;
-        position: sticky;
-        top: 0;
-    }
-
-    .top-row {
-        position: sticky;
-        top: 0;
-        z-index: 1;
-    }
-
-    .top-row, article {
-        padding-left: 2rem !important;
-        padding-right: 1.5rem !important;
-    }
-}

Moonlight/Shared/NavMenu.razor

@@ -1,39 +0,0 @@
-<div class="top-row ps-3 navbar navbar-dark">
-    <div class="container-fluid">
-        <a class="navbar-brand" href="">Moonlight</a>
-        <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-    </div>
-</div>
-
-<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
-    <nav class="flex-column">
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
-                <span class="oi oi-home" aria-hidden="true"></span> Home
-            </NavLink>
-        </div>
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="counter">
-                <span class="oi oi-plus" aria-hidden="true"></span> Counter
-            </NavLink>
-        </div>
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="fetchdata">
-                <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
-            </NavLink>
-        </div>
-    </nav>
-</div>
-
-@code {
-    private bool collapseNavMenu = true;
-
-    private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
-
-    private void ToggleNavMenu()
-    {
-        collapseNavMenu = !collapseNavMenu;
-    }
-}

Moonlight/Shared/NavMenu.razor.css

@@ -1,62 +0,0 @@
-.navbar-toggler {
-    background-color: rgba(255, 255, 255, 0.1);
-}
-
-.top-row {
-    height: 3.5rem;
-    background-color: rgba(0,0,0,0.4);
-}
-
-.navbar-brand {
-    font-size: 1.1rem;
-}
-
-.oi {
-    width: 2rem;
-    font-size: 1.1rem;
-    vertical-align: text-top;
-    top: -2px;
-}
-
-.nav-item {
-    font-size: 0.9rem;
-    padding-bottom: 0.5rem;
-}
-
-    .nav-item:first-of-type {
-        padding-top: 1rem;
-    }
-
-    .nav-item:last-of-type {
-        padding-bottom: 1rem;
-    }
-
-    .nav-item ::deep a {
-        color: #d7d7d7;
-        border-radius: 4px;
-        height: 3rem;
-        display: flex;
-        align-items: center;
-        line-height: 3rem;
-    }
-
-.nav-item ::deep a.active {
-    background-color: rgba(255,255,255,0.25);
-    color: white;
-}
-
-.nav-item ::deep a:hover {
-    background-color: rgba(255,255,255,0.1);
-    color: white;
-}
-
-@media (min-width: 641px) {
-    .navbar-toggler {
-        display: none;
-    }
-
-    .collapse {
-        /* Never collapse the sidebar for wide screens */
-        display: block;
-    }
-}

Moonlight/Shared/SurveyPrompt.razor

@@ -1,16 +0,0 @@
-<div class="alert alert-secondary mt-4">
-    <span class="oi oi-pencil me-2" aria-hidden="true"></span>
-    <strong>@Title</strong>
-
-    <span class="text-nowrap">
-        Please take our
-        <a target="_blank" class="font-weight-bold link-dark" href="https://go.microsoft.com/fwlink/?linkid=2149017">brief survey</a>
-    </span>
-    and tell us what you think.
-</div>
-
-@code {
-    // Demonstrates how a parent component can supply parameters
-    [Parameter]
-    public string? Title { get; set; }
-}

Moonlight/Shared/Views/Index.razor

@@ -0,0 +1,7 @@
+@page "/"
+
+<div class="card">
+    <div class="card-body">
+        x
+    </div>
+</div>

Moonlight/_Imports.razor

@@ -7,4 +7,3 @@
 @using Microsoft.AspNetCore.Components.Web.Virtualization
 @using Microsoft.JSInterop
 @using Moonlight
-@using Moonlight.Shared

Moonlight/obj/Debug/net6.0/Moonlight.GeneratedMSBuildEditorConfig.editorconfig

@@ -15,37 +15,69 @@ build_property.GenerateRazorMetadataSourceChecksumAttributes =
 build_property.MSBuildProjectDirectory = C:\Users\marce\source\repos\MoonlightPublic\Moonlight\Moonlight
 build_property._RazorSourceGeneratorDebug = 
 
-[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/App.razor]
-build_metadata.AdditionalFiles.TargetPath = QXBwLnJhem9y
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/BlazorApp.razor]
+build_metadata.AdditionalFiles.TargetPath = Qmxhem9yQXBwLnJhem9y
 build_metadata.AdditionalFiles.CssScope = 
 
-[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Pages/Counter.razor]
-build_metadata.AdditionalFiles.TargetPath = UGFnZXNcQ291bnRlci5yYXpvcg==
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Components/Alerts/BannedAlert.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXENvbXBvbmVudHNcQWxlcnRzXEJhbm5lZEFsZXJ0LnJhem9y
 build_metadata.AdditionalFiles.CssScope = 
 
-[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Pages/FetchData.razor]
-build_metadata.AdditionalFiles.TargetPath = UGFnZXNcRmV0Y2hEYXRhLnJhem9y
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Components/Alerts/DisabledAlert.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXENvbXBvbmVudHNcQWxlcnRzXERpc2FibGVkQWxlcnQucmF6b3I=
 build_metadata.AdditionalFiles.CssScope = 
 
-[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Pages/Index.razor]
-build_metadata.AdditionalFiles.TargetPath = UGFnZXNcSW5kZXgucmF6b3I=
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Components/ErrorBoundaries/ComponentErrorBoundary.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXENvbXBvbmVudHNcRXJyb3JCb3VuZGFyaWVzXENvbXBvbmVudEVycm9yQm91bmRhcnkucmF6b3I=
 build_metadata.AdditionalFiles.CssScope = 
 
-[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/SurveyPrompt.razor]
-build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXFN1cnZleVByb21wdC5yYXpvcg==
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Components/ErrorBoundaries/GlobalErrorBoundary.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXENvbXBvbmVudHNcRXJyb3JCb3VuZGFyaWVzXEdsb2JhbEVycm9yQm91bmRhcnkucmF6b3I=
 build_metadata.AdditionalFiles.CssScope = 
 
-[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/_Imports.razor]
-build_metadata.AdditionalFiles.TargetPath = X0ltcG9ydHMucmF6b3I=
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Components/ErrorBoundaries/PageErrorBoundary.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXENvbXBvbmVudHNcRXJyb3JCb3VuZGFyaWVzXFBhZ2VFcnJvckJvdW5kYXJ5LnJhem9y
+build_metadata.AdditionalFiles.CssScope = 
+
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Components/Partials/Footer.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXENvbXBvbmVudHNcUGFydGlhbHNcRm9vdGVyLnJhem9y
+build_metadata.AdditionalFiles.CssScope = 
+
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Components/Partials/Navbar.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXENvbXBvbmVudHNcUGFydGlhbHNcTmF2YmFyLnJhem9y
+build_metadata.AdditionalFiles.CssScope = 
+
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Components/Partials/PageHeader.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXENvbXBvbmVudHNcUGFydGlhbHNcUGFnZUhlYWRlci5yYXpvcg==
+build_metadata.AdditionalFiles.CssScope = 
+
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Components/Partials/Sidebar.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXENvbXBvbmVudHNcUGFydGlhbHNcU2lkZWJhci5yYXpvcg==
+build_metadata.AdditionalFiles.CssScope = 
+
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Components/Partials/SidebarMenu.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXENvbXBvbmVudHNcUGFydGlhbHNcU2lkZWJhck1lbnUucmF6b3I=
+build_metadata.AdditionalFiles.CssScope = 
+
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Components/Partials/ThemeSwitcher.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXENvbXBvbmVudHNcUGFydGlhbHNcVGhlbWVTd2l0Y2hlci5yYXpvcg==
 build_metadata.AdditionalFiles.CssScope = 
 
-[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/MainLayout.razor]
-build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXE1haW5MYXlvdXQucmF6b3I=
-build_metadata.AdditionalFiles.CssScope = b-0cy8r6qmkj
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Layouts/MainLayout.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXExheW91dHNcTWFpbkxheW91dC5yYXpvcg==
+build_metadata.AdditionalFiles.CssScope = 
+
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Layouts/ThemeInit.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXExheW91dHNcVGhlbWVJbml0LnJhem9y
+build_metadata.AdditionalFiles.CssScope = 
 
-[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/NavMenu.razor]
-build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXE5hdk1lbnUucmF6b3I=
-build_metadata.AdditionalFiles.CssScope = b-h6mpglkmdc
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Shared/Views/Index.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXFZpZXdzXEluZGV4LnJhem9y
+build_metadata.AdditionalFiles.CssScope = 
+
+[C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/_Imports.razor]
+build_metadata.AdditionalFiles.TargetPath = X0ltcG9ydHMucmF6b3I=
+build_metadata.AdditionalFiles.CssScope = 
 
 [C:/Users/marce/source/repos/MoonlightPublic/Moonlight/Moonlight/Pages/Error.cshtml]
 build_metadata.AdditionalFiles.TargetPath = UGFnZXNcRXJyb3IuY3NodG1s

Moonlight/obj/Moonlight.csproj.nuget.dgspec.json

@@ -46,9 +46,95 @@
         "net6.0": {
           "targetAlias": "net6.0",
           "dependencies": {
+            "BCrypt.Net-Next": {
+              "target": "Package",
+              "version": "[4.0.3, )"
+            },
+            "Ben.Demystifier": {
+              "target": "Package",
+              "version": "[0.4.1, )"
+            },
+            "Blazor.ContextMenu": {
+              "target": "Package",
+              "version": "[1.15.0, )"
+            },
+            "BlazorMonaco": {
+              "target": "Package",
+              "version": "[3.0.0, )"
+            },
+            "BlazorTable": {
+              "target": "Package",
+              "version": "[1.17.0, )"
+            },
+            "CurrieTechnologies.Razor.SweetAlert2": {
+              "target": "Package",
+              "version": "[5.4.0, )"
+            },
+            "Discord.Net": {
+              "target": "Package",
+              "version": "[3.9.0, )"
+            },
+            "GravatarSharp.Core": {
+              "target": "Package",
+              "version": "[0.9.0.2, )"
+            },
+            "JWT": {
+              "target": "Package",
+              "version": "[10.0.2, )"
+            },
+            "Logging.Net": {
+              "target": "Package",
+              "version": "[1.1.0, )"
+            },
+            "Microsoft.EntityFrameworkCore.Design": {
+              "include": "Runtime, Build, Native, ContentFiles, Analyzers, BuildTransitive",
+              "suppressParent": "All",
+              "target": "Package",
+              "version": "[7.0.3, )"
+            },
             "Microsoft.VisualStudio.Azure.Containers.Tools.Targets": {
               "target": "Package",
               "version": "[1.15.1, )"
+            },
+            "MineStat": {
+              "target": "Package",
+              "version": "[3.1.1, )"
+            },
+            "Newtonsoft.Json": {
+              "target": "Package",
+              "version": "[13.0.3-beta1, )"
+            },
+            "Otp.NET": {
+              "target": "Package",
+              "version": "[1.3.0, )"
+            },
+            "Pomelo.EntityFrameworkCore.MySql": {
+              "target": "Package",
+              "version": "[7.0.0, )"
+            },
+            "PteroConsole.NET": {
+              "target": "Package",
+              "version": "[1.0.4, )"
+            },
+            "QRCoder": {
+              "target": "Package",
+              "version": "[1.4.3, )"
+            },
+            "RestSharp": {
+              "target": "Package",
+              "version": "[109.0.0-preview.1, )"
+            },
+            "UAParser": {
+              "target": "Package",
+              "version": "[3.1.47, )"
+            },
+            "XtermBlazor": {
+              "target": "Package",
+              "version": "[1.6.1, )"
+            },
+            "aaPanelSharp": {
+              "target": "Package",
+              "version": "[1.0.0, )"
             }
           },
           "imports": [

Moonlight/obj/Moonlight.csproj.nuget.g.props

@@ -15,7 +15,14 @@
     <SourceRoot Include="C:\Program Files\dotnet\sdk\NuGetFallbackFolder\" />
   </ItemGroup>
   <ImportGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
+    <Import Project="$(NuGetPackageRoot)xtermblazor\1.6.1\buildTransitive\XtermBlazor.props" Condition="Exists('$(NuGetPackageRoot)xtermblazor\1.6.1\buildTransitive\XtermBlazor.props')" />
+    <Import Project="$(NuGetPackageRoot)microsoft.entityframeworkcore\7.0.3\buildTransitive\net6.0\Microsoft.EntityFrameworkCore.props" Condition="Exists('$(NuGetPackageRoot)microsoft.entityframeworkcore\7.0.3\buildTransitive\net6.0\Microsoft.EntityFrameworkCore.props')" />
     <Import Project="$(NuGetPackageRoot)microsoft.visualstudio.azure.containers.tools.targets\1.15.1\build\Microsoft.VisualStudio.Azure.Containers.Tools.Targets.props" Condition="Exists('$(NuGetPackageRoot)microsoft.visualstudio.azure.containers.tools.targets\1.15.1\build\Microsoft.VisualStudio.Azure.Containers.Tools.Targets.props')" />
+    <Import Project="$(NuGetPackageRoot)microsoft.entityframeworkcore.design\7.0.3\build\net6.0\Microsoft.EntityFrameworkCore.Design.props" Condition="Exists('$(NuGetPackageRoot)microsoft.entityframeworkcore.design\7.0.3\build\net6.0\Microsoft.EntityFrameworkCore.Design.props')" />
+    <Import Project="$(NuGetPackageRoot)currietechnologies.razor.sweetalert2\5.4.0\buildTransitive\CurrieTechnologies.Razor.SweetAlert2.props" Condition="Exists('$(NuGetPackageRoot)currietechnologies.razor.sweetalert2\5.4.0\buildTransitive\CurrieTechnologies.Razor.SweetAlert2.props')" />
+    <Import Project="$(NuGetPackageRoot)blazortable\1.17.0\buildTransitive\BlazorTable.props" Condition="Exists('$(NuGetPackageRoot)blazortable\1.17.0\buildTransitive\BlazorTable.props')" />
+    <Import Project="$(NuGetPackageRoot)blazormonaco\3.0.0\buildTransitive\BlazorMonaco.props" Condition="Exists('$(NuGetPackageRoot)blazormonaco\3.0.0\buildTransitive\BlazorMonaco.props')" />
+    <Import Project="$(NuGetPackageRoot)blazor.contextmenu\1.15.0\buildTransitive\Blazor.ContextMenu.props" Condition="Exists('$(NuGetPackageRoot)blazor.contextmenu\1.15.0\buildTransitive\Blazor.ContextMenu.props')" />
   </ImportGroup>
   <PropertyGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
     <PkgMicrosoft_VisualStudio_Azure_Containers_Tools_Targets Condition=" '$(PkgMicrosoft_VisualStudio_Azure_Containers_Tools_Targets)' == '' ">C:\Users\marce\.nuget\packages\microsoft.visualstudio.azure.containers.tools.targets\1.15.1</PkgMicrosoft_VisualStudio_Azure_Containers_Tools_Targets>

Moonlight/obj/Moonlight.csproj.nuget.g.targets

@@ -1,6 +1,9 @@
 <?xml version="1.0" encoding="utf-8" standalone="no"?>
 <Project ToolsVersion="14.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <ImportGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
+    <Import Project="$(NuGetPackageRoot)microsoft.extensions.logging.abstractions\7.0.0\buildTransitive\net6.0\Microsoft.Extensions.Logging.Abstractions.targets" Condition="Exists('$(NuGetPackageRoot)microsoft.extensions.logging.abstractions\7.0.0\buildTransitive\net6.0\Microsoft.Extensions.Logging.Abstractions.targets')" />
+    <Import Project="$(NuGetPackageRoot)microsoft.aspnetcore.components.analyzers\6.0.9\buildTransitive\netstandard2.0\Microsoft.AspNetCore.Components.Analyzers.targets" Condition="Exists('$(NuGetPackageRoot)microsoft.aspnetcore.components.analyzers\6.0.9\buildTransitive\netstandard2.0\Microsoft.AspNetCore.Components.Analyzers.targets')" />
+    <Import Project="$(NuGetPackageRoot)system.text.json\7.0.0\buildTransitive\net6.0\System.Text.Json.targets" Condition="Exists('$(NuGetPackageRoot)system.text.json\7.0.0\buildTransitive\net6.0\System.Text.Json.targets')" />
     <Import Project="$(NuGetPackageRoot)microsoft.visualstudio.azure.containers.tools.targets\1.15.1\build\Microsoft.VisualStudio.Azure.Containers.Tools.Targets.targets" Condition="Exists('$(NuGetPackageRoot)microsoft.visualstudio.azure.containers.tools.targets\1.15.1\build\Microsoft.VisualStudio.Azure.Containers.Tools.Targets.targets')" />
   </ImportGroup>
 </Project>

Moonlight/obj/project.nuget.cache

@@ -1,10 +1,87 @@
 {
   "version": 2,
-  "dgSpecHash": "yy/NjlE13jUBAfYW0Jby0Um0q1bacbuKsTzQSymbyV/SUAbvE/vTqe61sVtjo+aDJhhfe6IkK+vrTFEXlUUEoA==",
+  "dgSpecHash": "kweG9cyheq0lvUg6tPkk+sPoY2pPlReL0QP5jHLJNWl9pUpDd+CJp7bLfFE9WjjPi9DegeiFh5tJQ1eO1r96RA==",
   "success": true,
   "projectFilePath": "C:\\Users\\marce\\source\\repos\\MoonlightPublic\\Moonlight\\Moonlight\\Moonlight.csproj",
   "expectedPackageFiles": [
-    "C:\\Users\\marce\\.nuget\\packages\\microsoft.visualstudio.azure.containers.tools.targets\\1.15.1\\microsoft.visualstudio.azure.containers.tools.targets.1.15.1.nupkg.sha512"
+    "C:\\Users\\marce\\.nuget\\packages\\aapanelsharp\\1.0.0\\aapanelsharp.1.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\bcrypt.net-next\\4.0.3\\bcrypt.net-next.4.0.3.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\ben.demystifier\\0.4.1\\ben.demystifier.0.4.1.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\blazor.contextmenu\\1.15.0\\blazor.contextmenu.1.15.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\blazormonaco\\3.0.0\\blazormonaco.3.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\blazortable\\1.17.0\\blazortable.1.17.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\currietechnologies.razor.sweetalert2\\5.4.0\\currietechnologies.razor.sweetalert2.5.4.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\discord.net\\3.9.0\\discord.net.3.9.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\discord.net.commands\\3.9.0\\discord.net.commands.3.9.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\discord.net.core\\3.9.0\\discord.net.core.3.9.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\discord.net.interactions\\3.9.0\\discord.net.interactions.3.9.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\discord.net.rest\\3.9.0\\discord.net.rest.3.9.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\discord.net.webhook\\3.9.0\\discord.net.webhook.3.9.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\discord.net.websocket\\3.9.0\\discord.net.websocket.3.9.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\gravatarsharp.core\\0.9.0.2\\gravatarsharp.core.0.9.0.2.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\humanizer.core\\2.14.1\\humanizer.core.2.14.1.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\jwt\\10.0.2\\jwt.10.0.2.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\linqkit.core\\1.1.26\\linqkit.core.1.1.26.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\logging.net\\1.1.0\\logging.net.1.1.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\macross.json.extensions\\3.0.0\\macross.json.extensions.3.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.aspnetcore.authorization\\6.0.9\\microsoft.aspnetcore.authorization.6.0.9.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.aspnetcore.components\\6.0.9\\microsoft.aspnetcore.components.6.0.9.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.aspnetcore.components.analyzers\\6.0.9\\microsoft.aspnetcore.components.analyzers.6.0.9.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.aspnetcore.components.forms\\6.0.9\\microsoft.aspnetcore.components.forms.6.0.9.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.aspnetcore.components.web\\6.0.9\\microsoft.aspnetcore.components.web.6.0.9.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.aspnetcore.metadata\\6.0.9\\microsoft.aspnetcore.metadata.6.0.9.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.entityframeworkcore\\7.0.3\\microsoft.entityframeworkcore.7.0.3.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.entityframeworkcore.abstractions\\7.0.3\\microsoft.entityframeworkcore.abstractions.7.0.3.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.entityframeworkcore.analyzers\\7.0.3\\microsoft.entityframeworkcore.analyzers.7.0.3.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.entityframeworkcore.design\\7.0.3\\microsoft.entityframeworkcore.design.7.0.3.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.entityframeworkcore.relational\\7.0.3\\microsoft.entityframeworkcore.relational.7.0.3.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.extensions.caching.abstractions\\7.0.0\\microsoft.extensions.caching.abstractions.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.extensions.caching.memory\\7.0.0\\microsoft.extensions.caching.memory.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.extensions.configuration.abstractions\\7.0.0\\microsoft.extensions.configuration.abstractions.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.extensions.dependencyinjection\\7.0.0\\microsoft.extensions.dependencyinjection.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.extensions.dependencyinjection.abstractions\\7.0.0\\microsoft.extensions.dependencyinjection.abstractions.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.extensions.dependencymodel\\7.0.0\\microsoft.extensions.dependencymodel.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.extensions.localization\\3.1.18\\microsoft.extensions.localization.3.1.18.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.extensions.localization.abstractions\\3.1.18\\microsoft.extensions.localization.abstractions.3.1.18.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.extensions.logging\\7.0.0\\microsoft.extensions.logging.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.extensions.logging.abstractions\\7.0.0\\microsoft.extensions.logging.abstractions.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.extensions.options\\7.0.0\\microsoft.extensions.options.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.extensions.primitives\\7.0.0\\microsoft.extensions.primitives.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.jsinterop\\6.0.9\\microsoft.jsinterop.6.0.9.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\microsoft.visualstudio.azure.containers.tools.targets\\1.15.1\\microsoft.visualstudio.azure.containers.tools.targets.1.15.1.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\minestat\\3.1.1\\minestat.3.1.1.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\mono.texttemplating\\2.2.1\\mono.texttemplating.2.2.1.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\mysqlconnector\\2.2.5\\mysqlconnector.2.2.5.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\newtonsoft.json\\13.0.3-beta1\\newtonsoft.json.13.0.3-beta1.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\otp.net\\1.3.0\\otp.net.1.3.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\pomelo.entityframeworkcore.mysql\\7.0.0\\pomelo.entityframeworkcore.mysql.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\pteroconsole.net\\1.0.4\\pteroconsole.net.1.0.4.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\qrcoder\\1.4.3\\qrcoder.1.4.3.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\restsharp\\109.0.0-preview.1\\restsharp.109.0.0-preview.1.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\system.codedom\\4.4.0\\system.codedom.4.4.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\system.collections.immutable\\5.0.0\\system.collections.immutable.5.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\system.interactive.async\\5.0.0\\system.interactive.async.5.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\system.io.pipelines\\6.0.3\\system.io.pipelines.6.0.3.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\system.linq.async\\5.0.0\\system.linq.async.5.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\system.reactive\\5.0.0\\system.reactive.5.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\system.reflection.metadata\\5.0.0\\system.reflection.metadata.5.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\system.runtime.compilerservices.unsafe\\6.0.0\\system.runtime.compilerservices.unsafe.6.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\system.text.encodings.web\\7.0.0\\system.text.encodings.web.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\system.text.json\\7.0.0\\system.text.json.7.0.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\system.valuetuple\\4.5.0\\system.valuetuple.4.5.0.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\uaparser\\3.1.47\\uaparser.3.1.47.nupkg.sha512",
+    "C:\\Users\\marce\\.nuget\\packages\\xtermblazor\\1.6.1\\xtermblazor.1.6.1.nupkg.sha512"
   ],
-  "logs": []
+  "logs": [
+    {
+      "code": "NU1701",
+      "level": "Warning",
+      "warningLevel": 1,
+      "message": "Package 'GravatarSharp.Core 0.9.0.2' was restored using '.NETFramework,Version=v4.6.1, .NETFramework,Version=v4.6.2, .NETFramework,Version=v4.7, .NETFramework,Version=v4.7.1, .NETFramework,Version=v4.7.2, .NETFramework,Version=v4.8' instead of the project target framework 'net6.0'. This package may not be fully compatible with your project.",
+      "libraryId": "GravatarSharp.Core",
+      "targetGraphs": [
+        "net6.0"
+      ]
+    }
+  ]
 }

Moonlight/resources/lang/en_us.json

@@ -0,0 +1,67 @@
+{
+  "Crashes": {
+    "Component": {
+      "Title": "Ooops. Something went wrong",
+      "Details": "This component has crashed"
+    },
+    "Page": {
+      "Title": "Ooops. Something went wrong",
+      "Details": "This site has crashed"
+    },
+    "Global": {
+      "Title": "Ooops. Something went wrong",
+      "Details": "Your moonlight client has crashed"
+    }
+  },
+  "Footer": {
+    "AboutUs": "About us",
+    "Imprint": "Imprint",
+    "Privacy": "Privacy"
+  },
+  "Alerts": {
+    "Banned": {
+      "Title": "Your account is banned from moonlight",
+      "Details": "Your data will be deleted shortly. For more information contact support"
+    },
+    "Disabled": {
+      "Title": "Your account is temporary banned from moonlight",
+      "Details": "Your data is is still saved but the access to it is not possible at this time. For more information contact support"
+    }
+  },
+  "Navbar": {
+    "Account": {
+      "Settings": "Account settings"
+    },
+    "Logout": "Logout"
+  },
+  "Sidebar": {
+    "Footer": {
+      "OpenSupport": "Open support"
+    },
+    "Menu": {
+      "Login": "Login",
+      "Register": "Register",
+      "Dashboard": "Dashboard",
+      "Order": "Order",
+      "Website": "Website",
+      "Database": "Database",
+      "Domain": "Domain",
+      "Servers": "Servers",
+      "Websites": "Websites",
+      "Databases": "Databases",
+      "Domains": "Domains",
+      "Changelog": "Changelog",
+      "Admin": "Admin",
+      "System": "System",
+      "Overview": "Overview",
+      "Manager": "Manager",
+      "Cleanup": "Cleanup",
+      "Nodes": "Nodes",
+      "Images": "Images",
+      "AaPanel": "AaPanel",
+      "Users": "Users",
+      "Support": "Support",
+      "Statistics": "Statistics"
+    }
+  }
+}

Moonlight/resources/public/images/logo.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="256px" height="301px" viewBox="0 0 256 301" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <defs>
+        <linearGradient x1="2.17771739%" y1="34.7938955%" x2="92.7221942%" y2="91.3419405%" id="linearGradient-1">
+            <stop stop-color="#41A7EF" offset="0%"></stop>
+            <stop stop-color="#813DDE" offset="54.2186236%"></stop>
+            <stop stop-color="#8F2EE2" offset="74.4988788%"></stop>
+            <stop stop-color="#A11CE6" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g>
+        <path d="M124.183681,101.699 C124.183681,66.515 136.256681,34.152 156.486681,8.525 C159.197681,5.092 156.787681,0.069 152.412681,0.012 C151.775681,0.004 151.136681,0 150.497681,0 C67.6206813,0 0.390681343,66.99 0.00168134279,149.775 C-0.386318657,232.369 66.4286813,300.195 149.019681,300.988 C189.884681,301.381 227.036681,285.484 254.376681,259.395 C257.519681,256.396 255.841681,251.082 251.548681,250.42 C179.413681,239.291 124.183681,176.949 124.183681,101.699" fill="url(#linearGradient-1)"></path>
+    </g>
+</svg>

Moonlight/wwwroot/assets/css/blazor.css

@@ -0,0 +1,58 @@
+.my-reconnect-modal {
+    display: none;
+}
+
+.my-reconnect-modal > div {
+    position: fixed;
+    inset: 0px;
+    z-index: 1050;
+    overflow: hidden;
+    text-align: center;
+    font-weight: bold;
+    transition: visibility 0s linear 500ms;
+    backdrop-filter: blur(20px);
+    background-color: #0008;
+}
+
+.components-reconnect-hide > div {
+    display: none;
+}
+
+.components-reconnect-show > div {
+    display: none;
+}
+
+.components-reconnect-show > .show {
+    display: block;
+}
+
+.components-reconnect-failed > div {
+    display: none;
+}
+
+.components-reconnect-failed > .failed {
+    display: block;
+}
+
+.components-reconnect-rejected > div {
+    display: none;
+}
+
+.components-reconnect-rejected > .rejected {
+    display: block;
+}
+.components-reconnect-hide > div {
+    display: none;
+}
+
+.components-reconnect-show {
+    display: block;
+}
+
+.components-reconnect-failed {
+    display: block;
+}
+
+.components-reconnect-rejected {
+    display: block;
+}

Moonlight/wwwroot/assets/css/flashbang.css

@@ -0,0 +1,38 @@
+@keyframes flashbang {
+    0% {
+        opacity: 0;
+    }
+    1% {
+        opacity: 0.7;
+    }
+    2% {
+        opacity: 1;
+    }
+    45% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.8;
+    }
+    55% {
+        opacity: 0.7;
+    }
+    90% {
+        opacity: 0.3;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+.flashbanglight {
+    top: 50%;
+    left: 50%;
+    opacity: 1;
+    width: 1px;
+    height: 1px;
+    border-radius: 100%;
+    background: transparent;
+    z-index: 999;
+    color: gold;
+}

Moonlight/wwwroot/assets/css/invisiblea.css

@@ -0,0 +1,9 @@
+.invisible-a {
+    color: inherit;
+    cursor: pointer;
+}
+
+.invisible-a:hover {
+    color: inherit;
+    cursor: pointer;
+}

Moonlight/wwwroot/assets/css/snow.css

@@ -0,0 +1,9 @@
+.snow-canvas {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: -1;
+    pointer-events: none;
+}

Moonlight/wwwroot/assets/css/style.bundle.css

@@ -0,0 +1,47684 @@
+@charset "UTF-8";
+:root {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000000;
+  --bs-white: #ffffff;
+  --bs-gray: #7E8299;
+  --bs-gray-dark: #3F4254;
+  --bs-gray-100: #f5f8fa;
+  --bs-gray-200: #eff2f5;
+  --bs-gray-300: #E4E6EF;
+  --bs-gray-400: #B5B5C3;
+  --bs-gray-500: #A1A5B7;
+  --bs-gray-600: #7E8299;
+  --bs-gray-700: #5E6278;
+  --bs-gray-800: #3F4254;
+  --bs-gray-900: #181C32;
+  --bs-white: #ffffff;
+  --bs-light: #f5f8fa;
+  --bs-primary: #009ef7;
+  --bs-secondary: #E4E6EF;
+  --bs-success: #50cd89;
+  --bs-info: #7239ea;
+  --bs-warning: #ffc700;
+  --bs-danger: #f1416c;
+  --bs-dark: #181C32;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-light-rgb: 245, 248, 250;
+  --bs-primary-rgb: 0, 158, 247;
+  --bs-secondary-rgb: 228, 230, 239;
+  --bs-success-rgb: 80, 205, 137;
+  --bs-info-rgb: 114, 57, 234;
+  --bs-warning-rgb: 255, 199, 0;
+  --bs-danger-rgb: 241, 65, 108;
+  --bs-dark-rgb: 24, 28, 50;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-body-color-rgb: 24, 28, 50;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-font-sans-serif: Poppins, Helvetica, "sans-serif";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #181C32;
+  --bs-body-bg: #ffffff;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #eff2f5;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.475rem;
+  --bs-border-radius-sm: 0.425rem;
+  --bs-border-radius-lg: 0.625rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-2xl: 2rem;
+  --bs-border-radius-pill: 50rem;
+  --bs-heading-color: #181C32;
+  --bs-link-color: #009ef7;
+  --bs-link-hover-color: shift-color(#009ef7, 20%);
+  --bs-code-color: #b93993;
+  --bs-highlight-bg: #fff3cd;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: 1px solid;
+  opacity: 0.25;
+}
+
+h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 600;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1, .h1 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h1, .h1 {
+    font-size: 1.75rem;
+  }
+}
+
+h2, .h2 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h2, .h2 {
+    font-size: 1.5rem;
+  }
+}
+
+h3, .h3 {
+  font-size: calc(1.26rem + 0.12vw);
+}
+@media (min-width: 1200px) {
+  h3, .h3 {
+    font-size: 1.35rem;
+  }
+}
+
+h4, .h4 {
+  font-size: 1.25rem;
+}
+
+h5, .h5 {
+  font-size: 1.15rem;
+}
+
+h6, .h6 {
+  font-size: 1.075rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  text-decoration: underline dotted;
+  cursor: help;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 600;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: 700;
+}
+
+small, .small {
+  font-size: 0.875em;
+}
+
+mark, .mark {
+  padding: 0.1875em;
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: var(--bs-link-color);
+  text-decoration: none;
+}
+a:hover {
+  color: var(--bs-link-hover-color);
+  text-decoration: none;
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.425rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #A1A5B7;
+  text-align: left;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: left;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  outline-offset: -2px;
+  -webkit-appearance: textfield;
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+.lead {
+  font-size: 1.25rem;
+  font-weight: 300;
+}
+
+.display-1 {
+  font-size: calc(1.625rem + 4.5vw);
+  font-weight: 700;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-1 {
+    font-size: 5rem;
+  }
+}
+
+.display-2 {
+  font-size: calc(1.575rem + 3.9vw);
+  font-weight: 700;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-2 {
+    font-size: 4.5rem;
+  }
+}
+
+.display-3 {
+  font-size: calc(1.525rem + 3.3vw);
+  font-weight: 700;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-3 {
+    font-size: 4rem;
+  }
+}
+
+.display-4 {
+  font-size: calc(1.475rem + 2.7vw);
+  font-weight: 700;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-4 {
+    font-size: 3.5rem;
+  }
+}
+
+.display-5 {
+  font-size: calc(1.425rem + 2.1vw);
+  font-weight: 700;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-5 {
+    font-size: 3rem;
+  }
+}
+
+.display-6 {
+  font-size: calc(1.375rem + 1.5vw);
+  font-weight: 700;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-6 {
+    font-size: 2.5rem;
+  }
+}
+
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+
+.list-inline {
+  padding-left: 0;
+  list-style: none;
+}
+
+.list-inline-item {
+  display: inline-block;
+}
+.list-inline-item:not(:last-child) {
+  margin-right: 0.5rem;
+}
+
+.initialism {
+  font-size: 0.875em;
+  text-transform: uppercase;
+}
+
+.blockquote {
+  margin-bottom: 1rem;
+  font-size: 1.25rem;
+}
+.blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.blockquote-footer {
+  margin-top: -1rem;
+  margin-bottom: 1rem;
+  font-size: 0.875em;
+  color: #7E8299;
+}
+.blockquote-footer::before {
+  content: "— ";
+}
+
+.img-fluid {
+  max-width: 100%;
+  height: auto;
+}
+
+.img-thumbnail {
+  padding: 0.25rem;
+  background-color: #ffffff;
+  border: 1px solid #eff2f5;
+  border-radius: 0.475rem;
+  box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
+  max-width: 100%;
+  height: auto;
+}
+
+.figure {
+  display: inline-block;
+}
+
+.figure-img {
+  margin-bottom: 0.5rem;
+  line-height: 1;
+}
+
+.figure-caption {
+  font-size: 0.875em;
+  color: #7E8299;
+}
+
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+  --bs-gutter-x: 1.5rem;
+  --bs-gutter-y: 0;
+  width: 100%;
+  padding-right: calc(var(--bs-gutter-x) * 0.5);
+  padding-left: calc(var(--bs-gutter-x) * 0.5);
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 576px) {
+  .container-sm, .container {
+    max-width: 540px;
+  }
+}
+@media (min-width: 768px) {
+  .container-md, .container-sm, .container {
+    max-width: 720px;
+  }
+}
+@media (min-width: 992px) {
+  .container-lg, .container-md, .container-sm, .container {
+    max-width: 960px;
+  }
+}
+@media (min-width: 1200px) {
+  .container-xl, .container-lg, .container-md, .container-sm, .container {
+    max-width: 1140px;
+  }
+}
+@media (min-width: 1400px) {
+  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
+    max-width: 1320px;
+  }
+}
+.row {
+  --bs-gutter-x: 1.5rem;
+  --bs-gutter-y: 0;
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: calc(-1 * var(--bs-gutter-y));
+  margin-right: calc(-0.5 * var(--bs-gutter-x));
+  margin-left: calc(-0.5 * var(--bs-gutter-x));
+}
+.row > * {
+  flex-shrink: 0;
+  width: 100%;
+  max-width: 100%;
+  padding-right: calc(var(--bs-gutter-x) * 0.5);
+  padding-left: calc(var(--bs-gutter-x) * 0.5);
+  margin-top: var(--bs-gutter-y);
+}
+
+.col {
+  flex: 1 0 0%;
+}
+
+.row-cols-auto > * {
+  flex: 0 0 auto;
+  width: auto;
+}
+
+.row-cols-1 > * {
+  flex: 0 0 auto;
+  width: 100%;
+}
+
+.row-cols-2 > * {
+  flex: 0 0 auto;
+  width: 50%;
+}
+
+.row-cols-3 > * {
+  flex: 0 0 auto;
+  width: 33.3333333333%;
+}
+
+.row-cols-4 > * {
+  flex: 0 0 auto;
+  width: 25%;
+}
+
+.row-cols-5 > * {
+  flex: 0 0 auto;
+  width: 20%;
+}
+
+.row-cols-6 > * {
+  flex: 0 0 auto;
+  width: 16.6666666667%;
+}
+
+.col-auto {
+  flex: 0 0 auto;
+  width: auto;
+}
+
+.col-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+}
+
+.col-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+}
+
+.col-3 {
+  flex: 0 0 auto;
+  width: 25%;
+}
+
+.col-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+}
+
+.col-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+}
+
+.col-6 {
+  flex: 0 0 auto;
+  width: 50%;
+}
+
+.col-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+}
+
+.col-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+}
+
+.col-9 {
+  flex: 0 0 auto;
+  width: 75%;
+}
+
+.col-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+}
+
+.col-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+}
+
+.col-12 {
+  flex: 0 0 auto;
+  width: 100%;
+}
+
+.offset-1 {
+  margin-left: 8.33333333%;
+}
+
+.offset-2 {
+  margin-left: 16.66666667%;
+}
+
+.offset-3 {
+  margin-left: 25%;
+}
+
+.offset-4 {
+  margin-left: 33.33333333%;
+}
+
+.offset-5 {
+  margin-left: 41.66666667%;
+}
+
+.offset-6 {
+  margin-left: 50%;
+}
+
+.offset-7 {
+  margin-left: 58.33333333%;
+}
+
+.offset-8 {
+  margin-left: 66.66666667%;
+}
+
+.offset-9 {
+  margin-left: 75%;
+}
+
+.offset-10 {
+  margin-left: 83.33333333%;
+}
+
+.offset-11 {
+  margin-left: 91.66666667%;
+}
+
+.g-0,
+.gx-0 {
+  --bs-gutter-x: 0rem;
+}
+
+.g-0,
+.gy-0 {
+  --bs-gutter-y: 0rem;
+}
+
+.g-1,
+.gx-1 {
+  --bs-gutter-x: 0.25rem;
+}
+
+.g-1,
+.gy-1 {
+  --bs-gutter-y: 0.25rem;
+}
+
+.g-2,
+.gx-2 {
+  --bs-gutter-x: 0.5rem;
+}
+
+.g-2,
+.gy-2 {
+  --bs-gutter-y: 0.5rem;
+}
+
+.g-3,
+.gx-3 {
+  --bs-gutter-x: 0.75rem;
+}
+
+.g-3,
+.gy-3 {
+  --bs-gutter-y: 0.75rem;
+}
+
+.g-4,
+.gx-4 {
+  --bs-gutter-x: 1rem;
+}
+
+.g-4,
+.gy-4 {
+  --bs-gutter-y: 1rem;
+}
+
+.g-5,
+.gx-5 {
+  --bs-gutter-x: 1.25rem;
+}
+
+.g-5,
+.gy-5 {
+  --bs-gutter-y: 1.25rem;
+}
+
+.g-6,
+.gx-6 {
+  --bs-gutter-x: 1.5rem;
+}
+
+.g-6,
+.gy-6 {
+  --bs-gutter-y: 1.5rem;
+}
+
+.g-7,
+.gx-7 {
+  --bs-gutter-x: 1.75rem;
+}
+
+.g-7,
+.gy-7 {
+  --bs-gutter-y: 1.75rem;
+}
+
+.g-8,
+.gx-8 {
+  --bs-gutter-x: 2rem;
+}
+
+.g-8,
+.gy-8 {
+  --bs-gutter-y: 2rem;
+}
+
+.g-9,
+.gx-9 {
+  --bs-gutter-x: 2.25rem;
+}
+
+.g-9,
+.gy-9 {
+  --bs-gutter-y: 2.25rem;
+}
+
+.g-10,
+.gx-10 {
+  --bs-gutter-x: 2.5rem;
+}
+
+.g-10,
+.gy-10 {
+  --bs-gutter-y: 2.5rem;
+}
+
+@media (min-width: 576px) {
+  .col-sm {
+    flex: 1 0 0%;
+  }
+  .row-cols-sm-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .row-cols-sm-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .row-cols-sm-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .row-cols-sm-3 > * {
+    flex: 0 0 auto;
+    width: 33.3333333333%;
+  }
+  .row-cols-sm-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .row-cols-sm-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .row-cols-sm-6 > * {
+    flex: 0 0 auto;
+    width: 16.6666666667%;
+  }
+  .col-sm-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-sm-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .col-sm-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-sm-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-sm-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .col-sm-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .col-sm-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-sm-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .col-sm-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .col-sm-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-sm-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .col-sm-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .col-sm-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .offset-sm-0 {
+    margin-left: 0;
+  }
+  .offset-sm-1 {
+    margin-left: 8.33333333%;
+  }
+  .offset-sm-2 {
+    margin-left: 16.66666667%;
+  }
+  .offset-sm-3 {
+    margin-left: 25%;
+  }
+  .offset-sm-4 {
+    margin-left: 33.33333333%;
+  }
+  .offset-sm-5 {
+    margin-left: 41.66666667%;
+  }
+  .offset-sm-6 {
+    margin-left: 50%;
+  }
+  .offset-sm-7 {
+    margin-left: 58.33333333%;
+  }
+  .offset-sm-8 {
+    margin-left: 66.66666667%;
+  }
+  .offset-sm-9 {
+    margin-left: 75%;
+  }
+  .offset-sm-10 {
+    margin-left: 83.33333333%;
+  }
+  .offset-sm-11 {
+    margin-left: 91.66666667%;
+  }
+  .g-sm-0,
+.gx-sm-0 {
+    --bs-gutter-x: 0rem;
+  }
+  .g-sm-0,
+.gy-sm-0 {
+    --bs-gutter-y: 0rem;
+  }
+  .g-sm-1,
+.gx-sm-1 {
+    --bs-gutter-x: 0.25rem;
+  }
+  .g-sm-1,
+.gy-sm-1 {
+    --bs-gutter-y: 0.25rem;
+  }
+  .g-sm-2,
+.gx-sm-2 {
+    --bs-gutter-x: 0.5rem;
+  }
+  .g-sm-2,
+.gy-sm-2 {
+    --bs-gutter-y: 0.5rem;
+  }
+  .g-sm-3,
+.gx-sm-3 {
+    --bs-gutter-x: 0.75rem;
+  }
+  .g-sm-3,
+.gy-sm-3 {
+    --bs-gutter-y: 0.75rem;
+  }
+  .g-sm-4,
+.gx-sm-4 {
+    --bs-gutter-x: 1rem;
+  }
+  .g-sm-4,
+.gy-sm-4 {
+    --bs-gutter-y: 1rem;
+  }
+  .g-sm-5,
+.gx-sm-5 {
+    --bs-gutter-x: 1.25rem;
+  }
+  .g-sm-5,
+.gy-sm-5 {
+    --bs-gutter-y: 1.25rem;
+  }
+  .g-sm-6,
+.gx-sm-6 {
+    --bs-gutter-x: 1.5rem;
+  }
+  .g-sm-6,
+.gy-sm-6 {
+    --bs-gutter-y: 1.5rem;
+  }
+  .g-sm-7,
+.gx-sm-7 {
+    --bs-gutter-x: 1.75rem;
+  }
+  .g-sm-7,
+.gy-sm-7 {
+    --bs-gutter-y: 1.75rem;
+  }
+  .g-sm-8,
+.gx-sm-8 {
+    --bs-gutter-x: 2rem;
+  }
+  .g-sm-8,
+.gy-sm-8 {
+    --bs-gutter-y: 2rem;
+  }
+  .g-sm-9,
+.gx-sm-9 {
+    --bs-gutter-x: 2.25rem;
+  }
+  .g-sm-9,
+.gy-sm-9 {
+    --bs-gutter-y: 2.25rem;
+  }
+  .g-sm-10,
+.gx-sm-10 {
+    --bs-gutter-x: 2.5rem;
+  }
+  .g-sm-10,
+.gy-sm-10 {
+    --bs-gutter-y: 2.5rem;
+  }
+}
+@media (min-width: 768px) {
+  .col-md {
+    flex: 1 0 0%;
+  }
+  .row-cols-md-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .row-cols-md-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .row-cols-md-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .row-cols-md-3 > * {
+    flex: 0 0 auto;
+    width: 33.3333333333%;
+  }
+  .row-cols-md-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .row-cols-md-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .row-cols-md-6 > * {
+    flex: 0 0 auto;
+    width: 16.6666666667%;
+  }
+  .col-md-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-md-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .col-md-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-md-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-md-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .col-md-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .col-md-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-md-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .col-md-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .col-md-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-md-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .col-md-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .col-md-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .offset-md-0 {
+    margin-left: 0;
+  }
+  .offset-md-1 {
+    margin-left: 8.33333333%;
+  }
+  .offset-md-2 {
+    margin-left: 16.66666667%;
+  }
+  .offset-md-3 {
+    margin-left: 25%;
+  }
+  .offset-md-4 {
+    margin-left: 33.33333333%;
+  }
+  .offset-md-5 {
+    margin-left: 41.66666667%;
+  }
+  .offset-md-6 {
+    margin-left: 50%;
+  }
+  .offset-md-7 {
+    margin-left: 58.33333333%;
+  }
+  .offset-md-8 {
+    margin-left: 66.66666667%;
+  }
+  .offset-md-9 {
+    margin-left: 75%;
+  }
+  .offset-md-10 {
+    margin-left: 83.33333333%;
+  }
+  .offset-md-11 {
+    margin-left: 91.66666667%;
+  }
+  .g-md-0,
+.gx-md-0 {
+    --bs-gutter-x: 0rem;
+  }
+  .g-md-0,
+.gy-md-0 {
+    --bs-gutter-y: 0rem;
+  }
+  .g-md-1,
+.gx-md-1 {
+    --bs-gutter-x: 0.25rem;
+  }
+  .g-md-1,
+.gy-md-1 {
+    --bs-gutter-y: 0.25rem;
+  }
+  .g-md-2,
+.gx-md-2 {
+    --bs-gutter-x: 0.5rem;
+  }
+  .g-md-2,
+.gy-md-2 {
+    --bs-gutter-y: 0.5rem;
+  }
+  .g-md-3,
+.gx-md-3 {
+    --bs-gutter-x: 0.75rem;
+  }
+  .g-md-3,
+.gy-md-3 {
+    --bs-gutter-y: 0.75rem;
+  }
+  .g-md-4,
+.gx-md-4 {
+    --bs-gutter-x: 1rem;
+  }
+  .g-md-4,
+.gy-md-4 {
+    --bs-gutter-y: 1rem;
+  }
+  .g-md-5,
+.gx-md-5 {
+    --bs-gutter-x: 1.25rem;
+  }
+  .g-md-5,
+.gy-md-5 {
+    --bs-gutter-y: 1.25rem;
+  }
+  .g-md-6,
+.gx-md-6 {
+    --bs-gutter-x: 1.5rem;
+  }
+  .g-md-6,
+.gy-md-6 {
+    --bs-gutter-y: 1.5rem;
+  }
+  .g-md-7,
+.gx-md-7 {
+    --bs-gutter-x: 1.75rem;
+  }
+  .g-md-7,
+.gy-md-7 {
+    --bs-gutter-y: 1.75rem;
+  }
+  .g-md-8,
+.gx-md-8 {
+    --bs-gutter-x: 2rem;
+  }
+  .g-md-8,
+.gy-md-8 {
+    --bs-gutter-y: 2rem;
+  }
+  .g-md-9,
+.gx-md-9 {
+    --bs-gutter-x: 2.25rem;
+  }
+  .g-md-9,
+.gy-md-9 {
+    --bs-gutter-y: 2.25rem;
+  }
+  .g-md-10,
+.gx-md-10 {
+    --bs-gutter-x: 2.5rem;
+  }
+  .g-md-10,
+.gy-md-10 {
+    --bs-gutter-y: 2.5rem;
+  }
+}
+@media (min-width: 992px) {
+  .col-lg {
+    flex: 1 0 0%;
+  }
+  .row-cols-lg-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .row-cols-lg-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .row-cols-lg-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .row-cols-lg-3 > * {
+    flex: 0 0 auto;
+    width: 33.3333333333%;
+  }
+  .row-cols-lg-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .row-cols-lg-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .row-cols-lg-6 > * {
+    flex: 0 0 auto;
+    width: 16.6666666667%;
+  }
+  .col-lg-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-lg-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .col-lg-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-lg-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-lg-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .col-lg-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .col-lg-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-lg-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .col-lg-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .col-lg-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-lg-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .col-lg-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .col-lg-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .offset-lg-0 {
+    margin-left: 0;
+  }
+  .offset-lg-1 {
+    margin-left: 8.33333333%;
+  }
+  .offset-lg-2 {
+    margin-left: 16.66666667%;
+  }
+  .offset-lg-3 {
+    margin-left: 25%;
+  }
+  .offset-lg-4 {
+    margin-left: 33.33333333%;
+  }
+  .offset-lg-5 {
+    margin-left: 41.66666667%;
+  }
+  .offset-lg-6 {
+    margin-left: 50%;
+  }
+  .offset-lg-7 {
+    margin-left: 58.33333333%;
+  }
+  .offset-lg-8 {
+    margin-left: 66.66666667%;
+  }
+  .offset-lg-9 {
+    margin-left: 75%;
+  }
+  .offset-lg-10 {
+    margin-left: 83.33333333%;
+  }
+  .offset-lg-11 {
+    margin-left: 91.66666667%;
+  }
+  .g-lg-0,
+.gx-lg-0 {
+    --bs-gutter-x: 0rem;
+  }
+  .g-lg-0,
+.gy-lg-0 {
+    --bs-gutter-y: 0rem;
+  }
+  .g-lg-1,
+.gx-lg-1 {
+    --bs-gutter-x: 0.25rem;
+  }
+  .g-lg-1,
+.gy-lg-1 {
+    --bs-gutter-y: 0.25rem;
+  }
+  .g-lg-2,
+.gx-lg-2 {
+    --bs-gutter-x: 0.5rem;
+  }
+  .g-lg-2,
+.gy-lg-2 {
+    --bs-gutter-y: 0.5rem;
+  }
+  .g-lg-3,
+.gx-lg-3 {
+    --bs-gutter-x: 0.75rem;
+  }
+  .g-lg-3,
+.gy-lg-3 {
+    --bs-gutter-y: 0.75rem;
+  }
+  .g-lg-4,
+.gx-lg-4 {
+    --bs-gutter-x: 1rem;
+  }
+  .g-lg-4,
+.gy-lg-4 {
+    --bs-gutter-y: 1rem;
+  }
+  .g-lg-5,
+.gx-lg-5 {
+    --bs-gutter-x: 1.25rem;
+  }
+  .g-lg-5,
+.gy-lg-5 {
+    --bs-gutter-y: 1.25rem;
+  }
+  .g-lg-6,
+.gx-lg-6 {
+    --bs-gutter-x: 1.5rem;
+  }
+  .g-lg-6,
+.gy-lg-6 {
+    --bs-gutter-y: 1.5rem;
+  }
+  .g-lg-7,
+.gx-lg-7 {
+    --bs-gutter-x: 1.75rem;
+  }
+  .g-lg-7,
+.gy-lg-7 {
+    --bs-gutter-y: 1.75rem;
+  }
+  .g-lg-8,
+.gx-lg-8 {
+    --bs-gutter-x: 2rem;
+  }
+  .g-lg-8,
+.gy-lg-8 {
+    --bs-gutter-y: 2rem;
+  }
+  .g-lg-9,
+.gx-lg-9 {
+    --bs-gutter-x: 2.25rem;
+  }
+  .g-lg-9,
+.gy-lg-9 {
+    --bs-gutter-y: 2.25rem;
+  }
+  .g-lg-10,
+.gx-lg-10 {
+    --bs-gutter-x: 2.5rem;
+  }
+  .g-lg-10,
+.gy-lg-10 {
+    --bs-gutter-y: 2.5rem;
+  }
+}
+@media (min-width: 1200px) {
+  .col-xl {
+    flex: 1 0 0%;
+  }
+  .row-cols-xl-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .row-cols-xl-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .row-cols-xl-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .row-cols-xl-3 > * {
+    flex: 0 0 auto;
+    width: 33.3333333333%;
+  }
+  .row-cols-xl-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .row-cols-xl-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .row-cols-xl-6 > * {
+    flex: 0 0 auto;
+    width: 16.6666666667%;
+  }
+  .col-xl-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-xl-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .col-xl-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-xl-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-xl-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .col-xl-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .col-xl-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-xl-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .col-xl-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .col-xl-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-xl-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .col-xl-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .col-xl-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .offset-xl-0 {
+    margin-left: 0;
+  }
+  .offset-xl-1 {
+    margin-left: 8.33333333%;
+  }
+  .offset-xl-2 {
+    margin-left: 16.66666667%;
+  }
+  .offset-xl-3 {
+    margin-left: 25%;
+  }
+  .offset-xl-4 {
+    margin-left: 33.33333333%;
+  }
+  .offset-xl-5 {
+    margin-left: 41.66666667%;
+  }
+  .offset-xl-6 {
+    margin-left: 50%;
+  }
+  .offset-xl-7 {
+    margin-left: 58.33333333%;
+  }
+  .offset-xl-8 {
+    margin-left: 66.66666667%;
+  }
+  .offset-xl-9 {
+    margin-left: 75%;
+  }
+  .offset-xl-10 {
+    margin-left: 83.33333333%;
+  }
+  .offset-xl-11 {
+    margin-left: 91.66666667%;
+  }
+  .g-xl-0,
+.gx-xl-0 {
+    --bs-gutter-x: 0rem;
+  }
+  .g-xl-0,
+.gy-xl-0 {
+    --bs-gutter-y: 0rem;
+  }
+  .g-xl-1,
+.gx-xl-1 {
+    --bs-gutter-x: 0.25rem;
+  }
+  .g-xl-1,
+.gy-xl-1 {
+    --bs-gutter-y: 0.25rem;
+  }
+  .g-xl-2,
+.gx-xl-2 {
+    --bs-gutter-x: 0.5rem;
+  }
+  .g-xl-2,
+.gy-xl-2 {
+    --bs-gutter-y: 0.5rem;
+  }
+  .g-xl-3,
+.gx-xl-3 {
+    --bs-gutter-x: 0.75rem;
+  }
+  .g-xl-3,
+.gy-xl-3 {
+    --bs-gutter-y: 0.75rem;
+  }
+  .g-xl-4,
+.gx-xl-4 {
+    --bs-gutter-x: 1rem;
+  }
+  .g-xl-4,
+.gy-xl-4 {
+    --bs-gutter-y: 1rem;
+  }
+  .g-xl-5,
+.gx-xl-5 {
+    --bs-gutter-x: 1.25rem;
+  }
+  .g-xl-5,
+.gy-xl-5 {
+    --bs-gutter-y: 1.25rem;
+  }
+  .g-xl-6,
+.gx-xl-6 {
+    --bs-gutter-x: 1.5rem;
+  }
+  .g-xl-6,
+.gy-xl-6 {
+    --bs-gutter-y: 1.5rem;
+  }
+  .g-xl-7,
+.gx-xl-7 {
+    --bs-gutter-x: 1.75rem;
+  }
+  .g-xl-7,
+.gy-xl-7 {
+    --bs-gutter-y: 1.75rem;
+  }
+  .g-xl-8,
+.gx-xl-8 {
+    --bs-gutter-x: 2rem;
+  }
+  .g-xl-8,
+.gy-xl-8 {
+    --bs-gutter-y: 2rem;
+  }
+  .g-xl-9,
+.gx-xl-9 {
+    --bs-gutter-x: 2.25rem;
+  }
+  .g-xl-9,
+.gy-xl-9 {
+    --bs-gutter-y: 2.25rem;
+  }
+  .g-xl-10,
+.gx-xl-10 {
+    --bs-gutter-x: 2.5rem;
+  }
+  .g-xl-10,
+.gy-xl-10 {
+    --bs-gutter-y: 2.5rem;
+  }
+}
+@media (min-width: 1400px) {
+  .col-xxl {
+    flex: 1 0 0%;
+  }
+  .row-cols-xxl-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .row-cols-xxl-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .row-cols-xxl-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .row-cols-xxl-3 > * {
+    flex: 0 0 auto;
+    width: 33.3333333333%;
+  }
+  .row-cols-xxl-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .row-cols-xxl-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .row-cols-xxl-6 > * {
+    flex: 0 0 auto;
+    width: 16.6666666667%;
+  }
+  .col-xxl-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-xxl-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .col-xxl-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-xxl-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-xxl-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .col-xxl-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .col-xxl-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-xxl-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .col-xxl-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .col-xxl-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-xxl-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .col-xxl-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .col-xxl-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .offset-xxl-0 {
+    margin-left: 0;
+  }
+  .offset-xxl-1 {
+    margin-left: 8.33333333%;
+  }
+  .offset-xxl-2 {
+    margin-left: 16.66666667%;
+  }
+  .offset-xxl-3 {
+    margin-left: 25%;
+  }
+  .offset-xxl-4 {
+    margin-left: 33.33333333%;
+  }
+  .offset-xxl-5 {
+    margin-left: 41.66666667%;
+  }
+  .offset-xxl-6 {
+    margin-left: 50%;
+  }
+  .offset-xxl-7 {
+    margin-left: 58.33333333%;
+  }
+  .offset-xxl-8 {
+    margin-left: 66.66666667%;
+  }
+  .offset-xxl-9 {
+    margin-left: 75%;
+  }
+  .offset-xxl-10 {
+    margin-left: 83.33333333%;
+  }
+  .offset-xxl-11 {
+    margin-left: 91.66666667%;
+  }
+  .g-xxl-0,
+.gx-xxl-0 {
+    --bs-gutter-x: 0rem;
+  }
+  .g-xxl-0,
+.gy-xxl-0 {
+    --bs-gutter-y: 0rem;
+  }
+  .g-xxl-1,
+.gx-xxl-1 {
+    --bs-gutter-x: 0.25rem;
+  }
+  .g-xxl-1,
+.gy-xxl-1 {
+    --bs-gutter-y: 0.25rem;
+  }
+  .g-xxl-2,
+.gx-xxl-2 {
+    --bs-gutter-x: 0.5rem;
+  }
+  .g-xxl-2,
+.gy-xxl-2 {
+    --bs-gutter-y: 0.5rem;
+  }
+  .g-xxl-3,
+.gx-xxl-3 {
+    --bs-gutter-x: 0.75rem;
+  }
+  .g-xxl-3,
+.gy-xxl-3 {
+    --bs-gutter-y: 0.75rem;
+  }
+  .g-xxl-4,
+.gx-xxl-4 {
+    --bs-gutter-x: 1rem;
+  }
+  .g-xxl-4,
+.gy-xxl-4 {
+    --bs-gutter-y: 1rem;
+  }
+  .g-xxl-5,
+.gx-xxl-5 {
+    --bs-gutter-x: 1.25rem;
+  }
+  .g-xxl-5,
+.gy-xxl-5 {
+    --bs-gutter-y: 1.25rem;
+  }
+  .g-xxl-6,
+.gx-xxl-6 {
+    --bs-gutter-x: 1.5rem;
+  }
+  .g-xxl-6,
+.gy-xxl-6 {
+    --bs-gutter-y: 1.5rem;
+  }
+  .g-xxl-7,
+.gx-xxl-7 {
+    --bs-gutter-x: 1.75rem;
+  }
+  .g-xxl-7,
+.gy-xxl-7 {
+    --bs-gutter-y: 1.75rem;
+  }
+  .g-xxl-8,
+.gx-xxl-8 {
+    --bs-gutter-x: 2rem;
+  }
+  .g-xxl-8,
+.gy-xxl-8 {
+    --bs-gutter-y: 2rem;
+  }
+  .g-xxl-9,
+.gx-xxl-9 {
+    --bs-gutter-x: 2.25rem;
+  }
+  .g-xxl-9,
+.gy-xxl-9 {
+    --bs-gutter-y: 2.25rem;
+  }
+  .g-xxl-10,
+.gx-xxl-10 {
+    --bs-gutter-x: 2.5rem;
+  }
+  .g-xxl-10,
+.gy-xxl-10 {
+    --bs-gutter-y: 2.5rem;
+  }
+}
+.table {
+  --bs-table-color: #181C32;
+  --bs-table-bg: transparent;
+  --bs-table-border-color: #eff2f5;
+  --bs-table-accent-bg: transparent;
+  --bs-table-striped-color: #181C32;
+  --bs-table-striped-bg: rgba(245, 248, 250, 0.75);
+  --bs-table-active-color: #181C32;
+  --bs-table-active-bg: #f5f8fa;
+  --bs-table-hover-color: #181C32;
+  --bs-table-hover-bg: #f5f8fa;
+  width: 100%;
+  margin-bottom: 1rem;
+  color: var(--bs-table-color);
+  vertical-align: top;
+  border-color: var(--bs-table-border-color);
+}
+.table > :not(caption) > * > * {
+  padding: 0.75rem 0.75rem;
+  background-color: var(--bs-table-bg);
+  border-bottom-width: 1px;
+  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+}
+.table > tbody {
+  vertical-align: inherit;
+}
+.table > thead {
+  vertical-align: bottom;
+}
+
+.table-group-divider {
+  border-top: 2px solid currentcolor;
+}
+
+.caption-top {
+  caption-side: top;
+}
+
+.table-sm > :not(caption) > * > * {
+  padding: 0.5rem 0.5rem;
+}
+
+.table-bordered > :not(caption) > * {
+  border-width: 1px 0;
+}
+.table-bordered > :not(caption) > * > * {
+  border-width: 0 1px;
+}
+
+.table-borderless > :not(caption) > * > * {
+  border-bottom-width: 0;
+}
+.table-borderless > :not(:first-child) {
+  border-top-width: 0;
+}
+
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+  --bs-table-accent-bg: var(--bs-table-striped-bg);
+  color: var(--bs-table-striped-color);
+}
+
+.table-striped-columns > :not(caption) > tr > :nth-child(even) {
+  --bs-table-accent-bg: var(--bs-table-striped-bg);
+  color: var(--bs-table-striped-color);
+}
+
+.table-active {
+  --bs-table-accent-bg: var(--bs-table-active-bg);
+  color: var(--bs-table-active-color);
+}
+
+.table-hover > tbody > tr:hover > * {
+  --bs-table-accent-bg: var(--bs-table-hover-bg);
+  color: var(--bs-table-hover-color);
+}
+
+.table-primary {
+  --bs-table-color: #000000;
+  --bs-table-bg: #ccecfd;
+  --bs-table-border-color: #b8d4e4;
+  --bs-table-striped-bg: #c2e0f0;
+  --bs-table-striped-color: #000000;
+  --bs-table-active-bg: #b8d4e4;
+  --bs-table-active-color: #000000;
+  --bs-table-hover-bg: #bddaea;
+  --bs-table-hover-color: #000000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-secondary {
+  --bs-table-color: #000000;
+  --bs-table-bg: #fafafc;
+  --bs-table-border-color: #e1e1e3;
+  --bs-table-striped-bg: #eeeeef;
+  --bs-table-striped-color: #000000;
+  --bs-table-active-bg: #e1e1e3;
+  --bs-table-active-color: #000000;
+  --bs-table-hover-bg: #e7e7e9;
+  --bs-table-hover-color: #000000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-success {
+  --bs-table-color: #000000;
+  --bs-table-bg: #dcf5e7;
+  --bs-table-border-color: #c6ddd0;
+  --bs-table-striped-bg: #d1e9db;
+  --bs-table-striped-color: #000000;
+  --bs-table-active-bg: #c6ddd0;
+  --bs-table-active-color: #000000;
+  --bs-table-hover-bg: #cce3d6;
+  --bs-table-hover-color: #000000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-info {
+  --bs-table-color: #000000;
+  --bs-table-bg: #e3d7fb;
+  --bs-table-border-color: #ccc2e2;
+  --bs-table-striped-bg: #d8ccee;
+  --bs-table-striped-color: #000000;
+  --bs-table-active-bg: #ccc2e2;
+  --bs-table-active-color: #000000;
+  --bs-table-hover-bg: #d2c7e8;
+  --bs-table-hover-color: #000000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-warning {
+  --bs-table-color: #000000;
+  --bs-table-bg: #fff4cc;
+  --bs-table-border-color: #e6dcb8;
+  --bs-table-striped-bg: #f2e8c2;
+  --bs-table-striped-color: #000000;
+  --bs-table-active-bg: #e6dcb8;
+  --bs-table-active-color: #000000;
+  --bs-table-hover-bg: #ece2bd;
+  --bs-table-hover-color: #000000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-danger {
+  --bs-table-color: #000000;
+  --bs-table-bg: #fcd9e2;
+  --bs-table-border-color: #e3c3cb;
+  --bs-table-striped-bg: #efced7;
+  --bs-table-striped-color: #000000;
+  --bs-table-active-bg: #e3c3cb;
+  --bs-table-active-color: #000000;
+  --bs-table-hover-bg: #e9c9d1;
+  --bs-table-hover-color: #000000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-light {
+  --bs-table-color: #000000;
+  --bs-table-bg: #f5f8fa;
+  --bs-table-border-color: #dddfe1;
+  --bs-table-striped-bg: #e9ecee;
+  --bs-table-striped-color: #000000;
+  --bs-table-active-bg: #dddfe1;
+  --bs-table-active-color: #000000;
+  --bs-table-hover-bg: #e3e5e7;
+  --bs-table-hover-color: #000000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-dark {
+  --bs-table-color: #ffffff;
+  --bs-table-bg: #181C32;
+  --bs-table-border-color: #2f3347;
+  --bs-table-striped-bg: #24273c;
+  --bs-table-striped-color: #ffffff;
+  --bs-table-active-bg: #2f3347;
+  --bs-table-active-color: #ffffff;
+  --bs-table-hover-bg: #292d41;
+  --bs-table-hover-color: #ffffff;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-responsive {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+@media (max-width: 575.98px) {
+  .table-responsive-sm {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+@media (max-width: 767.98px) {
+  .table-responsive-md {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+@media (max-width: 991.98px) {
+  .table-responsive-lg {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+@media (max-width: 1199.98px) {
+  .table-responsive-xl {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+@media (max-width: 1399.98px) {
+  .table-responsive-xxl {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+.form-label {
+  margin-bottom: 0.5rem;
+  font-size: 1.05rem;
+  font-weight: 500;
+  color: #3F4254;
+}
+
+.col-form-label {
+  padding-top: calc(0.775rem + 1px);
+  padding-bottom: calc(0.775rem + 1px);
+  margin-bottom: 0;
+  font-size: inherit;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #3F4254;
+}
+
+.col-form-label-lg {
+  padding-top: calc(0.825rem + 1px);
+  padding-bottom: calc(0.825rem + 1px);
+  font-size: 1.15rem;
+}
+
+.col-form-label-sm {
+  padding-top: calc(0.7rem + 1px);
+  padding-bottom: calc(0.7rem + 1px);
+  font-size: 0.925rem;
+}
+
+.form-text {
+  margin-top: 0.5rem;
+  font-size: 0.925rem;
+  color: #A1A5B7;
+}
+
+.form-control {
+  display: block;
+  width: 100%;
+  padding: 0.775rem 1rem;
+  font-size: 1.1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #5E6278;
+  background-color: #ffffff;
+  background-clip: padding-box;
+  border: 1px solid #E4E6EF;
+  appearance: none;
+  border-radius: 0.475rem;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-control {
+    transition: none;
+  }
+}
+.form-control[type=file] {
+  overflow: hidden;
+}
+.form-control[type=file]:not(:disabled):not([readonly]) {
+  cursor: pointer;
+}
+.form-control:focus {
+  color: #5E6278;
+  background-color: #ffffff;
+  border-color: #B5B5C3;
+  outline: 0;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
+}
+.form-control::-webkit-date-and-time-value {
+  height: 1.5em;
+}
+.form-control::placeholder {
+  color: #A1A5B7;
+  opacity: 1;
+}
+.form-control:disabled, .form-control[readonly] {
+  background-color: #eff2f5;
+  border-color: #E4E6EF;
+  opacity: 1;
+}
+.form-control::file-selector-button {
+  padding: 0.775rem 1rem;
+  margin: -0.775rem -1rem;
+  margin-inline-end: 1rem;
+  color: #5E6278;
+  background-color: #f5f8fa;
+  pointer-events: none;
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+  border-inline-end-width: 1px;
+  border-radius: 0;
+  transition: color 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-control::file-selector-button {
+    transition: none;
+  }
+}
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+  background-color: shade-color(#f5f8fa, 5%);
+}
+
+.form-control-plaintext {
+  display: block;
+  width: 100%;
+  padding: 0.775rem 0;
+  margin-bottom: 0;
+  line-height: 1.5;
+  color: #5E6278;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: 1px 0;
+}
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.form-control-sm {
+  min-height: calc(1.5em + 1.4rem + 2px);
+  padding: 0.7rem 0.775rem;
+  font-size: 0.925rem;
+  border-radius: 0.425rem;
+}
+.form-control-sm::file-selector-button {
+  padding: 0.7rem 0.775rem;
+  margin: -0.7rem -0.775rem;
+  margin-inline-end: 0.775rem;
+}
+
+.form-control-lg {
+  min-height: calc(1.5em + 1.65rem + 2px);
+  padding: 0.825rem 1.5rem;
+  font-size: 1.15rem;
+  border-radius: 0.625rem;
+}
+.form-control-lg::file-selector-button {
+  padding: 0.825rem 1.5rem;
+  margin: -0.825rem -1.5rem;
+  margin-inline-end: 1.5rem;
+}
+
+textarea.form-control {
+  min-height: calc(1.5em + 1.55rem + 2px);
+}
+textarea.form-control-sm {
+  min-height: calc(1.5em + 1.4rem + 2px);
+}
+textarea.form-control-lg {
+  min-height: calc(1.5em + 1.65rem + 2px);
+}
+
+.form-control-color {
+  width: 3rem;
+  height: auto;
+  padding: 0.775rem;
+}
+.form-control-color:not(:disabled):not([readonly]) {
+  cursor: pointer;
+}
+.form-control-color::-moz-color-swatch {
+  height: 1.5em;
+  border-radius: 0.475rem;
+}
+.form-control-color::-webkit-color-swatch {
+  height: 1.5em;
+  border-radius: 0.475rem;
+}
+
+.form-select {
+  display: block;
+  width: 100%;
+  padding: 0.775rem 3rem 0.775rem 1rem;
+  -moz-padding-start: calc(1rem - 3px);
+  font-size: 1.1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #5E6278;
+  background-color: #ffffff;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right 1rem center;
+  background-size: 16px 12px;
+  border: 1px solid #E4E6EF;
+  border-radius: 0.475rem;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-select {
+    transition: none;
+  }
+}
+.form-select:focus {
+  border-color: #B5B5C3;
+  outline: 0;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
+}
+.form-select[multiple], .form-select[size]:not([size="1"]) {
+  padding-right: 1rem;
+  background-image: none;
+}
+.form-select:disabled {
+  background-color: #eff2f5;
+  border-color: #E4E6EF;
+}
+.form-select:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #5E6278;
+}
+
+.form-select-sm {
+  padding-top: 0.7rem;
+  padding-bottom: 0.7rem;
+  padding-left: 0.775rem;
+  font-size: 0.925rem;
+  border-radius: 0.425rem;
+}
+
+.form-select-lg {
+  padding-top: 0.825rem;
+  padding-bottom: 0.825rem;
+  padding-left: 1.5rem;
+  font-size: 1.15rem;
+  border-radius: 0.625rem;
+}
+
+.form-check {
+  display: block;
+  min-height: 1.5rem;
+  padding-left: 2.25rem;
+  margin-bottom: 0.125rem;
+}
+.form-check .form-check-input {
+  float: left;
+  margin-left: -2.25rem;
+}
+
+.form-check-reverse {
+  padding-right: 2.25rem;
+  padding-left: 0;
+  text-align: right;
+}
+.form-check-reverse .form-check-input {
+  float: right;
+  margin-right: -2.25rem;
+  margin-left: 0;
+}
+
+.form-check-input {
+  width: 1.75rem;
+  height: 1.75rem;
+  margin-top: -0.125rem;
+  vertical-align: top;
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  border: 1px solid #E4E6EF;
+  appearance: none;
+  print-color-adjust: exact;
+}
+.form-check-input[type=checkbox] {
+  border-radius: 0.45em;
+}
+.form-check-input[type=radio] {
+  border-radius: 50%;
+}
+.form-check-input:active {
+  filter: brightness(90%);
+}
+.form-check-input:focus {
+  border-color: #B5B5C3;
+  outline: 0;
+  box-shadow: none;
+}
+.form-check-input:checked {
+  background-color: #009ef7;
+  border-color: #009ef7;
+}
+.form-check-input:checked[type=checkbox] {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
+}
+.form-check-input:checked[type=radio] {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
+}
+.form-check-input[type=checkbox]:indeterminate {
+  background-color: #009ef7;
+  border-color: #009ef7;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
+}
+.form-check-input:disabled {
+  pointer-events: none;
+  filter: none;
+  opacity: 0.5;
+}
+.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
+  cursor: default;
+  opacity: 0.5;
+}
+
+.form-switch {
+  padding-left: 3.75rem;
+}
+.form-switch .form-check-input {
+  width: 3.25rem;
+  margin-left: -3.75rem;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+  background-position: left center;
+  border-radius: 3.25rem;
+  transition: background-position 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-switch .form-check-input {
+    transition: none;
+  }
+}
+.form-switch .form-check-input:focus {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23B5B5C3'/%3e%3c/svg%3e");
+}
+.form-switch .form-check-input:checked {
+  background-position: right center;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
+}
+.form-switch.form-check-reverse {
+  padding-right: 3.75rem;
+  padding-left: 0;
+}
+.form-switch.form-check-reverse .form-check-input {
+  margin-right: -3.75rem;
+  margin-left: 0;
+}
+
+.form-check-inline {
+  display: inline-block;
+  margin-right: 1rem;
+}
+
+.btn-check {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
+}
+.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
+  pointer-events: none;
+  filter: none;
+  opacity: 0.65;
+}
+
+.form-range {
+  width: 100%;
+  height: 1.5rem;
+  padding: 0;
+  background-color: transparent;
+  appearance: none;
+}
+.form-range:focus {
+  outline: 0;
+}
+.form-range:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
+}
+.form-range:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
+}
+.form-range::-moz-focus-outer {
+  border: 0;
+}
+.form-range::-webkit-slider-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: -0.25rem;
+  background-color: #009ef7;
+  border: 0;
+  border-radius: 1rem;
+  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-range::-webkit-slider-thumb {
+    transition: none;
+  }
+}
+.form-range::-webkit-slider-thumb:active {
+  background-color: #b3e2fd;
+}
+.form-range::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: var(--kt-gray-300);
+  border-color: transparent;
+  border-radius: 0.475rem;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+.form-range::-moz-range-thumb {
+  width: 1rem;
+  height: 1rem;
+  background-color: #009ef7;
+  border: 0;
+  border-radius: 1rem;
+  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-range::-moz-range-thumb {
+    transition: none;
+  }
+}
+.form-range::-moz-range-thumb:active {
+  background-color: #b3e2fd;
+}
+.form-range::-moz-range-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: var(--kt-gray-300);
+  border-color: transparent;
+  border-radius: 0.475rem;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+.form-range:disabled {
+  pointer-events: none;
+}
+.form-range:disabled::-webkit-slider-thumb {
+  background-color: var(--kt-gray-500);
+}
+.form-range:disabled::-moz-range-thumb {
+  background-color: var(--kt-gray-500);
+}
+
+.form-floating {
+  position: relative;
+}
+.form-floating > .form-control,
+.form-floating > .form-control-plaintext,
+.form-floating > .form-select {
+  height: calc(3.75rem + 2px);
+  line-height: 1.25;
+}
+.form-floating > label {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  padding: 1rem 1rem;
+  pointer-events: none;
+  border: 1px solid transparent;
+  transform-origin: 0 0;
+  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-floating > label {
+    transition: none;
+  }
+}
+.form-floating > .form-control,
+.form-floating > .form-control-plaintext {
+  padding: 1rem 1rem;
+}
+.form-floating > .form-control::placeholder,
+.form-floating > .form-control-plaintext::placeholder {
+  color: transparent;
+}
+.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
+.form-floating > .form-control-plaintext:focus,
+.form-floating > .form-control-plaintext:not(:placeholder-shown) {
+  padding-top: 2.15rem;
+  padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:-webkit-autofill,
+.form-floating > .form-control-plaintext:-webkit-autofill {
+  padding-top: 2.15rem;
+  padding-bottom: 0.625rem;
+}
+.form-floating > .form-select {
+  padding-top: 2.15rem;
+  padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-control-plaintext ~ label,
+.form-floating > .form-select ~ label {
+  opacity: 0.65;
+  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > .form-control:-webkit-autofill ~ label {
+  opacity: 0.65;
+  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > .form-control-plaintext ~ label {
+  border-width: 1px 0;
+}
+
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  width: 100%;
+}
+.input-group > .form-control,
+.input-group > .form-select {
+  position: relative;
+  flex: 1 1 auto;
+  width: 1%;
+  min-width: 0;
+}
+.input-group > .form-control:focus,
+.input-group > .form-select:focus {
+  z-index: 3;
+}
+.input-group .btn {
+  position: relative;
+  z-index: 2;
+}
+.input-group .btn:focus {
+  z-index: 3;
+}
+
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: 0.775rem 1rem;
+  font-size: 1.1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #5E6278;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #f5f8fa;
+  border: 1px solid #E4E6EF;
+  border-radius: 0.475rem;
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .form-select,
+.input-group-lg > .input-group-text,
+.input-group-lg > .btn {
+  padding: 0.825rem 1.5rem;
+  font-size: 1.15rem;
+  border-radius: 0.625rem;
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .form-select,
+.input-group-sm > .input-group-text,
+.input-group-sm > .btn {
+  padding: 0.7rem 0.775rem;
+  font-size: 0.925rem;
+  border-radius: 0.425rem;
+}
+
+.input-group-lg > .form-select,
+.input-group-sm > .form-select {
+  padding-right: 4rem;
+}
+
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+  margin-left: -1px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.valid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.5rem;
+  font-size: 0.925rem;
+  color: #50cd89;
+}
+
+.valid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.75rem 1rem;
+  margin-top: 0.1rem;
+  font-size: 0.925rem;
+  color: #000000;
+  background-color: #50cd89;
+  border-radius: 0.475rem;
+}
+
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control:valid, .form-control.is-valid {
+  border-color: #50cd89;
+  padding-right: calc(1.5em + 1.55rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2350cd89' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.3875rem) center;
+  background-size: calc(0.75em + 0.775rem) calc(0.75em + 0.775rem);
+}
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
+  border-color: #50cd89;
+  box-shadow: 0 0 0 0.25rem rgba(80, 205, 137, 0.25);
+}
+
+.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
+  padding-right: calc(1.5em + 1.55rem);
+  background-position: top calc(0.375em + 0.3875rem) right calc(0.375em + 0.3875rem);
+}
+
+.was-validated .form-select:valid, .form-select.is-valid {
+  border-color: #50cd89;
+}
+.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
+  padding-right: 5.5rem;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2350cd89' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-position: right 1rem center, center right 3rem;
+  background-size: 16px 12px, calc(0.75em + 0.775rem) calc(0.75em + 0.775rem);
+}
+.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
+  border-color: #50cd89;
+  box-shadow: 0 0 0 0.25rem rgba(80, 205, 137, 0.25);
+}
+
+.was-validated .form-control-color:valid, .form-control-color.is-valid {
+  width: calc(3rem + calc(1.5em + 1.55rem));
+}
+
+.was-validated .form-check-input:valid, .form-check-input.is-valid {
+  border-color: #50cd89;
+}
+.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
+  background-color: #50cd89;
+}
+.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
+  box-shadow: 0 0 0 0.25rem rgba(80, 205, 137, 0.25);
+}
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+  color: #50cd89;
+}
+
+.form-check-inline .form-check-input ~ .valid-feedback {
+  margin-left: 0.5em;
+}
+
+.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
+.was-validated .input-group .form-select:valid,
+.input-group .form-select.is-valid {
+  z-index: 1;
+}
+.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
+.was-validated .input-group .form-select:valid:focus,
+.input-group .form-select.is-valid:focus {
+  z-index: 3;
+}
+
+.invalid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.5rem;
+  font-size: 0.925rem;
+  color: #f1416c;
+}
+
+.invalid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.75rem 1rem;
+  margin-top: 0.1rem;
+  font-size: 0.925rem;
+  color: #000000;
+  background-color: #f1416c;
+  border-radius: 0.475rem;
+}
+
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control:invalid, .form-control.is-invalid {
+  border-color: #f1416c;
+  padding-right: calc(1.5em + 1.55rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f1416c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1416c' stroke='none'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.3875rem) center;
+  background-size: calc(0.75em + 0.775rem) calc(0.75em + 0.775rem);
+}
+.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
+  border-color: #f1416c;
+  box-shadow: 0 0 0 0.25rem rgba(241, 65, 108, 0.25);
+}
+
+.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
+  padding-right: calc(1.5em + 1.55rem);
+  background-position: top calc(0.375em + 0.3875rem) right calc(0.375em + 0.3875rem);
+}
+
+.was-validated .form-select:invalid, .form-select.is-invalid {
+  border-color: #f1416c;
+}
+.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
+  padding-right: 5.5rem;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f1416c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1416c' stroke='none'/%3e%3c/svg%3e");
+  background-position: right 1rem center, center right 3rem;
+  background-size: 16px 12px, calc(0.75em + 0.775rem) calc(0.75em + 0.775rem);
+}
+.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
+  border-color: #f1416c;
+  box-shadow: 0 0 0 0.25rem rgba(241, 65, 108, 0.25);
+}
+
+.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
+  width: calc(3rem + calc(1.5em + 1.55rem));
+}
+
+.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
+  border-color: #f1416c;
+}
+.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
+  background-color: #f1416c;
+}
+.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
+  box-shadow: 0 0 0 0.25rem rgba(241, 65, 108, 0.25);
+}
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+  color: #f1416c;
+}
+
+.form-check-inline .form-check-input ~ .invalid-feedback {
+  margin-left: 0.5em;
+}
+
+.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
+.was-validated .input-group .form-select:invalid,
+.input-group .form-select.is-invalid {
+  z-index: 2;
+}
+.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
+.was-validated .input-group .form-select:invalid:focus,
+.input-group .form-select.is-invalid:focus {
+  z-index: 3;
+}
+
+.btn {
+  --bs-btn-padding-x: 1.5rem;
+  --bs-btn-padding-y: 0.775rem;
+  --bs-btn-font-family: ;
+  --bs-btn-font-size: 1.1rem;
+  --bs-btn-font-weight: 500;
+  --bs-btn-line-height: 1.5;
+  --bs-btn-color: #181C32;
+  --bs-btn-bg: transparent;
+  --bs-btn-border-width: 1px;
+  --bs-btn-border-color: transparent;
+  --bs-btn-border-radius: 0.475rem;
+  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+  --bs-btn-disabled-opacity: 0.65;
+  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
+  display: inline-block;
+  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
+  font-family: var(--bs-btn-font-family);
+  font-size: var(--bs-btn-font-size);
+  font-weight: var(--bs-btn-font-weight);
+  line-height: var(--bs-btn-line-height);
+  color: var(--bs-btn-color);
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  user-select: none;
+  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
+  border-radius: var(--bs-btn-border-radius);
+  background-color: var(--bs-btn-bg);
+  box-shadow: var(--bs-btn-box-shadow);
+  transition: color 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .btn {
+    transition: none;
+  }
+}
+.btn:hover {
+  color: var(--bs-btn-hover-color);
+  background-color: var(--bs-btn-hover-bg);
+  border-color: var(--bs-btn-hover-border-color);
+}
+.btn-check:focus + .btn, .btn:focus {
+  color: var(--bs-btn-hover-color);
+  background-color: var(--bs-btn-hover-bg);
+  border-color: var(--bs-btn-hover-border-color);
+  outline: 0;
+  box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
+}
+.btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show {
+  color: var(--bs-btn-active-color);
+  background-color: var(--bs-btn-active-bg);
+  border-color: var(--bs-btn-active-border-color);
+  box-shadow: var(--bs-btn-active-shadow);
+}
+.btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus {
+  box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
+}
+.btn:disabled, .btn.disabled, fieldset:disabled .btn {
+  color: var(--bs-btn-disabled-color);
+  pointer-events: none;
+  background-color: var(--bs-btn-disabled-bg);
+  border-color: var(--bs-btn-disabled-border-color);
+  opacity: var(--bs-btn-disabled-opacity);
+  box-shadow: none;
+}
+
+.btn-white {
+  --bs-btn-color: #000000;
+  --bs-btn-bg: #ffffff;
+  --bs-btn-border-color: #ffffff;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: white;
+  --bs-btn-hover-border-color: white;
+  --bs-btn-focus-shadow-rgb: 217, 217, 217;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: white;
+  --bs-btn-active-border-color: white;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #000000;
+  --bs-btn-disabled-bg: #ffffff;
+  --bs-btn-disabled-border-color: #ffffff;
+}
+
+.btn-light {
+  --bs-btn-color: #000000;
+  --bs-btn-bg: #f5f8fa;
+  --bs-btn-border-color: #f5f8fa;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #f7f9fb;
+  --bs-btn-hover-border-color: #f6f9fb;
+  --bs-btn-focus-shadow-rgb: 208, 211, 213;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #f7f9fb;
+  --bs-btn-active-border-color: #f6f9fb;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #000000;
+  --bs-btn-disabled-bg: #f5f8fa;
+  --bs-btn-disabled-border-color: #f5f8fa;
+}
+
+.btn-primary {
+  --bs-btn-color: #000000;
+  --bs-btn-bg: #009ef7;
+  --bs-btn-border-color: #009ef7;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #26adf8;
+  --bs-btn-hover-border-color: #1aa8f8;
+  --bs-btn-focus-shadow-rgb: 0, 134, 210;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #33b1f9;
+  --bs-btn-active-border-color: #1aa8f8;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #000000;
+  --bs-btn-disabled-bg: #009ef7;
+  --bs-btn-disabled-border-color: #009ef7;
+}
+
+.btn-secondary {
+  --bs-btn-color: #000000;
+  --bs-btn-bg: #E4E6EF;
+  --bs-btn-border-color: #E4E6EF;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #e8eaf1;
+  --bs-btn-hover-border-color: #e7e9f1;
+  --bs-btn-focus-shadow-rgb: 194, 196, 203;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #e9ebf2;
+  --bs-btn-active-border-color: #e7e9f1;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #000000;
+  --bs-btn-disabled-bg: #E4E6EF;
+  --bs-btn-disabled-border-color: #E4E6EF;
+}
+
+.btn-success {
+  --bs-btn-color: #000000;
+  --bs-btn-bg: #50cd89;
+  --bs-btn-border-color: #50cd89;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #6ad59b;
+  --bs-btn-hover-border-color: #62d295;
+  --bs-btn-focus-shadow-rgb: 68, 174, 116;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #73d7a1;
+  --bs-btn-active-border-color: #62d295;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #000000;
+  --bs-btn-disabled-bg: #50cd89;
+  --bs-btn-disabled-border-color: #50cd89;
+}
+
+.btn-info {
+  --bs-btn-color: #ffffff;
+  --bs-btn-bg: #7239ea;
+  --bs-btn-border-color: #7239ea;
+  --bs-btn-hover-color: #ffffff;
+  --bs-btn-hover-bg: #6130c7;
+  --bs-btn-hover-border-color: #5b2ebb;
+  --bs-btn-focus-shadow-rgb: 135, 87, 237;
+  --bs-btn-active-color: #ffffff;
+  --bs-btn-active-bg: #5b2ebb;
+  --bs-btn-active-border-color: #562bb0;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #ffffff;
+  --bs-btn-disabled-bg: #7239ea;
+  --bs-btn-disabled-border-color: #7239ea;
+}
+
+.btn-warning {
+  --bs-btn-color: #000000;
+  --bs-btn-bg: #ffc700;
+  --bs-btn-border-color: #ffc700;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #ffcf26;
+  --bs-btn-hover-border-color: #ffcd1a;
+  --bs-btn-focus-shadow-rgb: 217, 169, 0;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #ffd233;
+  --bs-btn-active-border-color: #ffcd1a;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #000000;
+  --bs-btn-disabled-bg: #ffc700;
+  --bs-btn-disabled-border-color: #ffc700;
+}
+
+.btn-danger {
+  --bs-btn-color: #000000;
+  --bs-btn-bg: #f1416c;
+  --bs-btn-border-color: #f1416c;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #f35e82;
+  --bs-btn-hover-border-color: #f2547b;
+  --bs-btn-focus-shadow-rgb: 205, 55, 92;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #f46789;
+  --bs-btn-active-border-color: #f2547b;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #000000;
+  --bs-btn-disabled-bg: #f1416c;
+  --bs-btn-disabled-border-color: #f1416c;
+}
+
+.btn-dark {
+  --bs-btn-color: #ffffff;
+  --bs-btn-bg: #181C32;
+  --bs-btn-border-color: #181C32;
+  --bs-btn-hover-color: #ffffff;
+  --bs-btn-hover-bg: #14182b;
+  --bs-btn-hover-border-color: #131628;
+  --bs-btn-focus-shadow-rgb: 59, 62, 81;
+  --bs-btn-active-color: #ffffff;
+  --bs-btn-active-bg: #131628;
+  --bs-btn-active-border-color: #121526;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #ffffff;
+  --bs-btn-disabled-bg: #181C32;
+  --bs-btn-disabled-border-color: #181C32;
+}
+
+.btn-outline-white {
+  --bs-btn-color: #ffffff;
+  --bs-btn-border-color: #ffffff;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #ffffff;
+  --bs-btn-hover-border-color: #ffffff;
+  --bs-btn-focus-shadow-rgb: 255, 255, 255;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #ffffff;
+  --bs-btn-active-border-color: #ffffff;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #ffffff;
+  --bs-btn-disabled-bg: transparent;
+  --bs-gradient: none;
+}
+
+.btn-outline-light {
+  --bs-btn-color: #f5f8fa;
+  --bs-btn-border-color: #f5f8fa;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #f5f8fa;
+  --bs-btn-hover-border-color: #f5f8fa;
+  --bs-btn-focus-shadow-rgb: 245, 248, 250;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #f5f8fa;
+  --bs-btn-active-border-color: #f5f8fa;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #f5f8fa;
+  --bs-btn-disabled-bg: transparent;
+  --bs-gradient: none;
+}
+
+.btn-outline-primary {
+  --bs-btn-color: #009ef7;
+  --bs-btn-border-color: #009ef7;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #009ef7;
+  --bs-btn-hover-border-color: #009ef7;
+  --bs-btn-focus-shadow-rgb: 0, 158, 247;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #009ef7;
+  --bs-btn-active-border-color: #009ef7;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #009ef7;
+  --bs-btn-disabled-bg: transparent;
+  --bs-gradient: none;
+}
+
+.btn-outline-secondary {
+  --bs-btn-color: #E4E6EF;
+  --bs-btn-border-color: #E4E6EF;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #E4E6EF;
+  --bs-btn-hover-border-color: #E4E6EF;
+  --bs-btn-focus-shadow-rgb: 228, 230, 239;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #E4E6EF;
+  --bs-btn-active-border-color: #E4E6EF;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #E4E6EF;
+  --bs-btn-disabled-bg: transparent;
+  --bs-gradient: none;
+}
+
+.btn-outline-success {
+  --bs-btn-color: #50cd89;
+  --bs-btn-border-color: #50cd89;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #50cd89;
+  --bs-btn-hover-border-color: #50cd89;
+  --bs-btn-focus-shadow-rgb: 80, 205, 137;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #50cd89;
+  --bs-btn-active-border-color: #50cd89;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #50cd89;
+  --bs-btn-disabled-bg: transparent;
+  --bs-gradient: none;
+}
+
+.btn-outline-info {
+  --bs-btn-color: #7239ea;
+  --bs-btn-border-color: #7239ea;
+  --bs-btn-hover-color: #ffffff;
+  --bs-btn-hover-bg: #7239ea;
+  --bs-btn-hover-border-color: #7239ea;
+  --bs-btn-focus-shadow-rgb: 114, 57, 234;
+  --bs-btn-active-color: #ffffff;
+  --bs-btn-active-bg: #7239ea;
+  --bs-btn-active-border-color: #7239ea;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #7239ea;
+  --bs-btn-disabled-bg: transparent;
+  --bs-gradient: none;
+}
+
+.btn-outline-warning {
+  --bs-btn-color: #ffc700;
+  --bs-btn-border-color: #ffc700;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #ffc700;
+  --bs-btn-hover-border-color: #ffc700;
+  --bs-btn-focus-shadow-rgb: 255, 199, 0;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #ffc700;
+  --bs-btn-active-border-color: #ffc700;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #ffc700;
+  --bs-btn-disabled-bg: transparent;
+  --bs-gradient: none;
+}
+
+.btn-outline-danger {
+  --bs-btn-color: #f1416c;
+  --bs-btn-border-color: #f1416c;
+  --bs-btn-hover-color: #000000;
+  --bs-btn-hover-bg: #f1416c;
+  --bs-btn-hover-border-color: #f1416c;
+  --bs-btn-focus-shadow-rgb: 241, 65, 108;
+  --bs-btn-active-color: #000000;
+  --bs-btn-active-bg: #f1416c;
+  --bs-btn-active-border-color: #f1416c;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #f1416c;
+  --bs-btn-disabled-bg: transparent;
+  --bs-gradient: none;
+}
+
+.btn-outline-dark {
+  --bs-btn-color: #181C32;
+  --bs-btn-border-color: #181C32;
+  --bs-btn-hover-color: #ffffff;
+  --bs-btn-hover-bg: #181C32;
+  --bs-btn-hover-border-color: #181C32;
+  --bs-btn-focus-shadow-rgb: 24, 28, 50;
+  --bs-btn-active-color: #ffffff;
+  --bs-btn-active-bg: #181C32;
+  --bs-btn-active-border-color: #181C32;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #181C32;
+  --bs-btn-disabled-bg: transparent;
+  --bs-gradient: none;
+}
+
+.btn-link {
+  --bs-btn-font-weight: 400;
+  --bs-btn-color: #009ef7;
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-hover-color: shift-color(#009ef7, 20%);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-disabled-color: #7E8299;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-box-shadow: none;
+  text-decoration: none;
+}
+.btn-link:hover, .btn-link:focus {
+  text-decoration: none;
+}
+
+.btn-lg, .btn-group-lg > .btn {
+  --bs-btn-padding-y: 0.825rem;
+  --bs-btn-padding-x: 1.75rem;
+  --bs-btn-font-size: 1.15rem;
+  --bs-btn-border-radius: 0.625rem;
+}
+
+.btn-sm, .btn-group-sm > .btn {
+  --bs-btn-padding-y: 0.7rem;
+  --bs-btn-padding-x: 1.25rem;
+  --bs-btn-font-size: 0.925rem;
+  --bs-btn-border-radius: 0.425rem;
+}
+
+.fade {
+  transition: opacity 0.15s linear;
+}
+@media (prefers-reduced-motion: reduce) {
+  .fade {
+    transition: none;
+  }
+}
+.fade:not(.show) {
+  opacity: 0;
+}
+
+.collapse:not(.show) {
+  display: none;
+}
+
+.collapsing {
+  height: 0;
+  overflow: hidden;
+  transition: height 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .collapsing {
+    transition: none;
+  }
+}
+.collapsing.collapse-horizontal {
+  width: 0;
+  height: auto;
+  transition: width 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .collapsing.collapse-horizontal {
+    transition: none;
+  }
+}
+
+.dropup,
+.dropend,
+.dropdown,
+.dropstart,
+.dropup-center,
+.dropdown-center {
+  position: relative;
+}
+
+.dropdown-toggle {
+  white-space: nowrap;
+}
+.dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0;
+  border-left: 0.3em solid transparent;
+}
+.dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropdown-menu {
+  --bs-dropdown-min-width: 10rem;
+  --bs-dropdown-padding-x: 0;
+  --bs-dropdown-padding-y: 0.5rem;
+  --bs-dropdown-spacer: 0.125rem;
+  --bs-dropdown-font-size: 1rem;
+  --bs-dropdown-color: #181C32;
+  --bs-dropdown-bg: #ffffff;
+  --bs-dropdown-border-color: var(--bs-border-color-translucent);
+  --bs-dropdown-border-radius: 0.475rem;
+  --bs-dropdown-border-width: 0;
+  --bs-dropdown-inner-border-radius: 0.475rem;
+  --bs-dropdown-divider-bg: #f5f8fa;
+  --bs-dropdown-divider-margin-y: 0.5rem;
+  --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
+  --bs-dropdown-link-color: #181C32;
+  --bs-dropdown-link-hover-color: shade-color(#181C32, 10%);
+  --bs-dropdown-link-hover-bg: #eff2f5;
+  --bs-dropdown-link-active-color: #ffffff;
+  --bs-dropdown-link-active-bg: #009ef7;
+  --bs-dropdown-link-disabled-color: #A1A5B7;
+  --bs-dropdown-item-padding-x: 1rem;
+  --bs-dropdown-item-padding-y: 0.25rem;
+  --bs-dropdown-header-color: #7E8299;
+  --bs-dropdown-header-padding-x: 1rem;
+  --bs-dropdown-header-padding-y: 0.5rem;
+  position: absolute;
+  z-index: 1000;
+  display: none;
+  min-width: var(--bs-dropdown-min-width);
+  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
+  margin: 0;
+  font-size: var(--bs-dropdown-font-size);
+  color: var(--bs-dropdown-color);
+  text-align: left;
+  list-style: none;
+  background-color: var(--bs-dropdown-bg);
+  background-clip: padding-box;
+  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
+  border-radius: var(--bs-dropdown-border-radius);
+  box-shadow: var(--bs-dropdown-box-shadow);
+}
+.dropdown-menu[data-bs-popper] {
+  top: 100%;
+  left: 0;
+  margin-top: var(--bs-dropdown-spacer);
+}
+
+.dropdown-menu-start {
+  --bs-position: start;
+}
+.dropdown-menu-start[data-bs-popper] {
+  right: auto;
+  left: 0;
+}
+
+.dropdown-menu-end {
+  --bs-position: end;
+}
+.dropdown-menu-end[data-bs-popper] {
+  right: 0;
+  left: auto;
+}
+
+@media (min-width: 576px) {
+  .dropdown-menu-sm-start {
+    --bs-position: start;
+  }
+  .dropdown-menu-sm-start[data-bs-popper] {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-sm-end {
+    --bs-position: end;
+  }
+  .dropdown-menu-sm-end[data-bs-popper] {
+    right: 0;
+    left: auto;
+  }
+}
+@media (min-width: 768px) {
+  .dropdown-menu-md-start {
+    --bs-position: start;
+  }
+  .dropdown-menu-md-start[data-bs-popper] {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-md-end {
+    --bs-position: end;
+  }
+  .dropdown-menu-md-end[data-bs-popper] {
+    right: 0;
+    left: auto;
+  }
+}
+@media (min-width: 992px) {
+  .dropdown-menu-lg-start {
+    --bs-position: start;
+  }
+  .dropdown-menu-lg-start[data-bs-popper] {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-lg-end {
+    --bs-position: end;
+  }
+  .dropdown-menu-lg-end[data-bs-popper] {
+    right: 0;
+    left: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .dropdown-menu-xl-start {
+    --bs-position: start;
+  }
+  .dropdown-menu-xl-start[data-bs-popper] {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-xl-end {
+    --bs-position: end;
+  }
+  .dropdown-menu-xl-end[data-bs-popper] {
+    right: 0;
+    left: auto;
+  }
+}
+@media (min-width: 1400px) {
+  .dropdown-menu-xxl-start {
+    --bs-position: start;
+  }
+  .dropdown-menu-xxl-start[data-bs-popper] {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-xxl-end {
+    --bs-position: end;
+  }
+  .dropdown-menu-xxl-end[data-bs-popper] {
+    right: 0;
+    left: auto;
+  }
+}
+.dropup .dropdown-menu[data-bs-popper] {
+  top: auto;
+  bottom: 100%;
+  margin-top: 0;
+  margin-bottom: var(--bs-dropdown-spacer);
+}
+.dropup .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0.3em solid;
+  border-left: 0.3em solid transparent;
+}
+.dropup .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropend .dropdown-menu[data-bs-popper] {
+  top: 0;
+  right: auto;
+  left: 100%;
+  margin-top: 0;
+  margin-left: var(--bs-dropdown-spacer);
+}
+.dropend .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0;
+  border-bottom: 0.3em solid transparent;
+  border-left: 0.3em solid;
+}
+.dropend .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+.dropend .dropdown-toggle::after {
+  vertical-align: 0;
+}
+
+.dropstart .dropdown-menu[data-bs-popper] {
+  top: 0;
+  right: 100%;
+  left: auto;
+  margin-top: 0;
+  margin-right: var(--bs-dropdown-spacer);
+}
+.dropstart .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+}
+.dropstart .dropdown-toggle::after {
+  display: none;
+}
+.dropstart .dropdown-toggle::before {
+  display: inline-block;
+  margin-right: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0.3em solid;
+  border-bottom: 0.3em solid transparent;
+}
+.dropstart .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+.dropstart .dropdown-toggle::before {
+  vertical-align: 0;
+}
+
+.dropdown-divider {
+  height: 0;
+  margin: var(--bs-dropdown-divider-margin-y) 0;
+  overflow: hidden;
+  border-top: 1px solid var(--bs-dropdown-divider-bg);
+  opacity: 1;
+}
+
+.dropdown-item {
+  display: block;
+  width: 100%;
+  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
+  clear: both;
+  font-weight: 400;
+  color: var(--bs-dropdown-link-color);
+  text-align: inherit;
+  white-space: nowrap;
+  background-color: transparent;
+  border: 0;
+}
+.dropdown-item:hover, .dropdown-item:focus {
+  color: var(--bs-dropdown-link-hover-color);
+  background-color: var(--bs-dropdown-link-hover-bg);
+}
+.dropdown-item.active, .dropdown-item:active {
+  color: var(--bs-dropdown-link-active-color);
+  text-decoration: none;
+  background-color: var(--bs-dropdown-link-active-bg);
+}
+.dropdown-item.disabled, .dropdown-item:disabled {
+  color: var(--bs-dropdown-link-disabled-color);
+  pointer-events: none;
+  background-color: transparent;
+}
+
+.dropdown-menu.show {
+  display: block;
+}
+
+.dropdown-header {
+  display: block;
+  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
+  margin-bottom: 0;
+  font-size: 0.925rem;
+  color: var(--bs-dropdown-header-color);
+  white-space: nowrap;
+}
+
+.dropdown-item-text {
+  display: block;
+  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
+  color: var(--bs-dropdown-link-color);
+}
+
+.dropdown-menu-dark {
+  --bs-dropdown-color: #E4E6EF;
+  --bs-dropdown-bg: #3F4254;
+  --bs-dropdown-border-color: var(--bs-border-color-translucent);
+  --bs-dropdown-box-shadow: ;
+  --bs-dropdown-link-color: #E4E6EF;
+  --bs-dropdown-link-hover-color: #ffffff;
+  --bs-dropdown-divider-bg: #f5f8fa;
+  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
+  --bs-dropdown-link-active-color: #ffffff;
+  --bs-dropdown-link-active-bg: #009ef7;
+  --bs-dropdown-link-disabled-color: #A1A5B7;
+  --bs-dropdown-header-color: #A1A5B7;
+}
+
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+  position: relative;
+  flex: 1 1 auto;
+}
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+  z-index: 1;
+}
+
+.btn-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
+.btn-toolbar .input-group {
+  width: auto;
+}
+
+.btn-group {
+  border-radius: 0.475rem;
+}
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+  margin-left: -1px;
+}
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn.dropdown-toggle-split:first-child,
+.btn-group > .btn-group:not(:last-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.btn-group > .btn:nth-child(n+3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.dropdown-toggle-split {
+  padding-right: 1.125rem;
+  padding-left: 1.125rem;
+}
+.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
+  margin-left: 0;
+}
+.dropstart .dropdown-toggle-split::before {
+  margin-right: 0;
+}
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
+  padding-right: 0.9375rem;
+  padding-left: 0.9375rem;
+}
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
+  padding-right: 1.3125rem;
+  padding-left: 1.3125rem;
+}
+
+.btn-group.show .dropdown-toggle {
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn-group.show .dropdown-toggle.btn-link {
+  box-shadow: none;
+}
+
+.btn-group-vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+  width: 100%;
+}
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+  margin-top: -1px;
+}
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.nav {
+  --bs-nav-link-padding-x: 1rem;
+  --bs-nav-link-padding-y: 0.5rem;
+  --bs-nav-link-font-weight: ;
+  --bs-nav-link-color: var(--bs-link-color);
+  --bs-nav-link-hover-color: var(--bs-link-hover-color);
+  --bs-nav-link-disabled-color: #7E8299;
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.nav-link {
+  display: block;
+  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
+  font-size: var(--bs-nav-link-font-size);
+  font-weight: var(--bs-nav-link-font-weight);
+  color: var(--bs-nav-link-color);
+  transition: color 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .nav-link {
+    transition: none;
+  }
+}
+.nav-link:hover, .nav-link:focus {
+  color: var(--bs-nav-link-hover-color);
+}
+.nav-link.disabled {
+  color: var(--bs-nav-link-disabled-color);
+  pointer-events: none;
+  cursor: default;
+}
+
+.nav-tabs {
+  --bs-nav-tabs-border-width: 1px;
+  --bs-nav-tabs-border-color: #eff2f5;
+  --bs-nav-tabs-border-radius: 0.475rem;
+  --bs-nav-tabs-link-hover-border-color: #eff2f5 #eff2f5 #eff2f5;
+  --bs-nav-tabs-link-active-color: #5E6278;
+  --bs-nav-tabs-link-active-bg: #ffffff;
+  --bs-nav-tabs-link-active-border-color: #E4E6EF #E4E6EF #ffffff;
+  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
+}
+.nav-tabs .nav-link {
+  margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
+  background: none;
+  border: var(--bs-nav-tabs-border-width) solid transparent;
+  border-top-left-radius: var(--bs-nav-tabs-border-radius);
+  border-top-right-radius: var(--bs-nav-tabs-border-radius);
+}
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+  isolation: isolate;
+  border-color: var(--bs-nav-tabs-link-hover-border-color);
+}
+.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
+  color: var(--bs-nav-link-disabled-color);
+  background-color: transparent;
+  border-color: transparent;
+}
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+  color: var(--bs-nav-tabs-link-active-color);
+  background-color: var(--bs-nav-tabs-link-active-bg);
+  border-color: var(--bs-nav-tabs-link-active-border-color);
+}
+.nav-tabs .dropdown-menu {
+  margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.nav-pills {
+  --bs-nav-pills-border-radius: 0.475rem;
+  --bs-nav-pills-link-active-color: #ffffff;
+  --bs-nav-pills-link-active-bg: #009ef7;
+}
+.nav-pills .nav-link {
+  background: none;
+  border: 0;
+  border-radius: var(--bs-nav-pills-border-radius);
+}
+.nav-pills .nav-link:disabled {
+  color: var(--bs-nav-link-disabled-color);
+  background-color: transparent;
+  border-color: transparent;
+}
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  color: var(--bs-nav-pills-link-active-color);
+  background-color: var(--bs-nav-pills-link-active-bg);
+}
+
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+  flex: 1 1 auto;
+  text-align: center;
+}
+
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+  flex-basis: 0;
+  flex-grow: 1;
+  text-align: center;
+}
+
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+  width: 100%;
+}
+
+.tab-content > .tab-pane {
+  display: none;
+}
+.tab-content > .active {
+  display: block;
+}
+
+.navbar {
+  --bs-navbar-padding-x: 0;
+  --bs-navbar-padding-y: 0.5rem;
+  --bs-navbar-color: rgba(0, 0, 0, 0.55);
+  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
+  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
+  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
+  --bs-navbar-brand-padding-y: 0.44375rem;
+  --bs-navbar-brand-margin-end: 1rem;
+  --bs-navbar-brand-font-size: 1.075rem;
+  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
+  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
+  --bs-navbar-nav-link-padding-x: 0.5rem;
+  --bs-navbar-toggler-padding-y: 0.25rem;
+  --bs-navbar-toggler-padding-x: 0.75rem;
+  --bs-navbar-toggler-font-size: 1.075rem;
+  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
+  --bs-navbar-toggler-border-radius: 0.475rem;
+  --bs-navbar-toggler-focus-width: 0.25rem;
+  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
+}
+.navbar > .container,
+.navbar > .container-fluid,
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
+  display: flex;
+  flex-wrap: inherit;
+  align-items: center;
+  justify-content: space-between;
+}
+.navbar-brand {
+  padding-top: var(--bs-navbar-brand-padding-y);
+  padding-bottom: var(--bs-navbar-brand-padding-y);
+  margin-right: var(--bs-navbar-brand-margin-end);
+  font-size: var(--bs-navbar-brand-font-size);
+  color: var(--bs-navbar-brand-color);
+  white-space: nowrap;
+}
+.navbar-brand:hover, .navbar-brand:focus {
+  color: var(--bs-navbar-brand-hover-color);
+}
+
+.navbar-nav {
+  --bs-nav-link-padding-x: 0;
+  --bs-nav-link-padding-y: 0.5rem;
+  --bs-nav-link-color: var(--bs-navbar-color);
+  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
+  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+.navbar-nav .show > .nav-link,
+.navbar-nav .nav-link.active {
+  color: var(--bs-navbar-active-color);
+}
+.navbar-nav .dropdown-menu {
+  position: static;
+}
+
+.navbar-text {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-navbar-color);
+}
+.navbar-text a,
+.navbar-text a:hover,
+.navbar-text a:focus {
+  color: var(--bs-navbar-active-color);
+}
+
+.navbar-collapse {
+  flex-basis: 100%;
+  flex-grow: 1;
+  align-items: center;
+}
+
+.navbar-toggler {
+  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
+  font-size: var(--bs-navbar-toggler-font-size);
+  line-height: 1;
+  color: var(--bs-navbar-color);
+  background-color: transparent;
+  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
+  border-radius: var(--bs-navbar-toggler-border-radius);
+  transition: var(--bs-navbar-toggler-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .navbar-toggler {
+    transition: none;
+  }
+}
+.navbar-toggler:hover {
+  text-decoration: none;
+}
+.navbar-toggler:focus {
+  text-decoration: none;
+  outline: 0;
+  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
+}
+
+.navbar-toggler-icon {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  background-image: var(--bs-navbar-toggler-icon-bg);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100%;
+}
+
+.navbar-nav-scroll {
+  max-height: var(--bs-scroll-height, 75vh);
+  overflow-y: auto;
+}
+
+@media (min-width: 576px) {
+  .navbar-expand-sm {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-sm .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-sm .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-sm .navbar-nav .nav-link {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x);
+  }
+  .navbar-expand-sm .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-sm .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-sm .navbar-toggler {
+    display: none;
+  }
+  .navbar-expand-sm .offcanvas {
+    position: static;
+    z-index: auto;
+    flex-grow: 1;
+    width: auto !important;
+    height: auto !important;
+    visibility: visible !important;
+    background-color: transparent !important;
+    border: 0 !important;
+    transform: none !important;
+    box-shadow: none;
+    transition: none;
+  }
+  .navbar-expand-sm .offcanvas .offcanvas-header {
+    display: none;
+  }
+  .navbar-expand-sm .offcanvas .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-expand-md {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-md .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-md .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-md .navbar-nav .nav-link {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x);
+  }
+  .navbar-expand-md .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-md .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-md .navbar-toggler {
+    display: none;
+  }
+  .navbar-expand-md .offcanvas {
+    position: static;
+    z-index: auto;
+    flex-grow: 1;
+    width: auto !important;
+    height: auto !important;
+    visibility: visible !important;
+    background-color: transparent !important;
+    border: 0 !important;
+    transform: none !important;
+    box-shadow: none;
+    transition: none;
+  }
+  .navbar-expand-md .offcanvas .offcanvas-header {
+    display: none;
+  }
+  .navbar-expand-md .offcanvas .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+}
+@media (min-width: 992px) {
+  .navbar-expand-lg {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-lg .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-lg .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-lg .navbar-nav .nav-link {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x);
+  }
+  .navbar-expand-lg .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-lg .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-lg .navbar-toggler {
+    display: none;
+  }
+  .navbar-expand-lg .offcanvas {
+    position: static;
+    z-index: auto;
+    flex-grow: 1;
+    width: auto !important;
+    height: auto !important;
+    visibility: visible !important;
+    background-color: transparent !important;
+    border: 0 !important;
+    transform: none !important;
+    box-shadow: none;
+    transition: none;
+  }
+  .navbar-expand-lg .offcanvas .offcanvas-header {
+    display: none;
+  }
+  .navbar-expand-lg .offcanvas .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+}
+@media (min-width: 1200px) {
+  .navbar-expand-xl {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-xl .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-xl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-xl .navbar-nav .nav-link {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x);
+  }
+  .navbar-expand-xl .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-xl .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-xl .navbar-toggler {
+    display: none;
+  }
+  .navbar-expand-xl .offcanvas {
+    position: static;
+    z-index: auto;
+    flex-grow: 1;
+    width: auto !important;
+    height: auto !important;
+    visibility: visible !important;
+    background-color: transparent !important;
+    border: 0 !important;
+    transform: none !important;
+    box-shadow: none;
+    transition: none;
+  }
+  .navbar-expand-xl .offcanvas .offcanvas-header {
+    display: none;
+  }
+  .navbar-expand-xl .offcanvas .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+}
+@media (min-width: 1400px) {
+  .navbar-expand-xxl {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-xxl .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-xxl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-xxl .navbar-nav .nav-link {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x);
+  }
+  .navbar-expand-xxl .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-xxl .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-xxl .navbar-toggler {
+    display: none;
+  }
+  .navbar-expand-xxl .offcanvas {
+    position: static;
+    z-index: auto;
+    flex-grow: 1;
+    width: auto !important;
+    height: auto !important;
+    visibility: visible !important;
+    background-color: transparent !important;
+    border: 0 !important;
+    transform: none !important;
+    box-shadow: none;
+    transition: none;
+  }
+  .navbar-expand-xxl .offcanvas .offcanvas-header {
+    display: none;
+  }
+  .navbar-expand-xxl .offcanvas .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+}
+.navbar-expand {
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+}
+.navbar-expand .navbar-nav {
+  flex-direction: row;
+}
+.navbar-expand .navbar-nav .dropdown-menu {
+  position: absolute;
+}
+.navbar-expand .navbar-nav .nav-link {
+  padding-right: var(--bs-navbar-nav-link-padding-x);
+  padding-left: var(--bs-navbar-nav-link-padding-x);
+}
+.navbar-expand .navbar-nav-scroll {
+  overflow: visible;
+}
+.navbar-expand .navbar-collapse {
+  display: flex !important;
+  flex-basis: auto;
+}
+.navbar-expand .navbar-toggler {
+  display: none;
+}
+.navbar-expand .offcanvas {
+  position: static;
+  z-index: auto;
+  flex-grow: 1;
+  width: auto !important;
+  height: auto !important;
+  visibility: visible !important;
+  background-color: transparent !important;
+  border: 0 !important;
+  transform: none !important;
+  box-shadow: none;
+  transition: none;
+}
+.navbar-expand .offcanvas .offcanvas-header {
+  display: none;
+}
+.navbar-expand .offcanvas .offcanvas-body {
+  display: flex;
+  flex-grow: 0;
+  padding: 0;
+  overflow-y: visible;
+}
+
+.navbar-dark {
+  --bs-navbar-color: rgba(255, 255, 255, 0.55);
+  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
+  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
+  --bs-navbar-active-color: #ffffff;
+  --bs-navbar-brand-color: #ffffff;
+  --bs-navbar-brand-hover-color: #ffffff;
+  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
+  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.card {
+  --bs-card-spacer-y: 1rem;
+  --bs-card-spacer-x: 1rem;
+  --bs-card-title-spacer-y: 0.5rem;
+  --bs-card-border-width: 1px;
+  --bs-card-border-color: #eff2f5;
+  --bs-card-border-radius: 0.625rem;
+  --bs-card-box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
+  --bs-card-inner-border-radius: calc(0.625rem - 1px);
+  --bs-card-cap-padding-y: 0.5rem;
+  --bs-card-cap-padding-x: 1rem;
+  --bs-card-cap-bg: transparent;
+  --bs-card-cap-color: ;
+  --bs-card-height: ;
+  --bs-card-color: ;
+  --bs-card-bg: #ffffff;
+  --bs-card-img-overlay-padding: 1rem;
+  --bs-card-group-margin: 0.75rem;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  height: var(--bs-card-height);
+  word-wrap: break-word;
+  background-color: var(--bs-card-bg);
+  background-clip: border-box;
+  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
+  border-radius: var(--bs-card-border-radius);
+  box-shadow: var(--bs-card-box-shadow);
+}
+.card > hr {
+  margin-right: 0;
+  margin-left: 0;
+}
+.card > .list-group {
+  border-top: inherit;
+  border-bottom: inherit;
+}
+.card > .list-group:first-child {
+  border-top-width: 0;
+  border-top-left-radius: var(--bs-card-inner-border-radius);
+  border-top-right-radius: var(--bs-card-inner-border-radius);
+}
+.card > .list-group:last-child {
+  border-bottom-width: 0;
+  border-bottom-right-radius: var(--bs-card-inner-border-radius);
+  border-bottom-left-radius: var(--bs-card-inner-border-radius);
+}
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+  border-top: 0;
+}
+
+.card-body {
+  flex: 1 1 auto;
+  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
+  color: var(--bs-card-color);
+}
+
+.card-title {
+  margin-bottom: var(--bs-card-title-spacer-y);
+}
+
+.card-subtitle {
+  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
+  margin-bottom: 0;
+}
+
+.card-text:last-child {
+  margin-bottom: 0;
+}
+
+.card-link + .card-link {
+  margin-left: var(--bs-card-spacer-x);
+}
+
+.card-header {
+  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
+  margin-bottom: 0;
+  color: var(--bs-card-cap-color);
+  background-color: var(--bs-card-cap-bg);
+  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
+}
+.card-header:first-child {
+  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
+}
+
+.card-footer {
+  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
+  color: var(--bs-card-cap-color);
+  background-color: var(--bs-card-cap-bg);
+  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
+}
+.card-footer:last-child {
+  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
+}
+
+.card-header-tabs {
+  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
+  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
+  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
+  border-bottom: 0;
+}
+.card-header-tabs .nav-link.active {
+  background-color: var(--bs-card-bg);
+  border-bottom-color: var(--bs-card-bg);
+}
+
+.card-header-pills {
+  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
+  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
+}
+
+.card-img-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: var(--bs-card-img-overlay-padding);
+  border-radius: var(--bs-card-inner-border-radius);
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+  width: 100%;
+}
+
+.card-img,
+.card-img-top {
+  border-top-left-radius: var(--bs-card-inner-border-radius);
+  border-top-right-radius: var(--bs-card-inner-border-radius);
+}
+
+.card-img,
+.card-img-bottom {
+  border-bottom-right-radius: var(--bs-card-inner-border-radius);
+  border-bottom-left-radius: var(--bs-card-inner-border-radius);
+}
+
+.card-group > .card {
+  margin-bottom: var(--bs-card-group-margin);
+}
+@media (min-width: 576px) {
+  .card-group {
+    display: flex;
+    flex-flow: row wrap;
+  }
+  .card-group > .card {
+    flex: 1 0 0%;
+    margin-bottom: 0;
+  }
+  .card-group > .card + .card {
+    margin-left: 0;
+    border-left: 0;
+  }
+  .card-group > .card:not(:last-child) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  .card-group > .card:not(:last-child) .card-img-top,
+.card-group > .card:not(:last-child) .card-header {
+    border-top-right-radius: 0;
+  }
+  .card-group > .card:not(:last-child) .card-img-bottom,
+.card-group > .card:not(:last-child) .card-footer {
+    border-bottom-right-radius: 0;
+  }
+  .card-group > .card:not(:first-child) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  .card-group > .card:not(:first-child) .card-img-top,
+.card-group > .card:not(:first-child) .card-header {
+    border-top-left-radius: 0;
+  }
+  .card-group > .card:not(:first-child) .card-img-bottom,
+.card-group > .card:not(:first-child) .card-footer {
+    border-bottom-left-radius: 0;
+  }
+}
+
+.accordion {
+  --bs-accordion-color: #000000;
+  --bs-accordion-bg: #ffffff;
+  --bs-accordion-transition: color 0.15s ease-in-out, border-radius 0.15s ease;
+  --bs-accordion-border-color: #eff2f5;
+  --bs-accordion-border-width: 1px;
+  --bs-accordion-border-radius: 0.475rem;
+  --bs-accordion-inner-border-radius: calc(0.475rem - 1px);
+  --bs-accordion-btn-padding-x: 1.5rem;
+  --bs-accordion-btn-padding-y: 1.5rem;
+  --bs-accordion-btn-color: #181C32;
+  --bs-accordion-btn-bg: #ffffff;
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23181C32'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon-width: 1.15rem;
+  --bs-accordion-btn-icon-transform: rotate(-180deg);
+  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23009ef7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --bs-accordion-btn-focus-border-color: #eff2f5;
+  --bs-accordion-btn-focus-box-shadow: none;
+  --bs-accordion-body-padding-x: 1.5rem;
+  --bs-accordion-body-padding-y: 1.5rem;
+  --bs-accordion-active-color: #009ef7;
+  --bs-accordion-active-bg: #f5f8fa;
+}
+
+.accordion-button {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
+  font-size: 1rem;
+  color: var(--bs-accordion-btn-color);
+  text-align: left;
+  background-color: var(--bs-accordion-btn-bg);
+  border: 0;
+  border-radius: 0;
+  overflow-anchor: none;
+  transition: var(--bs-accordion-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .accordion-button {
+    transition: none;
+  }
+}
+.accordion-button:not(.collapsed) {
+  color: var(--bs-accordion-active-color);
+  background-color: var(--bs-accordion-active-bg);
+  box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
+}
+.accordion-button:not(.collapsed)::after {
+  background-image: var(--bs-accordion-btn-active-icon);
+  transform: var(--bs-accordion-btn-icon-transform);
+}
+.accordion-button::after {
+  flex-shrink: 0;
+  width: var(--bs-accordion-btn-icon-width);
+  height: var(--bs-accordion-btn-icon-width);
+  margin-left: auto;
+  content: "";
+  background-image: var(--bs-accordion-btn-icon);
+  background-repeat: no-repeat;
+  background-size: var(--bs-accordion-btn-icon-width);
+  transition: var(--bs-accordion-btn-icon-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .accordion-button::after {
+    transition: none;
+  }
+}
+.accordion-button:hover {
+  z-index: 2;
+}
+.accordion-button:focus {
+  z-index: 3;
+  border-color: var(--bs-accordion-btn-focus-border-color);
+  outline: 0;
+  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
+}
+
+.accordion-header {
+  margin-bottom: 0;
+}
+
+.accordion-item {
+  color: var(--bs-accordion-color);
+  background-color: var(--bs-accordion-bg);
+  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
+}
+.accordion-item:first-of-type {
+  border-top-left-radius: var(--bs-accordion-border-radius);
+  border-top-right-radius: var(--bs-accordion-border-radius);
+}
+.accordion-item:first-of-type .accordion-button {
+  border-top-left-radius: var(--bs-accordion-inner-border-radius);
+  border-top-right-radius: var(--bs-accordion-inner-border-radius);
+}
+.accordion-item:not(:first-of-type) {
+  border-top: 0;
+}
+.accordion-item:last-of-type {
+  border-bottom-right-radius: var(--bs-accordion-border-radius);
+  border-bottom-left-radius: var(--bs-accordion-border-radius);
+}
+.accordion-item:last-of-type .accordion-button.collapsed {
+  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
+  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
+}
+.accordion-item:last-of-type .accordion-collapse {
+  border-bottom-right-radius: var(--bs-accordion-border-radius);
+  border-bottom-left-radius: var(--bs-accordion-border-radius);
+}
+
+.accordion-body {
+  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
+}
+
+.accordion-flush .accordion-collapse {
+  border-width: 0;
+}
+.accordion-flush .accordion-item {
+  border-right: 0;
+  border-left: 0;
+  border-radius: 0;
+}
+.accordion-flush .accordion-item:first-child {
+  border-top: 0;
+}
+.accordion-flush .accordion-item:last-child {
+  border-bottom: 0;
+}
+.accordion-flush .accordion-item .accordion-button {
+  border-radius: 0;
+}
+
+.breadcrumb {
+  --bs-breadcrumb-padding-x: 0;
+  --bs-breadcrumb-padding-y: 0;
+  --bs-breadcrumb-margin-bottom: 1rem;
+  --bs-breadcrumb-bg: ;
+  --bs-breadcrumb-border-radius: ;
+  --bs-breadcrumb-divider-color: #7E8299;
+  --bs-breadcrumb-item-padding-x: 0.5rem;
+  --bs-breadcrumb-item-active-color: #009ef7;
+  display: flex;
+  flex-wrap: wrap;
+  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
+  margin-bottom: var(--bs-breadcrumb-margin-bottom);
+  font-size: var(--bs-breadcrumb-font-size);
+  list-style: none;
+  background-color: var(--bs-breadcrumb-bg);
+  border-radius: var(--bs-breadcrumb-border-radius);
+}
+
+.breadcrumb-item + .breadcrumb-item {
+  padding-left: var(--bs-breadcrumb-item-padding-x);
+}
+.breadcrumb-item + .breadcrumb-item::before {
+  float: left;
+  padding-right: var(--bs-breadcrumb-item-padding-x);
+  color: var(--bs-breadcrumb-divider-color);
+  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
+}
+.breadcrumb-item.active {
+  color: var(--bs-breadcrumb-item-active-color);
+}
+
+.pagination {
+  --bs-pagination-padding-x: 0.75rem;
+  --bs-pagination-padding-y: 0.375rem;
+  --bs-pagination-font-size: 1.075rem;
+  --bs-pagination-color: #5E6278;
+  --bs-pagination-bg: transparent;
+  --bs-pagination-border-width: 0;
+  --bs-pagination-border-color: transparent;
+  --bs-pagination-border-radius: 0.475rem;
+  --bs-pagination-hover-color: #009ef7;
+  --bs-pagination-hover-bg: #f1faff;
+  --bs-pagination-hover-border-color: transparent;
+  --bs-pagination-focus-color: #009ef7;
+  --bs-pagination-focus-bg: #f1faff;
+  --bs-pagination-focus-box-shadow: none;
+  --bs-pagination-active-color: #ffffff;
+  --bs-pagination-active-bg: #009ef7;
+  --bs-pagination-active-border-color: transparent;
+  --bs-pagination-disabled-color: #B5B5C3;
+  --bs-pagination-disabled-bg: transparent;
+  --bs-pagination-disabled-border-color: transparent;
+  display: flex;
+  padding-left: 0;
+  list-style: none;
+}
+
+.page-link {
+  position: relative;
+  display: block;
+  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
+  font-size: var(--bs-pagination-font-size);
+  color: var(--bs-pagination-color);
+  background-color: var(--bs-pagination-bg);
+  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .page-link {
+    transition: none;
+  }
+}
+.page-link:hover {
+  z-index: 2;
+  color: var(--bs-pagination-hover-color);
+  background-color: var(--bs-pagination-hover-bg);
+  border-color: var(--bs-pagination-hover-border-color);
+}
+.page-link:focus {
+  z-index: 3;
+  color: var(--bs-pagination-focus-color);
+  background-color: var(--bs-pagination-focus-bg);
+  outline: 0;
+  box-shadow: var(--bs-pagination-focus-box-shadow);
+}
+.page-link.active, .active > .page-link {
+  z-index: 3;
+  color: var(--bs-pagination-active-color);
+  background-color: var(--bs-pagination-active-bg);
+  border-color: var(--bs-pagination-active-border-color);
+}
+.page-link.disabled, .disabled > .page-link {
+  color: var(--bs-pagination-disabled-color);
+  pointer-events: none;
+  background-color: var(--bs-pagination-disabled-bg);
+  border-color: var(--bs-pagination-disabled-border-color);
+}
+
+.page-item:not(:first-child) .page-link {
+  margin-left: 0;
+}
+.page-item:first-child .page-link {
+  border-top-left-radius: var(--bs-pagination-border-radius);
+  border-bottom-left-radius: var(--bs-pagination-border-radius);
+}
+.page-item:last-child .page-link {
+  border-top-right-radius: var(--bs-pagination-border-radius);
+  border-bottom-right-radius: var(--bs-pagination-border-radius);
+}
+
+.pagination-lg {
+  --bs-pagination-padding-x: 1.5rem;
+  --bs-pagination-padding-y: 0.75rem;
+  --bs-pagination-font-size: 1.075rem;
+  --bs-pagination-border-radius: 0.625rem;
+}
+
+.pagination-sm {
+  --bs-pagination-padding-x: 0.5rem;
+  --bs-pagination-padding-y: 0.25rem;
+  --bs-pagination-font-size: 0.925rem;
+  --bs-pagination-border-radius: 0.425rem;
+}
+
+.badge {
+  --bs-badge-padding-x: 0.5rem;
+  --bs-badge-padding-y: 0.325rem;
+  --bs-badge-font-size: 0.85rem;
+  --bs-badge-font-weight: 600;
+  --bs-badge-color: #ffffff;
+  --bs-badge-border-radius: 0.425rem;
+  display: inline-block;
+  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
+  font-size: var(--bs-badge-font-size);
+  font-weight: var(--bs-badge-font-weight);
+  line-height: 1;
+  color: var(--bs-badge-color);
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: var(--bs-badge-border-radius, 0);
+}
+.badge:empty {
+  display: none;
+}
+
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+.alert {
+  --bs-alert-bg: transparent;
+  --bs-alert-padding-x: 1rem;
+  --bs-alert-padding-y: 1rem;
+  --bs-alert-margin-bottom: 1rem;
+  --bs-alert-color: inherit;
+  --bs-alert-border-color: transparent;
+  --bs-alert-border: 1px solid var(--bs-alert-border-color);
+  --bs-alert-border-radius: 0.475rem;
+  position: relative;
+  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
+  margin-bottom: var(--bs-alert-margin-bottom);
+  color: var(--bs-alert-color);
+  background-color: var(--bs-alert-bg);
+  border: var(--bs-alert-border);
+  border-radius: var(--bs-alert-border-radius, 0);
+}
+
+.alert-heading {
+  color: inherit;
+}
+
+.alert-link {
+  font-weight: 600;
+}
+
+.alert-dismissible {
+  padding-right: 3rem;
+}
+.alert-dismissible .btn-close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  padding: 1.25rem 1rem;
+}
+
+.alert-white {
+  --bs-alert-color: #666666;
+  --bs-alert-bg: white;
+  --bs-alert-border-color: white;
+}
+.alert-white .alert-link {
+  color: #525252;
+}
+
+.alert-light {
+  --bs-alert-color: #626364;
+  --bs-alert-bg: #fdfefe;
+  --bs-alert-border-color: #fcfdfe;
+}
+.alert-light .alert-link {
+  color: #4e4f50;
+}
+
+.alert-primary {
+  --bs-alert-color: #005f94;
+  --bs-alert-bg: #ccecfd;
+  --bs-alert-border-color: #b3e2fd;
+}
+.alert-primary .alert-link {
+  color: #004c76;
+}
+
+.alert-secondary {
+  --bs-alert-color: #5b5c60;
+  --bs-alert-bg: #fafafc;
+  --bs-alert-border-color: #f7f8fa;
+}
+.alert-secondary .alert-link {
+  color: #494a4d;
+}
+
+.alert-success {
+  --bs-alert-color: #205237;
+  --bs-alert-bg: #dcf5e7;
+  --bs-alert-border-color: #cbf0dc;
+}
+.alert-success .alert-link {
+  color: #1a422c;
+}
+
+.alert-info {
+  --bs-alert-color: #44228c;
+  --bs-alert-bg: #e3d7fb;
+  --bs-alert-border-color: #d5c4f9;
+}
+.alert-info .alert-link {
+  color: #361b70;
+}
+
+.alert-warning {
+  --bs-alert-color: #665000;
+  --bs-alert-bg: #fff4cc;
+  --bs-alert-border-color: #ffeeb3;
+}
+.alert-warning .alert-link {
+  color: #524000;
+}
+
+.alert-danger {
+  --bs-alert-color: #912741;
+  --bs-alert-bg: #fcd9e2;
+  --bs-alert-border-color: #fbc6d3;
+}
+.alert-danger .alert-link {
+  color: #741f34;
+}
+
+.alert-dark {
+  --bs-alert-color: #0e111e;
+  --bs-alert-bg: #d1d2d6;
+  --bs-alert-border-color: #babbc2;
+}
+.alert-dark .alert-link {
+  color: #0b0e18;
+}
+
+@keyframes progress-bar-stripes {
+  0% {
+    background-position-x: 1rem;
+  }
+}
+.progress {
+  --bs-progress-height: 1rem;
+  --bs-progress-font-size: 0.75rem;
+  --bs-progress-bg: #f5f8fa;
+  --bs-progress-border-radius: 6px;
+  --bs-progress-box-shadow: none;
+  --bs-progress-bar-color: #ffffff;
+  --bs-progress-bar-bg: #009ef7;
+  --bs-progress-bar-transition: width 0.6s ease;
+  display: flex;
+  height: var(--bs-progress-height);
+  overflow: hidden;
+  font-size: var(--bs-progress-font-size);
+  background-color: var(--bs-progress-bg);
+  border-radius: var(--bs-progress-border-radius);
+  box-shadow: var(--bs-progress-box-shadow);
+}
+
+.progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow: hidden;
+  color: var(--bs-progress-bar-color);
+  text-align: center;
+  white-space: nowrap;
+  background-color: var(--bs-progress-bar-bg);
+  transition: var(--bs-progress-bar-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar {
+    transition: none;
+  }
+}
+
+.progress-bar-striped {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: var(--bs-progress-height) var(--bs-progress-height);
+}
+
+.progress-bar-animated {
+  animation: 1s linear infinite progress-bar-stripes;
+}
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar-animated {
+    animation: none;
+  }
+}
+
+.list-group {
+  --bs-list-group-color: #181C32;
+  --bs-list-group-bg: #ffffff;
+  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
+  --bs-list-group-border-width: 1px;
+  --bs-list-group-border-radius: 0.475rem;
+  --bs-list-group-item-padding-x: 1rem;
+  --bs-list-group-item-padding-y: 0.5rem;
+  --bs-list-group-action-color: #5E6278;
+  --bs-list-group-action-hover-color: #5E6278;
+  --bs-list-group-action-hover-bg: #f5f8fa;
+  --bs-list-group-action-active-color: #181C32;
+  --bs-list-group-action-active-bg: #eff2f5;
+  --bs-list-group-disabled-color: #7E8299;
+  --bs-list-group-disabled-bg: #ffffff;
+  --bs-list-group-active-color: #ffffff;
+  --bs-list-group-active-bg: #009ef7;
+  --bs-list-group-active-border-color: #009ef7;
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  border-radius: var(--bs-list-group-border-radius);
+}
+
+.list-group-numbered {
+  list-style-type: none;
+  counter-reset: section;
+}
+.list-group-numbered > .list-group-item::before {
+  content: counters(section, ".") ". ";
+  counter-increment: section;
+}
+
+.list-group-item-action {
+  width: 100%;
+  color: var(--bs-list-group-action-color);
+  text-align: inherit;
+}
+.list-group-item-action:hover, .list-group-item-action:focus {
+  z-index: 1;
+  color: var(--bs-list-group-action-hover-color);
+  text-decoration: none;
+  background-color: var(--bs-list-group-action-hover-bg);
+}
+.list-group-item-action:active {
+  color: var(--bs-list-group-action-active-color);
+  background-color: var(--bs-list-group-action-active-bg);
+}
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
+  color: var(--bs-list-group-color);
+  background-color: var(--bs-list-group-bg);
+  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
+}
+.list-group-item:first-child {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+.list-group-item:last-child {
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+.list-group-item.disabled, .list-group-item:disabled {
+  color: var(--bs-list-group-disabled-color);
+  pointer-events: none;
+  background-color: var(--bs-list-group-disabled-bg);
+}
+.list-group-item.active {
+  z-index: 2;
+  color: var(--bs-list-group-active-color);
+  background-color: var(--bs-list-group-active-bg);
+  border-color: var(--bs-list-group-active-border-color);
+}
+.list-group-item + .list-group-item {
+  border-top-width: 0;
+}
+.list-group-item + .list-group-item.active {
+  margin-top: calc(var(--bs-list-group-border-width) * -1);
+  border-top-width: var(--bs-list-group-border-width);
+}
+
+.list-group-horizontal {
+  flex-direction: row;
+}
+.list-group-horizontal > .list-group-item:first-child {
+  border-bottom-left-radius: var(--bs-list-group-border-radius);
+  border-top-right-radius: 0;
+}
+.list-group-horizontal > .list-group-item:last-child {
+  border-top-right-radius: var(--bs-list-group-border-radius);
+  border-bottom-left-radius: 0;
+}
+.list-group-horizontal > .list-group-item.active {
+  margin-top: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item {
+  border-top-width: var(--bs-list-group-border-width);
+  border-left-width: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+  margin-left: calc(var(--bs-list-group-border-width) * -1);
+  border-left-width: var(--bs-list-group-border-width);
+}
+
+@media (min-width: 576px) {
+  .list-group-horizontal-sm {
+    flex-direction: row;
+  }
+  .list-group-horizontal-sm > .list-group-item:first-child {
+    border-bottom-left-radius: var(--bs-list-group-border-radius);
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item:last-child {
+    border-top-right-radius: var(--bs-list-group-border-radius);
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item + .list-group-item {
+    border-top-width: var(--bs-list-group-border-width);
+    border-left-width: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+    margin-left: calc(var(--bs-list-group-border-width) * -1);
+    border-left-width: var(--bs-list-group-border-width);
+  }
+}
+@media (min-width: 768px) {
+  .list-group-horizontal-md {
+    flex-direction: row;
+  }
+  .list-group-horizontal-md > .list-group-item:first-child {
+    border-bottom-left-radius: var(--bs-list-group-border-radius);
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-md > .list-group-item:last-child {
+    border-top-right-radius: var(--bs-list-group-border-radius);
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-md > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-md > .list-group-item + .list-group-item {
+    border-top-width: var(--bs-list-group-border-width);
+    border-left-width: 0;
+  }
+  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+    margin-left: calc(var(--bs-list-group-border-width) * -1);
+    border-left-width: var(--bs-list-group-border-width);
+  }
+}
+@media (min-width: 992px) {
+  .list-group-horizontal-lg {
+    flex-direction: row;
+  }
+  .list-group-horizontal-lg > .list-group-item:first-child {
+    border-bottom-left-radius: var(--bs-list-group-border-radius);
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item:last-child {
+    border-top-right-radius: var(--bs-list-group-border-radius);
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item + .list-group-item {
+    border-top-width: var(--bs-list-group-border-width);
+    border-left-width: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+    margin-left: calc(var(--bs-list-group-border-width) * -1);
+    border-left-width: var(--bs-list-group-border-width);
+  }
+}
+@media (min-width: 1200px) {
+  .list-group-horizontal-xl {
+    flex-direction: row;
+  }
+  .list-group-horizontal-xl > .list-group-item:first-child {
+    border-bottom-left-radius: var(--bs-list-group-border-radius);
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item:last-child {
+    border-top-right-radius: var(--bs-list-group-border-radius);
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item + .list-group-item {
+    border-top-width: var(--bs-list-group-border-width);
+    border-left-width: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+    margin-left: calc(var(--bs-list-group-border-width) * -1);
+    border-left-width: var(--bs-list-group-border-width);
+  }
+}
+@media (min-width: 1400px) {
+  .list-group-horizontal-xxl {
+    flex-direction: row;
+  }
+  .list-group-horizontal-xxl > .list-group-item:first-child {
+    border-bottom-left-radius: var(--bs-list-group-border-radius);
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-xxl > .list-group-item:last-child {
+    border-top-right-radius: var(--bs-list-group-border-radius);
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-xxl > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+    border-top-width: var(--bs-list-group-border-width);
+    border-left-width: 0;
+  }
+  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+    margin-left: calc(var(--bs-list-group-border-width) * -1);
+    border-left-width: var(--bs-list-group-border-width);
+  }
+}
+.list-group-flush {
+  border-radius: 0;
+}
+.list-group-flush > .list-group-item {
+  border-width: 0 0 var(--bs-list-group-border-width);
+}
+.list-group-flush > .list-group-item:last-child {
+  border-bottom-width: 0;
+}
+
+.list-group-item-white {
+  color: #666666;
+  background-color: white;
+}
+.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
+  color: #666666;
+  background-color: #e6e6e6;
+}
+.list-group-item-white.list-group-item-action.active {
+  color: #ffffff;
+  background-color: #666666;
+  border-color: #666666;
+}
+
+.list-group-item-light {
+  color: #626364;
+  background-color: #fdfefe;
+}
+.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
+  color: #626364;
+  background-color: #e4e5e5;
+}
+.list-group-item-light.list-group-item-action.active {
+  color: #ffffff;
+  background-color: #626364;
+  border-color: #626364;
+}
+
+.list-group-item-primary {
+  color: #005f94;
+  background-color: #ccecfd;
+}
+.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
+  color: #005f94;
+  background-color: #b8d4e4;
+}
+.list-group-item-primary.list-group-item-action.active {
+  color: #ffffff;
+  background-color: #005f94;
+  border-color: #005f94;
+}
+
+.list-group-item-secondary {
+  color: #5b5c60;
+  background-color: #fafafc;
+}
+.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
+  color: #5b5c60;
+  background-color: #e1e1e3;
+}
+.list-group-item-secondary.list-group-item-action.active {
+  color: #ffffff;
+  background-color: #5b5c60;
+  border-color: #5b5c60;
+}
+
+.list-group-item-success {
+  color: #205237;
+  background-color: #dcf5e7;
+}
+.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
+  color: #205237;
+  background-color: #c6ddd0;
+}
+.list-group-item-success.list-group-item-action.active {
+  color: #ffffff;
+  background-color: #205237;
+  border-color: #205237;
+}
+
+.list-group-item-info {
+  color: #44228c;
+  background-color: #e3d7fb;
+}
+.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
+  color: #44228c;
+  background-color: #ccc2e2;
+}
+.list-group-item-info.list-group-item-action.active {
+  color: #ffffff;
+  background-color: #44228c;
+  border-color: #44228c;
+}
+
+.list-group-item-warning {
+  color: #665000;
+  background-color: #fff4cc;
+}
+.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
+  color: #665000;
+  background-color: #e6dcb8;
+}
+.list-group-item-warning.list-group-item-action.active {
+  color: #ffffff;
+  background-color: #665000;
+  border-color: #665000;
+}
+
+.list-group-item-danger {
+  color: #912741;
+  background-color: #fcd9e2;
+}
+.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
+  color: #912741;
+  background-color: #e3c3cb;
+}
+.list-group-item-danger.list-group-item-action.active {
+  color: #ffffff;
+  background-color: #912741;
+  border-color: #912741;
+}
+
+.list-group-item-dark {
+  color: #0e111e;
+  background-color: #d1d2d6;
+}
+.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
+  color: #0e111e;
+  background-color: #bcbdc1;
+}
+.list-group-item-dark.list-group-item-action.active {
+  color: #ffffff;
+  background-color: #0e111e;
+  border-color: #0e111e;
+}
+
+.btn-close {
+  box-sizing: content-box;
+  width: 0.75rem;
+  height: 0.75rem;
+  padding: 0.25em 0.25em;
+  color: #000000;
+  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
+  border: 0;
+  border-radius: 0.475rem;
+  opacity: 0.5;
+}
+.btn-close:hover {
+  color: #000000;
+  text-decoration: none;
+  opacity: 0.75;
+}
+.btn-close:focus {
+  outline: 0;
+  box-shadow: none;
+  opacity: 1;
+}
+.btn-close:disabled, .btn-close.disabled {
+  pointer-events: none;
+  user-select: none;
+  opacity: 0.25;
+}
+
+.btn-close-white {
+  filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+.toast {
+  --bs-toast-padding-x: 0.75rem;
+  --bs-toast-padding-y: 0.5rem;
+  --bs-toast-spacing: 1.5rem;
+  --bs-toast-max-width: 350px;
+  --bs-toast-font-size: 0.875rem;
+  --bs-toast-color: ;
+  --bs-toast-bg: rgba(255, 255, 255, 0.85);
+  --bs-toast-border-width: 1px;
+  --bs-toast-border-color: var(--bs-border-color-translucent);
+  --bs-toast-border-radius: 0.475rem;
+  --bs-toast-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
+  --bs-toast-header-color: #7E8299;
+  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
+  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
+  width: var(--bs-toast-max-width);
+  max-width: 100%;
+  font-size: var(--bs-toast-font-size);
+  color: var(--bs-toast-color);
+  pointer-events: auto;
+  background-color: var(--bs-toast-bg);
+  background-clip: padding-box;
+  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
+  box-shadow: var(--bs-toast-box-shadow);
+  border-radius: var(--bs-toast-border-radius);
+}
+.toast.showing {
+  opacity: 0;
+}
+.toast:not(.show) {
+  display: none;
+}
+
+.toast-container {
+  position: absolute;
+  z-index: 1090;
+  width: max-content;
+  max-width: 100%;
+  pointer-events: none;
+}
+.toast-container > :not(:last-child) {
+  margin-bottom: var(--bs-toast-spacing);
+}
+
+.toast-header {
+  display: flex;
+  align-items: center;
+  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
+  color: var(--bs-toast-header-color);
+  background-color: var(--bs-toast-header-bg);
+  background-clip: padding-box;
+  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
+  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
+  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
+}
+.toast-header .btn-close {
+  margin-right: calc(var(--bs-toast-padding-x) * -0.5);
+  margin-left: var(--bs-toast-padding-x);
+}
+
+.toast-body {
+  padding: var(--bs-toast-padding-x);
+  word-wrap: break-word;
+}
+
+.modal {
+  --bs-modal-zindex: 1055;
+  --bs-modal-width: 500px;
+  --bs-modal-padding: 1.75rem;
+  --bs-modal-margin: 0.5rem;
+  --bs-modal-color: ;
+  --bs-modal-bg: #ffffff;
+  --bs-modal-border-color: var(--bs-border-color-translucent);
+  --bs-modal-border-width: 0;
+  --bs-modal-border-radius: 0.475rem;
+  --bs-modal-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
+  --bs-modal-inner-border-radius: 0.475rem;
+  --bs-modal-header-padding-x: 1.75rem;
+  --bs-modal-header-padding-y: 1.75rem;
+  --bs-modal-header-padding: 1.75rem 1.75rem;
+  --bs-modal-header-border-color: #eff2f5;
+  --bs-modal-header-border-width: 1px;
+  --bs-modal-title-line-height: 1.5;
+  --bs-modal-footer-gap: 0.5rem;
+  --bs-modal-footer-bg: ;
+  --bs-modal-footer-border-color: #eff2f5;
+  --bs-modal-footer-border-width: 1px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: var(--bs-modal-zindex);
+  display: none;
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  outline: 0;
+}
+
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: var(--bs-modal-margin);
+  pointer-events: none;
+}
+.modal.fade .modal-dialog {
+  transition: transform 0.3s ease-out;
+  transform: translate(0, -50px);
+}
+@media (prefers-reduced-motion: reduce) {
+  .modal.fade .modal-dialog {
+    transition: none;
+  }
+}
+.modal.show .modal-dialog {
+  transform: none;
+}
+.modal.modal-static .modal-dialog {
+  transform: scale(1.02);
+}
+
+.modal-dialog-scrollable {
+  height: calc(100% - var(--bs-modal-margin) * 2);
+}
+.modal-dialog-scrollable .modal-content {
+  max-height: 100%;
+  overflow: hidden;
+}
+.modal-dialog-scrollable .modal-body {
+  overflow-y: auto;
+}
+
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: calc(100% - var(--bs-modal-margin) * 2);
+}
+
+.modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  color: var(--bs-modal-color);
+  pointer-events: auto;
+  background-color: var(--bs-modal-bg);
+  background-clip: padding-box;
+  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
+  border-radius: var(--bs-modal-border-radius);
+  box-shadow: var(--bs-modal-box-shadow);
+  outline: 0;
+}
+
+.modal-backdrop {
+  --bs-backdrop-zindex: 1050;
+  --bs-backdrop-bg: #000000;
+  --bs-backdrop-opacity: 0.3;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: var(--bs-backdrop-zindex);
+  width: 100vw;
+  height: 100vh;
+  background-color: var(--bs-backdrop-bg);
+}
+.modal-backdrop.fade {
+  opacity: 0;
+}
+.modal-backdrop.show {
+  opacity: var(--bs-backdrop-opacity);
+}
+
+.modal-header {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--bs-modal-header-padding);
+  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
+  border-top-left-radius: var(--bs-modal-inner-border-radius);
+  border-top-right-radius: var(--bs-modal-inner-border-radius);
+}
+.modal-header .btn-close {
+  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
+  margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto;
+}
+
+.modal-title {
+  margin-bottom: 0;
+  line-height: var(--bs-modal-title-line-height);
+}
+
+.modal-body {
+  position: relative;
+  flex: 1 1 auto;
+  padding: var(--bs-modal-padding);
+}
+
+.modal-footer {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
+  background-color: var(--bs-modal-footer-bg);
+  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
+  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
+  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
+}
+.modal-footer > * {
+  margin: calc(var(--bs-modal-footer-gap) * 0.5);
+}
+
+@media (min-width: 576px) {
+  .modal {
+    --bs-modal-margin: 1.75rem;
+    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
+  }
+  .modal-dialog {
+    max-width: var(--bs-modal-width);
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .modal-sm {
+    --bs-modal-width: 300px;
+  }
+}
+@media (min-width: 992px) {
+  .modal-lg,
+.modal-xl {
+    --bs-modal-width: 800px;
+  }
+}
+@media (min-width: 1200px) {
+  .modal-xl {
+    --bs-modal-width: 1140px;
+  }
+}
+.modal-fullscreen {
+  width: 100vw;
+  max-width: none;
+  height: 100%;
+  margin: 0;
+}
+.modal-fullscreen .modal-content {
+  height: 100%;
+  border: 0;
+  border-radius: 0;
+}
+.modal-fullscreen .modal-header,
+.modal-fullscreen .modal-footer {
+  border-radius: 0;
+}
+.modal-fullscreen .modal-body {
+  overflow-y: auto;
+}
+
+@media (max-width: 575.98px) {
+  .modal-fullscreen-sm-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+  .modal-fullscreen-sm-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+  .modal-fullscreen-sm-down .modal-header,
+.modal-fullscreen-sm-down .modal-footer {
+    border-radius: 0;
+  }
+  .modal-fullscreen-sm-down .modal-body {
+    overflow-y: auto;
+  }
+}
+@media (max-width: 767.98px) {
+  .modal-fullscreen-md-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+  .modal-fullscreen-md-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+  .modal-fullscreen-md-down .modal-header,
+.modal-fullscreen-md-down .modal-footer {
+    border-radius: 0;
+  }
+  .modal-fullscreen-md-down .modal-body {
+    overflow-y: auto;
+  }
+}
+@media (max-width: 991.98px) {
+  .modal-fullscreen-lg-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+  .modal-fullscreen-lg-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+  .modal-fullscreen-lg-down .modal-header,
+.modal-fullscreen-lg-down .modal-footer {
+    border-radius: 0;
+  }
+  .modal-fullscreen-lg-down .modal-body {
+    overflow-y: auto;
+  }
+}
+@media (max-width: 1199.98px) {
+  .modal-fullscreen-xl-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+  .modal-fullscreen-xl-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+  .modal-fullscreen-xl-down .modal-header,
+.modal-fullscreen-xl-down .modal-footer {
+    border-radius: 0;
+  }
+  .modal-fullscreen-xl-down .modal-body {
+    overflow-y: auto;
+  }
+}
+@media (max-width: 1399.98px) {
+  .modal-fullscreen-xxl-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+  .modal-fullscreen-xxl-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+  .modal-fullscreen-xxl-down .modal-header,
+.modal-fullscreen-xxl-down .modal-footer {
+    border-radius: 0;
+  }
+  .modal-fullscreen-xxl-down .modal-body {
+    overflow-y: auto;
+  }
+}
+.tooltip {
+  --bs-tooltip-zindex: 1080;
+  --bs-tooltip-max-width: 200px;
+  --bs-tooltip-padding-x: 1rem;
+  --bs-tooltip-padding-y: 0.75rem;
+  --bs-tooltip-margin: 0;
+  --bs-tooltip-font-size: 0.925rem;
+  --bs-tooltip-color: #3F4254;
+  --bs-tooltip-bg: #ffffff;
+  --bs-tooltip-border-radius: 0.475rem;
+  --bs-tooltip-opacity: 1;
+  --bs-tooltip-arrow-width: 0.8rem;
+  --bs-tooltip-arrow-height: 0.4rem;
+  z-index: var(--bs-tooltip-zindex);
+  display: block;
+  padding: var(--bs-tooltip-arrow-height);
+  margin: var(--bs-tooltip-margin);
+  font-family: var(--bs-font-sans-serif);
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  white-space: normal;
+  word-spacing: normal;
+  line-break: auto;
+  font-size: var(--bs-tooltip-font-size);
+  word-wrap: break-word;
+  opacity: 0;
+}
+.tooltip.show {
+  opacity: var(--bs-tooltip-opacity);
+}
+.tooltip .tooltip-arrow {
+  display: block;
+  width: var(--bs-tooltip-arrow-width);
+  height: var(--bs-tooltip-arrow-height);
+}
+.tooltip .tooltip-arrow::before {
+  position: absolute;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+}
+
+.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
+  bottom: 0;
+}
+.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
+  top: -1px;
+  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
+  border-top-color: var(--bs-tooltip-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
+  left: 0;
+  width: var(--bs-tooltip-arrow-height);
+  height: var(--bs-tooltip-arrow-width);
+}
+.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
+  right: -1px;
+  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
+  border-right-color: var(--bs-tooltip-bg);
+}
+
+/* rtl:end:ignore */
+.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
+  top: 0;
+}
+.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
+  bottom: -1px;
+  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
+  border-bottom-color: var(--bs-tooltip-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
+  right: 0;
+  width: var(--bs-tooltip-arrow-height);
+  height: var(--bs-tooltip-arrow-width);
+}
+.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
+  left: -1px;
+  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
+  border-left-color: var(--bs-tooltip-bg);
+}
+
+/* rtl:end:ignore */
+.tooltip-inner {
+  max-width: var(--bs-tooltip-max-width);
+  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
+  color: var(--bs-tooltip-color);
+  text-align: center;
+  background-color: var(--bs-tooltip-bg);
+  border-radius: var(--bs-tooltip-border-radius, 0);
+}
+
+.popover {
+  --bs-popover-zindex: 1070;
+  --bs-popover-max-width: 276px;
+  --bs-popover-font-size: 1rem;
+  --bs-popover-bg: #ffffff;
+  --bs-popover-border-width: 1px;
+  --bs-popover-border-color: #ffffff;
+  --bs-popover-border-radius: 0.475rem;
+  --bs-popover-inner-border-radius: calc(0.475rem - 1px);
+  --bs-popover-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
+  --bs-popover-header-padding-x: 1.25rem;
+  --bs-popover-header-padding-y: 1rem;
+  --bs-popover-header-font-size: 1rem;
+  --bs-popover-header-color: #3F4254;
+  --bs-popover-header-bg: #ffffff;
+  --bs-popover-body-padding-x: 1.25rem;
+  --bs-popover-body-padding-y: 1.25rem;
+  --bs-popover-body-color: #3F4254;
+  --bs-popover-arrow-width: 1rem;
+  --bs-popover-arrow-height: 0.5rem;
+  --bs-popover-arrow-border: var(--bs-popover-border-color);
+  z-index: var(--bs-popover-zindex);
+  display: block;
+  max-width: var(--bs-popover-max-width);
+  font-family: var(--bs-font-sans-serif);
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  white-space: normal;
+  word-spacing: normal;
+  line-break: auto;
+  font-size: var(--bs-popover-font-size);
+  word-wrap: break-word;
+  background-color: var(--bs-popover-bg);
+  background-clip: padding-box;
+  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
+  border-radius: var(--bs-popover-border-radius);
+  box-shadow: var(--bs-popover-box-shadow);
+}
+.popover .popover-arrow {
+  display: block;
+  width: var(--bs-popover-arrow-width);
+  height: var(--bs-popover-arrow-height);
+}
+.popover .popover-arrow::before, .popover .popover-arrow::after {
+  position: absolute;
+  display: block;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+  border-width: 0;
+}
+
+.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
+  bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
+}
+.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
+}
+.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
+  bottom: 0;
+  border-top-color: var(--bs-popover-arrow-border);
+}
+.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+  bottom: var(--bs-popover-border-width);
+  border-top-color: var(--bs-popover-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
+  left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
+  width: var(--bs-popover-arrow-height);
+  height: var(--bs-popover-arrow-width);
+}
+.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
+}
+.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
+  left: 0;
+  border-right-color: var(--bs-popover-arrow-border);
+}
+.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+  left: var(--bs-popover-border-width);
+  border-right-color: var(--bs-popover-bg);
+}
+
+/* rtl:end:ignore */
+.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
+  top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
+}
+.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
+}
+.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
+  top: 0;
+  border-bottom-color: var(--bs-popover-arrow-border);
+}
+.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+  top: var(--bs-popover-border-width);
+  border-bottom-color: var(--bs-popover-bg);
+}
+.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  width: var(--bs-popover-arrow-width);
+  margin-left: calc(var(--bs-popover-arrow-width) * -0.5);
+  content: "";
+  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
+  right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
+  width: var(--bs-popover-arrow-height);
+  height: var(--bs-popover-arrow-width);
+}
+.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
+}
+.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
+  right: 0;
+  border-left-color: var(--bs-popover-arrow-border);
+}
+.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+  right: var(--bs-popover-border-width);
+  border-left-color: var(--bs-popover-bg);
+}
+
+/* rtl:end:ignore */
+.popover-header {
+  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
+  margin-bottom: 0;
+  font-size: var(--bs-popover-header-font-size);
+  color: var(--bs-popover-header-color);
+  background-color: var(--bs-popover-header-bg);
+  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
+  border-top-left-radius: var(--bs-popover-inner-border-radius);
+  border-top-right-radius: var(--bs-popover-inner-border-radius);
+}
+.popover-header:empty {
+  display: none;
+}
+
+.popover-body {
+  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
+  color: var(--bs-popover-body-color);
+}
+
+.carousel {
+  position: relative;
+}
+
+.carousel.pointer-event {
+  touch-action: pan-y;
+}
+
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+.carousel-inner::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.carousel-item {
+  position: relative;
+  display: none;
+  float: left;
+  width: 100%;
+  margin-right: -100%;
+  backface-visibility: hidden;
+  transition: transform 0.6s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-item {
+    transition: none;
+  }
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+  display: block;
+}
+
+/* rtl:begin:ignore */
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
+  transform: translateX(100%);
+}
+
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
+  transform: translateX(-100%);
+}
+
+/* rtl:end:ignore */
+.carousel-fade .carousel-item {
+  opacity: 0;
+  transition-property: opacity;
+  transform: none;
+}
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+  z-index: 1;
+  opacity: 1;
+}
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+  z-index: 0;
+  opacity: 0;
+  transition: opacity 0s 0.6s;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+    transition: none;
+  }
+}
+
+.carousel-control-prev,
+.carousel-control-next {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 15%;
+  padding: 0;
+  color: #ffffff;
+  text-align: center;
+  background: none;
+  border: 0;
+  opacity: 0.5;
+  transition: opacity 0.15s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-control-prev,
+.carousel-control-next {
+    transition: none;
+  }
+}
+.carousel-control-prev:hover, .carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+  color: #ffffff;
+  text-decoration: none;
+  outline: 0;
+  opacity: 0.9;
+}
+
+.carousel-control-prev {
+  left: 0;
+}
+
+.carousel-control-next {
+  right: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  background-repeat: no-repeat;
+  background-position: 50%;
+  background-size: 100% 100%;
+}
+
+/* rtl:options: {
+  "autoRename": true,
+  "stringMap":[ {
+    "name"    : "prev-next",
+    "search"  : "prev",
+    "replace" : "next"
+  } ]
+} */
+.carousel-control-prev-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
+}
+
+.carousel-control-next-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+}
+
+.carousel-indicators {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  display: flex;
+  justify-content: center;
+  padding: 0;
+  margin-right: 15%;
+  margin-bottom: 1rem;
+  margin-left: 15%;
+  list-style: none;
+}
+.carousel-indicators [data-bs-target] {
+  box-sizing: content-box;
+  flex: 0 1 auto;
+  width: 30px;
+  height: 3px;
+  padding: 0;
+  margin-right: 3px;
+  margin-left: 3px;
+  text-indent: -999px;
+  cursor: pointer;
+  background-color: #ffffff;
+  background-clip: padding-box;
+  border: 0;
+  border-top: 10px solid transparent;
+  border-bottom: 10px solid transparent;
+  opacity: 0.5;
+  transition: opacity 0.6s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-indicators [data-bs-target] {
+    transition: none;
+  }
+}
+.carousel-indicators .active {
+  opacity: 1;
+}
+
+.carousel-caption {
+  position: absolute;
+  right: 15%;
+  bottom: 1.25rem;
+  left: 15%;
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+  color: #ffffff;
+  text-align: center;
+}
+
+.carousel-dark .carousel-control-prev-icon,
+.carousel-dark .carousel-control-next-icon {
+  filter: invert(1) grayscale(100);
+}
+.carousel-dark .carousel-indicators [data-bs-target] {
+  background-color: #000000;
+}
+.carousel-dark .carousel-caption {
+  color: #000000;
+}
+
+.spinner-grow,
+.spinner-border {
+  display: inline-block;
+  width: var(--bs-spinner-width);
+  height: var(--bs-spinner-height);
+  vertical-align: var(--bs-spinner-vertical-align);
+  border-radius: 50%;
+  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
+}
+
+@keyframes spinner-border {
+  to {
+    transform: rotate(360deg) /* rtl:ignore */;
+  }
+}
+.spinner-border {
+  --bs-spinner-width: 2rem;
+  --bs-spinner-height: 2rem;
+  --bs-spinner-vertical-align: -0.125em;
+  --bs-spinner-border-width: 0.185em;
+  --bs-spinner-animation-speed: 0.65s;
+  --bs-spinner-animation-name: spinner-border;
+  border: var(--bs-spinner-border-width) solid currentcolor;
+  border-right-color: transparent;
+}
+
+.spinner-border-sm {
+  --bs-spinner-width: 1rem;
+  --bs-spinner-height: 1rem;
+  --bs-spinner-border-width: 0.145em;
+}
+
+@keyframes spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+  50% {
+    opacity: 1;
+    transform: none;
+  }
+}
+.spinner-grow {
+  --bs-spinner-width: 2rem;
+  --bs-spinner-height: 2rem;
+  --bs-spinner-vertical-align: -0.125em;
+  --bs-spinner-animation-speed: 0.65s;
+  --bs-spinner-animation-name: spinner-grow;
+  background-color: currentcolor;
+  opacity: 0;
+}
+
+.spinner-grow-sm {
+  --bs-spinner-width: 1rem;
+  --bs-spinner-height: 1rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .spinner-border,
+.spinner-grow {
+    --bs-spinner-animation-speed: 1.3s;
+  }
+}
+.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
+  --bs-offcanvas-width: 400px;
+  --bs-offcanvas-height: 30vh;
+  --bs-offcanvas-padding-x: 1.75rem;
+  --bs-offcanvas-padding-y: 1.75rem;
+  --bs-offcanvas-color: ;
+  --bs-offcanvas-bg: #ffffff;
+  --bs-offcanvas-border-width: 0;
+  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
+  --bs-offcanvas-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
+}
+
+@media (max-width: 575.98px) {
+  .offcanvas-sm {
+    position: fixed;
+    bottom: 0;
+    z-index: 1045;
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    color: var(--bs-offcanvas-color);
+    visibility: hidden;
+    background-color: var(--bs-offcanvas-bg);
+    background-clip: padding-box;
+    outline: 0;
+    box-shadow: var(--bs-offcanvas-box-shadow);
+    transition: transform 0.3s ease-in-out;
+  }
+}
+@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
+  .offcanvas-sm {
+    transition: none;
+  }
+}
+@media (max-width: 575.98px) {
+  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
+    transform: none;
+  }
+}
+@media (max-width: 575.98px) {
+  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
+    visibility: visible;
+  }
+}
+@media (max-width: 575.98px) {
+  .offcanvas-sm.offcanvas-start {
+    top: 0;
+    left: 0;
+    width: var(--bs-offcanvas-width);
+    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(-100%);
+  }
+}
+@media (max-width: 575.98px) {
+  .offcanvas-sm.offcanvas-end {
+    top: 0;
+    right: 0;
+    width: var(--bs-offcanvas-width);
+    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(100%);
+  }
+}
+@media (max-width: 575.98px) {
+  .offcanvas-sm.offcanvas-top {
+    top: 0;
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(-100%);
+  }
+}
+@media (max-width: 575.98px) {
+  .offcanvas-sm.offcanvas-bottom {
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(100%);
+  }
+}
+@media (min-width: 576px) {
+  .offcanvas-sm {
+    --bs-offcanvas-height: auto;
+    --bs-offcanvas-border-width: 0;
+    background-color: transparent !important;
+  }
+  .offcanvas-sm .offcanvas-header {
+    display: none;
+  }
+  .offcanvas-sm .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+    background-color: transparent !important;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .offcanvas-md {
+    position: fixed;
+    bottom: 0;
+    z-index: 1045;
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    color: var(--bs-offcanvas-color);
+    visibility: hidden;
+    background-color: var(--bs-offcanvas-bg);
+    background-clip: padding-box;
+    outline: 0;
+    box-shadow: var(--bs-offcanvas-box-shadow);
+    transition: transform 0.3s ease-in-out;
+  }
+}
+@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
+  .offcanvas-md {
+    transition: none;
+  }
+}
+@media (max-width: 767.98px) {
+  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
+    transform: none;
+  }
+}
+@media (max-width: 767.98px) {
+  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
+    visibility: visible;
+  }
+}
+@media (max-width: 767.98px) {
+  .offcanvas-md.offcanvas-start {
+    top: 0;
+    left: 0;
+    width: var(--bs-offcanvas-width);
+    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(-100%);
+  }
+}
+@media (max-width: 767.98px) {
+  .offcanvas-md.offcanvas-end {
+    top: 0;
+    right: 0;
+    width: var(--bs-offcanvas-width);
+    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(100%);
+  }
+}
+@media (max-width: 767.98px) {
+  .offcanvas-md.offcanvas-top {
+    top: 0;
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(-100%);
+  }
+}
+@media (max-width: 767.98px) {
+  .offcanvas-md.offcanvas-bottom {
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(100%);
+  }
+}
+@media (min-width: 768px) {
+  .offcanvas-md {
+    --bs-offcanvas-height: auto;
+    --bs-offcanvas-border-width: 0;
+    background-color: transparent !important;
+  }
+  .offcanvas-md .offcanvas-header {
+    display: none;
+  }
+  .offcanvas-md .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+    background-color: transparent !important;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .offcanvas-lg {
+    position: fixed;
+    bottom: 0;
+    z-index: 1045;
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    color: var(--bs-offcanvas-color);
+    visibility: hidden;
+    background-color: var(--bs-offcanvas-bg);
+    background-clip: padding-box;
+    outline: 0;
+    box-shadow: var(--bs-offcanvas-box-shadow);
+    transition: transform 0.3s ease-in-out;
+  }
+}
+@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
+  .offcanvas-lg {
+    transition: none;
+  }
+}
+@media (max-width: 991.98px) {
+  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
+    transform: none;
+  }
+}
+@media (max-width: 991.98px) {
+  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
+    visibility: visible;
+  }
+}
+@media (max-width: 991.98px) {
+  .offcanvas-lg.offcanvas-start {
+    top: 0;
+    left: 0;
+    width: var(--bs-offcanvas-width);
+    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(-100%);
+  }
+}
+@media (max-width: 991.98px) {
+  .offcanvas-lg.offcanvas-end {
+    top: 0;
+    right: 0;
+    width: var(--bs-offcanvas-width);
+    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(100%);
+  }
+}
+@media (max-width: 991.98px) {
+  .offcanvas-lg.offcanvas-top {
+    top: 0;
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(-100%);
+  }
+}
+@media (max-width: 991.98px) {
+  .offcanvas-lg.offcanvas-bottom {
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(100%);
+  }
+}
+@media (min-width: 992px) {
+  .offcanvas-lg {
+    --bs-offcanvas-height: auto;
+    --bs-offcanvas-border-width: 0;
+    background-color: transparent !important;
+  }
+  .offcanvas-lg .offcanvas-header {
+    display: none;
+  }
+  .offcanvas-lg .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+    background-color: transparent !important;
+  }
+}
+
+@media (max-width: 1199.98px) {
+  .offcanvas-xl {
+    position: fixed;
+    bottom: 0;
+    z-index: 1045;
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    color: var(--bs-offcanvas-color);
+    visibility: hidden;
+    background-color: var(--bs-offcanvas-bg);
+    background-clip: padding-box;
+    outline: 0;
+    box-shadow: var(--bs-offcanvas-box-shadow);
+    transition: transform 0.3s ease-in-out;
+  }
+}
+@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
+  .offcanvas-xl {
+    transition: none;
+  }
+}
+@media (max-width: 1199.98px) {
+  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
+    transform: none;
+  }
+}
+@media (max-width: 1199.98px) {
+  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
+    visibility: visible;
+  }
+}
+@media (max-width: 1199.98px) {
+  .offcanvas-xl.offcanvas-start {
+    top: 0;
+    left: 0;
+    width: var(--bs-offcanvas-width);
+    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(-100%);
+  }
+}
+@media (max-width: 1199.98px) {
+  .offcanvas-xl.offcanvas-end {
+    top: 0;
+    right: 0;
+    width: var(--bs-offcanvas-width);
+    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(100%);
+  }
+}
+@media (max-width: 1199.98px) {
+  .offcanvas-xl.offcanvas-top {
+    top: 0;
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(-100%);
+  }
+}
+@media (max-width: 1199.98px) {
+  .offcanvas-xl.offcanvas-bottom {
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(100%);
+  }
+}
+@media (min-width: 1200px) {
+  .offcanvas-xl {
+    --bs-offcanvas-height: auto;
+    --bs-offcanvas-border-width: 0;
+    background-color: transparent !important;
+  }
+  .offcanvas-xl .offcanvas-header {
+    display: none;
+  }
+  .offcanvas-xl .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+    background-color: transparent !important;
+  }
+}
+
+@media (max-width: 1399.98px) {
+  .offcanvas-xxl {
+    position: fixed;
+    bottom: 0;
+    z-index: 1045;
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    color: var(--bs-offcanvas-color);
+    visibility: hidden;
+    background-color: var(--bs-offcanvas-bg);
+    background-clip: padding-box;
+    outline: 0;
+    box-shadow: var(--bs-offcanvas-box-shadow);
+    transition: transform 0.3s ease-in-out;
+  }
+}
+@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
+  .offcanvas-xxl {
+    transition: none;
+  }
+}
+@media (max-width: 1399.98px) {
+  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
+    transform: none;
+  }
+}
+@media (max-width: 1399.98px) {
+  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
+    visibility: visible;
+  }
+}
+@media (max-width: 1399.98px) {
+  .offcanvas-xxl.offcanvas-start {
+    top: 0;
+    left: 0;
+    width: var(--bs-offcanvas-width);
+    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(-100%);
+  }
+}
+@media (max-width: 1399.98px) {
+  .offcanvas-xxl.offcanvas-end {
+    top: 0;
+    right: 0;
+    width: var(--bs-offcanvas-width);
+    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(100%);
+  }
+}
+@media (max-width: 1399.98px) {
+  .offcanvas-xxl.offcanvas-top {
+    top: 0;
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(-100%);
+  }
+}
+@media (max-width: 1399.98px) {
+  .offcanvas-xxl.offcanvas-bottom {
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(100%);
+  }
+}
+@media (min-width: 1400px) {
+  .offcanvas-xxl {
+    --bs-offcanvas-height: auto;
+    --bs-offcanvas-border-width: 0;
+    background-color: transparent !important;
+  }
+  .offcanvas-xxl .offcanvas-header {
+    display: none;
+  }
+  .offcanvas-xxl .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+    background-color: transparent !important;
+  }
+}
+
+.offcanvas {
+  position: fixed;
+  bottom: 0;
+  z-index: 1045;
+  display: flex;
+  flex-direction: column;
+  max-width: 100%;
+  color: var(--bs-offcanvas-color);
+  visibility: hidden;
+  background-color: var(--bs-offcanvas-bg);
+  background-clip: padding-box;
+  outline: 0;
+  box-shadow: var(--bs-offcanvas-box-shadow);
+  transition: transform 0.3s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .offcanvas {
+    transition: none;
+  }
+}
+.offcanvas.showing, .offcanvas.show:not(.hiding) {
+  transform: none;
+}
+.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
+  visibility: visible;
+}
+.offcanvas.offcanvas-start {
+  top: 0;
+  left: 0;
+  width: var(--bs-offcanvas-width);
+  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+  transform: translateX(-100%);
+}
+.offcanvas.offcanvas-end {
+  top: 0;
+  right: 0;
+  width: var(--bs-offcanvas-width);
+  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+  transform: translateX(100%);
+}
+.offcanvas.offcanvas-top {
+  top: 0;
+  right: 0;
+  left: 0;
+  height: var(--bs-offcanvas-height);
+  max-height: 100%;
+  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+  transform: translateY(-100%);
+}
+.offcanvas.offcanvas-bottom {
+  right: 0;
+  left: 0;
+  height: var(--bs-offcanvas-height);
+  max-height: 100%;
+  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+  transform: translateY(100%);
+}
+
+.offcanvas-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1040;
+  width: 100vw;
+  height: 100vh;
+  background-color: #000000;
+}
+.offcanvas-backdrop.fade {
+  opacity: 0;
+}
+.offcanvas-backdrop.show {
+  opacity: 0.3;
+}
+
+.offcanvas-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
+}
+.offcanvas-header .btn-close {
+  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
+  margin-top: calc(var(--bs-offcanvas-padding-y) * -0.5);
+  margin-right: calc(var(--bs-offcanvas-padding-x) * -0.5);
+  margin-bottom: calc(var(--bs-offcanvas-padding-y) * -0.5);
+}
+
+.offcanvas-title {
+  margin-bottom: 0;
+  line-height: 1.5;
+}
+
+.offcanvas-body {
+  flex-grow: 1;
+  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
+  overflow-y: auto;
+}
+
+.placeholder {
+  display: inline-block;
+  min-height: 1em;
+  vertical-align: middle;
+  cursor: wait;
+  background-color: currentcolor;
+  opacity: 0.5;
+}
+.placeholder.btn::before {
+  display: inline-block;
+  content: "";
+}
+
+.placeholder-xs {
+  min-height: 0.6em;
+}
+
+.placeholder-sm {
+  min-height: 0.8em;
+}
+
+.placeholder-lg {
+  min-height: 1.2em;
+}
+
+.placeholder-glow .placeholder {
+  animation: placeholder-glow 2s ease-in-out infinite;
+}
+
+@keyframes placeholder-glow {
+  50% {
+    opacity: 0.2;
+  }
+}
+.placeholder-wave {
+  mask-image: linear-gradient(130deg, #000000 55%, rgba(0, 0, 0, 0.8) 75%, #000000 95%);
+  mask-size: 200% 100%;
+  animation: placeholder-wave 2s linear infinite;
+}
+
+@keyframes placeholder-wave {
+  100% {
+    mask-position: -200% 0%;
+  }
+}
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.text-bg-white {
+  color: #000000 !important;
+  background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-light {
+  color: #000000 !important;
+  background-color: RGBA(245, 248, 250, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-primary {
+  color: #000000 !important;
+  background-color: RGBA(0, 158, 247, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-secondary {
+  color: #000000 !important;
+  background-color: RGBA(228, 230, 239, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-success {
+  color: #000000 !important;
+  background-color: RGBA(80, 205, 137, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-info {
+  color: #ffffff !important;
+  background-color: RGBA(114, 57, 234, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-warning {
+  color: #000000 !important;
+  background-color: RGBA(255, 199, 0, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-danger {
+  color: #000000 !important;
+  background-color: RGBA(241, 65, 108, var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-dark {
+  color: #ffffff !important;
+  background-color: RGBA(24, 28, 50, var(--bs-bg-opacity, 1)) !important;
+}
+
+.link-white {
+  color: #ffffff !important;
+}
+.link-white:hover, .link-white:focus {
+  color: white !important;
+}
+
+.link-light {
+  color: #f5f8fa !important;
+}
+.link-light:hover, .link-light:focus {
+  color: #f7f9fb !important;
+}
+
+.link-primary {
+  color: #009ef7 !important;
+}
+.link-primary:hover, .link-primary:focus {
+  color: #33b1f9 !important;
+}
+
+.link-secondary {
+  color: #E4E6EF !important;
+}
+.link-secondary:hover, .link-secondary:focus {
+  color: #e9ebf2 !important;
+}
+
+.link-success {
+  color: #50cd89 !important;
+}
+.link-success:hover, .link-success:focus {
+  color: #73d7a1 !important;
+}
+
+.link-info {
+  color: #7239ea !important;
+}
+.link-info:hover, .link-info:focus {
+  color: #5b2ebb !important;
+}
+
+.link-warning {
+  color: #ffc700 !important;
+}
+.link-warning:hover, .link-warning:focus {
+  color: #ffd233 !important;
+}
+
+.link-danger {
+  color: #f1416c !important;
+}
+.link-danger:hover, .link-danger:focus {
+  color: #f46789 !important;
+}
+
+.link-dark {
+  color: #181C32 !important;
+}
+.link-dark:hover, .link-dark:focus {
+  color: #131628 !important;
+}
+
+.ratio {
+  position: relative;
+  width: 100%;
+}
+.ratio::before {
+  display: block;
+  padding-top: var(--bs-aspect-ratio);
+  content: "";
+}
+.ratio > * {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.ratio-1x1 {
+  --bs-aspect-ratio: 100%;
+}
+
+.ratio-4x3 {
+  --bs-aspect-ratio: 75%;
+}
+
+.ratio-16x9 {
+  --bs-aspect-ratio: 56.25%;
+}
+
+.ratio-21x9 {
+  --bs-aspect-ratio: 42.8571428571%;
+}
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.sticky-top {
+  position: sticky;
+  top: 0;
+  z-index: 1020;
+}
+
+.sticky-bottom {
+  position: sticky;
+  bottom: 0;
+  z-index: 1020;
+}
+
+@media (min-width: 576px) {
+  .sticky-sm-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+  .sticky-sm-bottom {
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
+}
+@media (min-width: 768px) {
+  .sticky-md-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+  .sticky-md-bottom {
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
+}
+@media (min-width: 992px) {
+  .sticky-lg-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+  .sticky-lg-bottom {
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
+}
+@media (min-width: 1200px) {
+  .sticky-xl-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+  .sticky-xl-bottom {
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
+}
+@media (min-width: 1400px) {
+  .sticky-xxl-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+  .sticky-xxl-bottom {
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
+}
+.hstack {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  align-self: stretch;
+}
+
+.vstack {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  align-self: stretch;
+}
+
+.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important;
+}
+
+.stretched-link::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  content: "";
+}
+
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vr {
+  display: inline-block;
+  align-self: stretch;
+  width: 1px;
+  min-height: 1em;
+  background-color: currentcolor;
+  opacity: 0.25;
+}
+
+.align-baseline {
+  vertical-align: baseline !important;
+}
+
+.align-top {
+  vertical-align: top !important;
+}
+
+.align-middle {
+  vertical-align: middle !important;
+}
+
+.align-bottom {
+  vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+  vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+  vertical-align: text-top !important;
+}
+
+.float-start {
+  float: left !important;
+}
+
+.float-end {
+  float: right !important;
+}
+
+.float-none {
+  float: none !important;
+}
+
+.opacity-0 {
+  opacity: 0 !important;
+}
+
+.opacity-5 {
+  opacity: 0.05 !important;
+}
+
+.opacity-10 {
+  opacity: 0.1 !important;
+}
+
+.opacity-15 {
+  opacity: 0.15 !important;
+}
+
+.opacity-20 {
+  opacity: 0.2 !important;
+}
+
+.opacity-25 {
+  opacity: 0.25 !important;
+}
+
+.opacity-50 {
+  opacity: 0.5 !important;
+}
+
+.opacity-75 {
+  opacity: 0.75 !important;
+}
+
+.opacity-100 {
+  opacity: 1 !important;
+}
+
+.overflow-auto {
+  overflow: auto !important;
+}
+
+.overflow-hidden {
+  overflow: hidden !important;
+}
+
+.overflow-visible {
+  overflow: visible !important;
+}
+
+.overflow-scroll {
+  overflow: scroll !important;
+}
+
+.d-inline {
+  display: inline !important;
+}
+
+.d-inline-block {
+  display: inline-block !important;
+}
+
+.d-block {
+  display: block !important;
+}
+
+.d-grid {
+  display: grid !important;
+}
+
+.d-table {
+  display: table !important;
+}
+
+.d-table-row {
+  display: table-row !important;
+}
+
+.d-table-cell {
+  display: table-cell !important;
+}
+
+.d-flex {
+  display: flex !important;
+}
+
+.d-inline-flex {
+  display: inline-flex !important;
+}
+
+.d-none {
+  display: none !important;
+}
+
+.shadow {
+  box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
+}
+
+.shadow-sm {
+  box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
+}
+
+.shadow-lg {
+  box-shadow: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1) !important;
+}
+
+.shadow-none {
+  box-shadow: none !important;
+}
+
+.position-static {
+  position: static !important;
+}
+
+.position-relative {
+  position: relative !important;
+}
+
+.position-absolute {
+  position: absolute !important;
+}
+
+.position-fixed {
+  position: fixed !important;
+}
+
+.position-sticky {
+  position: sticky !important;
+}
+
+.top-0 {
+  top: 0 !important;
+}
+
+.top-25 {
+  top: 25% !important;
+}
+
+.top-50 {
+  top: 50% !important;
+}
+
+.top-75 {
+  top: 75% !important;
+}
+
+.top-100 {
+  top: 100% !important;
+}
+
+.bottom-0 {
+  bottom: 0 !important;
+}
+
+.bottom-25 {
+  bottom: 25% !important;
+}
+
+.bottom-50 {
+  bottom: 50% !important;
+}
+
+.bottom-75 {
+  bottom: 75% !important;
+}
+
+.bottom-100 {
+  bottom: 100% !important;
+}
+
+.start-0 {
+  left: 0 !important;
+}
+
+.start-25 {
+  left: 25% !important;
+}
+
+.start-50 {
+  left: 50% !important;
+}
+
+.start-75 {
+  left: 75% !important;
+}
+
+.start-100 {
+  left: 100% !important;
+}
+
+.end-0 {
+  right: 0 !important;
+}
+
+.end-25 {
+  right: 25% !important;
+}
+
+.end-50 {
+  right: 50% !important;
+}
+
+.end-75 {
+  right: 75% !important;
+}
+
+.end-100 {
+  right: 100% !important;
+}
+
+.translate-middle {
+  transform: translate(-50%, -50%) !important;
+}
+
+.translate-middle-x {
+  transform: translateX(-50%) !important;
+}
+
+.translate-middle-y {
+  transform: translateY(-50%) !important;
+}
+
+.border {
+  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+.border-0 {
+  border: 0 !important;
+}
+
+.border-top {
+  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+.border-top-0 {
+  border-top: 0 !important;
+}
+
+.border-end {
+  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+.border-end-0 {
+  border-right: 0 !important;
+}
+
+.border-bottom {
+  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+.border-bottom-0 {
+  border-bottom: 0 !important;
+}
+
+.border-start {
+  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+.border-start-0 {
+  border-left: 0 !important;
+}
+
+.border-white {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-light {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-primary {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-secondary {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-success {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-info {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-warning {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-danger {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-dark {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-0 {
+  --bs-border-width: 0;
+}
+
+.border-1 {
+  --bs-border-width: 1px;
+}
+
+.border-2 {
+  --bs-border-width: 2px;
+}
+
+.border-3 {
+  --bs-border-width: 3px;
+}
+
+.border-4 {
+  --bs-border-width: 4px;
+}
+
+.border-5 {
+  --bs-border-width: 5px;
+}
+
+.border-opacity-10 {
+  --bs-border-opacity: 0.1;
+}
+
+.border-opacity-25 {
+  --bs-border-opacity: 0.25;
+}
+
+.border-opacity-50 {
+  --bs-border-opacity: 0.5;
+}
+
+.border-opacity-75 {
+  --bs-border-opacity: 0.75;
+}
+
+.border-opacity-100 {
+  --bs-border-opacity: 1;
+}
+
+.w-unset {
+  width: unset !important;
+}
+
+.w-25 {
+  width: 25% !important;
+}
+
+.w-50 {
+  width: 50% !important;
+}
+
+.w-75 {
+  width: 75% !important;
+}
+
+.w-100 {
+  width: 100% !important;
+}
+
+.w-auto {
+  width: auto !important;
+}
+
+.w-1px {
+  width: 1px !important;
+}
+
+.w-2px {
+  width: 2px !important;
+}
+
+.w-3px {
+  width: 3px !important;
+}
+
+.w-4px {
+  width: 4px !important;
+}
+
+.w-5px {
+  width: 5px !important;
+}
+
+.w-6px {
+  width: 6px !important;
+}
+
+.w-7px {
+  width: 7px !important;
+}
+
+.w-8px {
+  width: 8px !important;
+}
+
+.w-9px {
+  width: 9px !important;
+}
+
+.w-10px {
+  width: 10px !important;
+}
+
+.w-15px {
+  width: 15px !important;
+}
+
+.w-20px {
+  width: 20px !important;
+}
+
+.w-25px {
+  width: 25px !important;
+}
+
+.w-30px {
+  width: 30px !important;
+}
+
+.w-35px {
+  width: 35px !important;
+}
+
+.w-40px {
+  width: 40px !important;
+}
+
+.w-45px {
+  width: 45px !important;
+}
+
+.w-50px {
+  width: 50px !important;
+}
+
+.w-55px {
+  width: 55px !important;
+}
+
+.w-60px {
+  width: 60px !important;
+}
+
+.w-65px {
+  width: 65px !important;
+}
+
+.w-70px {
+  width: 70px !important;
+}
+
+.w-75px {
+  width: 75px !important;
+}
+
+.w-80px {
+  width: 80px !important;
+}
+
+.w-85px {
+  width: 85px !important;
+}
+
+.w-90px {
+  width: 90px !important;
+}
+
+.w-95px {
+  width: 95px !important;
+}
+
+.w-100px {
+  width: 100px !important;
+}
+
+.w-125px {
+  width: 125px !important;
+}
+
+.w-150px {
+  width: 150px !important;
+}
+
+.w-175px {
+  width: 175px !important;
+}
+
+.w-200px {
+  width: 200px !important;
+}
+
+.w-225px {
+  width: 225px !important;
+}
+
+.w-250px {
+  width: 250px !important;
+}
+
+.w-275px {
+  width: 275px !important;
+}
+
+.w-300px {
+  width: 300px !important;
+}
+
+.w-325px {
+  width: 325px !important;
+}
+
+.w-350px {
+  width: 350px !important;
+}
+
+.w-375px {
+  width: 375px !important;
+}
+
+.w-400px {
+  width: 400px !important;
+}
+
+.w-425px {
+  width: 425px !important;
+}
+
+.w-450px {
+  width: 450px !important;
+}
+
+.w-475px {
+  width: 475px !important;
+}
+
+.w-500px {
+  width: 500px !important;
+}
+
+.w-550px {
+  width: 550px !important;
+}
+
+.w-600px {
+  width: 600px !important;
+}
+
+.w-650px {
+  width: 650px !important;
+}
+
+.w-700px {
+  width: 700px !important;
+}
+
+.w-750px {
+  width: 750px !important;
+}
+
+.w-800px {
+  width: 800px !important;
+}
+
+.w-850px {
+  width: 850px !important;
+}
+
+.w-900px {
+  width: 900px !important;
+}
+
+.w-950px {
+  width: 950px !important;
+}
+
+.w-1000px {
+  width: 1000px !important;
+}
+
+.mw-unset {
+  max-width: unset !important;
+}
+
+.mw-25 {
+  max-width: 25% !important;
+}
+
+.mw-50 {
+  max-width: 50% !important;
+}
+
+.mw-75 {
+  max-width: 75% !important;
+}
+
+.mw-100 {
+  max-width: 100% !important;
+}
+
+.mw-auto {
+  max-width: auto !important;
+}
+
+.mw-1px {
+  max-width: 1px !important;
+}
+
+.mw-2px {
+  max-width: 2px !important;
+}
+
+.mw-3px {
+  max-width: 3px !important;
+}
+
+.mw-4px {
+  max-width: 4px !important;
+}
+
+.mw-5px {
+  max-width: 5px !important;
+}
+
+.mw-6px {
+  max-width: 6px !important;
+}
+
+.mw-7px {
+  max-width: 7px !important;
+}
+
+.mw-8px {
+  max-width: 8px !important;
+}
+
+.mw-9px {
+  max-width: 9px !important;
+}
+
+.mw-10px {
+  max-width: 10px !important;
+}
+
+.mw-15px {
+  max-width: 15px !important;
+}
+
+.mw-20px {
+  max-width: 20px !important;
+}
+
+.mw-25px {
+  max-width: 25px !important;
+}
+
+.mw-30px {
+  max-width: 30px !important;
+}
+
+.mw-35px {
+  max-width: 35px !important;
+}
+
+.mw-40px {
+  max-width: 40px !important;
+}
+
+.mw-45px {
+  max-width: 45px !important;
+}
+
+.mw-50px {
+  max-width: 50px !important;
+}
+
+.mw-55px {
+  max-width: 55px !important;
+}
+
+.mw-60px {
+  max-width: 60px !important;
+}
+
+.mw-65px {
+  max-width: 65px !important;
+}
+
+.mw-70px {
+  max-width: 70px !important;
+}
+
+.mw-75px {
+  max-width: 75px !important;
+}
+
+.mw-80px {
+  max-width: 80px !important;
+}
+
+.mw-85px {
+  max-width: 85px !important;
+}
+
+.mw-90px {
+  max-width: 90px !important;
+}
+
+.mw-95px {
+  max-width: 95px !important;
+}
+
+.mw-100px {
+  max-width: 100px !important;
+}
+
+.mw-125px {
+  max-width: 125px !important;
+}
+
+.mw-150px {
+  max-width: 150px !important;
+}
+
+.mw-175px {
+  max-width: 175px !important;
+}
+
+.mw-200px {
+  max-width: 200px !important;
+}
+
+.mw-225px {
+  max-width: 225px !important;
+}
+
+.mw-250px {
+  max-width: 250px !important;
+}
+
+.mw-275px {
+  max-width: 275px !important;
+}
+
+.mw-300px {
+  max-width: 300px !important;
+}
+
+.mw-325px {
+  max-width: 325px !important;
+}
+
+.mw-350px {
+  max-width: 350px !important;
+}
+
+.mw-375px {
+  max-width: 375px !important;
+}
+
+.mw-400px {
+  max-width: 400px !important;
+}
+
+.mw-425px {
+  max-width: 425px !important;
+}
+
+.mw-450px {
+  max-width: 450px !important;
+}
+
+.mw-475px {
+  max-width: 475px !important;
+}
+
+.mw-500px {
+  max-width: 500px !important;
+}
+
+.mw-550px {
+  max-width: 550px !important;
+}
+
+.mw-600px {
+  max-width: 600px !important;
+}
+
+.mw-650px {
+  max-width: 650px !important;
+}
+
+.mw-700px {
+  max-width: 700px !important;
+}
+
+.mw-750px {
+  max-width: 750px !important;
+}
+
+.mw-800px {
+  max-width: 800px !important;
+}
+
+.mw-850px {
+  max-width: 850px !important;
+}
+
+.mw-900px {
+  max-width: 900px !important;
+}
+
+.mw-950px {
+  max-width: 950px !important;
+}
+
+.mw-1000px {
+  max-width: 1000px !important;
+}
+
+.vw-100 {
+  width: 100vw !important;
+}
+
+.min-vw-100 {
+  min-width: 100vw !important;
+}
+
+.h-unset {
+  height: unset !important;
+}
+
+.h-25 {
+  height: 25% !important;
+}
+
+.h-50 {
+  height: 50% !important;
+}
+
+.h-75 {
+  height: 75% !important;
+}
+
+.h-100 {
+  height: 100% !important;
+}
+
+.h-auto {
+  height: auto !important;
+}
+
+.h-1px {
+  height: 1px !important;
+}
+
+.h-2px {
+  height: 2px !important;
+}
+
+.h-3px {
+  height: 3px !important;
+}
+
+.h-4px {
+  height: 4px !important;
+}
+
+.h-5px {
+  height: 5px !important;
+}
+
+.h-6px {
+  height: 6px !important;
+}
+
+.h-7px {
+  height: 7px !important;
+}
+
+.h-8px {
+  height: 8px !important;
+}
+
+.h-9px {
+  height: 9px !important;
+}
+
+.h-10px {
+  height: 10px !important;
+}
+
+.h-15px {
+  height: 15px !important;
+}
+
+.h-20px {
+  height: 20px !important;
+}
+
+.h-25px {
+  height: 25px !important;
+}
+
+.h-30px {
+  height: 30px !important;
+}
+
+.h-35px {
+  height: 35px !important;
+}
+
+.h-40px {
+  height: 40px !important;
+}
+
+.h-45px {
+  height: 45px !important;
+}
+
+.h-50px {
+  height: 50px !important;
+}
+
+.h-55px {
+  height: 55px !important;
+}
+
+.h-60px {
+  height: 60px !important;
+}
+
+.h-65px {
+  height: 65px !important;
+}
+
+.h-70px {
+  height: 70px !important;
+}
+
+.h-75px {
+  height: 75px !important;
+}
+
+.h-80px {
+  height: 80px !important;
+}
+
+.h-85px {
+  height: 85px !important;
+}
+
+.h-90px {
+  height: 90px !important;
+}
+
+.h-95px {
+  height: 95px !important;
+}
+
+.h-100px {
+  height: 100px !important;
+}
+
+.h-125px {
+  height: 125px !important;
+}
+
+.h-150px {
+  height: 150px !important;
+}
+
+.h-175px {
+  height: 175px !important;
+}
+
+.h-200px {
+  height: 200px !important;
+}
+
+.h-225px {
+  height: 225px !important;
+}
+
+.h-250px {
+  height: 250px !important;
+}
+
+.h-275px {
+  height: 275px !important;
+}
+
+.h-300px {
+  height: 300px !important;
+}
+
+.h-325px {
+  height: 325px !important;
+}
+
+.h-350px {
+  height: 350px !important;
+}
+
+.h-375px {
+  height: 375px !important;
+}
+
+.h-400px {
+  height: 400px !important;
+}
+
+.h-425px {
+  height: 425px !important;
+}
+
+.h-450px {
+  height: 450px !important;
+}
+
+.h-475px {
+  height: 475px !important;
+}
+
+.h-500px {
+  height: 500px !important;
+}
+
+.h-550px {
+  height: 550px !important;
+}
+
+.h-600px {
+  height: 600px !important;
+}
+
+.h-650px {
+  height: 650px !important;
+}
+
+.h-700px {
+  height: 700px !important;
+}
+
+.h-750px {
+  height: 750px !important;
+}
+
+.h-800px {
+  height: 800px !important;
+}
+
+.h-850px {
+  height: 850px !important;
+}
+
+.h-900px {
+  height: 900px !important;
+}
+
+.h-950px {
+  height: 950px !important;
+}
+
+.h-1000px {
+  height: 1000px !important;
+}
+
+.mh-unset {
+  max-height: unset !important;
+}
+
+.mh-25 {
+  max-height: 25% !important;
+}
+
+.mh-50 {
+  max-height: 50% !important;
+}
+
+.mh-75 {
+  max-height: 75% !important;
+}
+
+.mh-100 {
+  max-height: 100% !important;
+}
+
+.mh-auto {
+  max-height: auto !important;
+}
+
+.mh-1px {
+  max-height: 1px !important;
+}
+
+.mh-2px {
+  max-height: 2px !important;
+}
+
+.mh-3px {
+  max-height: 3px !important;
+}
+
+.mh-4px {
+  max-height: 4px !important;
+}
+
+.mh-5px {
+  max-height: 5px !important;
+}
+
+.mh-6px {
+  max-height: 6px !important;
+}
+
+.mh-7px {
+  max-height: 7px !important;
+}
+
+.mh-8px {
+  max-height: 8px !important;
+}
+
+.mh-9px {
+  max-height: 9px !important;
+}
+
+.mh-10px {
+  max-height: 10px !important;
+}
+
+.mh-15px {
+  max-height: 15px !important;
+}
+
+.mh-20px {
+  max-height: 20px !important;
+}
+
+.mh-25px {
+  max-height: 25px !important;
+}
+
+.mh-30px {
+  max-height: 30px !important;
+}
+
+.mh-35px {
+  max-height: 35px !important;
+}
+
+.mh-40px {
+  max-height: 40px !important;
+}
+
+.mh-45px {
+  max-height: 45px !important;
+}
+
+.mh-50px {
+  max-height: 50px !important;
+}
+
+.mh-55px {
+  max-height: 55px !important;
+}
+
+.mh-60px {
+  max-height: 60px !important;
+}
+
+.mh-65px {
+  max-height: 65px !important;
+}
+
+.mh-70px {
+  max-height: 70px !important;
+}
+
+.mh-75px {
+  max-height: 75px !important;
+}
+
+.mh-80px {
+  max-height: 80px !important;
+}
+
+.mh-85px {
+  max-height: 85px !important;
+}
+
+.mh-90px {
+  max-height: 90px !important;
+}
+
+.mh-95px {
+  max-height: 95px !important;
+}
+
+.mh-100px {
+  max-height: 100px !important;
+}
+
+.mh-125px {
+  max-height: 125px !important;
+}
+
+.mh-150px {
+  max-height: 150px !important;
+}
+
+.mh-175px {
+  max-height: 175px !important;
+}
+
+.mh-200px {
+  max-height: 200px !important;
+}
+
+.mh-225px {
+  max-height: 225px !important;
+}
+
+.mh-250px {
+  max-height: 250px !important;
+}
+
+.mh-275px {
+  max-height: 275px !important;
+}
+
+.mh-300px {
+  max-height: 300px !important;
+}
+
+.mh-325px {
+  max-height: 325px !important;
+}
+
+.mh-350px {
+  max-height: 350px !important;
+}
+
+.mh-375px {
+  max-height: 375px !important;
+}
+
+.mh-400px {
+  max-height: 400px !important;
+}
+
+.mh-425px {
+  max-height: 425px !important;
+}
+
+.mh-450px {
+  max-height: 450px !important;
+}
+
+.mh-475px {
+  max-height: 475px !important;
+}
+
+.mh-500px {
+  max-height: 500px !important;
+}
+
+.mh-550px {
+  max-height: 550px !important;
+}
+
+.mh-600px {
+  max-height: 600px !important;
+}
+
+.mh-650px {
+  max-height: 650px !important;
+}
+
+.mh-700px {
+  max-height: 700px !important;
+}
+
+.mh-750px {
+  max-height: 750px !important;
+}
+
+.mh-800px {
+  max-height: 800px !important;
+}
+
+.mh-850px {
+  max-height: 850px !important;
+}
+
+.mh-900px {
+  max-height: 900px !important;
+}
+
+.mh-950px {
+  max-height: 950px !important;
+}
+
+.mh-1000px {
+  max-height: 1000px !important;
+}
+
+.vh-100 {
+  height: 100vh !important;
+}
+
+.min-vh-100 {
+  min-height: 100vh !important;
+}
+
+.flex-fill {
+  flex: 1 1 auto !important;
+}
+
+.flex-row {
+  flex-direction: row !important;
+}
+
+.flex-column {
+  flex-direction: column !important;
+}
+
+.flex-row-reverse {
+  flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+  flex-direction: column-reverse !important;
+}
+
+.flex-grow-0 {
+  flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+  flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+  flex-shrink: 1 !important;
+}
+
+.flex-wrap {
+  flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse !important;
+}
+
+.justify-content-start {
+  justify-content: flex-start !important;
+}
+
+.justify-content-end {
+  justify-content: flex-end !important;
+}
+
+.justify-content-center {
+  justify-content: center !important;
+}
+
+.justify-content-between {
+  justify-content: space-between !important;
+}
+
+.justify-content-around {
+  justify-content: space-around !important;
+}
+
+.justify-content-evenly {
+  justify-content: space-evenly !important;
+}
+
+.align-items-start {
+  align-items: flex-start !important;
+}
+
+.align-items-end {
+  align-items: flex-end !important;
+}
+
+.align-items-center {
+  align-items: center !important;
+}
+
+.align-items-baseline {
+  align-items: baseline !important;
+}
+
+.align-items-stretch {
+  align-items: stretch !important;
+}
+
+.align-content-start {
+  align-content: flex-start !important;
+}
+
+.align-content-end {
+  align-content: flex-end !important;
+}
+
+.align-content-center {
+  align-content: center !important;
+}
+
+.align-content-between {
+  align-content: space-between !important;
+}
+
+.align-content-around {
+  align-content: space-around !important;
+}
+
+.align-content-stretch {
+  align-content: stretch !important;
+}
+
+.align-self-auto {
+  align-self: auto !important;
+}
+
+.align-self-start {
+  align-self: flex-start !important;
+}
+
+.align-self-end {
+  align-self: flex-end !important;
+}
+
+.align-self-center {
+  align-self: center !important;
+}
+
+.align-self-baseline {
+  align-self: baseline !important;
+}
+
+.align-self-stretch {
+  align-self: stretch !important;
+}
+
+.order-first {
+  order: -1 !important;
+}
+
+.order-0 {
+  order: 0 !important;
+}
+
+.order-1 {
+  order: 1 !important;
+}
+
+.order-2 {
+  order: 2 !important;
+}
+
+.order-3 {
+  order: 3 !important;
+}
+
+.order-4 {
+  order: 4 !important;
+}
+
+.order-5 {
+  order: 5 !important;
+}
+
+.order-last {
+  order: 6 !important;
+}
+
+.m-0 {
+  margin: 0 !important;
+}
+
+.m-1 {
+  margin: 0.25rem !important;
+}
+
+.m-2 {
+  margin: 0.5rem !important;
+}
+
+.m-3 {
+  margin: 0.75rem !important;
+}
+
+.m-4 {
+  margin: 1rem !important;
+}
+
+.m-5 {
+  margin: 1.25rem !important;
+}
+
+.m-6 {
+  margin: 1.5rem !important;
+}
+
+.m-7 {
+  margin: 1.75rem !important;
+}
+
+.m-8 {
+  margin: 2rem !important;
+}
+
+.m-9 {
+  margin: 2.25rem !important;
+}
+
+.m-10 {
+  margin: 2.5rem !important;
+}
+
+.m-11 {
+  margin: 2.75rem !important;
+}
+
+.m-12 {
+  margin: 3rem !important;
+}
+
+.m-13 {
+  margin: 3.25rem !important;
+}
+
+.m-14 {
+  margin: 3.5rem !important;
+}
+
+.m-15 {
+  margin: 3.75rem !important;
+}
+
+.m-16 {
+  margin: 4rem !important;
+}
+
+.m-17 {
+  margin: 4.25rem !important;
+}
+
+.m-18 {
+  margin: 4.5rem !important;
+}
+
+.m-19 {
+  margin: 4.75rem !important;
+}
+
+.m-20 {
+  margin: 5rem !important;
+}
+
+.m-auto {
+  margin: auto !important;
+}
+
+.mx-0 {
+  margin-right: 0 !important;
+  margin-left: 0 !important;
+}
+
+.mx-1 {
+  margin-right: 0.25rem !important;
+  margin-left: 0.25rem !important;
+}
+
+.mx-2 {
+  margin-right: 0.5rem !important;
+  margin-left: 0.5rem !important;
+}
+
+.mx-3 {
+  margin-right: 0.75rem !important;
+  margin-left: 0.75rem !important;
+}
+
+.mx-4 {
+  margin-right: 1rem !important;
+  margin-left: 1rem !important;
+}
+
+.mx-5 {
+  margin-right: 1.25rem !important;
+  margin-left: 1.25rem !important;
+}
+
+.mx-6 {
+  margin-right: 1.5rem !important;
+  margin-left: 1.5rem !important;
+}
+
+.mx-7 {
+  margin-right: 1.75rem !important;
+  margin-left: 1.75rem !important;
+}
+
+.mx-8 {
+  margin-right: 2rem !important;
+  margin-left: 2rem !important;
+}
+
+.mx-9 {
+  margin-right: 2.25rem !important;
+  margin-left: 2.25rem !important;
+}
+
+.mx-10 {
+  margin-right: 2.5rem !important;
+  margin-left: 2.5rem !important;
+}
+
+.mx-11 {
+  margin-right: 2.75rem !important;
+  margin-left: 2.75rem !important;
+}
+
+.mx-12 {
+  margin-right: 3rem !important;
+  margin-left: 3rem !important;
+}
+
+.mx-13 {
+  margin-right: 3.25rem !important;
+  margin-left: 3.25rem !important;
+}
+
+.mx-14 {
+  margin-right: 3.5rem !important;
+  margin-left: 3.5rem !important;
+}
+
+.mx-15 {
+  margin-right: 3.75rem !important;
+  margin-left: 3.75rem !important;
+}
+
+.mx-16 {
+  margin-right: 4rem !important;
+  margin-left: 4rem !important;
+}
+
+.mx-17 {
+  margin-right: 4.25rem !important;
+  margin-left: 4.25rem !important;
+}
+
+.mx-18 {
+  margin-right: 4.5rem !important;
+  margin-left: 4.5rem !important;
+}
+
+.mx-19 {
+  margin-right: 4.75rem !important;
+  margin-left: 4.75rem !important;
+}
+
+.mx-20 {
+  margin-right: 5rem !important;
+  margin-left: 5rem !important;
+}
+
+.mx-auto {
+  margin-right: auto !important;
+  margin-left: auto !important;
+}
+
+.my-0 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.my-1 {
+  margin-top: 0.25rem !important;
+  margin-bottom: 0.25rem !important;
+}
+
+.my-2 {
+  margin-top: 0.5rem !important;
+  margin-bottom: 0.5rem !important;
+}
+
+.my-3 {
+  margin-top: 0.75rem !important;
+  margin-bottom: 0.75rem !important;
+}
+
+.my-4 {
+  margin-top: 1rem !important;
+  margin-bottom: 1rem !important;
+}
+
+.my-5 {
+  margin-top: 1.25rem !important;
+  margin-bottom: 1.25rem !important;
+}
+
+.my-6 {
+  margin-top: 1.5rem !important;
+  margin-bottom: 1.5rem !important;
+}
+
+.my-7 {
+  margin-top: 1.75rem !important;
+  margin-bottom: 1.75rem !important;
+}
+
+.my-8 {
+  margin-top: 2rem !important;
+  margin-bottom: 2rem !important;
+}
+
+.my-9 {
+  margin-top: 2.25rem !important;
+  margin-bottom: 2.25rem !important;
+}
+
+.my-10 {
+  margin-top: 2.5rem !important;
+  margin-bottom: 2.5rem !important;
+}
+
+.my-11 {
+  margin-top: 2.75rem !important;
+  margin-bottom: 2.75rem !important;
+}
+
+.my-12 {
+  margin-top: 3rem !important;
+  margin-bottom: 3rem !important;
+}
+
+.my-13 {
+  margin-top: 3.25rem !important;
+  margin-bottom: 3.25rem !important;
+}
+
+.my-14 {
+  margin-top: 3.5rem !important;
+  margin-bottom: 3.5rem !important;
+}
+
+.my-15 {
+  margin-top: 3.75rem !important;
+  margin-bottom: 3.75rem !important;
+}
+
+.my-16 {
+  margin-top: 4rem !important;
+  margin-bottom: 4rem !important;
+}
+
+.my-17 {
+  margin-top: 4.25rem !important;
+  margin-bottom: 4.25rem !important;
+}
+
+.my-18 {
+  margin-top: 4.5rem !important;
+  margin-bottom: 4.5rem !important;
+}
+
+.my-19 {
+  margin-top: 4.75rem !important;
+  margin-bottom: 4.75rem !important;
+}
+
+.my-20 {
+  margin-top: 5rem !important;
+  margin-bottom: 5rem !important;
+}
+
+.my-auto {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+}
+
+.mt-0 {
+  margin-top: 0 !important;
+}
+
+.mt-1 {
+  margin-top: 0.25rem !important;
+}
+
+.mt-2 {
+  margin-top: 0.5rem !important;
+}
+
+.mt-3 {
+  margin-top: 0.75rem !important;
+}
+
+.mt-4 {
+  margin-top: 1rem !important;
+}
+
+.mt-5 {
+  margin-top: 1.25rem !important;
+}
+
+.mt-6 {
+  margin-top: 1.5rem !important;
+}
+
+.mt-7 {
+  margin-top: 1.75rem !important;
+}
+
+.mt-8 {
+  margin-top: 2rem !important;
+}
+
+.mt-9 {
+  margin-top: 2.25rem !important;
+}
+
+.mt-10 {
+  margin-top: 2.5rem !important;
+}
+
+.mt-11 {
+  margin-top: 2.75rem !important;
+}
+
+.mt-12 {
+  margin-top: 3rem !important;
+}
+
+.mt-13 {
+  margin-top: 3.25rem !important;
+}
+
+.mt-14 {
+  margin-top: 3.5rem !important;
+}
+
+.mt-15 {
+  margin-top: 3.75rem !important;
+}
+
+.mt-16 {
+  margin-top: 4rem !important;
+}
+
+.mt-17 {
+  margin-top: 4.25rem !important;
+}
+
+.mt-18 {
+  margin-top: 4.5rem !important;
+}
+
+.mt-19 {
+  margin-top: 4.75rem !important;
+}
+
+.mt-20 {
+  margin-top: 5rem !important;
+}
+
+.mt-auto {
+  margin-top: auto !important;
+}
+
+.me-0 {
+  margin-right: 0 !important;
+}
+
+.me-1 {
+  margin-right: 0.25rem !important;
+}
+
+.me-2 {
+  margin-right: 0.5rem !important;
+}
+
+.me-3 {
+  margin-right: 0.75rem !important;
+}
+
+.me-4 {
+  margin-right: 1rem !important;
+}
+
+.me-5 {
+  margin-right: 1.25rem !important;
+}
+
+.me-6 {
+  margin-right: 1.5rem !important;
+}
+
+.me-7 {
+  margin-right: 1.75rem !important;
+}
+
+.me-8 {
+  margin-right: 2rem !important;
+}
+
+.me-9 {
+  margin-right: 2.25rem !important;
+}
+
+.me-10 {
+  margin-right: 2.5rem !important;
+}
+
+.me-11 {
+  margin-right: 2.75rem !important;
+}
+
+.me-12 {
+  margin-right: 3rem !important;
+}
+
+.me-13 {
+  margin-right: 3.25rem !important;
+}
+
+.me-14 {
+  margin-right: 3.5rem !important;
+}
+
+.me-15 {
+  margin-right: 3.75rem !important;
+}
+
+.me-16 {
+  margin-right: 4rem !important;
+}
+
+.me-17 {
+  margin-right: 4.25rem !important;
+}
+
+.me-18 {
+  margin-right: 4.5rem !important;
+}
+
+.me-19 {
+  margin-right: 4.75rem !important;
+}
+
+.me-20 {
+  margin-right: 5rem !important;
+}
+
+.me-auto {
+  margin-right: auto !important;
+}
+
+.mb-0 {
+  margin-bottom: 0 !important;
+}
+
+.mb-1 {
+  margin-bottom: 0.25rem !important;
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem !important;
+}
+
+.mb-3 {
+  margin-bottom: 0.75rem !important;
+}
+
+.mb-4 {
+  margin-bottom: 1rem !important;
+}
+
+.mb-5 {
+  margin-bottom: 1.25rem !important;
+}
+
+.mb-6 {
+  margin-bottom: 1.5rem !important;
+}
+
+.mb-7 {
+  margin-bottom: 1.75rem !important;
+}
+
+.mb-8 {
+  margin-bottom: 2rem !important;
+}
+
+.mb-9 {
+  margin-bottom: 2.25rem !important;
+}
+
+.mb-10 {
+  margin-bottom: 2.5rem !important;
+}
+
+.mb-11 {
+  margin-bottom: 2.75rem !important;
+}
+
+.mb-12 {
+  margin-bottom: 3rem !important;
+}
+
+.mb-13 {
+  margin-bottom: 3.25rem !important;
+}
+
+.mb-14 {
+  margin-bottom: 3.5rem !important;
+}
+
+.mb-15 {
+  margin-bottom: 3.75rem !important;
+}
+
+.mb-16 {
+  margin-bottom: 4rem !important;
+}
+
+.mb-17 {
+  margin-bottom: 4.25rem !important;
+}
+
+.mb-18 {
+  margin-bottom: 4.5rem !important;
+}
+
+.mb-19 {
+  margin-bottom: 4.75rem !important;
+}
+
+.mb-20 {
+  margin-bottom: 5rem !important;
+}
+
+.mb-auto {
+  margin-bottom: auto !important;
+}
+
+.ms-0 {
+  margin-left: 0 !important;
+}
+
+.ms-1 {
+  margin-left: 0.25rem !important;
+}
+
+.ms-2 {
+  margin-left: 0.5rem !important;
+}
+
+.ms-3 {
+  margin-left: 0.75rem !important;
+}
+
+.ms-4 {
+  margin-left: 1rem !important;
+}
+
+.ms-5 {
+  margin-left: 1.25rem !important;
+}
+
+.ms-6 {
+  margin-left: 1.5rem !important;
+}
+
+.ms-7 {
+  margin-left: 1.75rem !important;
+}
+
+.ms-8 {
+  margin-left: 2rem !important;
+}
+
+.ms-9 {
+  margin-left: 2.25rem !important;
+}
+
+.ms-10 {
+  margin-left: 2.5rem !important;
+}
+
+.ms-11 {
+  margin-left: 2.75rem !important;
+}
+
+.ms-12 {
+  margin-left: 3rem !important;
+}
+
+.ms-13 {
+  margin-left: 3.25rem !important;
+}
+
+.ms-14 {
+  margin-left: 3.5rem !important;
+}
+
+.ms-15 {
+  margin-left: 3.75rem !important;
+}
+
+.ms-16 {
+  margin-left: 4rem !important;
+}
+
+.ms-17 {
+  margin-left: 4.25rem !important;
+}
+
+.ms-18 {
+  margin-left: 4.5rem !important;
+}
+
+.ms-19 {
+  margin-left: 4.75rem !important;
+}
+
+.ms-20 {
+  margin-left: 5rem !important;
+}
+
+.ms-auto {
+  margin-left: auto !important;
+}
+
+.m-n1 {
+  margin: -0.25rem !important;
+}
+
+.m-n2 {
+  margin: -0.5rem !important;
+}
+
+.m-n3 {
+  margin: -0.75rem !important;
+}
+
+.m-n4 {
+  margin: -1rem !important;
+}
+
+.m-n5 {
+  margin: -1.25rem !important;
+}
+
+.m-n6 {
+  margin: -1.5rem !important;
+}
+
+.m-n7 {
+  margin: -1.75rem !important;
+}
+
+.m-n8 {
+  margin: -2rem !important;
+}
+
+.m-n9 {
+  margin: -2.25rem !important;
+}
+
+.m-n10 {
+  margin: -2.5rem !important;
+}
+
+.m-n11 {
+  margin: -2.75rem !important;
+}
+
+.m-n12 {
+  margin: -3rem !important;
+}
+
+.m-n13 {
+  margin: -3.25rem !important;
+}
+
+.m-n14 {
+  margin: -3.5rem !important;
+}
+
+.m-n15 {
+  margin: -3.75rem !important;
+}
+
+.m-n16 {
+  margin: -4rem !important;
+}
+
+.m-n17 {
+  margin: -4.25rem !important;
+}
+
+.m-n18 {
+  margin: -4.5rem !important;
+}
+
+.m-n19 {
+  margin: -4.75rem !important;
+}
+
+.m-n20 {
+  margin: -5rem !important;
+}
+
+.mx-n1 {
+  margin-right: -0.25rem !important;
+  margin-left: -0.25rem !important;
+}
+
+.mx-n2 {
+  margin-right: -0.5rem !important;
+  margin-left: -0.5rem !important;
+}
+
+.mx-n3 {
+  margin-right: -0.75rem !important;
+  margin-left: -0.75rem !important;
+}
+
+.mx-n4 {
+  margin-right: -1rem !important;
+  margin-left: -1rem !important;
+}
+
+.mx-n5 {
+  margin-right: -1.25rem !important;
+  margin-left: -1.25rem !important;
+}
+
+.mx-n6 {
+  margin-right: -1.5rem !important;
+  margin-left: -1.5rem !important;
+}
+
+.mx-n7 {
+  margin-right: -1.75rem !important;
+  margin-left: -1.75rem !important;
+}
+
+.mx-n8 {
+  margin-right: -2rem !important;
+  margin-left: -2rem !important;
+}
+
+.mx-n9 {
+  margin-right: -2.25rem !important;
+  margin-left: -2.25rem !important;
+}
+
+.mx-n10 {
+  margin-right: -2.5rem !important;
+  margin-left: -2.5rem !important;
+}
+
+.mx-n11 {
+  margin-right: -2.75rem !important;
+  margin-left: -2.75rem !important;
+}
+
+.mx-n12 {
+  margin-right: -3rem !important;
+  margin-left: -3rem !important;
+}
+
+.mx-n13 {
+  margin-right: -3.25rem !important;
+  margin-left: -3.25rem !important;
+}
+
+.mx-n14 {
+  margin-right: -3.5rem !important;
+  margin-left: -3.5rem !important;
+}
+
+.mx-n15 {
+  margin-right: -3.75rem !important;
+  margin-left: -3.75rem !important;
+}
+
+.mx-n16 {
+  margin-right: -4rem !important;
+  margin-left: -4rem !important;
+}
+
+.mx-n17 {
+  margin-right: -4.25rem !important;
+  margin-left: -4.25rem !important;
+}
+
+.mx-n18 {
+  margin-right: -4.5rem !important;
+  margin-left: -4.5rem !important;
+}
+
+.mx-n19 {
+  margin-right: -4.75rem !important;
+  margin-left: -4.75rem !important;
+}
+
+.mx-n20 {
+  margin-right: -5rem !important;
+  margin-left: -5rem !important;
+}
+
+.my-n1 {
+  margin-top: -0.25rem !important;
+  margin-bottom: -0.25rem !important;
+}
+
+.my-n2 {
+  margin-top: -0.5rem !important;
+  margin-bottom: -0.5rem !important;
+}
+
+.my-n3 {
+  margin-top: -0.75rem !important;
+  margin-bottom: -0.75rem !important;
+}
+
+.my-n4 {
+  margin-top: -1rem !important;
+  margin-bottom: -1rem !important;
+}
+
+.my-n5 {
+  margin-top: -1.25rem !important;
+  margin-bottom: -1.25rem !important;
+}
+
+.my-n6 {
+  margin-top: -1.5rem !important;
+  margin-bottom: -1.5rem !important;
+}
+
+.my-n7 {
+  margin-top: -1.75rem !important;
+  margin-bottom: -1.75rem !important;
+}
+
+.my-n8 {
+  margin-top: -2rem !important;
+  margin-bottom: -2rem !important;
+}
+
+.my-n9 {
+  margin-top: -2.25rem !important;
+  margin-bottom: -2.25rem !important;
+}
+
+.my-n10 {
+  margin-top: -2.5rem !important;
+  margin-bottom: -2.5rem !important;
+}
+
+.my-n11 {
+  margin-top: -2.75rem !important;
+  margin-bottom: -2.75rem !important;
+}
+
+.my-n12 {
+  margin-top: -3rem !important;
+  margin-bottom: -3rem !important;
+}
+
+.my-n13 {
+  margin-top: -3.25rem !important;
+  margin-bottom: -3.25rem !important;
+}
+
+.my-n14 {
+  margin-top: -3.5rem !important;
+  margin-bottom: -3.5rem !important;
+}
+
+.my-n15 {
+  margin-top: -3.75rem !important;
+  margin-bottom: -3.75rem !important;
+}
+
+.my-n16 {
+  margin-top: -4rem !important;
+  margin-bottom: -4rem !important;
+}
+
+.my-n17 {
+  margin-top: -4.25rem !important;
+  margin-bottom: -4.25rem !important;
+}
+
+.my-n18 {
+  margin-top: -4.5rem !important;
+  margin-bottom: -4.5rem !important;
+}
+
+.my-n19 {
+  margin-top: -4.75rem !important;
+  margin-bottom: -4.75rem !important;
+}
+
+.my-n20 {
+  margin-top: -5rem !important;
+  margin-bottom: -5rem !important;
+}
+
+.mt-n1 {
+  margin-top: -0.25rem !important;
+}
+
+.mt-n2 {
+  margin-top: -0.5rem !important;
+}
+
+.mt-n3 {
+  margin-top: -0.75rem !important;
+}
+
+.mt-n4 {
+  margin-top: -1rem !important;
+}
+
+.mt-n5 {
+  margin-top: -1.25rem !important;
+}
+
+.mt-n6 {
+  margin-top: -1.5rem !important;
+}
+
+.mt-n7 {
+  margin-top: -1.75rem !important;
+}
+
+.mt-n8 {
+  margin-top: -2rem !important;
+}
+
+.mt-n9 {
+  margin-top: -2.25rem !important;
+}
+
+.mt-n10 {
+  margin-top: -2.5rem !important;
+}
+
+.mt-n11 {
+  margin-top: -2.75rem !important;
+}
+
+.mt-n12 {
+  margin-top: -3rem !important;
+}
+
+.mt-n13 {
+  margin-top: -3.25rem !important;
+}
+
+.mt-n14 {
+  margin-top: -3.5rem !important;
+}
+
+.mt-n15 {
+  margin-top: -3.75rem !important;
+}
+
+.mt-n16 {
+  margin-top: -4rem !important;
+}
+
+.mt-n17 {
+  margin-top: -4.25rem !important;
+}
+
+.mt-n18 {
+  margin-top: -4.5rem !important;
+}
+
+.mt-n19 {
+  margin-top: -4.75rem !important;
+}
+
+.mt-n20 {
+  margin-top: -5rem !important;
+}
+
+.me-n1 {
+  margin-right: -0.25rem !important;
+}
+
+.me-n2 {
+  margin-right: -0.5rem !important;
+}
+
+.me-n3 {
+  margin-right: -0.75rem !important;
+}
+
+.me-n4 {
+  margin-right: -1rem !important;
+}
+
+.me-n5 {
+  margin-right: -1.25rem !important;
+}
+
+.me-n6 {
+  margin-right: -1.5rem !important;
+}
+
+.me-n7 {
+  margin-right: -1.75rem !important;
+}
+
+.me-n8 {
+  margin-right: -2rem !important;
+}
+
+.me-n9 {
+  margin-right: -2.25rem !important;
+}
+
+.me-n10 {
+  margin-right: -2.5rem !important;
+}
+
+.me-n11 {
+  margin-right: -2.75rem !important;
+}
+
+.me-n12 {
+  margin-right: -3rem !important;
+}
+
+.me-n13 {
+  margin-right: -3.25rem !important;
+}
+
+.me-n14 {
+  margin-right: -3.5rem !important;
+}
+
+.me-n15 {
+  margin-right: -3.75rem !important;
+}
+
+.me-n16 {
+  margin-right: -4rem !important;
+}
+
+.me-n17 {
+  margin-right: -4.25rem !important;
+}
+
+.me-n18 {
+  margin-right: -4.5rem !important;
+}
+
+.me-n19 {
+  margin-right: -4.75rem !important;
+}
+
+.me-n20 {
+  margin-right: -5rem !important;
+}
+
+.mb-n1 {
+  margin-bottom: -0.25rem !important;
+}
+
+.mb-n2 {
+  margin-bottom: -0.5rem !important;
+}
+
+.mb-n3 {
+  margin-bottom: -0.75rem !important;
+}
+
+.mb-n4 {
+  margin-bottom: -1rem !important;
+}
+
+.mb-n5 {
+  margin-bottom: -1.25rem !important;
+}
+
+.mb-n6 {
+  margin-bottom: -1.5rem !important;
+}
+
+.mb-n7 {
+  margin-bottom: -1.75rem !important;
+}
+
+.mb-n8 {
+  margin-bottom: -2rem !important;
+}
+
+.mb-n9 {
+  margin-bottom: -2.25rem !important;
+}
+
+.mb-n10 {
+  margin-bottom: -2.5rem !important;
+}
+
+.mb-n11 {
+  margin-bottom: -2.75rem !important;
+}
+
+.mb-n12 {
+  margin-bottom: -3rem !important;
+}
+
+.mb-n13 {
+  margin-bottom: -3.25rem !important;
+}
+
+.mb-n14 {
+  margin-bottom: -3.5rem !important;
+}
+
+.mb-n15 {
+  margin-bottom: -3.75rem !important;
+}
+
+.mb-n16 {
+  margin-bottom: -4rem !important;
+}
+
+.mb-n17 {
+  margin-bottom: -4.25rem !important;
+}
+
+.mb-n18 {
+  margin-bottom: -4.5rem !important;
+}
+
+.mb-n19 {
+  margin-bottom: -4.75rem !important;
+}
+
+.mb-n20 {
+  margin-bottom: -5rem !important;
+}
+
+.ms-n1 {
+  margin-left: -0.25rem !important;
+}
+
+.ms-n2 {
+  margin-left: -0.5rem !important;
+}
+
+.ms-n3 {
+  margin-left: -0.75rem !important;
+}
+
+.ms-n4 {
+  margin-left: -1rem !important;
+}
+
+.ms-n5 {
+  margin-left: -1.25rem !important;
+}
+
+.ms-n6 {
+  margin-left: -1.5rem !important;
+}
+
+.ms-n7 {
+  margin-left: -1.75rem !important;
+}
+
+.ms-n8 {
+  margin-left: -2rem !important;
+}
+
+.ms-n9 {
+  margin-left: -2.25rem !important;
+}
+
+.ms-n10 {
+  margin-left: -2.5rem !important;
+}
+
+.ms-n11 {
+  margin-left: -2.75rem !important;
+}
+
+.ms-n12 {
+  margin-left: -3rem !important;
+}
+
+.ms-n13 {
+  margin-left: -3.25rem !important;
+}
+
+.ms-n14 {
+  margin-left: -3.5rem !important;
+}
+
+.ms-n15 {
+  margin-left: -3.75rem !important;
+}
+
+.ms-n16 {
+  margin-left: -4rem !important;
+}
+
+.ms-n17 {
+  margin-left: -4.25rem !important;
+}
+
+.ms-n18 {
+  margin-left: -4.5rem !important;
+}
+
+.ms-n19 {
+  margin-left: -4.75rem !important;
+}
+
+.ms-n20 {
+  margin-left: -5rem !important;
+}
+
+.p-0 {
+  padding: 0 !important;
+}
+
+.p-1 {
+  padding: 0.25rem !important;
+}
+
+.p-2 {
+  padding: 0.5rem !important;
+}
+
+.p-3 {
+  padding: 0.75rem !important;
+}
+
+.p-4 {
+  padding: 1rem !important;
+}
+
+.p-5 {
+  padding: 1.25rem !important;
+}
+
+.p-6 {
+  padding: 1.5rem !important;
+}
+
+.p-7 {
+  padding: 1.75rem !important;
+}
+
+.p-8 {
+  padding: 2rem !important;
+}
+
+.p-9 {
+  padding: 2.25rem !important;
+}
+
+.p-10 {
+  padding: 2.5rem !important;
+}
+
+.p-11 {
+  padding: 2.75rem !important;
+}
+
+.p-12 {
+  padding: 3rem !important;
+}
+
+.p-13 {
+  padding: 3.25rem !important;
+}
+
+.p-14 {
+  padding: 3.5rem !important;
+}
+
+.p-15 {
+  padding: 3.75rem !important;
+}
+
+.p-16 {
+  padding: 4rem !important;
+}
+
+.p-17 {
+  padding: 4.25rem !important;
+}
+
+.p-18 {
+  padding: 4.5rem !important;
+}
+
+.p-19 {
+  padding: 4.75rem !important;
+}
+
+.p-20 {
+  padding: 5rem !important;
+}
+
+.px-0 {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
+
+.px-1 {
+  padding-right: 0.25rem !important;
+  padding-left: 0.25rem !important;
+}
+
+.px-2 {
+  padding-right: 0.5rem !important;
+  padding-left: 0.5rem !important;
+}
+
+.px-3 {
+  padding-right: 0.75rem !important;
+  padding-left: 0.75rem !important;
+}
+
+.px-4 {
+  padding-right: 1rem !important;
+  padding-left: 1rem !important;
+}
+
+.px-5 {
+  padding-right: 1.25rem !important;
+  padding-left: 1.25rem !important;
+}
+
+.px-6 {
+  padding-right: 1.5rem !important;
+  padding-left: 1.5rem !important;
+}
+
+.px-7 {
+  padding-right: 1.75rem !important;
+  padding-left: 1.75rem !important;
+}
+
+.px-8 {
+  padding-right: 2rem !important;
+  padding-left: 2rem !important;
+}
+
+.px-9 {
+  padding-right: 2.25rem !important;
+  padding-left: 2.25rem !important;
+}
+
+.px-10 {
+  padding-right: 2.5rem !important;
+  padding-left: 2.5rem !important;
+}
+
+.px-11 {
+  padding-right: 2.75rem !important;
+  padding-left: 2.75rem !important;
+}
+
+.px-12 {
+  padding-right: 3rem !important;
+  padding-left: 3rem !important;
+}
+
+.px-13 {
+  padding-right: 3.25rem !important;
+  padding-left: 3.25rem !important;
+}
+
+.px-14 {
+  padding-right: 3.5rem !important;
+  padding-left: 3.5rem !important;
+}
+
+.px-15 {
+  padding-right: 3.75rem !important;
+  padding-left: 3.75rem !important;
+}
+
+.px-16 {
+  padding-right: 4rem !important;
+  padding-left: 4rem !important;
+}
+
+.px-17 {
+  padding-right: 4.25rem !important;
+  padding-left: 4.25rem !important;
+}
+
+.px-18 {
+  padding-right: 4.5rem !important;
+  padding-left: 4.5rem !important;
+}
+
+.px-19 {
+  padding-right: 4.75rem !important;
+  padding-left: 4.75rem !important;
+}
+
+.px-20 {
+  padding-right: 5rem !important;
+  padding-left: 5rem !important;
+}
+
+.py-0 {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+.py-1 {
+  padding-top: 0.25rem !important;
+  padding-bottom: 0.25rem !important;
+}
+
+.py-2 {
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+}
+
+.py-3 {
+  padding-top: 0.75rem !important;
+  padding-bottom: 0.75rem !important;
+}
+
+.py-4 {
+  padding-top: 1rem !important;
+  padding-bottom: 1rem !important;
+}
+
+.py-5 {
+  padding-top: 1.25rem !important;
+  padding-bottom: 1.25rem !important;
+}
+
+.py-6 {
+  padding-top: 1.5rem !important;
+  padding-bottom: 1.5rem !important;
+}
+
+.py-7 {
+  padding-top: 1.75rem !important;
+  padding-bottom: 1.75rem !important;
+}
+
+.py-8 {
+  padding-top: 2rem !important;
+  padding-bottom: 2rem !important;
+}
+
+.py-9 {
+  padding-top: 2.25rem !important;
+  padding-bottom: 2.25rem !important;
+}
+
+.py-10 {
+  padding-top: 2.5rem !important;
+  padding-bottom: 2.5rem !important;
+}
+
+.py-11 {
+  padding-top: 2.75rem !important;
+  padding-bottom: 2.75rem !important;
+}
+
+.py-12 {
+  padding-top: 3rem !important;
+  padding-bottom: 3rem !important;
+}
+
+.py-13 {
+  padding-top: 3.25rem !important;
+  padding-bottom: 3.25rem !important;
+}
+
+.py-14 {
+  padding-top: 3.5rem !important;
+  padding-bottom: 3.5rem !important;
+}
+
+.py-15 {
+  padding-top: 3.75rem !important;
+  padding-bottom: 3.75rem !important;
+}
+
+.py-16 {
+  padding-top: 4rem !important;
+  padding-bottom: 4rem !important;
+}
+
+.py-17 {
+  padding-top: 4.25rem !important;
+  padding-bottom: 4.25rem !important;
+}
+
+.py-18 {
+  padding-top: 4.5rem !important;
+  padding-bottom: 4.5rem !important;
+}
+
+.py-19 {
+  padding-top: 4.75rem !important;
+  padding-bottom: 4.75rem !important;
+}
+
+.py-20 {
+  padding-top: 5rem !important;
+  padding-bottom: 5rem !important;
+}
+
+.pt-0 {
+  padding-top: 0 !important;
+}
+
+.pt-1 {
+  padding-top: 0.25rem !important;
+}
+
+.pt-2 {
+  padding-top: 0.5rem !important;
+}
+
+.pt-3 {
+  padding-top: 0.75rem !important;
+}
+
+.pt-4 {
+  padding-top: 1rem !important;
+}
+
+.pt-5 {
+  padding-top: 1.25rem !important;
+}
+
+.pt-6 {
+  padding-top: 1.5rem !important;
+}
+
+.pt-7 {
+  padding-top: 1.75rem !important;
+}
+
+.pt-8 {
+  padding-top: 2rem !important;
+}
+
+.pt-9 {
+  padding-top: 2.25rem !important;
+}
+
+.pt-10 {
+  padding-top: 2.5rem !important;
+}
+
+.pt-11 {
+  padding-top: 2.75rem !important;
+}
+
+.pt-12 {
+  padding-top: 3rem !important;
+}
+
+.pt-13 {
+  padding-top: 3.25rem !important;
+}
+
+.pt-14 {
+  padding-top: 3.5rem !important;
+}
+
+.pt-15 {
+  padding-top: 3.75rem !important;
+}
+
+.pt-16 {
+  padding-top: 4rem !important;
+}
+
+.pt-17 {
+  padding-top: 4.25rem !important;
+}
+
+.pt-18 {
+  padding-top: 4.5rem !important;
+}
+
+.pt-19 {
+  padding-top: 4.75rem !important;
+}
+
+.pt-20 {
+  padding-top: 5rem !important;
+}
+
+.pe-0 {
+  padding-right: 0 !important;
+}
+
+.pe-1 {
+  padding-right: 0.25rem !important;
+}
+
+.pe-2 {
+  padding-right: 0.5rem !important;
+}
+
+.pe-3 {
+  padding-right: 0.75rem !important;
+}
+
+.pe-4 {
+  padding-right: 1rem !important;
+}
+
+.pe-5 {
+  padding-right: 1.25rem !important;
+}
+
+.pe-6 {
+  padding-right: 1.5rem !important;
+}
+
+.pe-7 {
+  padding-right: 1.75rem !important;
+}
+
+.pe-8 {
+  padding-right: 2rem !important;
+}
+
+.pe-9 {
+  padding-right: 2.25rem !important;
+}
+
+.pe-10 {
+  padding-right: 2.5rem !important;
+}
+
+.pe-11 {
+  padding-right: 2.75rem !important;
+}
+
+.pe-12 {
+  padding-right: 3rem !important;
+}
+
+.pe-13 {
+  padding-right: 3.25rem !important;
+}
+
+.pe-14 {
+  padding-right: 3.5rem !important;
+}
+
+.pe-15 {
+  padding-right: 3.75rem !important;
+}
+
+.pe-16 {
+  padding-right: 4rem !important;
+}
+
+.pe-17 {
+  padding-right: 4.25rem !important;
+}
+
+.pe-18 {
+  padding-right: 4.5rem !important;
+}
+
+.pe-19 {
+  padding-right: 4.75rem !important;
+}
+
+.pe-20 {
+  padding-right: 5rem !important;
+}
+
+.pb-0 {
+  padding-bottom: 0 !important;
+}
+
+.pb-1 {
+  padding-bottom: 0.25rem !important;
+}
+
+.pb-2 {
+  padding-bottom: 0.5rem !important;
+}
+
+.pb-3 {
+  padding-bottom: 0.75rem !important;
+}
+
+.pb-4 {
+  padding-bottom: 1rem !important;
+}
+
+.pb-5 {
+  padding-bottom: 1.25rem !important;
+}
+
+.pb-6 {
+  padding-bottom: 1.5rem !important;
+}
+
+.pb-7 {
+  padding-bottom: 1.75rem !important;
+}
+
+.pb-8 {
+  padding-bottom: 2rem !important;
+}
+
+.pb-9 {
+  padding-bottom: 2.25rem !important;
+}
+
+.pb-10 {
+  padding-bottom: 2.5rem !important;
+}
+
+.pb-11 {
+  padding-bottom: 2.75rem !important;
+}
+
+.pb-12 {
+  padding-bottom: 3rem !important;
+}
+
+.pb-13 {
+  padding-bottom: 3.25rem !important;
+}
+
+.pb-14 {
+  padding-bottom: 3.5rem !important;
+}
+
+.pb-15 {
+  padding-bottom: 3.75rem !important;
+}
+
+.pb-16 {
+  padding-bottom: 4rem !important;
+}
+
+.pb-17 {
+  padding-bottom: 4.25rem !important;
+}
+
+.pb-18 {
+  padding-bottom: 4.5rem !important;
+}
+
+.pb-19 {
+  padding-bottom: 4.75rem !important;
+}
+
+.pb-20 {
+  padding-bottom: 5rem !important;
+}
+
+.ps-0 {
+  padding-left: 0 !important;
+}
+
+.ps-1 {
+  padding-left: 0.25rem !important;
+}
+
+.ps-2 {
+  padding-left: 0.5rem !important;
+}
+
+.ps-3 {
+  padding-left: 0.75rem !important;
+}
+
+.ps-4 {
+  padding-left: 1rem !important;
+}
+
+.ps-5 {
+  padding-left: 1.25rem !important;
+}
+
+.ps-6 {
+  padding-left: 1.5rem !important;
+}
+
+.ps-7 {
+  padding-left: 1.75rem !important;
+}
+
+.ps-8 {
+  padding-left: 2rem !important;
+}
+
+.ps-9 {
+  padding-left: 2.25rem !important;
+}
+
+.ps-10 {
+  padding-left: 2.5rem !important;
+}
+
+.ps-11 {
+  padding-left: 2.75rem !important;
+}
+
+.ps-12 {
+  padding-left: 3rem !important;
+}
+
+.ps-13 {
+  padding-left: 3.25rem !important;
+}
+
+.ps-14 {
+  padding-left: 3.5rem !important;
+}
+
+.ps-15 {
+  padding-left: 3.75rem !important;
+}
+
+.ps-16 {
+  padding-left: 4rem !important;
+}
+
+.ps-17 {
+  padding-left: 4.25rem !important;
+}
+
+.ps-18 {
+  padding-left: 4.5rem !important;
+}
+
+.ps-19 {
+  padding-left: 4.75rem !important;
+}
+
+.ps-20 {
+  padding-left: 5rem !important;
+}
+
+.gap-0 {
+  gap: 0 !important;
+}
+
+.gap-1 {
+  gap: 0.25rem !important;
+}
+
+.gap-2 {
+  gap: 0.5rem !important;
+}
+
+.gap-3 {
+  gap: 0.75rem !important;
+}
+
+.gap-4 {
+  gap: 1rem !important;
+}
+
+.gap-5 {
+  gap: 1.25rem !important;
+}
+
+.gap-6 {
+  gap: 1.5rem !important;
+}
+
+.gap-7 {
+  gap: 1.75rem !important;
+}
+
+.gap-8 {
+  gap: 2rem !important;
+}
+
+.gap-9 {
+  gap: 2.25rem !important;
+}
+
+.gap-10 {
+  gap: 2.5rem !important;
+}
+
+.gap-11 {
+  gap: 2.75rem !important;
+}
+
+.gap-12 {
+  gap: 3rem !important;
+}
+
+.gap-13 {
+  gap: 3.25rem !important;
+}
+
+.gap-14 {
+  gap: 3.5rem !important;
+}
+
+.gap-15 {
+  gap: 3.75rem !important;
+}
+
+.gap-16 {
+  gap: 4rem !important;
+}
+
+.gap-17 {
+  gap: 4.25rem !important;
+}
+
+.gap-18 {
+  gap: 4.5rem !important;
+}
+
+.gap-19 {
+  gap: 4.75rem !important;
+}
+
+.gap-20 {
+  gap: 5rem !important;
+}
+
+.font-monospace {
+  font-family: var(--bs-font-monospace) !important;
+}
+
+.fs-1 {
+  font-size: calc(1.3rem + 0.6vw) !important;
+}
+
+.fs-2 {
+  font-size: calc(1.275rem + 0.3vw) !important;
+}
+
+.fs-3 {
+  font-size: calc(1.26rem + 0.12vw) !important;
+}
+
+.fs-4 {
+  font-size: 1.25rem !important;
+}
+
+.fs-5 {
+  font-size: 1.15rem !important;
+}
+
+.fs-6 {
+  font-size: 1.075rem !important;
+}
+
+.fs-7 {
+  font-size: 0.95rem !important;
+}
+
+.fs-8 {
+  font-size: 0.85rem !important;
+}
+
+.fs-9 {
+  font-size: 0.75rem !important;
+}
+
+.fs-10 {
+  font-size: 0.5rem !important;
+}
+
+.fs-base {
+  font-size: 1rem !important;
+}
+
+.fs-fluid {
+  font-size: 100% !important;
+}
+
+.fs-2x {
+  font-size: calc(1.325rem + 0.9vw) !important;
+}
+
+.fs-2qx {
+  font-size: calc(1.35rem + 1.2vw) !important;
+}
+
+.fs-2hx {
+  font-size: calc(1.375rem + 1.5vw) !important;
+}
+
+.fs-2tx {
+  font-size: calc(1.4rem + 1.8vw) !important;
+}
+
+.fs-3x {
+  font-size: calc(1.425rem + 2.1vw) !important;
+}
+
+.fs-3qx {
+  font-size: calc(1.45rem + 2.4vw) !important;
+}
+
+.fs-3hx {
+  font-size: calc(1.475rem + 2.7vw) !important;
+}
+
+.fs-3tx {
+  font-size: calc(1.5rem + 3vw) !important;
+}
+
+.fs-4x {
+  font-size: calc(1.525rem + 3.3vw) !important;
+}
+
+.fs-4qx {
+  font-size: calc(1.55rem + 3.6vw) !important;
+}
+
+.fs-4hx {
+  font-size: calc(1.575rem + 3.9vw) !important;
+}
+
+.fs-4tx {
+  font-size: calc(1.6rem + 4.2vw) !important;
+}
+
+.fs-5x {
+  font-size: calc(1.625rem + 4.5vw) !important;
+}
+
+.fs-5qx {
+  font-size: calc(1.65rem + 4.8vw) !important;
+}
+
+.fs-5hx {
+  font-size: calc(1.675rem + 5.1vw) !important;
+}
+
+.fs-5tx {
+  font-size: calc(1.7rem + 5.4vw) !important;
+}
+
+.fst-italic {
+  font-style: italic !important;
+}
+
+.fst-normal {
+  font-style: normal !important;
+}
+
+.fw-light {
+  font-weight: 300 !important;
+}
+
+.fw-lighter {
+  font-weight: lighter !important;
+}
+
+.fw-normal {
+  font-weight: 400 !important;
+}
+
+.fw-bold {
+  font-weight: 600 !important;
+}
+
+.fw-semibold {
+  font-weight: 500 !important;
+}
+
+.fw-bolder {
+  font-weight: 700 !important;
+}
+
+.lh-0 {
+  line-height: 0 !important;
+}
+
+.lh-1 {
+  line-height: 1 !important;
+}
+
+.lh-sm {
+  line-height: 1.25 !important;
+}
+
+.lh-base {
+  line-height: 1.5 !important;
+}
+
+.lh-lg {
+  line-height: 1.75 !important;
+}
+
+.lh-xl {
+  line-height: 2 !important;
+}
+
+.lh-xxl {
+  line-height: 2.25 !important;
+}
+
+.text-start {
+  text-align: left !important;
+}
+
+.text-end {
+  text-align: right !important;
+}
+
+.text-center {
+  text-align: center !important;
+}
+
+.text-decoration-none {
+  text-decoration: none !important;
+}
+
+.text-decoration-underline {
+  text-decoration: underline !important;
+}
+
+.text-decoration-line-through {
+  text-decoration: line-through !important;
+}
+
+.text-lowercase {
+  text-transform: lowercase !important;
+}
+
+.text-uppercase {
+  text-transform: uppercase !important;
+}
+
+.text-capitalize {
+  text-transform: capitalize !important;
+}
+
+.text-wrap {
+  white-space: normal !important;
+}
+
+.text-nowrap {
+  white-space: nowrap !important;
+}
+
+/* rtl:begin:remove */
+.text-break {
+  word-wrap: break-word !important;
+  word-break: break-word !important;
+}
+
+/* rtl:end:remove */
+.text-white {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-light {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-primary {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-secondary {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-success {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-info {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-warning {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-danger {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-dark {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-black {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-body {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-muted {
+  --bs-text-opacity: 1;
+  color: #A1A5B7 !important;
+}
+
+.text-black-50 {
+  --bs-text-opacity: 1;
+  color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+  --bs-text-opacity: 1;
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-reset {
+  --bs-text-opacity: 1;
+  color: inherit !important;
+}
+
+.text-opacity-25 {
+  --bs-text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+  --bs-text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+  --bs-text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+  --bs-text-opacity: 1;
+}
+
+.bg-white {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-light {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-primary {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-secondary {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-success {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-info {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-warning {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-danger {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-dark {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-black {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-body {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-transparent {
+  --bs-bg-opacity: 1;
+  background-color: transparent !important;
+}
+
+.bg-opacity-10 {
+  --bs-bg-opacity: 0.1;
+}
+
+.bg-opacity-25 {
+  --bs-bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+  --bs-bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+  --bs-bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+  --bs-bg-opacity: 1;
+}
+
+.bg-gradient {
+  background-image: var(--bs-gradient) !important;
+}
+
+.user-select-all {
+  user-select: all !important;
+}
+
+.user-select-auto {
+  user-select: auto !important;
+}
+
+.user-select-none {
+  user-select: none !important;
+}
+
+.pe-none {
+  pointer-events: none !important;
+}
+
+.pe-auto {
+  pointer-events: auto !important;
+}
+
+.rounded {
+  border-radius: 0.475rem !important;
+}
+
+.rounded-0 {
+  border-radius: 0 !important;
+}
+
+.rounded-1 {
+  border-radius: 0.425rem !important;
+}
+
+.rounded-2 {
+  border-radius: 0.475rem !important;
+}
+
+.rounded-3 {
+  border-radius: 0.625rem !important;
+}
+
+.rounded-4 {
+  border-radius: 1rem !important;
+}
+
+.rounded-circle {
+  border-radius: 50% !important;
+}
+
+.rounded-pill {
+  border-radius: 50rem !important;
+}
+
+.rounded-top {
+  border-top-left-radius: var(--bs-border-radius) !important;
+  border-top-right-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-end {
+  border-top-right-radius: var(--bs-border-radius) !important;
+  border-bottom-right-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-bottom {
+  border-bottom-right-radius: var(--bs-border-radius) !important;
+  border-bottom-left-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-start {
+  border-bottom-left-radius: var(--bs-border-radius) !important;
+  border-top-left-radius: var(--bs-border-radius) !important;
+}
+
+.visible {
+  visibility: visible !important;
+}
+
+.invisible {
+  visibility: hidden !important;
+}
+
+.opacity-0 {
+  opacity: 0 !important;
+}
+
+.opacity-0-hover:hover {
+  opacity: 0 !important;
+}
+
+.opacity-5 {
+  opacity: 0.05 !important;
+}
+
+.opacity-5-hover:hover {
+  opacity: 0.05 !important;
+}
+
+.opacity-10 {
+  opacity: 0.1 !important;
+}
+
+.opacity-10-hover:hover {
+  opacity: 0.1 !important;
+}
+
+.opacity-15 {
+  opacity: 0.15 !important;
+}
+
+.opacity-15-hover:hover {
+  opacity: 0.15 !important;
+}
+
+.opacity-20 {
+  opacity: 0.2 !important;
+}
+
+.opacity-20-hover:hover {
+  opacity: 0.2 !important;
+}
+
+.opacity-25 {
+  opacity: 0.25 !important;
+}
+
+.opacity-25-hover:hover {
+  opacity: 0.25 !important;
+}
+
+.opacity-50 {
+  opacity: 0.5 !important;
+}
+
+.opacity-50-hover:hover {
+  opacity: 0.5 !important;
+}
+
+.opacity-75 {
+  opacity: 0.75 !important;
+}
+
+.opacity-75-hover:hover {
+  opacity: 0.75 !important;
+}
+
+.opacity-100 {
+  opacity: 1 !important;
+}
+
+.opacity-100-hover:hover {
+  opacity: 1 !important;
+}
+
+.min-w-unset {
+  min-width: unset !important;
+}
+
+.min-w-25 {
+  min-width: 25% !important;
+}
+
+.min-w-50 {
+  min-width: 50% !important;
+}
+
+.min-w-75 {
+  min-width: 75% !important;
+}
+
+.min-w-100 {
+  min-width: 100% !important;
+}
+
+.min-w-auto {
+  min-width: auto !important;
+}
+
+.min-w-1px {
+  min-width: 1px !important;
+}
+
+.min-w-2px {
+  min-width: 2px !important;
+}
+
+.min-w-3px {
+  min-width: 3px !important;
+}
+
+.min-w-4px {
+  min-width: 4px !important;
+}
+
+.min-w-5px {
+  min-width: 5px !important;
+}
+
+.min-w-6px {
+  min-width: 6px !important;
+}
+
+.min-w-7px {
+  min-width: 7px !important;
+}
+
+.min-w-8px {
+  min-width: 8px !important;
+}
+
+.min-w-9px {
+  min-width: 9px !important;
+}
+
+.min-w-10px {
+  min-width: 10px !important;
+}
+
+.min-w-15px {
+  min-width: 15px !important;
+}
+
+.min-w-20px {
+  min-width: 20px !important;
+}
+
+.min-w-25px {
+  min-width: 25px !important;
+}
+
+.min-w-30px {
+  min-width: 30px !important;
+}
+
+.min-w-35px {
+  min-width: 35px !important;
+}
+
+.min-w-40px {
+  min-width: 40px !important;
+}
+
+.min-w-45px {
+  min-width: 45px !important;
+}
+
+.min-w-50px {
+  min-width: 50px !important;
+}
+
+.min-w-55px {
+  min-width: 55px !important;
+}
+
+.min-w-60px {
+  min-width: 60px !important;
+}
+
+.min-w-65px {
+  min-width: 65px !important;
+}
+
+.min-w-70px {
+  min-width: 70px !important;
+}
+
+.min-w-75px {
+  min-width: 75px !important;
+}
+
+.min-w-80px {
+  min-width: 80px !important;
+}
+
+.min-w-85px {
+  min-width: 85px !important;
+}
+
+.min-w-90px {
+  min-width: 90px !important;
+}
+
+.min-w-95px {
+  min-width: 95px !important;
+}
+
+.min-w-100px {
+  min-width: 100px !important;
+}
+
+.min-w-125px {
+  min-width: 125px !important;
+}
+
+.min-w-150px {
+  min-width: 150px !important;
+}
+
+.min-w-175px {
+  min-width: 175px !important;
+}
+
+.min-w-200px {
+  min-width: 200px !important;
+}
+
+.min-w-225px {
+  min-width: 225px !important;
+}
+
+.min-w-250px {
+  min-width: 250px !important;
+}
+
+.min-w-275px {
+  min-width: 275px !important;
+}
+
+.min-w-300px {
+  min-width: 300px !important;
+}
+
+.min-w-325px {
+  min-width: 325px !important;
+}
+
+.min-w-350px {
+  min-width: 350px !important;
+}
+
+.min-w-375px {
+  min-width: 375px !important;
+}
+
+.min-w-400px {
+  min-width: 400px !important;
+}
+
+.min-w-425px {
+  min-width: 425px !important;
+}
+
+.min-w-450px {
+  min-width: 450px !important;
+}
+
+.min-w-475px {
+  min-width: 475px !important;
+}
+
+.min-w-500px {
+  min-width: 500px !important;
+}
+
+.min-w-550px {
+  min-width: 550px !important;
+}
+
+.min-w-600px {
+  min-width: 600px !important;
+}
+
+.min-w-650px {
+  min-width: 650px !important;
+}
+
+.min-w-700px {
+  min-width: 700px !important;
+}
+
+.min-w-750px {
+  min-width: 750px !important;
+}
+
+.min-w-800px {
+  min-width: 800px !important;
+}
+
+.min-w-850px {
+  min-width: 850px !important;
+}
+
+.min-w-900px {
+  min-width: 900px !important;
+}
+
+.min-w-950px {
+  min-width: 950px !important;
+}
+
+.min-w-1000px {
+  min-width: 1000px !important;
+}
+
+.min-h-unset {
+  min-height: unset !important;
+}
+
+.min-h-25 {
+  min-height: 25% !important;
+}
+
+.min-h-50 {
+  min-height: 50% !important;
+}
+
+.min-h-75 {
+  min-height: 75% !important;
+}
+
+.min-h-100 {
+  min-height: 100% !important;
+}
+
+.min-h-auto {
+  min-height: auto !important;
+}
+
+.min-h-1px {
+  min-height: 1px !important;
+}
+
+.min-h-2px {
+  min-height: 2px !important;
+}
+
+.min-h-3px {
+  min-height: 3px !important;
+}
+
+.min-h-4px {
+  min-height: 4px !important;
+}
+
+.min-h-5px {
+  min-height: 5px !important;
+}
+
+.min-h-6px {
+  min-height: 6px !important;
+}
+
+.min-h-7px {
+  min-height: 7px !important;
+}
+
+.min-h-8px {
+  min-height: 8px !important;
+}
+
+.min-h-9px {
+  min-height: 9px !important;
+}
+
+.min-h-10px {
+  min-height: 10px !important;
+}
+
+.min-h-15px {
+  min-height: 15px !important;
+}
+
+.min-h-20px {
+  min-height: 20px !important;
+}
+
+.min-h-25px {
+  min-height: 25px !important;
+}
+
+.min-h-30px {
+  min-height: 30px !important;
+}
+
+.min-h-35px {
+  min-height: 35px !important;
+}
+
+.min-h-40px {
+  min-height: 40px !important;
+}
+
+.min-h-45px {
+  min-height: 45px !important;
+}
+
+.min-h-50px {
+  min-height: 50px !important;
+}
+
+.min-h-55px {
+  min-height: 55px !important;
+}
+
+.min-h-60px {
+  min-height: 60px !important;
+}
+
+.min-h-65px {
+  min-height: 65px !important;
+}
+
+.min-h-70px {
+  min-height: 70px !important;
+}
+
+.min-h-75px {
+  min-height: 75px !important;
+}
+
+.min-h-80px {
+  min-height: 80px !important;
+}
+
+.min-h-85px {
+  min-height: 85px !important;
+}
+
+.min-h-90px {
+  min-height: 90px !important;
+}
+
+.min-h-95px {
+  min-height: 95px !important;
+}
+
+.min-h-100px {
+  min-height: 100px !important;
+}
+
+.min-h-125px {
+  min-height: 125px !important;
+}
+
+.min-h-150px {
+  min-height: 150px !important;
+}
+
+.min-h-175px {
+  min-height: 175px !important;
+}
+
+.min-h-200px {
+  min-height: 200px !important;
+}
+
+.min-h-225px {
+  min-height: 225px !important;
+}
+
+.min-h-250px {
+  min-height: 250px !important;
+}
+
+.min-h-275px {
+  min-height: 275px !important;
+}
+
+.min-h-300px {
+  min-height: 300px !important;
+}
+
+.min-h-325px {
+  min-height: 325px !important;
+}
+
+.min-h-350px {
+  min-height: 350px !important;
+}
+
+.min-h-375px {
+  min-height: 375px !important;
+}
+
+.min-h-400px {
+  min-height: 400px !important;
+}
+
+.min-h-425px {
+  min-height: 425px !important;
+}
+
+.min-h-450px {
+  min-height: 450px !important;
+}
+
+.min-h-475px {
+  min-height: 475px !important;
+}
+
+.min-h-500px {
+  min-height: 500px !important;
+}
+
+.min-h-550px {
+  min-height: 550px !important;
+}
+
+.min-h-600px {
+  min-height: 600px !important;
+}
+
+.min-h-650px {
+  min-height: 650px !important;
+}
+
+.min-h-700px {
+  min-height: 700px !important;
+}
+
+.min-h-750px {
+  min-height: 750px !important;
+}
+
+.min-h-800px {
+  min-height: 800px !important;
+}
+
+.min-h-850px {
+  min-height: 850px !important;
+}
+
+.min-h-900px {
+  min-height: 900px !important;
+}
+
+.min-h-950px {
+  min-height: 950px !important;
+}
+
+.min-h-1000px {
+  min-height: 1000px !important;
+}
+
+.z-index-n1 {
+  z-index: -1 !important;
+}
+
+.z-index-n2 {
+  z-index: -2 !important;
+}
+
+.z-index-0 {
+  z-index: 0 !important;
+}
+
+.z-index-1 {
+  z-index: 1 !important;
+}
+
+.z-index-2 {
+  z-index: 2 !important;
+}
+
+.z-index-3 {
+  z-index: 3 !important;
+}
+
+.border-top-0 {
+  border-top-width: 0 !important;
+}
+
+.border-top-1 {
+  border-top-width: 1px !important;
+}
+
+.border-top-2 {
+  border-top-width: 2px !important;
+}
+
+.border-top-3 {
+  border-top-width: 3px !important;
+}
+
+.border-top-4 {
+  border-top-width: 4px !important;
+}
+
+.border-top-5 {
+  border-top-width: 5px !important;
+}
+
+.border-bottom-0 {
+  border-bottom-width: 0 !important;
+}
+
+.border-bottom-1 {
+  border-bottom-width: 1px !important;
+}
+
+.border-bottom-2 {
+  border-bottom-width: 2px !important;
+}
+
+.border-bottom-3 {
+  border-bottom-width: 3px !important;
+}
+
+.border-bottom-4 {
+  border-bottom-width: 4px !important;
+}
+
+.border-bottom-5 {
+  border-bottom-width: 5px !important;
+}
+
+.border-right-0 {
+  border-right-width: 0 !important;
+}
+
+.border-right-1 {
+  border-right-width: 1px !important;
+}
+
+.border-right-2 {
+  border-right-width: 2px !important;
+}
+
+.border-right-3 {
+  border-right-width: 3px !important;
+}
+
+.border-right-4 {
+  border-right-width: 4px !important;
+}
+
+.border-right-5 {
+  border-right-width: 5px !important;
+}
+
+.border-left-0 {
+  border-left-width: 0 !important;
+}
+
+.border-left-1 {
+  border-left-width: 1px !important;
+}
+
+.border-left-2 {
+  border-left-width: 2px !important;
+}
+
+.border-left-3 {
+  border-left-width: 3px !important;
+}
+
+.border-left-4 {
+  border-left-width: 4px !important;
+}
+
+.border-left-5 {
+  border-left-width: 5px !important;
+}
+
+.ls-1 {
+  letter-spacing: 0.1rem !important;
+}
+
+.ls-2 {
+  letter-spacing: 0.115rem !important;
+}
+
+.ls-3 {
+  letter-spacing: 0.125rem !important;
+}
+
+.ls-4 {
+  letter-spacing: 0.25rem !important;
+}
+
+.ls-5 {
+  letter-spacing: 0.5rem !important;
+}
+
+.ls-n1 {
+  letter-spacing: -0.1rem !important;
+}
+
+.ls-n2 {
+  letter-spacing: -0.115rem !important;
+}
+
+.ls-n3 {
+  letter-spacing: -0.125rem !important;
+}
+
+.ls-n4 {
+  letter-spacing: -0.25rem !important;
+}
+
+.ls-n5 {
+  letter-spacing: -0.5rem !important;
+}
+
+@media (min-width: 576px) {
+  .float-sm-start {
+    float: left !important;
+  }
+  .float-sm-end {
+    float: right !important;
+  }
+  .float-sm-none {
+    float: none !important;
+  }
+  .d-sm-inline {
+    display: inline !important;
+  }
+  .d-sm-inline-block {
+    display: inline-block !important;
+  }
+  .d-sm-block {
+    display: block !important;
+  }
+  .d-sm-grid {
+    display: grid !important;
+  }
+  .d-sm-table {
+    display: table !important;
+  }
+  .d-sm-table-row {
+    display: table-row !important;
+  }
+  .d-sm-table-cell {
+    display: table-cell !important;
+  }
+  .d-sm-flex {
+    display: flex !important;
+  }
+  .d-sm-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-sm-none {
+    display: none !important;
+  }
+  .position-sm-static {
+    position: static !important;
+  }
+  .position-sm-relative {
+    position: relative !important;
+  }
+  .position-sm-absolute {
+    position: absolute !important;
+  }
+  .position-sm-fixed {
+    position: fixed !important;
+  }
+  .position-sm-sticky {
+    position: sticky !important;
+  }
+  .w-sm-unset {
+    width: unset !important;
+  }
+  .w-sm-25 {
+    width: 25% !important;
+  }
+  .w-sm-50 {
+    width: 50% !important;
+  }
+  .w-sm-75 {
+    width: 75% !important;
+  }
+  .w-sm-100 {
+    width: 100% !important;
+  }
+  .w-sm-auto {
+    width: auto !important;
+  }
+  .w-sm-1px {
+    width: 1px !important;
+  }
+  .w-sm-2px {
+    width: 2px !important;
+  }
+  .w-sm-3px {
+    width: 3px !important;
+  }
+  .w-sm-4px {
+    width: 4px !important;
+  }
+  .w-sm-5px {
+    width: 5px !important;
+  }
+  .w-sm-6px {
+    width: 6px !important;
+  }
+  .w-sm-7px {
+    width: 7px !important;
+  }
+  .w-sm-8px {
+    width: 8px !important;
+  }
+  .w-sm-9px {
+    width: 9px !important;
+  }
+  .w-sm-10px {
+    width: 10px !important;
+  }
+  .w-sm-15px {
+    width: 15px !important;
+  }
+  .w-sm-20px {
+    width: 20px !important;
+  }
+  .w-sm-25px {
+    width: 25px !important;
+  }
+  .w-sm-30px {
+    width: 30px !important;
+  }
+  .w-sm-35px {
+    width: 35px !important;
+  }
+  .w-sm-40px {
+    width: 40px !important;
+  }
+  .w-sm-45px {
+    width: 45px !important;
+  }
+  .w-sm-50px {
+    width: 50px !important;
+  }
+  .w-sm-55px {
+    width: 55px !important;
+  }
+  .w-sm-60px {
+    width: 60px !important;
+  }
+  .w-sm-65px {
+    width: 65px !important;
+  }
+  .w-sm-70px {
+    width: 70px !important;
+  }
+  .w-sm-75px {
+    width: 75px !important;
+  }
+  .w-sm-80px {
+    width: 80px !important;
+  }
+  .w-sm-85px {
+    width: 85px !important;
+  }
+  .w-sm-90px {
+    width: 90px !important;
+  }
+  .w-sm-95px {
+    width: 95px !important;
+  }
+  .w-sm-100px {
+    width: 100px !important;
+  }
+  .w-sm-125px {
+    width: 125px !important;
+  }
+  .w-sm-150px {
+    width: 150px !important;
+  }
+  .w-sm-175px {
+    width: 175px !important;
+  }
+  .w-sm-200px {
+    width: 200px !important;
+  }
+  .w-sm-225px {
+    width: 225px !important;
+  }
+  .w-sm-250px {
+    width: 250px !important;
+  }
+  .w-sm-275px {
+    width: 275px !important;
+  }
+  .w-sm-300px {
+    width: 300px !important;
+  }
+  .w-sm-325px {
+    width: 325px !important;
+  }
+  .w-sm-350px {
+    width: 350px !important;
+  }
+  .w-sm-375px {
+    width: 375px !important;
+  }
+  .w-sm-400px {
+    width: 400px !important;
+  }
+  .w-sm-425px {
+    width: 425px !important;
+  }
+  .w-sm-450px {
+    width: 450px !important;
+  }
+  .w-sm-475px {
+    width: 475px !important;
+  }
+  .w-sm-500px {
+    width: 500px !important;
+  }
+  .w-sm-550px {
+    width: 550px !important;
+  }
+  .w-sm-600px {
+    width: 600px !important;
+  }
+  .w-sm-650px {
+    width: 650px !important;
+  }
+  .w-sm-700px {
+    width: 700px !important;
+  }
+  .w-sm-750px {
+    width: 750px !important;
+  }
+  .w-sm-800px {
+    width: 800px !important;
+  }
+  .w-sm-850px {
+    width: 850px !important;
+  }
+  .w-sm-900px {
+    width: 900px !important;
+  }
+  .w-sm-950px {
+    width: 950px !important;
+  }
+  .w-sm-1000px {
+    width: 1000px !important;
+  }
+  .mw-sm-unset {
+    max-width: unset !important;
+  }
+  .mw-sm-25 {
+    max-width: 25% !important;
+  }
+  .mw-sm-50 {
+    max-width: 50% !important;
+  }
+  .mw-sm-75 {
+    max-width: 75% !important;
+  }
+  .mw-sm-100 {
+    max-width: 100% !important;
+  }
+  .mw-sm-auto {
+    max-width: auto !important;
+  }
+  .mw-sm-1px {
+    max-width: 1px !important;
+  }
+  .mw-sm-2px {
+    max-width: 2px !important;
+  }
+  .mw-sm-3px {
+    max-width: 3px !important;
+  }
+  .mw-sm-4px {
+    max-width: 4px !important;
+  }
+  .mw-sm-5px {
+    max-width: 5px !important;
+  }
+  .mw-sm-6px {
+    max-width: 6px !important;
+  }
+  .mw-sm-7px {
+    max-width: 7px !important;
+  }
+  .mw-sm-8px {
+    max-width: 8px !important;
+  }
+  .mw-sm-9px {
+    max-width: 9px !important;
+  }
+  .mw-sm-10px {
+    max-width: 10px !important;
+  }
+  .mw-sm-15px {
+    max-width: 15px !important;
+  }
+  .mw-sm-20px {
+    max-width: 20px !important;
+  }
+  .mw-sm-25px {
+    max-width: 25px !important;
+  }
+  .mw-sm-30px {
+    max-width: 30px !important;
+  }
+  .mw-sm-35px {
+    max-width: 35px !important;
+  }
+  .mw-sm-40px {
+    max-width: 40px !important;
+  }
+  .mw-sm-45px {
+    max-width: 45px !important;
+  }
+  .mw-sm-50px {
+    max-width: 50px !important;
+  }
+  .mw-sm-55px {
+    max-width: 55px !important;
+  }
+  .mw-sm-60px {
+    max-width: 60px !important;
+  }
+  .mw-sm-65px {
+    max-width: 65px !important;
+  }
+  .mw-sm-70px {
+    max-width: 70px !important;
+  }
+  .mw-sm-75px {
+    max-width: 75px !important;
+  }
+  .mw-sm-80px {
+    max-width: 80px !important;
+  }
+  .mw-sm-85px {
+    max-width: 85px !important;
+  }
+  .mw-sm-90px {
+    max-width: 90px !important;
+  }
+  .mw-sm-95px {
+    max-width: 95px !important;
+  }
+  .mw-sm-100px {
+    max-width: 100px !important;
+  }
+  .mw-sm-125px {
+    max-width: 125px !important;
+  }
+  .mw-sm-150px {
+    max-width: 150px !important;
+  }
+  .mw-sm-175px {
+    max-width: 175px !important;
+  }
+  .mw-sm-200px {
+    max-width: 200px !important;
+  }
+  .mw-sm-225px {
+    max-width: 225px !important;
+  }
+  .mw-sm-250px {
+    max-width: 250px !important;
+  }
+  .mw-sm-275px {
+    max-width: 275px !important;
+  }
+  .mw-sm-300px {
+    max-width: 300px !important;
+  }
+  .mw-sm-325px {
+    max-width: 325px !important;
+  }
+  .mw-sm-350px {
+    max-width: 350px !important;
+  }
+  .mw-sm-375px {
+    max-width: 375px !important;
+  }
+  .mw-sm-400px {
+    max-width: 400px !important;
+  }
+  .mw-sm-425px {
+    max-width: 425px !important;
+  }
+  .mw-sm-450px {
+    max-width: 450px !important;
+  }
+  .mw-sm-475px {
+    max-width: 475px !important;
+  }
+  .mw-sm-500px {
+    max-width: 500px !important;
+  }
+  .mw-sm-550px {
+    max-width: 550px !important;
+  }
+  .mw-sm-600px {
+    max-width: 600px !important;
+  }
+  .mw-sm-650px {
+    max-width: 650px !important;
+  }
+  .mw-sm-700px {
+    max-width: 700px !important;
+  }
+  .mw-sm-750px {
+    max-width: 750px !important;
+  }
+  .mw-sm-800px {
+    max-width: 800px !important;
+  }
+  .mw-sm-850px {
+    max-width: 850px !important;
+  }
+  .mw-sm-900px {
+    max-width: 900px !important;
+  }
+  .mw-sm-950px {
+    max-width: 950px !important;
+  }
+  .mw-sm-1000px {
+    max-width: 1000px !important;
+  }
+  .h-sm-unset {
+    height: unset !important;
+  }
+  .h-sm-25 {
+    height: 25% !important;
+  }
+  .h-sm-50 {
+    height: 50% !important;
+  }
+  .h-sm-75 {
+    height: 75% !important;
+  }
+  .h-sm-100 {
+    height: 100% !important;
+  }
+  .h-sm-auto {
+    height: auto !important;
+  }
+  .h-sm-1px {
+    height: 1px !important;
+  }
+  .h-sm-2px {
+    height: 2px !important;
+  }
+  .h-sm-3px {
+    height: 3px !important;
+  }
+  .h-sm-4px {
+    height: 4px !important;
+  }
+  .h-sm-5px {
+    height: 5px !important;
+  }
+  .h-sm-6px {
+    height: 6px !important;
+  }
+  .h-sm-7px {
+    height: 7px !important;
+  }
+  .h-sm-8px {
+    height: 8px !important;
+  }
+  .h-sm-9px {
+    height: 9px !important;
+  }
+  .h-sm-10px {
+    height: 10px !important;
+  }
+  .h-sm-15px {
+    height: 15px !important;
+  }
+  .h-sm-20px {
+    height: 20px !important;
+  }
+  .h-sm-25px {
+    height: 25px !important;
+  }
+  .h-sm-30px {
+    height: 30px !important;
+  }
+  .h-sm-35px {
+    height: 35px !important;
+  }
+  .h-sm-40px {
+    height: 40px !important;
+  }
+  .h-sm-45px {
+    height: 45px !important;
+  }
+  .h-sm-50px {
+    height: 50px !important;
+  }
+  .h-sm-55px {
+    height: 55px !important;
+  }
+  .h-sm-60px {
+    height: 60px !important;
+  }
+  .h-sm-65px {
+    height: 65px !important;
+  }
+  .h-sm-70px {
+    height: 70px !important;
+  }
+  .h-sm-75px {
+    height: 75px !important;
+  }
+  .h-sm-80px {
+    height: 80px !important;
+  }
+  .h-sm-85px {
+    height: 85px !important;
+  }
+  .h-sm-90px {
+    height: 90px !important;
+  }
+  .h-sm-95px {
+    height: 95px !important;
+  }
+  .h-sm-100px {
+    height: 100px !important;
+  }
+  .h-sm-125px {
+    height: 125px !important;
+  }
+  .h-sm-150px {
+    height: 150px !important;
+  }
+  .h-sm-175px {
+    height: 175px !important;
+  }
+  .h-sm-200px {
+    height: 200px !important;
+  }
+  .h-sm-225px {
+    height: 225px !important;
+  }
+  .h-sm-250px {
+    height: 250px !important;
+  }
+  .h-sm-275px {
+    height: 275px !important;
+  }
+  .h-sm-300px {
+    height: 300px !important;
+  }
+  .h-sm-325px {
+    height: 325px !important;
+  }
+  .h-sm-350px {
+    height: 350px !important;
+  }
+  .h-sm-375px {
+    height: 375px !important;
+  }
+  .h-sm-400px {
+    height: 400px !important;
+  }
+  .h-sm-425px {
+    height: 425px !important;
+  }
+  .h-sm-450px {
+    height: 450px !important;
+  }
+  .h-sm-475px {
+    height: 475px !important;
+  }
+  .h-sm-500px {
+    height: 500px !important;
+  }
+  .h-sm-550px {
+    height: 550px !important;
+  }
+  .h-sm-600px {
+    height: 600px !important;
+  }
+  .h-sm-650px {
+    height: 650px !important;
+  }
+  .h-sm-700px {
+    height: 700px !important;
+  }
+  .h-sm-750px {
+    height: 750px !important;
+  }
+  .h-sm-800px {
+    height: 800px !important;
+  }
+  .h-sm-850px {
+    height: 850px !important;
+  }
+  .h-sm-900px {
+    height: 900px !important;
+  }
+  .h-sm-950px {
+    height: 950px !important;
+  }
+  .h-sm-1000px {
+    height: 1000px !important;
+  }
+  .mh-sm-unset {
+    max-height: unset !important;
+  }
+  .mh-sm-25 {
+    max-height: 25% !important;
+  }
+  .mh-sm-50 {
+    max-height: 50% !important;
+  }
+  .mh-sm-75 {
+    max-height: 75% !important;
+  }
+  .mh-sm-100 {
+    max-height: 100% !important;
+  }
+  .mh-sm-auto {
+    max-height: auto !important;
+  }
+  .mh-sm-1px {
+    max-height: 1px !important;
+  }
+  .mh-sm-2px {
+    max-height: 2px !important;
+  }
+  .mh-sm-3px {
+    max-height: 3px !important;
+  }
+  .mh-sm-4px {
+    max-height: 4px !important;
+  }
+  .mh-sm-5px {
+    max-height: 5px !important;
+  }
+  .mh-sm-6px {
+    max-height: 6px !important;
+  }
+  .mh-sm-7px {
+    max-height: 7px !important;
+  }
+  .mh-sm-8px {
+    max-height: 8px !important;
+  }
+  .mh-sm-9px {
+    max-height: 9px !important;
+  }
+  .mh-sm-10px {
+    max-height: 10px !important;
+  }
+  .mh-sm-15px {
+    max-height: 15px !important;
+  }
+  .mh-sm-20px {
+    max-height: 20px !important;
+  }
+  .mh-sm-25px {
+    max-height: 25px !important;
+  }
+  .mh-sm-30px {
+    max-height: 30px !important;
+  }
+  .mh-sm-35px {
+    max-height: 35px !important;
+  }
+  .mh-sm-40px {
+    max-height: 40px !important;
+  }
+  .mh-sm-45px {
+    max-height: 45px !important;
+  }
+  .mh-sm-50px {
+    max-height: 50px !important;
+  }
+  .mh-sm-55px {
+    max-height: 55px !important;
+  }
+  .mh-sm-60px {
+    max-height: 60px !important;
+  }
+  .mh-sm-65px {
+    max-height: 65px !important;
+  }
+  .mh-sm-70px {
+    max-height: 70px !important;
+  }
+  .mh-sm-75px {
+    max-height: 75px !important;
+  }
+  .mh-sm-80px {
+    max-height: 80px !important;
+  }
+  .mh-sm-85px {
+    max-height: 85px !important;
+  }
+  .mh-sm-90px {
+    max-height: 90px !important;
+  }
+  .mh-sm-95px {
+    max-height: 95px !important;
+  }
+  .mh-sm-100px {
+    max-height: 100px !important;
+  }
+  .mh-sm-125px {
+    max-height: 125px !important;
+  }
+  .mh-sm-150px {
+    max-height: 150px !important;
+  }
+  .mh-sm-175px {
+    max-height: 175px !important;
+  }
+  .mh-sm-200px {
+    max-height: 200px !important;
+  }
+  .mh-sm-225px {
+    max-height: 225px !important;
+  }
+  .mh-sm-250px {
+    max-height: 250px !important;
+  }
+  .mh-sm-275px {
+    max-height: 275px !important;
+  }
+  .mh-sm-300px {
+    max-height: 300px !important;
+  }
+  .mh-sm-325px {
+    max-height: 325px !important;
+  }
+  .mh-sm-350px {
+    max-height: 350px !important;
+  }
+  .mh-sm-375px {
+    max-height: 375px !important;
+  }
+  .mh-sm-400px {
+    max-height: 400px !important;
+  }
+  .mh-sm-425px {
+    max-height: 425px !important;
+  }
+  .mh-sm-450px {
+    max-height: 450px !important;
+  }
+  .mh-sm-475px {
+    max-height: 475px !important;
+  }
+  .mh-sm-500px {
+    max-height: 500px !important;
+  }
+  .mh-sm-550px {
+    max-height: 550px !important;
+  }
+  .mh-sm-600px {
+    max-height: 600px !important;
+  }
+  .mh-sm-650px {
+    max-height: 650px !important;
+  }
+  .mh-sm-700px {
+    max-height: 700px !important;
+  }
+  .mh-sm-750px {
+    max-height: 750px !important;
+  }
+  .mh-sm-800px {
+    max-height: 800px !important;
+  }
+  .mh-sm-850px {
+    max-height: 850px !important;
+  }
+  .mh-sm-900px {
+    max-height: 900px !important;
+  }
+  .mh-sm-950px {
+    max-height: 950px !important;
+  }
+  .mh-sm-1000px {
+    max-height: 1000px !important;
+  }
+  .flex-sm-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-sm-row {
+    flex-direction: row !important;
+  }
+  .flex-sm-column {
+    flex-direction: column !important;
+  }
+  .flex-sm-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-sm-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-sm-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-sm-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-sm-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-sm-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .flex-sm-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-sm-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-sm-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .justify-content-sm-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-sm-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-sm-center {
+    justify-content: center !important;
+  }
+  .justify-content-sm-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-sm-around {
+    justify-content: space-around !important;
+  }
+  .justify-content-sm-evenly {
+    justify-content: space-evenly !important;
+  }
+  .align-items-sm-start {
+    align-items: flex-start !important;
+  }
+  .align-items-sm-end {
+    align-items: flex-end !important;
+  }
+  .align-items-sm-center {
+    align-items: center !important;
+  }
+  .align-items-sm-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-sm-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-sm-start {
+    align-content: flex-start !important;
+  }
+  .align-content-sm-end {
+    align-content: flex-end !important;
+  }
+  .align-content-sm-center {
+    align-content: center !important;
+  }
+  .align-content-sm-between {
+    align-content: space-between !important;
+  }
+  .align-content-sm-around {
+    align-content: space-around !important;
+  }
+  .align-content-sm-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-sm-auto {
+    align-self: auto !important;
+  }
+  .align-self-sm-start {
+    align-self: flex-start !important;
+  }
+  .align-self-sm-end {
+    align-self: flex-end !important;
+  }
+  .align-self-sm-center {
+    align-self: center !important;
+  }
+  .align-self-sm-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-sm-stretch {
+    align-self: stretch !important;
+  }
+  .order-sm-first {
+    order: -1 !important;
+  }
+  .order-sm-0 {
+    order: 0 !important;
+  }
+  .order-sm-1 {
+    order: 1 !important;
+  }
+  .order-sm-2 {
+    order: 2 !important;
+  }
+  .order-sm-3 {
+    order: 3 !important;
+  }
+  .order-sm-4 {
+    order: 4 !important;
+  }
+  .order-sm-5 {
+    order: 5 !important;
+  }
+  .order-sm-last {
+    order: 6 !important;
+  }
+  .m-sm-0 {
+    margin: 0 !important;
+  }
+  .m-sm-1 {
+    margin: 0.25rem !important;
+  }
+  .m-sm-2 {
+    margin: 0.5rem !important;
+  }
+  .m-sm-3 {
+    margin: 0.75rem !important;
+  }
+  .m-sm-4 {
+    margin: 1rem !important;
+  }
+  .m-sm-5 {
+    margin: 1.25rem !important;
+  }
+  .m-sm-6 {
+    margin: 1.5rem !important;
+  }
+  .m-sm-7 {
+    margin: 1.75rem !important;
+  }
+  .m-sm-8 {
+    margin: 2rem !important;
+  }
+  .m-sm-9 {
+    margin: 2.25rem !important;
+  }
+  .m-sm-10 {
+    margin: 2.5rem !important;
+  }
+  .m-sm-11 {
+    margin: 2.75rem !important;
+  }
+  .m-sm-12 {
+    margin: 3rem !important;
+  }
+  .m-sm-13 {
+    margin: 3.25rem !important;
+  }
+  .m-sm-14 {
+    margin: 3.5rem !important;
+  }
+  .m-sm-15 {
+    margin: 3.75rem !important;
+  }
+  .m-sm-16 {
+    margin: 4rem !important;
+  }
+  .m-sm-17 {
+    margin: 4.25rem !important;
+  }
+  .m-sm-18 {
+    margin: 4.5rem !important;
+  }
+  .m-sm-19 {
+    margin: 4.75rem !important;
+  }
+  .m-sm-20 {
+    margin: 5rem !important;
+  }
+  .m-sm-auto {
+    margin: auto !important;
+  }
+  .mx-sm-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+  .mx-sm-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+  .mx-sm-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+  .mx-sm-3 {
+    margin-right: 0.75rem !important;
+    margin-left: 0.75rem !important;
+  }
+  .mx-sm-4 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+  .mx-sm-5 {
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
+  }
+  .mx-sm-6 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+  .mx-sm-7 {
+    margin-right: 1.75rem !important;
+    margin-left: 1.75rem !important;
+  }
+  .mx-sm-8 {
+    margin-right: 2rem !important;
+    margin-left: 2rem !important;
+  }
+  .mx-sm-9 {
+    margin-right: 2.25rem !important;
+    margin-left: 2.25rem !important;
+  }
+  .mx-sm-10 {
+    margin-right: 2.5rem !important;
+    margin-left: 2.5rem !important;
+  }
+  .mx-sm-11 {
+    margin-right: 2.75rem !important;
+    margin-left: 2.75rem !important;
+  }
+  .mx-sm-12 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .mx-sm-13 {
+    margin-right: 3.25rem !important;
+    margin-left: 3.25rem !important;
+  }
+  .mx-sm-14 {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .mx-sm-15 {
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
+  }
+  .mx-sm-16 {
+    margin-right: 4rem !important;
+    margin-left: 4rem !important;
+  }
+  .mx-sm-17 {
+    margin-right: 4.25rem !important;
+    margin-left: 4.25rem !important;
+  }
+  .mx-sm-18 {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important;
+  }
+  .mx-sm-19 {
+    margin-right: 4.75rem !important;
+    margin-left: 4.75rem !important;
+  }
+  .mx-sm-20 {
+    margin-right: 5rem !important;
+    margin-left: 5rem !important;
+  }
+  .mx-sm-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+  .my-sm-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+  .my-sm-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+  .my-sm-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+  .my-sm-3 {
+    margin-top: 0.75rem !important;
+    margin-bottom: 0.75rem !important;
+  }
+  .my-sm-4 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+  .my-sm-5 {
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
+  }
+  .my-sm-6 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+  .my-sm-7 {
+    margin-top: 1.75rem !important;
+    margin-bottom: 1.75rem !important;
+  }
+  .my-sm-8 {
+    margin-top: 2rem !important;
+    margin-bottom: 2rem !important;
+  }
+  .my-sm-9 {
+    margin-top: 2.25rem !important;
+    margin-bottom: 2.25rem !important;
+  }
+  .my-sm-10 {
+    margin-top: 2.5rem !important;
+    margin-bottom: 2.5rem !important;
+  }
+  .my-sm-11 {
+    margin-top: 2.75rem !important;
+    margin-bottom: 2.75rem !important;
+  }
+  .my-sm-12 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .my-sm-13 {
+    margin-top: 3.25rem !important;
+    margin-bottom: 3.25rem !important;
+  }
+  .my-sm-14 {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .my-sm-15 {
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
+  }
+  .my-sm-16 {
+    margin-top: 4rem !important;
+    margin-bottom: 4rem !important;
+  }
+  .my-sm-17 {
+    margin-top: 4.25rem !important;
+    margin-bottom: 4.25rem !important;
+  }
+  .my-sm-18 {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important;
+  }
+  .my-sm-19 {
+    margin-top: 4.75rem !important;
+    margin-bottom: 4.75rem !important;
+  }
+  .my-sm-20 {
+    margin-top: 5rem !important;
+    margin-bottom: 5rem !important;
+  }
+  .my-sm-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+  .mt-sm-0 {
+    margin-top: 0 !important;
+  }
+  .mt-sm-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mt-sm-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mt-sm-3 {
+    margin-top: 0.75rem !important;
+  }
+  .mt-sm-4 {
+    margin-top: 1rem !important;
+  }
+  .mt-sm-5 {
+    margin-top: 1.25rem !important;
+  }
+  .mt-sm-6 {
+    margin-top: 1.5rem !important;
+  }
+  .mt-sm-7 {
+    margin-top: 1.75rem !important;
+  }
+  .mt-sm-8 {
+    margin-top: 2rem !important;
+  }
+  .mt-sm-9 {
+    margin-top: 2.25rem !important;
+  }
+  .mt-sm-10 {
+    margin-top: 2.5rem !important;
+  }
+  .mt-sm-11 {
+    margin-top: 2.75rem !important;
+  }
+  .mt-sm-12 {
+    margin-top: 3rem !important;
+  }
+  .mt-sm-13 {
+    margin-top: 3.25rem !important;
+  }
+  .mt-sm-14 {
+    margin-top: 3.5rem !important;
+  }
+  .mt-sm-15 {
+    margin-top: 3.75rem !important;
+  }
+  .mt-sm-16 {
+    margin-top: 4rem !important;
+  }
+  .mt-sm-17 {
+    margin-top: 4.25rem !important;
+  }
+  .mt-sm-18 {
+    margin-top: 4.5rem !important;
+  }
+  .mt-sm-19 {
+    margin-top: 4.75rem !important;
+  }
+  .mt-sm-20 {
+    margin-top: 5rem !important;
+  }
+  .mt-sm-auto {
+    margin-top: auto !important;
+  }
+  .me-sm-0 {
+    margin-right: 0 !important;
+  }
+  .me-sm-1 {
+    margin-right: 0.25rem !important;
+  }
+  .me-sm-2 {
+    margin-right: 0.5rem !important;
+  }
+  .me-sm-3 {
+    margin-right: 0.75rem !important;
+  }
+  .me-sm-4 {
+    margin-right: 1rem !important;
+  }
+  .me-sm-5 {
+    margin-right: 1.25rem !important;
+  }
+  .me-sm-6 {
+    margin-right: 1.5rem !important;
+  }
+  .me-sm-7 {
+    margin-right: 1.75rem !important;
+  }
+  .me-sm-8 {
+    margin-right: 2rem !important;
+  }
+  .me-sm-9 {
+    margin-right: 2.25rem !important;
+  }
+  .me-sm-10 {
+    margin-right: 2.5rem !important;
+  }
+  .me-sm-11 {
+    margin-right: 2.75rem !important;
+  }
+  .me-sm-12 {
+    margin-right: 3rem !important;
+  }
+  .me-sm-13 {
+    margin-right: 3.25rem !important;
+  }
+  .me-sm-14 {
+    margin-right: 3.5rem !important;
+  }
+  .me-sm-15 {
+    margin-right: 3.75rem !important;
+  }
+  .me-sm-16 {
+    margin-right: 4rem !important;
+  }
+  .me-sm-17 {
+    margin-right: 4.25rem !important;
+  }
+  .me-sm-18 {
+    margin-right: 4.5rem !important;
+  }
+  .me-sm-19 {
+    margin-right: 4.75rem !important;
+  }
+  .me-sm-20 {
+    margin-right: 5rem !important;
+  }
+  .me-sm-auto {
+    margin-right: auto !important;
+  }
+  .mb-sm-0 {
+    margin-bottom: 0 !important;
+  }
+  .mb-sm-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .mb-sm-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .mb-sm-3 {
+    margin-bottom: 0.75rem !important;
+  }
+  .mb-sm-4 {
+    margin-bottom: 1rem !important;
+  }
+  .mb-sm-5 {
+    margin-bottom: 1.25rem !important;
+  }
+  .mb-sm-6 {
+    margin-bottom: 1.5rem !important;
+  }
+  .mb-sm-7 {
+    margin-bottom: 1.75rem !important;
+  }
+  .mb-sm-8 {
+    margin-bottom: 2rem !important;
+  }
+  .mb-sm-9 {
+    margin-bottom: 2.25rem !important;
+  }
+  .mb-sm-10 {
+    margin-bottom: 2.5rem !important;
+  }
+  .mb-sm-11 {
+    margin-bottom: 2.75rem !important;
+  }
+  .mb-sm-12 {
+    margin-bottom: 3rem !important;
+  }
+  .mb-sm-13 {
+    margin-bottom: 3.25rem !important;
+  }
+  .mb-sm-14 {
+    margin-bottom: 3.5rem !important;
+  }
+  .mb-sm-15 {
+    margin-bottom: 3.75rem !important;
+  }
+  .mb-sm-16 {
+    margin-bottom: 4rem !important;
+  }
+  .mb-sm-17 {
+    margin-bottom: 4.25rem !important;
+  }
+  .mb-sm-18 {
+    margin-bottom: 4.5rem !important;
+  }
+  .mb-sm-19 {
+    margin-bottom: 4.75rem !important;
+  }
+  .mb-sm-20 {
+    margin-bottom: 5rem !important;
+  }
+  .mb-sm-auto {
+    margin-bottom: auto !important;
+  }
+  .ms-sm-0 {
+    margin-left: 0 !important;
+  }
+  .ms-sm-1 {
+    margin-left: 0.25rem !important;
+  }
+  .ms-sm-2 {
+    margin-left: 0.5rem !important;
+  }
+  .ms-sm-3 {
+    margin-left: 0.75rem !important;
+  }
+  .ms-sm-4 {
+    margin-left: 1rem !important;
+  }
+  .ms-sm-5 {
+    margin-left: 1.25rem !important;
+  }
+  .ms-sm-6 {
+    margin-left: 1.5rem !important;
+  }
+  .ms-sm-7 {
+    margin-left: 1.75rem !important;
+  }
+  .ms-sm-8 {
+    margin-left: 2rem !important;
+  }
+  .ms-sm-9 {
+    margin-left: 2.25rem !important;
+  }
+  .ms-sm-10 {
+    margin-left: 2.5rem !important;
+  }
+  .ms-sm-11 {
+    margin-left: 2.75rem !important;
+  }
+  .ms-sm-12 {
+    margin-left: 3rem !important;
+  }
+  .ms-sm-13 {
+    margin-left: 3.25rem !important;
+  }
+  .ms-sm-14 {
+    margin-left: 3.5rem !important;
+  }
+  .ms-sm-15 {
+    margin-left: 3.75rem !important;
+  }
+  .ms-sm-16 {
+    margin-left: 4rem !important;
+  }
+  .ms-sm-17 {
+    margin-left: 4.25rem !important;
+  }
+  .ms-sm-18 {
+    margin-left: 4.5rem !important;
+  }
+  .ms-sm-19 {
+    margin-left: 4.75rem !important;
+  }
+  .ms-sm-20 {
+    margin-left: 5rem !important;
+  }
+  .ms-sm-auto {
+    margin-left: auto !important;
+  }
+  .m-sm-n1 {
+    margin: -0.25rem !important;
+  }
+  .m-sm-n2 {
+    margin: -0.5rem !important;
+  }
+  .m-sm-n3 {
+    margin: -0.75rem !important;
+  }
+  .m-sm-n4 {
+    margin: -1rem !important;
+  }
+  .m-sm-n5 {
+    margin: -1.25rem !important;
+  }
+  .m-sm-n6 {
+    margin: -1.5rem !important;
+  }
+  .m-sm-n7 {
+    margin: -1.75rem !important;
+  }
+  .m-sm-n8 {
+    margin: -2rem !important;
+  }
+  .m-sm-n9 {
+    margin: -2.25rem !important;
+  }
+  .m-sm-n10 {
+    margin: -2.5rem !important;
+  }
+  .m-sm-n11 {
+    margin: -2.75rem !important;
+  }
+  .m-sm-n12 {
+    margin: -3rem !important;
+  }
+  .m-sm-n13 {
+    margin: -3.25rem !important;
+  }
+  .m-sm-n14 {
+    margin: -3.5rem !important;
+  }
+  .m-sm-n15 {
+    margin: -3.75rem !important;
+  }
+  .m-sm-n16 {
+    margin: -4rem !important;
+  }
+  .m-sm-n17 {
+    margin: -4.25rem !important;
+  }
+  .m-sm-n18 {
+    margin: -4.5rem !important;
+  }
+  .m-sm-n19 {
+    margin: -4.75rem !important;
+  }
+  .m-sm-n20 {
+    margin: -5rem !important;
+  }
+  .mx-sm-n1 {
+    margin-right: -0.25rem !important;
+    margin-left: -0.25rem !important;
+  }
+  .mx-sm-n2 {
+    margin-right: -0.5rem !important;
+    margin-left: -0.5rem !important;
+  }
+  .mx-sm-n3 {
+    margin-right: -0.75rem !important;
+    margin-left: -0.75rem !important;
+  }
+  .mx-sm-n4 {
+    margin-right: -1rem !important;
+    margin-left: -1rem !important;
+  }
+  .mx-sm-n5 {
+    margin-right: -1.25rem !important;
+    margin-left: -1.25rem !important;
+  }
+  .mx-sm-n6 {
+    margin-right: -1.5rem !important;
+    margin-left: -1.5rem !important;
+  }
+  .mx-sm-n7 {
+    margin-right: -1.75rem !important;
+    margin-left: -1.75rem !important;
+  }
+  .mx-sm-n8 {
+    margin-right: -2rem !important;
+    margin-left: -2rem !important;
+  }
+  .mx-sm-n9 {
+    margin-right: -2.25rem !important;
+    margin-left: -2.25rem !important;
+  }
+  .mx-sm-n10 {
+    margin-right: -2.5rem !important;
+    margin-left: -2.5rem !important;
+  }
+  .mx-sm-n11 {
+    margin-right: -2.75rem !important;
+    margin-left: -2.75rem !important;
+  }
+  .mx-sm-n12 {
+    margin-right: -3rem !important;
+    margin-left: -3rem !important;
+  }
+  .mx-sm-n13 {
+    margin-right: -3.25rem !important;
+    margin-left: -3.25rem !important;
+  }
+  .mx-sm-n14 {
+    margin-right: -3.5rem !important;
+    margin-left: -3.5rem !important;
+  }
+  .mx-sm-n15 {
+    margin-right: -3.75rem !important;
+    margin-left: -3.75rem !important;
+  }
+  .mx-sm-n16 {
+    margin-right: -4rem !important;
+    margin-left: -4rem !important;
+  }
+  .mx-sm-n17 {
+    margin-right: -4.25rem !important;
+    margin-left: -4.25rem !important;
+  }
+  .mx-sm-n18 {
+    margin-right: -4.5rem !important;
+    margin-left: -4.5rem !important;
+  }
+  .mx-sm-n19 {
+    margin-right: -4.75rem !important;
+    margin-left: -4.75rem !important;
+  }
+  .mx-sm-n20 {
+    margin-right: -5rem !important;
+    margin-left: -5rem !important;
+  }
+  .my-sm-n1 {
+    margin-top: -0.25rem !important;
+    margin-bottom: -0.25rem !important;
+  }
+  .my-sm-n2 {
+    margin-top: -0.5rem !important;
+    margin-bottom: -0.5rem !important;
+  }
+  .my-sm-n3 {
+    margin-top: -0.75rem !important;
+    margin-bottom: -0.75rem !important;
+  }
+  .my-sm-n4 {
+    margin-top: -1rem !important;
+    margin-bottom: -1rem !important;
+  }
+  .my-sm-n5 {
+    margin-top: -1.25rem !important;
+    margin-bottom: -1.25rem !important;
+  }
+  .my-sm-n6 {
+    margin-top: -1.5rem !important;
+    margin-bottom: -1.5rem !important;
+  }
+  .my-sm-n7 {
+    margin-top: -1.75rem !important;
+    margin-bottom: -1.75rem !important;
+  }
+  .my-sm-n8 {
+    margin-top: -2rem !important;
+    margin-bottom: -2rem !important;
+  }
+  .my-sm-n9 {
+    margin-top: -2.25rem !important;
+    margin-bottom: -2.25rem !important;
+  }
+  .my-sm-n10 {
+    margin-top: -2.5rem !important;
+    margin-bottom: -2.5rem !important;
+  }
+  .my-sm-n11 {
+    margin-top: -2.75rem !important;
+    margin-bottom: -2.75rem !important;
+  }
+  .my-sm-n12 {
+    margin-top: -3rem !important;
+    margin-bottom: -3rem !important;
+  }
+  .my-sm-n13 {
+    margin-top: -3.25rem !important;
+    margin-bottom: -3.25rem !important;
+  }
+  .my-sm-n14 {
+    margin-top: -3.5rem !important;
+    margin-bottom: -3.5rem !important;
+  }
+  .my-sm-n15 {
+    margin-top: -3.75rem !important;
+    margin-bottom: -3.75rem !important;
+  }
+  .my-sm-n16 {
+    margin-top: -4rem !important;
+    margin-bottom: -4rem !important;
+  }
+  .my-sm-n17 {
+    margin-top: -4.25rem !important;
+    margin-bottom: -4.25rem !important;
+  }
+  .my-sm-n18 {
+    margin-top: -4.5rem !important;
+    margin-bottom: -4.5rem !important;
+  }
+  .my-sm-n19 {
+    margin-top: -4.75rem !important;
+    margin-bottom: -4.75rem !important;
+  }
+  .my-sm-n20 {
+    margin-top: -5rem !important;
+    margin-bottom: -5rem !important;
+  }
+  .mt-sm-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mt-sm-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mt-sm-n3 {
+    margin-top: -0.75rem !important;
+  }
+  .mt-sm-n4 {
+    margin-top: -1rem !important;
+  }
+  .mt-sm-n5 {
+    margin-top: -1.25rem !important;
+  }
+  .mt-sm-n6 {
+    margin-top: -1.5rem !important;
+  }
+  .mt-sm-n7 {
+    margin-top: -1.75rem !important;
+  }
+  .mt-sm-n8 {
+    margin-top: -2rem !important;
+  }
+  .mt-sm-n9 {
+    margin-top: -2.25rem !important;
+  }
+  .mt-sm-n10 {
+    margin-top: -2.5rem !important;
+  }
+  .mt-sm-n11 {
+    margin-top: -2.75rem !important;
+  }
+  .mt-sm-n12 {
+    margin-top: -3rem !important;
+  }
+  .mt-sm-n13 {
+    margin-top: -3.25rem !important;
+  }
+  .mt-sm-n14 {
+    margin-top: -3.5rem !important;
+  }
+  .mt-sm-n15 {
+    margin-top: -3.75rem !important;
+  }
+  .mt-sm-n16 {
+    margin-top: -4rem !important;
+  }
+  .mt-sm-n17 {
+    margin-top: -4.25rem !important;
+  }
+  .mt-sm-n18 {
+    margin-top: -4.5rem !important;
+  }
+  .mt-sm-n19 {
+    margin-top: -4.75rem !important;
+  }
+  .mt-sm-n20 {
+    margin-top: -5rem !important;
+  }
+  .me-sm-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .me-sm-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .me-sm-n3 {
+    margin-right: -0.75rem !important;
+  }
+  .me-sm-n4 {
+    margin-right: -1rem !important;
+  }
+  .me-sm-n5 {
+    margin-right: -1.25rem !important;
+  }
+  .me-sm-n6 {
+    margin-right: -1.5rem !important;
+  }
+  .me-sm-n7 {
+    margin-right: -1.75rem !important;
+  }
+  .me-sm-n8 {
+    margin-right: -2rem !important;
+  }
+  .me-sm-n9 {
+    margin-right: -2.25rem !important;
+  }
+  .me-sm-n10 {
+    margin-right: -2.5rem !important;
+  }
+  .me-sm-n11 {
+    margin-right: -2.75rem !important;
+  }
+  .me-sm-n12 {
+    margin-right: -3rem !important;
+  }
+  .me-sm-n13 {
+    margin-right: -3.25rem !important;
+  }
+  .me-sm-n14 {
+    margin-right: -3.5rem !important;
+  }
+  .me-sm-n15 {
+    margin-right: -3.75rem !important;
+  }
+  .me-sm-n16 {
+    margin-right: -4rem !important;
+  }
+  .me-sm-n17 {
+    margin-right: -4.25rem !important;
+  }
+  .me-sm-n18 {
+    margin-right: -4.5rem !important;
+  }
+  .me-sm-n19 {
+    margin-right: -4.75rem !important;
+  }
+  .me-sm-n20 {
+    margin-right: -5rem !important;
+  }
+  .mb-sm-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .mb-sm-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .mb-sm-n3 {
+    margin-bottom: -0.75rem !important;
+  }
+  .mb-sm-n4 {
+    margin-bottom: -1rem !important;
+  }
+  .mb-sm-n5 {
+    margin-bottom: -1.25rem !important;
+  }
+  .mb-sm-n6 {
+    margin-bottom: -1.5rem !important;
+  }
+  .mb-sm-n7 {
+    margin-bottom: -1.75rem !important;
+  }
+  .mb-sm-n8 {
+    margin-bottom: -2rem !important;
+  }
+  .mb-sm-n9 {
+    margin-bottom: -2.25rem !important;
+  }
+  .mb-sm-n10 {
+    margin-bottom: -2.5rem !important;
+  }
+  .mb-sm-n11 {
+    margin-bottom: -2.75rem !important;
+  }
+  .mb-sm-n12 {
+    margin-bottom: -3rem !important;
+  }
+  .mb-sm-n13 {
+    margin-bottom: -3.25rem !important;
+  }
+  .mb-sm-n14 {
+    margin-bottom: -3.5rem !important;
+  }
+  .mb-sm-n15 {
+    margin-bottom: -3.75rem !important;
+  }
+  .mb-sm-n16 {
+    margin-bottom: -4rem !important;
+  }
+  .mb-sm-n17 {
+    margin-bottom: -4.25rem !important;
+  }
+  .mb-sm-n18 {
+    margin-bottom: -4.5rem !important;
+  }
+  .mb-sm-n19 {
+    margin-bottom: -4.75rem !important;
+  }
+  .mb-sm-n20 {
+    margin-bottom: -5rem !important;
+  }
+  .ms-sm-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .ms-sm-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .ms-sm-n3 {
+    margin-left: -0.75rem !important;
+  }
+  .ms-sm-n4 {
+    margin-left: -1rem !important;
+  }
+  .ms-sm-n5 {
+    margin-left: -1.25rem !important;
+  }
+  .ms-sm-n6 {
+    margin-left: -1.5rem !important;
+  }
+  .ms-sm-n7 {
+    margin-left: -1.75rem !important;
+  }
+  .ms-sm-n8 {
+    margin-left: -2rem !important;
+  }
+  .ms-sm-n9 {
+    margin-left: -2.25rem !important;
+  }
+  .ms-sm-n10 {
+    margin-left: -2.5rem !important;
+  }
+  .ms-sm-n11 {
+    margin-left: -2.75rem !important;
+  }
+  .ms-sm-n12 {
+    margin-left: -3rem !important;
+  }
+  .ms-sm-n13 {
+    margin-left: -3.25rem !important;
+  }
+  .ms-sm-n14 {
+    margin-left: -3.5rem !important;
+  }
+  .ms-sm-n15 {
+    margin-left: -3.75rem !important;
+  }
+  .ms-sm-n16 {
+    margin-left: -4rem !important;
+  }
+  .ms-sm-n17 {
+    margin-left: -4.25rem !important;
+  }
+  .ms-sm-n18 {
+    margin-left: -4.5rem !important;
+  }
+  .ms-sm-n19 {
+    margin-left: -4.75rem !important;
+  }
+  .ms-sm-n20 {
+    margin-left: -5rem !important;
+  }
+  .p-sm-0 {
+    padding: 0 !important;
+  }
+  .p-sm-1 {
+    padding: 0.25rem !important;
+  }
+  .p-sm-2 {
+    padding: 0.5rem !important;
+  }
+  .p-sm-3 {
+    padding: 0.75rem !important;
+  }
+  .p-sm-4 {
+    padding: 1rem !important;
+  }
+  .p-sm-5 {
+    padding: 1.25rem !important;
+  }
+  .p-sm-6 {
+    padding: 1.5rem !important;
+  }
+  .p-sm-7 {
+    padding: 1.75rem !important;
+  }
+  .p-sm-8 {
+    padding: 2rem !important;
+  }
+  .p-sm-9 {
+    padding: 2.25rem !important;
+  }
+  .p-sm-10 {
+    padding: 2.5rem !important;
+  }
+  .p-sm-11 {
+    padding: 2.75rem !important;
+  }
+  .p-sm-12 {
+    padding: 3rem !important;
+  }
+  .p-sm-13 {
+    padding: 3.25rem !important;
+  }
+  .p-sm-14 {
+    padding: 3.5rem !important;
+  }
+  .p-sm-15 {
+    padding: 3.75rem !important;
+  }
+  .p-sm-16 {
+    padding: 4rem !important;
+  }
+  .p-sm-17 {
+    padding: 4.25rem !important;
+  }
+  .p-sm-18 {
+    padding: 4.5rem !important;
+  }
+  .p-sm-19 {
+    padding: 4.75rem !important;
+  }
+  .p-sm-20 {
+    padding: 5rem !important;
+  }
+  .px-sm-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+  .px-sm-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+  .px-sm-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+  .px-sm-3 {
+    padding-right: 0.75rem !important;
+    padding-left: 0.75rem !important;
+  }
+  .px-sm-4 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+  .px-sm-5 {
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
+  }
+  .px-sm-6 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
+  .px-sm-7 {
+    padding-right: 1.75rem !important;
+    padding-left: 1.75rem !important;
+  }
+  .px-sm-8 {
+    padding-right: 2rem !important;
+    padding-left: 2rem !important;
+  }
+  .px-sm-9 {
+    padding-right: 2.25rem !important;
+    padding-left: 2.25rem !important;
+  }
+  .px-sm-10 {
+    padding-right: 2.5rem !important;
+    padding-left: 2.5rem !important;
+  }
+  .px-sm-11 {
+    padding-right: 2.75rem !important;
+    padding-left: 2.75rem !important;
+  }
+  .px-sm-12 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .px-sm-13 {
+    padding-right: 3.25rem !important;
+    padding-left: 3.25rem !important;
+  }
+  .px-sm-14 {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .px-sm-15 {
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
+  }
+  .px-sm-16 {
+    padding-right: 4rem !important;
+    padding-left: 4rem !important;
+  }
+  .px-sm-17 {
+    padding-right: 4.25rem !important;
+    padding-left: 4.25rem !important;
+  }
+  .px-sm-18 {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important;
+  }
+  .px-sm-19 {
+    padding-right: 4.75rem !important;
+    padding-left: 4.75rem !important;
+  }
+  .px-sm-20 {
+    padding-right: 5rem !important;
+    padding-left: 5rem !important;
+  }
+  .py-sm-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  .py-sm-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
+  .py-sm-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
+  .py-sm-3 {
+    padding-top: 0.75rem !important;
+    padding-bottom: 0.75rem !important;
+  }
+  .py-sm-4 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
+  .py-sm-5 {
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
+  }
+  .py-sm-6 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+  .py-sm-7 {
+    padding-top: 1.75rem !important;
+    padding-bottom: 1.75rem !important;
+  }
+  .py-sm-8 {
+    padding-top: 2rem !important;
+    padding-bottom: 2rem !important;
+  }
+  .py-sm-9 {
+    padding-top: 2.25rem !important;
+    padding-bottom: 2.25rem !important;
+  }
+  .py-sm-10 {
+    padding-top: 2.5rem !important;
+    padding-bottom: 2.5rem !important;
+  }
+  .py-sm-11 {
+    padding-top: 2.75rem !important;
+    padding-bottom: 2.75rem !important;
+  }
+  .py-sm-12 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+  .py-sm-13 {
+    padding-top: 3.25rem !important;
+    padding-bottom: 3.25rem !important;
+  }
+  .py-sm-14 {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+  .py-sm-15 {
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
+  }
+  .py-sm-16 {
+    padding-top: 4rem !important;
+    padding-bottom: 4rem !important;
+  }
+  .py-sm-17 {
+    padding-top: 4.25rem !important;
+    padding-bottom: 4.25rem !important;
+  }
+  .py-sm-18 {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important;
+  }
+  .py-sm-19 {
+    padding-top: 4.75rem !important;
+    padding-bottom: 4.75rem !important;
+  }
+  .py-sm-20 {
+    padding-top: 5rem !important;
+    padding-bottom: 5rem !important;
+  }
+  .pt-sm-0 {
+    padding-top: 0 !important;
+  }
+  .pt-sm-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pt-sm-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pt-sm-3 {
+    padding-top: 0.75rem !important;
+  }
+  .pt-sm-4 {
+    padding-top: 1rem !important;
+  }
+  .pt-sm-5 {
+    padding-top: 1.25rem !important;
+  }
+  .pt-sm-6 {
+    padding-top: 1.5rem !important;
+  }
+  .pt-sm-7 {
+    padding-top: 1.75rem !important;
+  }
+  .pt-sm-8 {
+    padding-top: 2rem !important;
+  }
+  .pt-sm-9 {
+    padding-top: 2.25rem !important;
+  }
+  .pt-sm-10 {
+    padding-top: 2.5rem !important;
+  }
+  .pt-sm-11 {
+    padding-top: 2.75rem !important;
+  }
+  .pt-sm-12 {
+    padding-top: 3rem !important;
+  }
+  .pt-sm-13 {
+    padding-top: 3.25rem !important;
+  }
+  .pt-sm-14 {
+    padding-top: 3.5rem !important;
+  }
+  .pt-sm-15 {
+    padding-top: 3.75rem !important;
+  }
+  .pt-sm-16 {
+    padding-top: 4rem !important;
+  }
+  .pt-sm-17 {
+    padding-top: 4.25rem !important;
+  }
+  .pt-sm-18 {
+    padding-top: 4.5rem !important;
+  }
+  .pt-sm-19 {
+    padding-top: 4.75rem !important;
+  }
+  .pt-sm-20 {
+    padding-top: 5rem !important;
+  }
+  .pe-sm-0 {
+    padding-right: 0 !important;
+  }
+  .pe-sm-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pe-sm-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pe-sm-3 {
+    padding-right: 0.75rem !important;
+  }
+  .pe-sm-4 {
+    padding-right: 1rem !important;
+  }
+  .pe-sm-5 {
+    padding-right: 1.25rem !important;
+  }
+  .pe-sm-6 {
+    padding-right: 1.5rem !important;
+  }
+  .pe-sm-7 {
+    padding-right: 1.75rem !important;
+  }
+  .pe-sm-8 {
+    padding-right: 2rem !important;
+  }
+  .pe-sm-9 {
+    padding-right: 2.25rem !important;
+  }
+  .pe-sm-10 {
+    padding-right: 2.5rem !important;
+  }
+  .pe-sm-11 {
+    padding-right: 2.75rem !important;
+  }
+  .pe-sm-12 {
+    padding-right: 3rem !important;
+  }
+  .pe-sm-13 {
+    padding-right: 3.25rem !important;
+  }
+  .pe-sm-14 {
+    padding-right: 3.5rem !important;
+  }
+  .pe-sm-15 {
+    padding-right: 3.75rem !important;
+  }
+  .pe-sm-16 {
+    padding-right: 4rem !important;
+  }
+  .pe-sm-17 {
+    padding-right: 4.25rem !important;
+  }
+  .pe-sm-18 {
+    padding-right: 4.5rem !important;
+  }
+  .pe-sm-19 {
+    padding-right: 4.75rem !important;
+  }
+  .pe-sm-20 {
+    padding-right: 5rem !important;
+  }
+  .pb-sm-0 {
+    padding-bottom: 0 !important;
+  }
+  .pb-sm-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pb-sm-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pb-sm-3 {
+    padding-bottom: 0.75rem !important;
+  }
+  .pb-sm-4 {
+    padding-bottom: 1rem !important;
+  }
+  .pb-sm-5 {
+    padding-bottom: 1.25rem !important;
+  }
+  .pb-sm-6 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pb-sm-7 {
+    padding-bottom: 1.75rem !important;
+  }
+  .pb-sm-8 {
+    padding-bottom: 2rem !important;
+  }
+  .pb-sm-9 {
+    padding-bottom: 2.25rem !important;
+  }
+  .pb-sm-10 {
+    padding-bottom: 2.5rem !important;
+  }
+  .pb-sm-11 {
+    padding-bottom: 2.75rem !important;
+  }
+  .pb-sm-12 {
+    padding-bottom: 3rem !important;
+  }
+  .pb-sm-13 {
+    padding-bottom: 3.25rem !important;
+  }
+  .pb-sm-14 {
+    padding-bottom: 3.5rem !important;
+  }
+  .pb-sm-15 {
+    padding-bottom: 3.75rem !important;
+  }
+  .pb-sm-16 {
+    padding-bottom: 4rem !important;
+  }
+  .pb-sm-17 {
+    padding-bottom: 4.25rem !important;
+  }
+  .pb-sm-18 {
+    padding-bottom: 4.5rem !important;
+  }
+  .pb-sm-19 {
+    padding-bottom: 4.75rem !important;
+  }
+  .pb-sm-20 {
+    padding-bottom: 5rem !important;
+  }
+  .ps-sm-0 {
+    padding-left: 0 !important;
+  }
+  .ps-sm-1 {
+    padding-left: 0.25rem !important;
+  }
+  .ps-sm-2 {
+    padding-left: 0.5rem !important;
+  }
+  .ps-sm-3 {
+    padding-left: 0.75rem !important;
+  }
+  .ps-sm-4 {
+    padding-left: 1rem !important;
+  }
+  .ps-sm-5 {
+    padding-left: 1.25rem !important;
+  }
+  .ps-sm-6 {
+    padding-left: 1.5rem !important;
+  }
+  .ps-sm-7 {
+    padding-left: 1.75rem !important;
+  }
+  .ps-sm-8 {
+    padding-left: 2rem !important;
+  }
+  .ps-sm-9 {
+    padding-left: 2.25rem !important;
+  }
+  .ps-sm-10 {
+    padding-left: 2.5rem !important;
+  }
+  .ps-sm-11 {
+    padding-left: 2.75rem !important;
+  }
+  .ps-sm-12 {
+    padding-left: 3rem !important;
+  }
+  .ps-sm-13 {
+    padding-left: 3.25rem !important;
+  }
+  .ps-sm-14 {
+    padding-left: 3.5rem !important;
+  }
+  .ps-sm-15 {
+    padding-left: 3.75rem !important;
+  }
+  .ps-sm-16 {
+    padding-left: 4rem !important;
+  }
+  .ps-sm-17 {
+    padding-left: 4.25rem !important;
+  }
+  .ps-sm-18 {
+    padding-left: 4.5rem !important;
+  }
+  .ps-sm-19 {
+    padding-left: 4.75rem !important;
+  }
+  .ps-sm-20 {
+    padding-left: 5rem !important;
+  }
+  .gap-sm-0 {
+    gap: 0 !important;
+  }
+  .gap-sm-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-sm-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-sm-3 {
+    gap: 0.75rem !important;
+  }
+  .gap-sm-4 {
+    gap: 1rem !important;
+  }
+  .gap-sm-5 {
+    gap: 1.25rem !important;
+  }
+  .gap-sm-6 {
+    gap: 1.5rem !important;
+  }
+  .gap-sm-7 {
+    gap: 1.75rem !important;
+  }
+  .gap-sm-8 {
+    gap: 2rem !important;
+  }
+  .gap-sm-9 {
+    gap: 2.25rem !important;
+  }
+  .gap-sm-10 {
+    gap: 2.5rem !important;
+  }
+  .gap-sm-11 {
+    gap: 2.75rem !important;
+  }
+  .gap-sm-12 {
+    gap: 3rem !important;
+  }
+  .gap-sm-13 {
+    gap: 3.25rem !important;
+  }
+  .gap-sm-14 {
+    gap: 3.5rem !important;
+  }
+  .gap-sm-15 {
+    gap: 3.75rem !important;
+  }
+  .gap-sm-16 {
+    gap: 4rem !important;
+  }
+  .gap-sm-17 {
+    gap: 4.25rem !important;
+  }
+  .gap-sm-18 {
+    gap: 4.5rem !important;
+  }
+  .gap-sm-19 {
+    gap: 4.75rem !important;
+  }
+  .gap-sm-20 {
+    gap: 5rem !important;
+  }
+  .fs-sm-1 {
+    font-size: calc(1.3rem + 0.6vw) !important;
+  }
+  .fs-sm-2 {
+    font-size: calc(1.275rem + 0.3vw) !important;
+  }
+  .fs-sm-3 {
+    font-size: calc(1.26rem + 0.12vw) !important;
+  }
+  .fs-sm-4 {
+    font-size: 1.25rem !important;
+  }
+  .fs-sm-5 {
+    font-size: 1.15rem !important;
+  }
+  .fs-sm-6 {
+    font-size: 1.075rem !important;
+  }
+  .fs-sm-7 {
+    font-size: 0.95rem !important;
+  }
+  .fs-sm-8 {
+    font-size: 0.85rem !important;
+  }
+  .fs-sm-9 {
+    font-size: 0.75rem !important;
+  }
+  .fs-sm-10 {
+    font-size: 0.5rem !important;
+  }
+  .fs-sm-base {
+    font-size: 1rem !important;
+  }
+  .fs-sm-fluid {
+    font-size: 100% !important;
+  }
+  .fs-sm-2x {
+    font-size: calc(1.325rem + 0.9vw) !important;
+  }
+  .fs-sm-2qx {
+    font-size: calc(1.35rem + 1.2vw) !important;
+  }
+  .fs-sm-2hx {
+    font-size: calc(1.375rem + 1.5vw) !important;
+  }
+  .fs-sm-2tx {
+    font-size: calc(1.4rem + 1.8vw) !important;
+  }
+  .fs-sm-3x {
+    font-size: calc(1.425rem + 2.1vw) !important;
+  }
+  .fs-sm-3qx {
+    font-size: calc(1.45rem + 2.4vw) !important;
+  }
+  .fs-sm-3hx {
+    font-size: calc(1.475rem + 2.7vw) !important;
+  }
+  .fs-sm-3tx {
+    font-size: calc(1.5rem + 3vw) !important;
+  }
+  .fs-sm-4x {
+    font-size: calc(1.525rem + 3.3vw) !important;
+  }
+  .fs-sm-4qx {
+    font-size: calc(1.55rem + 3.6vw) !important;
+  }
+  .fs-sm-4hx {
+    font-size: calc(1.575rem + 3.9vw) !important;
+  }
+  .fs-sm-4tx {
+    font-size: calc(1.6rem + 4.2vw) !important;
+  }
+  .fs-sm-5x {
+    font-size: calc(1.625rem + 4.5vw) !important;
+  }
+  .fs-sm-5qx {
+    font-size: calc(1.65rem + 4.8vw) !important;
+  }
+  .fs-sm-5hx {
+    font-size: calc(1.675rem + 5.1vw) !important;
+  }
+  .fs-sm-5tx {
+    font-size: calc(1.7rem + 5.4vw) !important;
+  }
+  .text-sm-start {
+    text-align: left !important;
+  }
+  .text-sm-end {
+    text-align: right !important;
+  }
+  .text-sm-center {
+    text-align: center !important;
+  }
+  .min-w-sm-unset {
+    min-width: unset !important;
+  }
+  .min-w-sm-25 {
+    min-width: 25% !important;
+  }
+  .min-w-sm-50 {
+    min-width: 50% !important;
+  }
+  .min-w-sm-75 {
+    min-width: 75% !important;
+  }
+  .min-w-sm-100 {
+    min-width: 100% !important;
+  }
+  .min-w-sm-auto {
+    min-width: auto !important;
+  }
+  .min-w-sm-1px {
+    min-width: 1px !important;
+  }
+  .min-w-sm-2px {
+    min-width: 2px !important;
+  }
+  .min-w-sm-3px {
+    min-width: 3px !important;
+  }
+  .min-w-sm-4px {
+    min-width: 4px !important;
+  }
+  .min-w-sm-5px {
+    min-width: 5px !important;
+  }
+  .min-w-sm-6px {
+    min-width: 6px !important;
+  }
+  .min-w-sm-7px {
+    min-width: 7px !important;
+  }
+  .min-w-sm-8px {
+    min-width: 8px !important;
+  }
+  .min-w-sm-9px {
+    min-width: 9px !important;
+  }
+  .min-w-sm-10px {
+    min-width: 10px !important;
+  }
+  .min-w-sm-15px {
+    min-width: 15px !important;
+  }
+  .min-w-sm-20px {
+    min-width: 20px !important;
+  }
+  .min-w-sm-25px {
+    min-width: 25px !important;
+  }
+  .min-w-sm-30px {
+    min-width: 30px !important;
+  }
+  .min-w-sm-35px {
+    min-width: 35px !important;
+  }
+  .min-w-sm-40px {
+    min-width: 40px !important;
+  }
+  .min-w-sm-45px {
+    min-width: 45px !important;
+  }
+  .min-w-sm-50px {
+    min-width: 50px !important;
+  }
+  .min-w-sm-55px {
+    min-width: 55px !important;
+  }
+  .min-w-sm-60px {
+    min-width: 60px !important;
+  }
+  .min-w-sm-65px {
+    min-width: 65px !important;
+  }
+  .min-w-sm-70px {
+    min-width: 70px !important;
+  }
+  .min-w-sm-75px {
+    min-width: 75px !important;
+  }
+  .min-w-sm-80px {
+    min-width: 80px !important;
+  }
+  .min-w-sm-85px {
+    min-width: 85px !important;
+  }
+  .min-w-sm-90px {
+    min-width: 90px !important;
+  }
+  .min-w-sm-95px {
+    min-width: 95px !important;
+  }
+  .min-w-sm-100px {
+    min-width: 100px !important;
+  }
+  .min-w-sm-125px {
+    min-width: 125px !important;
+  }
+  .min-w-sm-150px {
+    min-width: 150px !important;
+  }
+  .min-w-sm-175px {
+    min-width: 175px !important;
+  }
+  .min-w-sm-200px {
+    min-width: 200px !important;
+  }
+  .min-w-sm-225px {
+    min-width: 225px !important;
+  }
+  .min-w-sm-250px {
+    min-width: 250px !important;
+  }
+  .min-w-sm-275px {
+    min-width: 275px !important;
+  }
+  .min-w-sm-300px {
+    min-width: 300px !important;
+  }
+  .min-w-sm-325px {
+    min-width: 325px !important;
+  }
+  .min-w-sm-350px {
+    min-width: 350px !important;
+  }
+  .min-w-sm-375px {
+    min-width: 375px !important;
+  }
+  .min-w-sm-400px {
+    min-width: 400px !important;
+  }
+  .min-w-sm-425px {
+    min-width: 425px !important;
+  }
+  .min-w-sm-450px {
+    min-width: 450px !important;
+  }
+  .min-w-sm-475px {
+    min-width: 475px !important;
+  }
+  .min-w-sm-500px {
+    min-width: 500px !important;
+  }
+  .min-w-sm-550px {
+    min-width: 550px !important;
+  }
+  .min-w-sm-600px {
+    min-width: 600px !important;
+  }
+  .min-w-sm-650px {
+    min-width: 650px !important;
+  }
+  .min-w-sm-700px {
+    min-width: 700px !important;
+  }
+  .min-w-sm-750px {
+    min-width: 750px !important;
+  }
+  .min-w-sm-800px {
+    min-width: 800px !important;
+  }
+  .min-w-sm-850px {
+    min-width: 850px !important;
+  }
+  .min-w-sm-900px {
+    min-width: 900px !important;
+  }
+  .min-w-sm-950px {
+    min-width: 950px !important;
+  }
+  .min-w-sm-1000px {
+    min-width: 1000px !important;
+  }
+  .min-h-sm-unset {
+    min-height: unset !important;
+  }
+  .min-h-sm-25 {
+    min-height: 25% !important;
+  }
+  .min-h-sm-50 {
+    min-height: 50% !important;
+  }
+  .min-h-sm-75 {
+    min-height: 75% !important;
+  }
+  .min-h-sm-100 {
+    min-height: 100% !important;
+  }
+  .min-h-sm-auto {
+    min-height: auto !important;
+  }
+  .min-h-sm-1px {
+    min-height: 1px !important;
+  }
+  .min-h-sm-2px {
+    min-height: 2px !important;
+  }
+  .min-h-sm-3px {
+    min-height: 3px !important;
+  }
+  .min-h-sm-4px {
+    min-height: 4px !important;
+  }
+  .min-h-sm-5px {
+    min-height: 5px !important;
+  }
+  .min-h-sm-6px {
+    min-height: 6px !important;
+  }
+  .min-h-sm-7px {
+    min-height: 7px !important;
+  }
+  .min-h-sm-8px {
+    min-height: 8px !important;
+  }
+  .min-h-sm-9px {
+    min-height: 9px !important;
+  }
+  .min-h-sm-10px {
+    min-height: 10px !important;
+  }
+  .min-h-sm-15px {
+    min-height: 15px !important;
+  }
+  .min-h-sm-20px {
+    min-height: 20px !important;
+  }
+  .min-h-sm-25px {
+    min-height: 25px !important;
+  }
+  .min-h-sm-30px {
+    min-height: 30px !important;
+  }
+  .min-h-sm-35px {
+    min-height: 35px !important;
+  }
+  .min-h-sm-40px {
+    min-height: 40px !important;
+  }
+  .min-h-sm-45px {
+    min-height: 45px !important;
+  }
+  .min-h-sm-50px {
+    min-height: 50px !important;
+  }
+  .min-h-sm-55px {
+    min-height: 55px !important;
+  }
+  .min-h-sm-60px {
+    min-height: 60px !important;
+  }
+  .min-h-sm-65px {
+    min-height: 65px !important;
+  }
+  .min-h-sm-70px {
+    min-height: 70px !important;
+  }
+  .min-h-sm-75px {
+    min-height: 75px !important;
+  }
+  .min-h-sm-80px {
+    min-height: 80px !important;
+  }
+  .min-h-sm-85px {
+    min-height: 85px !important;
+  }
+  .min-h-sm-90px {
+    min-height: 90px !important;
+  }
+  .min-h-sm-95px {
+    min-height: 95px !important;
+  }
+  .min-h-sm-100px {
+    min-height: 100px !important;
+  }
+  .min-h-sm-125px {
+    min-height: 125px !important;
+  }
+  .min-h-sm-150px {
+    min-height: 150px !important;
+  }
+  .min-h-sm-175px {
+    min-height: 175px !important;
+  }
+  .min-h-sm-200px {
+    min-height: 200px !important;
+  }
+  .min-h-sm-225px {
+    min-height: 225px !important;
+  }
+  .min-h-sm-250px {
+    min-height: 250px !important;
+  }
+  .min-h-sm-275px {
+    min-height: 275px !important;
+  }
+  .min-h-sm-300px {
+    min-height: 300px !important;
+  }
+  .min-h-sm-325px {
+    min-height: 325px !important;
+  }
+  .min-h-sm-350px {
+    min-height: 350px !important;
+  }
+  .min-h-sm-375px {
+    min-height: 375px !important;
+  }
+  .min-h-sm-400px {
+    min-height: 400px !important;
+  }
+  .min-h-sm-425px {
+    min-height: 425px !important;
+  }
+  .min-h-sm-450px {
+    min-height: 450px !important;
+  }
+  .min-h-sm-475px {
+    min-height: 475px !important;
+  }
+  .min-h-sm-500px {
+    min-height: 500px !important;
+  }
+  .min-h-sm-550px {
+    min-height: 550px !important;
+  }
+  .min-h-sm-600px {
+    min-height: 600px !important;
+  }
+  .min-h-sm-650px {
+    min-height: 650px !important;
+  }
+  .min-h-sm-700px {
+    min-height: 700px !important;
+  }
+  .min-h-sm-750px {
+    min-height: 750px !important;
+  }
+  .min-h-sm-800px {
+    min-height: 800px !important;
+  }
+  .min-h-sm-850px {
+    min-height: 850px !important;
+  }
+  .min-h-sm-900px {
+    min-height: 900px !important;
+  }
+  .min-h-sm-950px {
+    min-height: 950px !important;
+  }
+  .min-h-sm-1000px {
+    min-height: 1000px !important;
+  }
+}
+@media (min-width: 768px) {
+  .float-md-start {
+    float: left !important;
+  }
+  .float-md-end {
+    float: right !important;
+  }
+  .float-md-none {
+    float: none !important;
+  }
+  .d-md-inline {
+    display: inline !important;
+  }
+  .d-md-inline-block {
+    display: inline-block !important;
+  }
+  .d-md-block {
+    display: block !important;
+  }
+  .d-md-grid {
+    display: grid !important;
+  }
+  .d-md-table {
+    display: table !important;
+  }
+  .d-md-table-row {
+    display: table-row !important;
+  }
+  .d-md-table-cell {
+    display: table-cell !important;
+  }
+  .d-md-flex {
+    display: flex !important;
+  }
+  .d-md-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-md-none {
+    display: none !important;
+  }
+  .position-md-static {
+    position: static !important;
+  }
+  .position-md-relative {
+    position: relative !important;
+  }
+  .position-md-absolute {
+    position: absolute !important;
+  }
+  .position-md-fixed {
+    position: fixed !important;
+  }
+  .position-md-sticky {
+    position: sticky !important;
+  }
+  .w-md-unset {
+    width: unset !important;
+  }
+  .w-md-25 {
+    width: 25% !important;
+  }
+  .w-md-50 {
+    width: 50% !important;
+  }
+  .w-md-75 {
+    width: 75% !important;
+  }
+  .w-md-100 {
+    width: 100% !important;
+  }
+  .w-md-auto {
+    width: auto !important;
+  }
+  .w-md-1px {
+    width: 1px !important;
+  }
+  .w-md-2px {
+    width: 2px !important;
+  }
+  .w-md-3px {
+    width: 3px !important;
+  }
+  .w-md-4px {
+    width: 4px !important;
+  }
+  .w-md-5px {
+    width: 5px !important;
+  }
+  .w-md-6px {
+    width: 6px !important;
+  }
+  .w-md-7px {
+    width: 7px !important;
+  }
+  .w-md-8px {
+    width: 8px !important;
+  }
+  .w-md-9px {
+    width: 9px !important;
+  }
+  .w-md-10px {
+    width: 10px !important;
+  }
+  .w-md-15px {
+    width: 15px !important;
+  }
+  .w-md-20px {
+    width: 20px !important;
+  }
+  .w-md-25px {
+    width: 25px !important;
+  }
+  .w-md-30px {
+    width: 30px !important;
+  }
+  .w-md-35px {
+    width: 35px !important;
+  }
+  .w-md-40px {
+    width: 40px !important;
+  }
+  .w-md-45px {
+    width: 45px !important;
+  }
+  .w-md-50px {
+    width: 50px !important;
+  }
+  .w-md-55px {
+    width: 55px !important;
+  }
+  .w-md-60px {
+    width: 60px !important;
+  }
+  .w-md-65px {
+    width: 65px !important;
+  }
+  .w-md-70px {
+    width: 70px !important;
+  }
+  .w-md-75px {
+    width: 75px !important;
+  }
+  .w-md-80px {
+    width: 80px !important;
+  }
+  .w-md-85px {
+    width: 85px !important;
+  }
+  .w-md-90px {
+    width: 90px !important;
+  }
+  .w-md-95px {
+    width: 95px !important;
+  }
+  .w-md-100px {
+    width: 100px !important;
+  }
+  .w-md-125px {
+    width: 125px !important;
+  }
+  .w-md-150px {
+    width: 150px !important;
+  }
+  .w-md-175px {
+    width: 175px !important;
+  }
+  .w-md-200px {
+    width: 200px !important;
+  }
+  .w-md-225px {
+    width: 225px !important;
+  }
+  .w-md-250px {
+    width: 250px !important;
+  }
+  .w-md-275px {
+    width: 275px !important;
+  }
+  .w-md-300px {
+    width: 300px !important;
+  }
+  .w-md-325px {
+    width: 325px !important;
+  }
+  .w-md-350px {
+    width: 350px !important;
+  }
+  .w-md-375px {
+    width: 375px !important;
+  }
+  .w-md-400px {
+    width: 400px !important;
+  }
+  .w-md-425px {
+    width: 425px !important;
+  }
+  .w-md-450px {
+    width: 450px !important;
+  }
+  .w-md-475px {
+    width: 475px !important;
+  }
+  .w-md-500px {
+    width: 500px !important;
+  }
+  .w-md-550px {
+    width: 550px !important;
+  }
+  .w-md-600px {
+    width: 600px !important;
+  }
+  .w-md-650px {
+    width: 650px !important;
+  }
+  .w-md-700px {
+    width: 700px !important;
+  }
+  .w-md-750px {
+    width: 750px !important;
+  }
+  .w-md-800px {
+    width: 800px !important;
+  }
+  .w-md-850px {
+    width: 850px !important;
+  }
+  .w-md-900px {
+    width: 900px !important;
+  }
+  .w-md-950px {
+    width: 950px !important;
+  }
+  .w-md-1000px {
+    width: 1000px !important;
+  }
+  .mw-md-unset {
+    max-width: unset !important;
+  }
+  .mw-md-25 {
+    max-width: 25% !important;
+  }
+  .mw-md-50 {
+    max-width: 50% !important;
+  }
+  .mw-md-75 {
+    max-width: 75% !important;
+  }
+  .mw-md-100 {
+    max-width: 100% !important;
+  }
+  .mw-md-auto {
+    max-width: auto !important;
+  }
+  .mw-md-1px {
+    max-width: 1px !important;
+  }
+  .mw-md-2px {
+    max-width: 2px !important;
+  }
+  .mw-md-3px {
+    max-width: 3px !important;
+  }
+  .mw-md-4px {
+    max-width: 4px !important;
+  }
+  .mw-md-5px {
+    max-width: 5px !important;
+  }
+  .mw-md-6px {
+    max-width: 6px !important;
+  }
+  .mw-md-7px {
+    max-width: 7px !important;
+  }
+  .mw-md-8px {
+    max-width: 8px !important;
+  }
+  .mw-md-9px {
+    max-width: 9px !important;
+  }
+  .mw-md-10px {
+    max-width: 10px !important;
+  }
+  .mw-md-15px {
+    max-width: 15px !important;
+  }
+  .mw-md-20px {
+    max-width: 20px !important;
+  }
+  .mw-md-25px {
+    max-width: 25px !important;
+  }
+  .mw-md-30px {
+    max-width: 30px !important;
+  }
+  .mw-md-35px {
+    max-width: 35px !important;
+  }
+  .mw-md-40px {
+    max-width: 40px !important;
+  }
+  .mw-md-45px {
+    max-width: 45px !important;
+  }
+  .mw-md-50px {
+    max-width: 50px !important;
+  }
+  .mw-md-55px {
+    max-width: 55px !important;
+  }
+  .mw-md-60px {
+    max-width: 60px !important;
+  }
+  .mw-md-65px {
+    max-width: 65px !important;
+  }
+  .mw-md-70px {
+    max-width: 70px !important;
+  }
+  .mw-md-75px {
+    max-width: 75px !important;
+  }
+  .mw-md-80px {
+    max-width: 80px !important;
+  }
+  .mw-md-85px {
+    max-width: 85px !important;
+  }
+  .mw-md-90px {
+    max-width: 90px !important;
+  }
+  .mw-md-95px {
+    max-width: 95px !important;
+  }
+  .mw-md-100px {
+    max-width: 100px !important;
+  }
+  .mw-md-125px {
+    max-width: 125px !important;
+  }
+  .mw-md-150px {
+    max-width: 150px !important;
+  }
+  .mw-md-175px {
+    max-width: 175px !important;
+  }
+  .mw-md-200px {
+    max-width: 200px !important;
+  }
+  .mw-md-225px {
+    max-width: 225px !important;
+  }
+  .mw-md-250px {
+    max-width: 250px !important;
+  }
+  .mw-md-275px {
+    max-width: 275px !important;
+  }
+  .mw-md-300px {
+    max-width: 300px !important;
+  }
+  .mw-md-325px {
+    max-width: 325px !important;
+  }
+  .mw-md-350px {
+    max-width: 350px !important;
+  }
+  .mw-md-375px {
+    max-width: 375px !important;
+  }
+  .mw-md-400px {
+    max-width: 400px !important;
+  }
+  .mw-md-425px {
+    max-width: 425px !important;
+  }
+  .mw-md-450px {
+    max-width: 450px !important;
+  }
+  .mw-md-475px {
+    max-width: 475px !important;
+  }
+  .mw-md-500px {
+    max-width: 500px !important;
+  }
+  .mw-md-550px {
+    max-width: 550px !important;
+  }
+  .mw-md-600px {
+    max-width: 600px !important;
+  }
+  .mw-md-650px {
+    max-width: 650px !important;
+  }
+  .mw-md-700px {
+    max-width: 700px !important;
+  }
+  .mw-md-750px {
+    max-width: 750px !important;
+  }
+  .mw-md-800px {
+    max-width: 800px !important;
+  }
+  .mw-md-850px {
+    max-width: 850px !important;
+  }
+  .mw-md-900px {
+    max-width: 900px !important;
+  }
+  .mw-md-950px {
+    max-width: 950px !important;
+  }
+  .mw-md-1000px {
+    max-width: 1000px !important;
+  }
+  .h-md-unset {
+    height: unset !important;
+  }
+  .h-md-25 {
+    height: 25% !important;
+  }
+  .h-md-50 {
+    height: 50% !important;
+  }
+  .h-md-75 {
+    height: 75% !important;
+  }
+  .h-md-100 {
+    height: 100% !important;
+  }
+  .h-md-auto {
+    height: auto !important;
+  }
+  .h-md-1px {
+    height: 1px !important;
+  }
+  .h-md-2px {
+    height: 2px !important;
+  }
+  .h-md-3px {
+    height: 3px !important;
+  }
+  .h-md-4px {
+    height: 4px !important;
+  }
+  .h-md-5px {
+    height: 5px !important;
+  }
+  .h-md-6px {
+    height: 6px !important;
+  }
+  .h-md-7px {
+    height: 7px !important;
+  }
+  .h-md-8px {
+    height: 8px !important;
+  }
+  .h-md-9px {
+    height: 9px !important;
+  }
+  .h-md-10px {
+    height: 10px !important;
+  }
+  .h-md-15px {
+    height: 15px !important;
+  }
+  .h-md-20px {
+    height: 20px !important;
+  }
+  .h-md-25px {
+    height: 25px !important;
+  }
+  .h-md-30px {
+    height: 30px !important;
+  }
+  .h-md-35px {
+    height: 35px !important;
+  }
+  .h-md-40px {
+    height: 40px !important;
+  }
+  .h-md-45px {
+    height: 45px !important;
+  }
+  .h-md-50px {
+    height: 50px !important;
+  }
+  .h-md-55px {
+    height: 55px !important;
+  }
+  .h-md-60px {
+    height: 60px !important;
+  }
+  .h-md-65px {
+    height: 65px !important;
+  }
+  .h-md-70px {
+    height: 70px !important;
+  }
+  .h-md-75px {
+    height: 75px !important;
+  }
+  .h-md-80px {
+    height: 80px !important;
+  }
+  .h-md-85px {
+    height: 85px !important;
+  }
+  .h-md-90px {
+    height: 90px !important;
+  }
+  .h-md-95px {
+    height: 95px !important;
+  }
+  .h-md-100px {
+    height: 100px !important;
+  }
+  .h-md-125px {
+    height: 125px !important;
+  }
+  .h-md-150px {
+    height: 150px !important;
+  }
+  .h-md-175px {
+    height: 175px !important;
+  }
+  .h-md-200px {
+    height: 200px !important;
+  }
+  .h-md-225px {
+    height: 225px !important;
+  }
+  .h-md-250px {
+    height: 250px !important;
+  }
+  .h-md-275px {
+    height: 275px !important;
+  }
+  .h-md-300px {
+    height: 300px !important;
+  }
+  .h-md-325px {
+    height: 325px !important;
+  }
+  .h-md-350px {
+    height: 350px !important;
+  }
+  .h-md-375px {
+    height: 375px !important;
+  }
+  .h-md-400px {
+    height: 400px !important;
+  }
+  .h-md-425px {
+    height: 425px !important;
+  }
+  .h-md-450px {
+    height: 450px !important;
+  }
+  .h-md-475px {
+    height: 475px !important;
+  }
+  .h-md-500px {
+    height: 500px !important;
+  }
+  .h-md-550px {
+    height: 550px !important;
+  }
+  .h-md-600px {
+    height: 600px !important;
+  }
+  .h-md-650px {
+    height: 650px !important;
+  }
+  .h-md-700px {
+    height: 700px !important;
+  }
+  .h-md-750px {
+    height: 750px !important;
+  }
+  .h-md-800px {
+    height: 800px !important;
+  }
+  .h-md-850px {
+    height: 850px !important;
+  }
+  .h-md-900px {
+    height: 900px !important;
+  }
+  .h-md-950px {
+    height: 950px !important;
+  }
+  .h-md-1000px {
+    height: 1000px !important;
+  }
+  .mh-md-unset {
+    max-height: unset !important;
+  }
+  .mh-md-25 {
+    max-height: 25% !important;
+  }
+  .mh-md-50 {
+    max-height: 50% !important;
+  }
+  .mh-md-75 {
+    max-height: 75% !important;
+  }
+  .mh-md-100 {
+    max-height: 100% !important;
+  }
+  .mh-md-auto {
+    max-height: auto !important;
+  }
+  .mh-md-1px {
+    max-height: 1px !important;
+  }
+  .mh-md-2px {
+    max-height: 2px !important;
+  }
+  .mh-md-3px {
+    max-height: 3px !important;
+  }
+  .mh-md-4px {
+    max-height: 4px !important;
+  }
+  .mh-md-5px {
+    max-height: 5px !important;
+  }
+  .mh-md-6px {
+    max-height: 6px !important;
+  }
+  .mh-md-7px {
+    max-height: 7px !important;
+  }
+  .mh-md-8px {
+    max-height: 8px !important;
+  }
+  .mh-md-9px {
+    max-height: 9px !important;
+  }
+  .mh-md-10px {
+    max-height: 10px !important;
+  }
+  .mh-md-15px {
+    max-height: 15px !important;
+  }
+  .mh-md-20px {
+    max-height: 20px !important;
+  }
+  .mh-md-25px {
+    max-height: 25px !important;
+  }
+  .mh-md-30px {
+    max-height: 30px !important;
+  }
+  .mh-md-35px {
+    max-height: 35px !important;
+  }
+  .mh-md-40px {
+    max-height: 40px !important;
+  }
+  .mh-md-45px {
+    max-height: 45px !important;
+  }
+  .mh-md-50px {
+    max-height: 50px !important;
+  }
+  .mh-md-55px {
+    max-height: 55px !important;
+  }
+  .mh-md-60px {
+    max-height: 60px !important;
+  }
+  .mh-md-65px {
+    max-height: 65px !important;
+  }
+  .mh-md-70px {
+    max-height: 70px !important;
+  }
+  .mh-md-75px {
+    max-height: 75px !important;
+  }
+  .mh-md-80px {
+    max-height: 80px !important;
+  }
+  .mh-md-85px {
+    max-height: 85px !important;
+  }
+  .mh-md-90px {
+    max-height: 90px !important;
+  }
+  .mh-md-95px {
+    max-height: 95px !important;
+  }
+  .mh-md-100px {
+    max-height: 100px !important;
+  }
+  .mh-md-125px {
+    max-height: 125px !important;
+  }
+  .mh-md-150px {
+    max-height: 150px !important;
+  }
+  .mh-md-175px {
+    max-height: 175px !important;
+  }
+  .mh-md-200px {
+    max-height: 200px !important;
+  }
+  .mh-md-225px {
+    max-height: 225px !important;
+  }
+  .mh-md-250px {
+    max-height: 250px !important;
+  }
+  .mh-md-275px {
+    max-height: 275px !important;
+  }
+  .mh-md-300px {
+    max-height: 300px !important;
+  }
+  .mh-md-325px {
+    max-height: 325px !important;
+  }
+  .mh-md-350px {
+    max-height: 350px !important;
+  }
+  .mh-md-375px {
+    max-height: 375px !important;
+  }
+  .mh-md-400px {
+    max-height: 400px !important;
+  }
+  .mh-md-425px {
+    max-height: 425px !important;
+  }
+  .mh-md-450px {
+    max-height: 450px !important;
+  }
+  .mh-md-475px {
+    max-height: 475px !important;
+  }
+  .mh-md-500px {
+    max-height: 500px !important;
+  }
+  .mh-md-550px {
+    max-height: 550px !important;
+  }
+  .mh-md-600px {
+    max-height: 600px !important;
+  }
+  .mh-md-650px {
+    max-height: 650px !important;
+  }
+  .mh-md-700px {
+    max-height: 700px !important;
+  }
+  .mh-md-750px {
+    max-height: 750px !important;
+  }
+  .mh-md-800px {
+    max-height: 800px !important;
+  }
+  .mh-md-850px {
+    max-height: 850px !important;
+  }
+  .mh-md-900px {
+    max-height: 900px !important;
+  }
+  .mh-md-950px {
+    max-height: 950px !important;
+  }
+  .mh-md-1000px {
+    max-height: 1000px !important;
+  }
+  .flex-md-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-md-row {
+    flex-direction: row !important;
+  }
+  .flex-md-column {
+    flex-direction: column !important;
+  }
+  .flex-md-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-md-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-md-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-md-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-md-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-md-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .flex-md-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-md-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-md-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .justify-content-md-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-md-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-md-center {
+    justify-content: center !important;
+  }
+  .justify-content-md-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-md-around {
+    justify-content: space-around !important;
+  }
+  .justify-content-md-evenly {
+    justify-content: space-evenly !important;
+  }
+  .align-items-md-start {
+    align-items: flex-start !important;
+  }
+  .align-items-md-end {
+    align-items: flex-end !important;
+  }
+  .align-items-md-center {
+    align-items: center !important;
+  }
+  .align-items-md-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-md-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-md-start {
+    align-content: flex-start !important;
+  }
+  .align-content-md-end {
+    align-content: flex-end !important;
+  }
+  .align-content-md-center {
+    align-content: center !important;
+  }
+  .align-content-md-between {
+    align-content: space-between !important;
+  }
+  .align-content-md-around {
+    align-content: space-around !important;
+  }
+  .align-content-md-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-md-auto {
+    align-self: auto !important;
+  }
+  .align-self-md-start {
+    align-self: flex-start !important;
+  }
+  .align-self-md-end {
+    align-self: flex-end !important;
+  }
+  .align-self-md-center {
+    align-self: center !important;
+  }
+  .align-self-md-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-md-stretch {
+    align-self: stretch !important;
+  }
+  .order-md-first {
+    order: -1 !important;
+  }
+  .order-md-0 {
+    order: 0 !important;
+  }
+  .order-md-1 {
+    order: 1 !important;
+  }
+  .order-md-2 {
+    order: 2 !important;
+  }
+  .order-md-3 {
+    order: 3 !important;
+  }
+  .order-md-4 {
+    order: 4 !important;
+  }
+  .order-md-5 {
+    order: 5 !important;
+  }
+  .order-md-last {
+    order: 6 !important;
+  }
+  .m-md-0 {
+    margin: 0 !important;
+  }
+  .m-md-1 {
+    margin: 0.25rem !important;
+  }
+  .m-md-2 {
+    margin: 0.5rem !important;
+  }
+  .m-md-3 {
+    margin: 0.75rem !important;
+  }
+  .m-md-4 {
+    margin: 1rem !important;
+  }
+  .m-md-5 {
+    margin: 1.25rem !important;
+  }
+  .m-md-6 {
+    margin: 1.5rem !important;
+  }
+  .m-md-7 {
+    margin: 1.75rem !important;
+  }
+  .m-md-8 {
+    margin: 2rem !important;
+  }
+  .m-md-9 {
+    margin: 2.25rem !important;
+  }
+  .m-md-10 {
+    margin: 2.5rem !important;
+  }
+  .m-md-11 {
+    margin: 2.75rem !important;
+  }
+  .m-md-12 {
+    margin: 3rem !important;
+  }
+  .m-md-13 {
+    margin: 3.25rem !important;
+  }
+  .m-md-14 {
+    margin: 3.5rem !important;
+  }
+  .m-md-15 {
+    margin: 3.75rem !important;
+  }
+  .m-md-16 {
+    margin: 4rem !important;
+  }
+  .m-md-17 {
+    margin: 4.25rem !important;
+  }
+  .m-md-18 {
+    margin: 4.5rem !important;
+  }
+  .m-md-19 {
+    margin: 4.75rem !important;
+  }
+  .m-md-20 {
+    margin: 5rem !important;
+  }
+  .m-md-auto {
+    margin: auto !important;
+  }
+  .mx-md-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+  .mx-md-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+  .mx-md-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+  .mx-md-3 {
+    margin-right: 0.75rem !important;
+    margin-left: 0.75rem !important;
+  }
+  .mx-md-4 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+  .mx-md-5 {
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
+  }
+  .mx-md-6 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+  .mx-md-7 {
+    margin-right: 1.75rem !important;
+    margin-left: 1.75rem !important;
+  }
+  .mx-md-8 {
+    margin-right: 2rem !important;
+    margin-left: 2rem !important;
+  }
+  .mx-md-9 {
+    margin-right: 2.25rem !important;
+    margin-left: 2.25rem !important;
+  }
+  .mx-md-10 {
+    margin-right: 2.5rem !important;
+    margin-left: 2.5rem !important;
+  }
+  .mx-md-11 {
+    margin-right: 2.75rem !important;
+    margin-left: 2.75rem !important;
+  }
+  .mx-md-12 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .mx-md-13 {
+    margin-right: 3.25rem !important;
+    margin-left: 3.25rem !important;
+  }
+  .mx-md-14 {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .mx-md-15 {
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
+  }
+  .mx-md-16 {
+    margin-right: 4rem !important;
+    margin-left: 4rem !important;
+  }
+  .mx-md-17 {
+    margin-right: 4.25rem !important;
+    margin-left: 4.25rem !important;
+  }
+  .mx-md-18 {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important;
+  }
+  .mx-md-19 {
+    margin-right: 4.75rem !important;
+    margin-left: 4.75rem !important;
+  }
+  .mx-md-20 {
+    margin-right: 5rem !important;
+    margin-left: 5rem !important;
+  }
+  .mx-md-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+  .my-md-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+  .my-md-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+  .my-md-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+  .my-md-3 {
+    margin-top: 0.75rem !important;
+    margin-bottom: 0.75rem !important;
+  }
+  .my-md-4 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+  .my-md-5 {
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
+  }
+  .my-md-6 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+  .my-md-7 {
+    margin-top: 1.75rem !important;
+    margin-bottom: 1.75rem !important;
+  }
+  .my-md-8 {
+    margin-top: 2rem !important;
+    margin-bottom: 2rem !important;
+  }
+  .my-md-9 {
+    margin-top: 2.25rem !important;
+    margin-bottom: 2.25rem !important;
+  }
+  .my-md-10 {
+    margin-top: 2.5rem !important;
+    margin-bottom: 2.5rem !important;
+  }
+  .my-md-11 {
+    margin-top: 2.75rem !important;
+    margin-bottom: 2.75rem !important;
+  }
+  .my-md-12 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .my-md-13 {
+    margin-top: 3.25rem !important;
+    margin-bottom: 3.25rem !important;
+  }
+  .my-md-14 {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .my-md-15 {
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
+  }
+  .my-md-16 {
+    margin-top: 4rem !important;
+    margin-bottom: 4rem !important;
+  }
+  .my-md-17 {
+    margin-top: 4.25rem !important;
+    margin-bottom: 4.25rem !important;
+  }
+  .my-md-18 {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important;
+  }
+  .my-md-19 {
+    margin-top: 4.75rem !important;
+    margin-bottom: 4.75rem !important;
+  }
+  .my-md-20 {
+    margin-top: 5rem !important;
+    margin-bottom: 5rem !important;
+  }
+  .my-md-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+  .mt-md-0 {
+    margin-top: 0 !important;
+  }
+  .mt-md-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mt-md-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mt-md-3 {
+    margin-top: 0.75rem !important;
+  }
+  .mt-md-4 {
+    margin-top: 1rem !important;
+  }
+  .mt-md-5 {
+    margin-top: 1.25rem !important;
+  }
+  .mt-md-6 {
+    margin-top: 1.5rem !important;
+  }
+  .mt-md-7 {
+    margin-top: 1.75rem !important;
+  }
+  .mt-md-8 {
+    margin-top: 2rem !important;
+  }
+  .mt-md-9 {
+    margin-top: 2.25rem !important;
+  }
+  .mt-md-10 {
+    margin-top: 2.5rem !important;
+  }
+  .mt-md-11 {
+    margin-top: 2.75rem !important;
+  }
+  .mt-md-12 {
+    margin-top: 3rem !important;
+  }
+  .mt-md-13 {
+    margin-top: 3.25rem !important;
+  }
+  .mt-md-14 {
+    margin-top: 3.5rem !important;
+  }
+  .mt-md-15 {
+    margin-top: 3.75rem !important;
+  }
+  .mt-md-16 {
+    margin-top: 4rem !important;
+  }
+  .mt-md-17 {
+    margin-top: 4.25rem !important;
+  }
+  .mt-md-18 {
+    margin-top: 4.5rem !important;
+  }
+  .mt-md-19 {
+    margin-top: 4.75rem !important;
+  }
+  .mt-md-20 {
+    margin-top: 5rem !important;
+  }
+  .mt-md-auto {
+    margin-top: auto !important;
+  }
+  .me-md-0 {
+    margin-right: 0 !important;
+  }
+  .me-md-1 {
+    margin-right: 0.25rem !important;
+  }
+  .me-md-2 {
+    margin-right: 0.5rem !important;
+  }
+  .me-md-3 {
+    margin-right: 0.75rem !important;
+  }
+  .me-md-4 {
+    margin-right: 1rem !important;
+  }
+  .me-md-5 {
+    margin-right: 1.25rem !important;
+  }
+  .me-md-6 {
+    margin-right: 1.5rem !important;
+  }
+  .me-md-7 {
+    margin-right: 1.75rem !important;
+  }
+  .me-md-8 {
+    margin-right: 2rem !important;
+  }
+  .me-md-9 {
+    margin-right: 2.25rem !important;
+  }
+  .me-md-10 {
+    margin-right: 2.5rem !important;
+  }
+  .me-md-11 {
+    margin-right: 2.75rem !important;
+  }
+  .me-md-12 {
+    margin-right: 3rem !important;
+  }
+  .me-md-13 {
+    margin-right: 3.25rem !important;
+  }
+  .me-md-14 {
+    margin-right: 3.5rem !important;
+  }
+  .me-md-15 {
+    margin-right: 3.75rem !important;
+  }
+  .me-md-16 {
+    margin-right: 4rem !important;
+  }
+  .me-md-17 {
+    margin-right: 4.25rem !important;
+  }
+  .me-md-18 {
+    margin-right: 4.5rem !important;
+  }
+  .me-md-19 {
+    margin-right: 4.75rem !important;
+  }
+  .me-md-20 {
+    margin-right: 5rem !important;
+  }
+  .me-md-auto {
+    margin-right: auto !important;
+  }
+  .mb-md-0 {
+    margin-bottom: 0 !important;
+  }
+  .mb-md-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .mb-md-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .mb-md-3 {
+    margin-bottom: 0.75rem !important;
+  }
+  .mb-md-4 {
+    margin-bottom: 1rem !important;
+  }
+  .mb-md-5 {
+    margin-bottom: 1.25rem !important;
+  }
+  .mb-md-6 {
+    margin-bottom: 1.5rem !important;
+  }
+  .mb-md-7 {
+    margin-bottom: 1.75rem !important;
+  }
+  .mb-md-8 {
+    margin-bottom: 2rem !important;
+  }
+  .mb-md-9 {
+    margin-bottom: 2.25rem !important;
+  }
+  .mb-md-10 {
+    margin-bottom: 2.5rem !important;
+  }
+  .mb-md-11 {
+    margin-bottom: 2.75rem !important;
+  }
+  .mb-md-12 {
+    margin-bottom: 3rem !important;
+  }
+  .mb-md-13 {
+    margin-bottom: 3.25rem !important;
+  }
+  .mb-md-14 {
+    margin-bottom: 3.5rem !important;
+  }
+  .mb-md-15 {
+    margin-bottom: 3.75rem !important;
+  }
+  .mb-md-16 {
+    margin-bottom: 4rem !important;
+  }
+  .mb-md-17 {
+    margin-bottom: 4.25rem !important;
+  }
+  .mb-md-18 {
+    margin-bottom: 4.5rem !important;
+  }
+  .mb-md-19 {
+    margin-bottom: 4.75rem !important;
+  }
+  .mb-md-20 {
+    margin-bottom: 5rem !important;
+  }
+  .mb-md-auto {
+    margin-bottom: auto !important;
+  }
+  .ms-md-0 {
+    margin-left: 0 !important;
+  }
+  .ms-md-1 {
+    margin-left: 0.25rem !important;
+  }
+  .ms-md-2 {
+    margin-left: 0.5rem !important;
+  }
+  .ms-md-3 {
+    margin-left: 0.75rem !important;
+  }
+  .ms-md-4 {
+    margin-left: 1rem !important;
+  }
+  .ms-md-5 {
+    margin-left: 1.25rem !important;
+  }
+  .ms-md-6 {
+    margin-left: 1.5rem !important;
+  }
+  .ms-md-7 {
+    margin-left: 1.75rem !important;
+  }
+  .ms-md-8 {
+    margin-left: 2rem !important;
+  }
+  .ms-md-9 {
+    margin-left: 2.25rem !important;
+  }
+  .ms-md-10 {
+    margin-left: 2.5rem !important;
+  }
+  .ms-md-11 {
+    margin-left: 2.75rem !important;
+  }
+  .ms-md-12 {
+    margin-left: 3rem !important;
+  }
+  .ms-md-13 {
+    margin-left: 3.25rem !important;
+  }
+  .ms-md-14 {
+    margin-left: 3.5rem !important;
+  }
+  .ms-md-15 {
+    margin-left: 3.75rem !important;
+  }
+  .ms-md-16 {
+    margin-left: 4rem !important;
+  }
+  .ms-md-17 {
+    margin-left: 4.25rem !important;
+  }
+  .ms-md-18 {
+    margin-left: 4.5rem !important;
+  }
+  .ms-md-19 {
+    margin-left: 4.75rem !important;
+  }
+  .ms-md-20 {
+    margin-left: 5rem !important;
+  }
+  .ms-md-auto {
+    margin-left: auto !important;
+  }
+  .m-md-n1 {
+    margin: -0.25rem !important;
+  }
+  .m-md-n2 {
+    margin: -0.5rem !important;
+  }
+  .m-md-n3 {
+    margin: -0.75rem !important;
+  }
+  .m-md-n4 {
+    margin: -1rem !important;
+  }
+  .m-md-n5 {
+    margin: -1.25rem !important;
+  }
+  .m-md-n6 {
+    margin: -1.5rem !important;
+  }
+  .m-md-n7 {
+    margin: -1.75rem !important;
+  }
+  .m-md-n8 {
+    margin: -2rem !important;
+  }
+  .m-md-n9 {
+    margin: -2.25rem !important;
+  }
+  .m-md-n10 {
+    margin: -2.5rem !important;
+  }
+  .m-md-n11 {
+    margin: -2.75rem !important;
+  }
+  .m-md-n12 {
+    margin: -3rem !important;
+  }
+  .m-md-n13 {
+    margin: -3.25rem !important;
+  }
+  .m-md-n14 {
+    margin: -3.5rem !important;
+  }
+  .m-md-n15 {
+    margin: -3.75rem !important;
+  }
+  .m-md-n16 {
+    margin: -4rem !important;
+  }
+  .m-md-n17 {
+    margin: -4.25rem !important;
+  }
+  .m-md-n18 {
+    margin: -4.5rem !important;
+  }
+  .m-md-n19 {
+    margin: -4.75rem !important;
+  }
+  .m-md-n20 {
+    margin: -5rem !important;
+  }
+  .mx-md-n1 {
+    margin-right: -0.25rem !important;
+    margin-left: -0.25rem !important;
+  }
+  .mx-md-n2 {
+    margin-right: -0.5rem !important;
+    margin-left: -0.5rem !important;
+  }
+  .mx-md-n3 {
+    margin-right: -0.75rem !important;
+    margin-left: -0.75rem !important;
+  }
+  .mx-md-n4 {
+    margin-right: -1rem !important;
+    margin-left: -1rem !important;
+  }
+  .mx-md-n5 {
+    margin-right: -1.25rem !important;
+    margin-left: -1.25rem !important;
+  }
+  .mx-md-n6 {
+    margin-right: -1.5rem !important;
+    margin-left: -1.5rem !important;
+  }
+  .mx-md-n7 {
+    margin-right: -1.75rem !important;
+    margin-left: -1.75rem !important;
+  }
+  .mx-md-n8 {
+    margin-right: -2rem !important;
+    margin-left: -2rem !important;
+  }
+  .mx-md-n9 {
+    margin-right: -2.25rem !important;
+    margin-left: -2.25rem !important;
+  }
+  .mx-md-n10 {
+    margin-right: -2.5rem !important;
+    margin-left: -2.5rem !important;
+  }
+  .mx-md-n11 {
+    margin-right: -2.75rem !important;
+    margin-left: -2.75rem !important;
+  }
+  .mx-md-n12 {
+    margin-right: -3rem !important;
+    margin-left: -3rem !important;
+  }
+  .mx-md-n13 {
+    margin-right: -3.25rem !important;
+    margin-left: -3.25rem !important;
+  }
+  .mx-md-n14 {
+    margin-right: -3.5rem !important;
+    margin-left: -3.5rem !important;
+  }
+  .mx-md-n15 {
+    margin-right: -3.75rem !important;
+    margin-left: -3.75rem !important;
+  }
+  .mx-md-n16 {
+    margin-right: -4rem !important;
+    margin-left: -4rem !important;
+  }
+  .mx-md-n17 {
+    margin-right: -4.25rem !important;
+    margin-left: -4.25rem !important;
+  }
+  .mx-md-n18 {
+    margin-right: -4.5rem !important;
+    margin-left: -4.5rem !important;
+  }
+  .mx-md-n19 {
+    margin-right: -4.75rem !important;
+    margin-left: -4.75rem !important;
+  }
+  .mx-md-n20 {
+    margin-right: -5rem !important;
+    margin-left: -5rem !important;
+  }
+  .my-md-n1 {
+    margin-top: -0.25rem !important;
+    margin-bottom: -0.25rem !important;
+  }
+  .my-md-n2 {
+    margin-top: -0.5rem !important;
+    margin-bottom: -0.5rem !important;
+  }
+  .my-md-n3 {
+    margin-top: -0.75rem !important;
+    margin-bottom: -0.75rem !important;
+  }
+  .my-md-n4 {
+    margin-top: -1rem !important;
+    margin-bottom: -1rem !important;
+  }
+  .my-md-n5 {
+    margin-top: -1.25rem !important;
+    margin-bottom: -1.25rem !important;
+  }
+  .my-md-n6 {
+    margin-top: -1.5rem !important;
+    margin-bottom: -1.5rem !important;
+  }
+  .my-md-n7 {
+    margin-top: -1.75rem !important;
+    margin-bottom: -1.75rem !important;
+  }
+  .my-md-n8 {
+    margin-top: -2rem !important;
+    margin-bottom: -2rem !important;
+  }
+  .my-md-n9 {
+    margin-top: -2.25rem !important;
+    margin-bottom: -2.25rem !important;
+  }
+  .my-md-n10 {
+    margin-top: -2.5rem !important;
+    margin-bottom: -2.5rem !important;
+  }
+  .my-md-n11 {
+    margin-top: -2.75rem !important;
+    margin-bottom: -2.75rem !important;
+  }
+  .my-md-n12 {
+    margin-top: -3rem !important;
+    margin-bottom: -3rem !important;
+  }
+  .my-md-n13 {
+    margin-top: -3.25rem !important;
+    margin-bottom: -3.25rem !important;
+  }
+  .my-md-n14 {
+    margin-top: -3.5rem !important;
+    margin-bottom: -3.5rem !important;
+  }
+  .my-md-n15 {
+    margin-top: -3.75rem !important;
+    margin-bottom: -3.75rem !important;
+  }
+  .my-md-n16 {
+    margin-top: -4rem !important;
+    margin-bottom: -4rem !important;
+  }
+  .my-md-n17 {
+    margin-top: -4.25rem !important;
+    margin-bottom: -4.25rem !important;
+  }
+  .my-md-n18 {
+    margin-top: -4.5rem !important;
+    margin-bottom: -4.5rem !important;
+  }
+  .my-md-n19 {
+    margin-top: -4.75rem !important;
+    margin-bottom: -4.75rem !important;
+  }
+  .my-md-n20 {
+    margin-top: -5rem !important;
+    margin-bottom: -5rem !important;
+  }
+  .mt-md-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mt-md-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mt-md-n3 {
+    margin-top: -0.75rem !important;
+  }
+  .mt-md-n4 {
+    margin-top: -1rem !important;
+  }
+  .mt-md-n5 {
+    margin-top: -1.25rem !important;
+  }
+  .mt-md-n6 {
+    margin-top: -1.5rem !important;
+  }
+  .mt-md-n7 {
+    margin-top: -1.75rem !important;
+  }
+  .mt-md-n8 {
+    margin-top: -2rem !important;
+  }
+  .mt-md-n9 {
+    margin-top: -2.25rem !important;
+  }
+  .mt-md-n10 {
+    margin-top: -2.5rem !important;
+  }
+  .mt-md-n11 {
+    margin-top: -2.75rem !important;
+  }
+  .mt-md-n12 {
+    margin-top: -3rem !important;
+  }
+  .mt-md-n13 {
+    margin-top: -3.25rem !important;
+  }
+  .mt-md-n14 {
+    margin-top: -3.5rem !important;
+  }
+  .mt-md-n15 {
+    margin-top: -3.75rem !important;
+  }
+  .mt-md-n16 {
+    margin-top: -4rem !important;
+  }
+  .mt-md-n17 {
+    margin-top: -4.25rem !important;
+  }
+  .mt-md-n18 {
+    margin-top: -4.5rem !important;
+  }
+  .mt-md-n19 {
+    margin-top: -4.75rem !important;
+  }
+  .mt-md-n20 {
+    margin-top: -5rem !important;
+  }
+  .me-md-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .me-md-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .me-md-n3 {
+    margin-right: -0.75rem !important;
+  }
+  .me-md-n4 {
+    margin-right: -1rem !important;
+  }
+  .me-md-n5 {
+    margin-right: -1.25rem !important;
+  }
+  .me-md-n6 {
+    margin-right: -1.5rem !important;
+  }
+  .me-md-n7 {
+    margin-right: -1.75rem !important;
+  }
+  .me-md-n8 {
+    margin-right: -2rem !important;
+  }
+  .me-md-n9 {
+    margin-right: -2.25rem !important;
+  }
+  .me-md-n10 {
+    margin-right: -2.5rem !important;
+  }
+  .me-md-n11 {
+    margin-right: -2.75rem !important;
+  }
+  .me-md-n12 {
+    margin-right: -3rem !important;
+  }
+  .me-md-n13 {
+    margin-right: -3.25rem !important;
+  }
+  .me-md-n14 {
+    margin-right: -3.5rem !important;
+  }
+  .me-md-n15 {
+    margin-right: -3.75rem !important;
+  }
+  .me-md-n16 {
+    margin-right: -4rem !important;
+  }
+  .me-md-n17 {
+    margin-right: -4.25rem !important;
+  }
+  .me-md-n18 {
+    margin-right: -4.5rem !important;
+  }
+  .me-md-n19 {
+    margin-right: -4.75rem !important;
+  }
+  .me-md-n20 {
+    margin-right: -5rem !important;
+  }
+  .mb-md-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .mb-md-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .mb-md-n3 {
+    margin-bottom: -0.75rem !important;
+  }
+  .mb-md-n4 {
+    margin-bottom: -1rem !important;
+  }
+  .mb-md-n5 {
+    margin-bottom: -1.25rem !important;
+  }
+  .mb-md-n6 {
+    margin-bottom: -1.5rem !important;
+  }
+  .mb-md-n7 {
+    margin-bottom: -1.75rem !important;
+  }
+  .mb-md-n8 {
+    margin-bottom: -2rem !important;
+  }
+  .mb-md-n9 {
+    margin-bottom: -2.25rem !important;
+  }
+  .mb-md-n10 {
+    margin-bottom: -2.5rem !important;
+  }
+  .mb-md-n11 {
+    margin-bottom: -2.75rem !important;
+  }
+  .mb-md-n12 {
+    margin-bottom: -3rem !important;
+  }
+  .mb-md-n13 {
+    margin-bottom: -3.25rem !important;
+  }
+  .mb-md-n14 {
+    margin-bottom: -3.5rem !important;
+  }
+  .mb-md-n15 {
+    margin-bottom: -3.75rem !important;
+  }
+  .mb-md-n16 {
+    margin-bottom: -4rem !important;
+  }
+  .mb-md-n17 {
+    margin-bottom: -4.25rem !important;
+  }
+  .mb-md-n18 {
+    margin-bottom: -4.5rem !important;
+  }
+  .mb-md-n19 {
+    margin-bottom: -4.75rem !important;
+  }
+  .mb-md-n20 {
+    margin-bottom: -5rem !important;
+  }
+  .ms-md-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .ms-md-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .ms-md-n3 {
+    margin-left: -0.75rem !important;
+  }
+  .ms-md-n4 {
+    margin-left: -1rem !important;
+  }
+  .ms-md-n5 {
+    margin-left: -1.25rem !important;
+  }
+  .ms-md-n6 {
+    margin-left: -1.5rem !important;
+  }
+  .ms-md-n7 {
+    margin-left: -1.75rem !important;
+  }
+  .ms-md-n8 {
+    margin-left: -2rem !important;
+  }
+  .ms-md-n9 {
+    margin-left: -2.25rem !important;
+  }
+  .ms-md-n10 {
+    margin-left: -2.5rem !important;
+  }
+  .ms-md-n11 {
+    margin-left: -2.75rem !important;
+  }
+  .ms-md-n12 {
+    margin-left: -3rem !important;
+  }
+  .ms-md-n13 {
+    margin-left: -3.25rem !important;
+  }
+  .ms-md-n14 {
+    margin-left: -3.5rem !important;
+  }
+  .ms-md-n15 {
+    margin-left: -3.75rem !important;
+  }
+  .ms-md-n16 {
+    margin-left: -4rem !important;
+  }
+  .ms-md-n17 {
+    margin-left: -4.25rem !important;
+  }
+  .ms-md-n18 {
+    margin-left: -4.5rem !important;
+  }
+  .ms-md-n19 {
+    margin-left: -4.75rem !important;
+  }
+  .ms-md-n20 {
+    margin-left: -5rem !important;
+  }
+  .p-md-0 {
+    padding: 0 !important;
+  }
+  .p-md-1 {
+    padding: 0.25rem !important;
+  }
+  .p-md-2 {
+    padding: 0.5rem !important;
+  }
+  .p-md-3 {
+    padding: 0.75rem !important;
+  }
+  .p-md-4 {
+    padding: 1rem !important;
+  }
+  .p-md-5 {
+    padding: 1.25rem !important;
+  }
+  .p-md-6 {
+    padding: 1.5rem !important;
+  }
+  .p-md-7 {
+    padding: 1.75rem !important;
+  }
+  .p-md-8 {
+    padding: 2rem !important;
+  }
+  .p-md-9 {
+    padding: 2.25rem !important;
+  }
+  .p-md-10 {
+    padding: 2.5rem !important;
+  }
+  .p-md-11 {
+    padding: 2.75rem !important;
+  }
+  .p-md-12 {
+    padding: 3rem !important;
+  }
+  .p-md-13 {
+    padding: 3.25rem !important;
+  }
+  .p-md-14 {
+    padding: 3.5rem !important;
+  }
+  .p-md-15 {
+    padding: 3.75rem !important;
+  }
+  .p-md-16 {
+    padding: 4rem !important;
+  }
+  .p-md-17 {
+    padding: 4.25rem !important;
+  }
+  .p-md-18 {
+    padding: 4.5rem !important;
+  }
+  .p-md-19 {
+    padding: 4.75rem !important;
+  }
+  .p-md-20 {
+    padding: 5rem !important;
+  }
+  .px-md-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+  .px-md-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+  .px-md-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+  .px-md-3 {
+    padding-right: 0.75rem !important;
+    padding-left: 0.75rem !important;
+  }
+  .px-md-4 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+  .px-md-5 {
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
+  }
+  .px-md-6 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
+  .px-md-7 {
+    padding-right: 1.75rem !important;
+    padding-left: 1.75rem !important;
+  }
+  .px-md-8 {
+    padding-right: 2rem !important;
+    padding-left: 2rem !important;
+  }
+  .px-md-9 {
+    padding-right: 2.25rem !important;
+    padding-left: 2.25rem !important;
+  }
+  .px-md-10 {
+    padding-right: 2.5rem !important;
+    padding-left: 2.5rem !important;
+  }
+  .px-md-11 {
+    padding-right: 2.75rem !important;
+    padding-left: 2.75rem !important;
+  }
+  .px-md-12 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .px-md-13 {
+    padding-right: 3.25rem !important;
+    padding-left: 3.25rem !important;
+  }
+  .px-md-14 {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .px-md-15 {
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
+  }
+  .px-md-16 {
+    padding-right: 4rem !important;
+    padding-left: 4rem !important;
+  }
+  .px-md-17 {
+    padding-right: 4.25rem !important;
+    padding-left: 4.25rem !important;
+  }
+  .px-md-18 {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important;
+  }
+  .px-md-19 {
+    padding-right: 4.75rem !important;
+    padding-left: 4.75rem !important;
+  }
+  .px-md-20 {
+    padding-right: 5rem !important;
+    padding-left: 5rem !important;
+  }
+  .py-md-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  .py-md-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
+  .py-md-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
+  .py-md-3 {
+    padding-top: 0.75rem !important;
+    padding-bottom: 0.75rem !important;
+  }
+  .py-md-4 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
+  .py-md-5 {
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
+  }
+  .py-md-6 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+  .py-md-7 {
+    padding-top: 1.75rem !important;
+    padding-bottom: 1.75rem !important;
+  }
+  .py-md-8 {
+    padding-top: 2rem !important;
+    padding-bottom: 2rem !important;
+  }
+  .py-md-9 {
+    padding-top: 2.25rem !important;
+    padding-bottom: 2.25rem !important;
+  }
+  .py-md-10 {
+    padding-top: 2.5rem !important;
+    padding-bottom: 2.5rem !important;
+  }
+  .py-md-11 {
+    padding-top: 2.75rem !important;
+    padding-bottom: 2.75rem !important;
+  }
+  .py-md-12 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+  .py-md-13 {
+    padding-top: 3.25rem !important;
+    padding-bottom: 3.25rem !important;
+  }
+  .py-md-14 {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+  .py-md-15 {
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
+  }
+  .py-md-16 {
+    padding-top: 4rem !important;
+    padding-bottom: 4rem !important;
+  }
+  .py-md-17 {
+    padding-top: 4.25rem !important;
+    padding-bottom: 4.25rem !important;
+  }
+  .py-md-18 {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important;
+  }
+  .py-md-19 {
+    padding-top: 4.75rem !important;
+    padding-bottom: 4.75rem !important;
+  }
+  .py-md-20 {
+    padding-top: 5rem !important;
+    padding-bottom: 5rem !important;
+  }
+  .pt-md-0 {
+    padding-top: 0 !important;
+  }
+  .pt-md-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pt-md-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pt-md-3 {
+    padding-top: 0.75rem !important;
+  }
+  .pt-md-4 {
+    padding-top: 1rem !important;
+  }
+  .pt-md-5 {
+    padding-top: 1.25rem !important;
+  }
+  .pt-md-6 {
+    padding-top: 1.5rem !important;
+  }
+  .pt-md-7 {
+    padding-top: 1.75rem !important;
+  }
+  .pt-md-8 {
+    padding-top: 2rem !important;
+  }
+  .pt-md-9 {
+    padding-top: 2.25rem !important;
+  }
+  .pt-md-10 {
+    padding-top: 2.5rem !important;
+  }
+  .pt-md-11 {
+    padding-top: 2.75rem !important;
+  }
+  .pt-md-12 {
+    padding-top: 3rem !important;
+  }
+  .pt-md-13 {
+    padding-top: 3.25rem !important;
+  }
+  .pt-md-14 {
+    padding-top: 3.5rem !important;
+  }
+  .pt-md-15 {
+    padding-top: 3.75rem !important;
+  }
+  .pt-md-16 {
+    padding-top: 4rem !important;
+  }
+  .pt-md-17 {
+    padding-top: 4.25rem !important;
+  }
+  .pt-md-18 {
+    padding-top: 4.5rem !important;
+  }
+  .pt-md-19 {
+    padding-top: 4.75rem !important;
+  }
+  .pt-md-20 {
+    padding-top: 5rem !important;
+  }
+  .pe-md-0 {
+    padding-right: 0 !important;
+  }
+  .pe-md-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pe-md-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pe-md-3 {
+    padding-right: 0.75rem !important;
+  }
+  .pe-md-4 {
+    padding-right: 1rem !important;
+  }
+  .pe-md-5 {
+    padding-right: 1.25rem !important;
+  }
+  .pe-md-6 {
+    padding-right: 1.5rem !important;
+  }
+  .pe-md-7 {
+    padding-right: 1.75rem !important;
+  }
+  .pe-md-8 {
+    padding-right: 2rem !important;
+  }
+  .pe-md-9 {
+    padding-right: 2.25rem !important;
+  }
+  .pe-md-10 {
+    padding-right: 2.5rem !important;
+  }
+  .pe-md-11 {
+    padding-right: 2.75rem !important;
+  }
+  .pe-md-12 {
+    padding-right: 3rem !important;
+  }
+  .pe-md-13 {
+    padding-right: 3.25rem !important;
+  }
+  .pe-md-14 {
+    padding-right: 3.5rem !important;
+  }
+  .pe-md-15 {
+    padding-right: 3.75rem !important;
+  }
+  .pe-md-16 {
+    padding-right: 4rem !important;
+  }
+  .pe-md-17 {
+    padding-right: 4.25rem !important;
+  }
+  .pe-md-18 {
+    padding-right: 4.5rem !important;
+  }
+  .pe-md-19 {
+    padding-right: 4.75rem !important;
+  }
+  .pe-md-20 {
+    padding-right: 5rem !important;
+  }
+  .pb-md-0 {
+    padding-bottom: 0 !important;
+  }
+  .pb-md-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pb-md-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pb-md-3 {
+    padding-bottom: 0.75rem !important;
+  }
+  .pb-md-4 {
+    padding-bottom: 1rem !important;
+  }
+  .pb-md-5 {
+    padding-bottom: 1.25rem !important;
+  }
+  .pb-md-6 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pb-md-7 {
+    padding-bottom: 1.75rem !important;
+  }
+  .pb-md-8 {
+    padding-bottom: 2rem !important;
+  }
+  .pb-md-9 {
+    padding-bottom: 2.25rem !important;
+  }
+  .pb-md-10 {
+    padding-bottom: 2.5rem !important;
+  }
+  .pb-md-11 {
+    padding-bottom: 2.75rem !important;
+  }
+  .pb-md-12 {
+    padding-bottom: 3rem !important;
+  }
+  .pb-md-13 {
+    padding-bottom: 3.25rem !important;
+  }
+  .pb-md-14 {
+    padding-bottom: 3.5rem !important;
+  }
+  .pb-md-15 {
+    padding-bottom: 3.75rem !important;
+  }
+  .pb-md-16 {
+    padding-bottom: 4rem !important;
+  }
+  .pb-md-17 {
+    padding-bottom: 4.25rem !important;
+  }
+  .pb-md-18 {
+    padding-bottom: 4.5rem !important;
+  }
+  .pb-md-19 {
+    padding-bottom: 4.75rem !important;
+  }
+  .pb-md-20 {
+    padding-bottom: 5rem !important;
+  }
+  .ps-md-0 {
+    padding-left: 0 !important;
+  }
+  .ps-md-1 {
+    padding-left: 0.25rem !important;
+  }
+  .ps-md-2 {
+    padding-left: 0.5rem !important;
+  }
+  .ps-md-3 {
+    padding-left: 0.75rem !important;
+  }
+  .ps-md-4 {
+    padding-left: 1rem !important;
+  }
+  .ps-md-5 {
+    padding-left: 1.25rem !important;
+  }
+  .ps-md-6 {
+    padding-left: 1.5rem !important;
+  }
+  .ps-md-7 {
+    padding-left: 1.75rem !important;
+  }
+  .ps-md-8 {
+    padding-left: 2rem !important;
+  }
+  .ps-md-9 {
+    padding-left: 2.25rem !important;
+  }
+  .ps-md-10 {
+    padding-left: 2.5rem !important;
+  }
+  .ps-md-11 {
+    padding-left: 2.75rem !important;
+  }
+  .ps-md-12 {
+    padding-left: 3rem !important;
+  }
+  .ps-md-13 {
+    padding-left: 3.25rem !important;
+  }
+  .ps-md-14 {
+    padding-left: 3.5rem !important;
+  }
+  .ps-md-15 {
+    padding-left: 3.75rem !important;
+  }
+  .ps-md-16 {
+    padding-left: 4rem !important;
+  }
+  .ps-md-17 {
+    padding-left: 4.25rem !important;
+  }
+  .ps-md-18 {
+    padding-left: 4.5rem !important;
+  }
+  .ps-md-19 {
+    padding-left: 4.75rem !important;
+  }
+  .ps-md-20 {
+    padding-left: 5rem !important;
+  }
+  .gap-md-0 {
+    gap: 0 !important;
+  }
+  .gap-md-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-md-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-md-3 {
+    gap: 0.75rem !important;
+  }
+  .gap-md-4 {
+    gap: 1rem !important;
+  }
+  .gap-md-5 {
+    gap: 1.25rem !important;
+  }
+  .gap-md-6 {
+    gap: 1.5rem !important;
+  }
+  .gap-md-7 {
+    gap: 1.75rem !important;
+  }
+  .gap-md-8 {
+    gap: 2rem !important;
+  }
+  .gap-md-9 {
+    gap: 2.25rem !important;
+  }
+  .gap-md-10 {
+    gap: 2.5rem !important;
+  }
+  .gap-md-11 {
+    gap: 2.75rem !important;
+  }
+  .gap-md-12 {
+    gap: 3rem !important;
+  }
+  .gap-md-13 {
+    gap: 3.25rem !important;
+  }
+  .gap-md-14 {
+    gap: 3.5rem !important;
+  }
+  .gap-md-15 {
+    gap: 3.75rem !important;
+  }
+  .gap-md-16 {
+    gap: 4rem !important;
+  }
+  .gap-md-17 {
+    gap: 4.25rem !important;
+  }
+  .gap-md-18 {
+    gap: 4.5rem !important;
+  }
+  .gap-md-19 {
+    gap: 4.75rem !important;
+  }
+  .gap-md-20 {
+    gap: 5rem !important;
+  }
+  .fs-md-1 {
+    font-size: calc(1.3rem + 0.6vw) !important;
+  }
+  .fs-md-2 {
+    font-size: calc(1.275rem + 0.3vw) !important;
+  }
+  .fs-md-3 {
+    font-size: calc(1.26rem + 0.12vw) !important;
+  }
+  .fs-md-4 {
+    font-size: 1.25rem !important;
+  }
+  .fs-md-5 {
+    font-size: 1.15rem !important;
+  }
+  .fs-md-6 {
+    font-size: 1.075rem !important;
+  }
+  .fs-md-7 {
+    font-size: 0.95rem !important;
+  }
+  .fs-md-8 {
+    font-size: 0.85rem !important;
+  }
+  .fs-md-9 {
+    font-size: 0.75rem !important;
+  }
+  .fs-md-10 {
+    font-size: 0.5rem !important;
+  }
+  .fs-md-base {
+    font-size: 1rem !important;
+  }
+  .fs-md-fluid {
+    font-size: 100% !important;
+  }
+  .fs-md-2x {
+    font-size: calc(1.325rem + 0.9vw) !important;
+  }
+  .fs-md-2qx {
+    font-size: calc(1.35rem + 1.2vw) !important;
+  }
+  .fs-md-2hx {
+    font-size: calc(1.375rem + 1.5vw) !important;
+  }
+  .fs-md-2tx {
+    font-size: calc(1.4rem + 1.8vw) !important;
+  }
+  .fs-md-3x {
+    font-size: calc(1.425rem + 2.1vw) !important;
+  }
+  .fs-md-3qx {
+    font-size: calc(1.45rem + 2.4vw) !important;
+  }
+  .fs-md-3hx {
+    font-size: calc(1.475rem + 2.7vw) !important;
+  }
+  .fs-md-3tx {
+    font-size: calc(1.5rem + 3vw) !important;
+  }
+  .fs-md-4x {
+    font-size: calc(1.525rem + 3.3vw) !important;
+  }
+  .fs-md-4qx {
+    font-size: calc(1.55rem + 3.6vw) !important;
+  }
+  .fs-md-4hx {
+    font-size: calc(1.575rem + 3.9vw) !important;
+  }
+  .fs-md-4tx {
+    font-size: calc(1.6rem + 4.2vw) !important;
+  }
+  .fs-md-5x {
+    font-size: calc(1.625rem + 4.5vw) !important;
+  }
+  .fs-md-5qx {
+    font-size: calc(1.65rem + 4.8vw) !important;
+  }
+  .fs-md-5hx {
+    font-size: calc(1.675rem + 5.1vw) !important;
+  }
+  .fs-md-5tx {
+    font-size: calc(1.7rem + 5.4vw) !important;
+  }
+  .text-md-start {
+    text-align: left !important;
+  }
+  .text-md-end {
+    text-align: right !important;
+  }
+  .text-md-center {
+    text-align: center !important;
+  }
+  .min-w-md-unset {
+    min-width: unset !important;
+  }
+  .min-w-md-25 {
+    min-width: 25% !important;
+  }
+  .min-w-md-50 {
+    min-width: 50% !important;
+  }
+  .min-w-md-75 {
+    min-width: 75% !important;
+  }
+  .min-w-md-100 {
+    min-width: 100% !important;
+  }
+  .min-w-md-auto {
+    min-width: auto !important;
+  }
+  .min-w-md-1px {
+    min-width: 1px !important;
+  }
+  .min-w-md-2px {
+    min-width: 2px !important;
+  }
+  .min-w-md-3px {
+    min-width: 3px !important;
+  }
+  .min-w-md-4px {
+    min-width: 4px !important;
+  }
+  .min-w-md-5px {
+    min-width: 5px !important;
+  }
+  .min-w-md-6px {
+    min-width: 6px !important;
+  }
+  .min-w-md-7px {
+    min-width: 7px !important;
+  }
+  .min-w-md-8px {
+    min-width: 8px !important;
+  }
+  .min-w-md-9px {
+    min-width: 9px !important;
+  }
+  .min-w-md-10px {
+    min-width: 10px !important;
+  }
+  .min-w-md-15px {
+    min-width: 15px !important;
+  }
+  .min-w-md-20px {
+    min-width: 20px !important;
+  }
+  .min-w-md-25px {
+    min-width: 25px !important;
+  }
+  .min-w-md-30px {
+    min-width: 30px !important;
+  }
+  .min-w-md-35px {
+    min-width: 35px !important;
+  }
+  .min-w-md-40px {
+    min-width: 40px !important;
+  }
+  .min-w-md-45px {
+    min-width: 45px !important;
+  }
+  .min-w-md-50px {
+    min-width: 50px !important;
+  }
+  .min-w-md-55px {
+    min-width: 55px !important;
+  }
+  .min-w-md-60px {
+    min-width: 60px !important;
+  }
+  .min-w-md-65px {
+    min-width: 65px !important;
+  }
+  .min-w-md-70px {
+    min-width: 70px !important;
+  }
+  .min-w-md-75px {
+    min-width: 75px !important;
+  }
+  .min-w-md-80px {
+    min-width: 80px !important;
+  }
+  .min-w-md-85px {
+    min-width: 85px !important;
+  }
+  .min-w-md-90px {
+    min-width: 90px !important;
+  }
+  .min-w-md-95px {
+    min-width: 95px !important;
+  }
+  .min-w-md-100px {
+    min-width: 100px !important;
+  }
+  .min-w-md-125px {
+    min-width: 125px !important;
+  }
+  .min-w-md-150px {
+    min-width: 150px !important;
+  }
+  .min-w-md-175px {
+    min-width: 175px !important;
+  }
+  .min-w-md-200px {
+    min-width: 200px !important;
+  }
+  .min-w-md-225px {
+    min-width: 225px !important;
+  }
+  .min-w-md-250px {
+    min-width: 250px !important;
+  }
+  .min-w-md-275px {
+    min-width: 275px !important;
+  }
+  .min-w-md-300px {
+    min-width: 300px !important;
+  }
+  .min-w-md-325px {
+    min-width: 325px !important;
+  }
+  .min-w-md-350px {
+    min-width: 350px !important;
+  }
+  .min-w-md-375px {
+    min-width: 375px !important;
+  }
+  .min-w-md-400px {
+    min-width: 400px !important;
+  }
+  .min-w-md-425px {
+    min-width: 425px !important;
+  }
+  .min-w-md-450px {
+    min-width: 450px !important;
+  }
+  .min-w-md-475px {
+    min-width: 475px !important;
+  }
+  .min-w-md-500px {
+    min-width: 500px !important;
+  }
+  .min-w-md-550px {
+    min-width: 550px !important;
+  }
+  .min-w-md-600px {
+    min-width: 600px !important;
+  }
+  .min-w-md-650px {
+    min-width: 650px !important;
+  }
+  .min-w-md-700px {
+    min-width: 700px !important;
+  }
+  .min-w-md-750px {
+    min-width: 750px !important;
+  }
+  .min-w-md-800px {
+    min-width: 800px !important;
+  }
+  .min-w-md-850px {
+    min-width: 850px !important;
+  }
+  .min-w-md-900px {
+    min-width: 900px !important;
+  }
+  .min-w-md-950px {
+    min-width: 950px !important;
+  }
+  .min-w-md-1000px {
+    min-width: 1000px !important;
+  }
+  .min-h-md-unset {
+    min-height: unset !important;
+  }
+  .min-h-md-25 {
+    min-height: 25% !important;
+  }
+  .min-h-md-50 {
+    min-height: 50% !important;
+  }
+  .min-h-md-75 {
+    min-height: 75% !important;
+  }
+  .min-h-md-100 {
+    min-height: 100% !important;
+  }
+  .min-h-md-auto {
+    min-height: auto !important;
+  }
+  .min-h-md-1px {
+    min-height: 1px !important;
+  }
+  .min-h-md-2px {
+    min-height: 2px !important;
+  }
+  .min-h-md-3px {
+    min-height: 3px !important;
+  }
+  .min-h-md-4px {
+    min-height: 4px !important;
+  }
+  .min-h-md-5px {
+    min-height: 5px !important;
+  }
+  .min-h-md-6px {
+    min-height: 6px !important;
+  }
+  .min-h-md-7px {
+    min-height: 7px !important;
+  }
+  .min-h-md-8px {
+    min-height: 8px !important;
+  }
+  .min-h-md-9px {
+    min-height: 9px !important;
+  }
+  .min-h-md-10px {
+    min-height: 10px !important;
+  }
+  .min-h-md-15px {
+    min-height: 15px !important;
+  }
+  .min-h-md-20px {
+    min-height: 20px !important;
+  }
+  .min-h-md-25px {
+    min-height: 25px !important;
+  }
+  .min-h-md-30px {
+    min-height: 30px !important;
+  }
+  .min-h-md-35px {
+    min-height: 35px !important;
+  }
+  .min-h-md-40px {
+    min-height: 40px !important;
+  }
+  .min-h-md-45px {
+    min-height: 45px !important;
+  }
+  .min-h-md-50px {
+    min-height: 50px !important;
+  }
+  .min-h-md-55px {
+    min-height: 55px !important;
+  }
+  .min-h-md-60px {
+    min-height: 60px !important;
+  }
+  .min-h-md-65px {
+    min-height: 65px !important;
+  }
+  .min-h-md-70px {
+    min-height: 70px !important;
+  }
+  .min-h-md-75px {
+    min-height: 75px !important;
+  }
+  .min-h-md-80px {
+    min-height: 80px !important;
+  }
+  .min-h-md-85px {
+    min-height: 85px !important;
+  }
+  .min-h-md-90px {
+    min-height: 90px !important;
+  }
+  .min-h-md-95px {
+    min-height: 95px !important;
+  }
+  .min-h-md-100px {
+    min-height: 100px !important;
+  }
+  .min-h-md-125px {
+    min-height: 125px !important;
+  }
+  .min-h-md-150px {
+    min-height: 150px !important;
+  }
+  .min-h-md-175px {
+    min-height: 175px !important;
+  }
+  .min-h-md-200px {
+    min-height: 200px !important;
+  }
+  .min-h-md-225px {
+    min-height: 225px !important;
+  }
+  .min-h-md-250px {
+    min-height: 250px !important;
+  }
+  .min-h-md-275px {
+    min-height: 275px !important;
+  }
+  .min-h-md-300px {
+    min-height: 300px !important;
+  }
+  .min-h-md-325px {
+    min-height: 325px !important;
+  }
+  .min-h-md-350px {
+    min-height: 350px !important;
+  }
+  .min-h-md-375px {
+    min-height: 375px !important;
+  }
+  .min-h-md-400px {
+    min-height: 400px !important;
+  }
+  .min-h-md-425px {
+    min-height: 425px !important;
+  }
+  .min-h-md-450px {
+    min-height: 450px !important;
+  }
+  .min-h-md-475px {
+    min-height: 475px !important;
+  }
+  .min-h-md-500px {
+    min-height: 500px !important;
+  }
+  .min-h-md-550px {
+    min-height: 550px !important;
+  }
+  .min-h-md-600px {
+    min-height: 600px !important;
+  }
+  .min-h-md-650px {
+    min-height: 650px !important;
+  }
+  .min-h-md-700px {
+    min-height: 700px !important;
+  }
+  .min-h-md-750px {
+    min-height: 750px !important;
+  }
+  .min-h-md-800px {
+    min-height: 800px !important;
+  }
+  .min-h-md-850px {
+    min-height: 850px !important;
+  }
+  .min-h-md-900px {
+    min-height: 900px !important;
+  }
+  .min-h-md-950px {
+    min-height: 950px !important;
+  }
+  .min-h-md-1000px {
+    min-height: 1000px !important;
+  }
+}
+@media (min-width: 992px) {
+  .float-lg-start {
+    float: left !important;
+  }
+  .float-lg-end {
+    float: right !important;
+  }
+  .float-lg-none {
+    float: none !important;
+  }
+  .d-lg-inline {
+    display: inline !important;
+  }
+  .d-lg-inline-block {
+    display: inline-block !important;
+  }
+  .d-lg-block {
+    display: block !important;
+  }
+  .d-lg-grid {
+    display: grid !important;
+  }
+  .d-lg-table {
+    display: table !important;
+  }
+  .d-lg-table-row {
+    display: table-row !important;
+  }
+  .d-lg-table-cell {
+    display: table-cell !important;
+  }
+  .d-lg-flex {
+    display: flex !important;
+  }
+  .d-lg-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-lg-none {
+    display: none !important;
+  }
+  .position-lg-static {
+    position: static !important;
+  }
+  .position-lg-relative {
+    position: relative !important;
+  }
+  .position-lg-absolute {
+    position: absolute !important;
+  }
+  .position-lg-fixed {
+    position: fixed !important;
+  }
+  .position-lg-sticky {
+    position: sticky !important;
+  }
+  .w-lg-unset {
+    width: unset !important;
+  }
+  .w-lg-25 {
+    width: 25% !important;
+  }
+  .w-lg-50 {
+    width: 50% !important;
+  }
+  .w-lg-75 {
+    width: 75% !important;
+  }
+  .w-lg-100 {
+    width: 100% !important;
+  }
+  .w-lg-auto {
+    width: auto !important;
+  }
+  .w-lg-1px {
+    width: 1px !important;
+  }
+  .w-lg-2px {
+    width: 2px !important;
+  }
+  .w-lg-3px {
+    width: 3px !important;
+  }
+  .w-lg-4px {
+    width: 4px !important;
+  }
+  .w-lg-5px {
+    width: 5px !important;
+  }
+  .w-lg-6px {
+    width: 6px !important;
+  }
+  .w-lg-7px {
+    width: 7px !important;
+  }
+  .w-lg-8px {
+    width: 8px !important;
+  }
+  .w-lg-9px {
+    width: 9px !important;
+  }
+  .w-lg-10px {
+    width: 10px !important;
+  }
+  .w-lg-15px {
+    width: 15px !important;
+  }
+  .w-lg-20px {
+    width: 20px !important;
+  }
+  .w-lg-25px {
+    width: 25px !important;
+  }
+  .w-lg-30px {
+    width: 30px !important;
+  }
+  .w-lg-35px {
+    width: 35px !important;
+  }
+  .w-lg-40px {
+    width: 40px !important;
+  }
+  .w-lg-45px {
+    width: 45px !important;
+  }
+  .w-lg-50px {
+    width: 50px !important;
+  }
+  .w-lg-55px {
+    width: 55px !important;
+  }
+  .w-lg-60px {
+    width: 60px !important;
+  }
+  .w-lg-65px {
+    width: 65px !important;
+  }
+  .w-lg-70px {
+    width: 70px !important;
+  }
+  .w-lg-75px {
+    width: 75px !important;
+  }
+  .w-lg-80px {
+    width: 80px !important;
+  }
+  .w-lg-85px {
+    width: 85px !important;
+  }
+  .w-lg-90px {
+    width: 90px !important;
+  }
+  .w-lg-95px {
+    width: 95px !important;
+  }
+  .w-lg-100px {
+    width: 100px !important;
+  }
+  .w-lg-125px {
+    width: 125px !important;
+  }
+  .w-lg-150px {
+    width: 150px !important;
+  }
+  .w-lg-175px {
+    width: 175px !important;
+  }
+  .w-lg-200px {
+    width: 200px !important;
+  }
+  .w-lg-225px {
+    width: 225px !important;
+  }
+  .w-lg-250px {
+    width: 250px !important;
+  }
+  .w-lg-275px {
+    width: 275px !important;
+  }
+  .w-lg-300px {
+    width: 300px !important;
+  }
+  .w-lg-325px {
+    width: 325px !important;
+  }
+  .w-lg-350px {
+    width: 350px !important;
+  }
+  .w-lg-375px {
+    width: 375px !important;
+  }
+  .w-lg-400px {
+    width: 400px !important;
+  }
+  .w-lg-425px {
+    width: 425px !important;
+  }
+  .w-lg-450px {
+    width: 450px !important;
+  }
+  .w-lg-475px {
+    width: 475px !important;
+  }
+  .w-lg-500px {
+    width: 500px !important;
+  }
+  .w-lg-550px {
+    width: 550px !important;
+  }
+  .w-lg-600px {
+    width: 600px !important;
+  }
+  .w-lg-650px {
+    width: 650px !important;
+  }
+  .w-lg-700px {
+    width: 700px !important;
+  }
+  .w-lg-750px {
+    width: 750px !important;
+  }
+  .w-lg-800px {
+    width: 800px !important;
+  }
+  .w-lg-850px {
+    width: 850px !important;
+  }
+  .w-lg-900px {
+    width: 900px !important;
+  }
+  .w-lg-950px {
+    width: 950px !important;
+  }
+  .w-lg-1000px {
+    width: 1000px !important;
+  }
+  .mw-lg-unset {
+    max-width: unset !important;
+  }
+  .mw-lg-25 {
+    max-width: 25% !important;
+  }
+  .mw-lg-50 {
+    max-width: 50% !important;
+  }
+  .mw-lg-75 {
+    max-width: 75% !important;
+  }
+  .mw-lg-100 {
+    max-width: 100% !important;
+  }
+  .mw-lg-auto {
+    max-width: auto !important;
+  }
+  .mw-lg-1px {
+    max-width: 1px !important;
+  }
+  .mw-lg-2px {
+    max-width: 2px !important;
+  }
+  .mw-lg-3px {
+    max-width: 3px !important;
+  }
+  .mw-lg-4px {
+    max-width: 4px !important;
+  }
+  .mw-lg-5px {
+    max-width: 5px !important;
+  }
+  .mw-lg-6px {
+    max-width: 6px !important;
+  }
+  .mw-lg-7px {
+    max-width: 7px !important;
+  }
+  .mw-lg-8px {
+    max-width: 8px !important;
+  }
+  .mw-lg-9px {
+    max-width: 9px !important;
+  }
+  .mw-lg-10px {
+    max-width: 10px !important;
+  }
+  .mw-lg-15px {
+    max-width: 15px !important;
+  }
+  .mw-lg-20px {
+    max-width: 20px !important;
+  }
+  .mw-lg-25px {
+    max-width: 25px !important;
+  }
+  .mw-lg-30px {
+    max-width: 30px !important;
+  }
+  .mw-lg-35px {
+    max-width: 35px !important;
+  }
+  .mw-lg-40px {
+    max-width: 40px !important;
+  }
+  .mw-lg-45px {
+    max-width: 45px !important;
+  }
+  .mw-lg-50px {
+    max-width: 50px !important;
+  }
+  .mw-lg-55px {
+    max-width: 55px !important;
+  }
+  .mw-lg-60px {
+    max-width: 60px !important;
+  }
+  .mw-lg-65px {
+    max-width: 65px !important;
+  }
+  .mw-lg-70px {
+    max-width: 70px !important;
+  }
+  .mw-lg-75px {
+    max-width: 75px !important;
+  }
+  .mw-lg-80px {
+    max-width: 80px !important;
+  }
+  .mw-lg-85px {
+    max-width: 85px !important;
+  }
+  .mw-lg-90px {
+    max-width: 90px !important;
+  }
+  .mw-lg-95px {
+    max-width: 95px !important;
+  }
+  .mw-lg-100px {
+    max-width: 100px !important;
+  }
+  .mw-lg-125px {
+    max-width: 125px !important;
+  }
+  .mw-lg-150px {
+    max-width: 150px !important;
+  }
+  .mw-lg-175px {
+    max-width: 175px !important;
+  }
+  .mw-lg-200px {
+    max-width: 200px !important;
+  }
+  .mw-lg-225px {
+    max-width: 225px !important;
+  }
+  .mw-lg-250px {
+    max-width: 250px !important;
+  }
+  .mw-lg-275px {
+    max-width: 275px !important;
+  }
+  .mw-lg-300px {
+    max-width: 300px !important;
+  }
+  .mw-lg-325px {
+    max-width: 325px !important;
+  }
+  .mw-lg-350px {
+    max-width: 350px !important;
+  }
+  .mw-lg-375px {
+    max-width: 375px !important;
+  }
+  .mw-lg-400px {
+    max-width: 400px !important;
+  }
+  .mw-lg-425px {
+    max-width: 425px !important;
+  }
+  .mw-lg-450px {
+    max-width: 450px !important;
+  }
+  .mw-lg-475px {
+    max-width: 475px !important;
+  }
+  .mw-lg-500px {
+    max-width: 500px !important;
+  }
+  .mw-lg-550px {
+    max-width: 550px !important;
+  }
+  .mw-lg-600px {
+    max-width: 600px !important;
+  }
+  .mw-lg-650px {
+    max-width: 650px !important;
+  }
+  .mw-lg-700px {
+    max-width: 700px !important;
+  }
+  .mw-lg-750px {
+    max-width: 750px !important;
+  }
+  .mw-lg-800px {
+    max-width: 800px !important;
+  }
+  .mw-lg-850px {
+    max-width: 850px !important;
+  }
+  .mw-lg-900px {
+    max-width: 900px !important;
+  }
+  .mw-lg-950px {
+    max-width: 950px !important;
+  }
+  .mw-lg-1000px {
+    max-width: 1000px !important;
+  }
+  .h-lg-unset {
+    height: unset !important;
+  }
+  .h-lg-25 {
+    height: 25% !important;
+  }
+  .h-lg-50 {
+    height: 50% !important;
+  }
+  .h-lg-75 {
+    height: 75% !important;
+  }
+  .h-lg-100 {
+    height: 100% !important;
+  }
+  .h-lg-auto {
+    height: auto !important;
+  }
+  .h-lg-1px {
+    height: 1px !important;
+  }
+  .h-lg-2px {
+    height: 2px !important;
+  }
+  .h-lg-3px {
+    height: 3px !important;
+  }
+  .h-lg-4px {
+    height: 4px !important;
+  }
+  .h-lg-5px {
+    height: 5px !important;
+  }
+  .h-lg-6px {
+    height: 6px !important;
+  }
+  .h-lg-7px {
+    height: 7px !important;
+  }
+  .h-lg-8px {
+    height: 8px !important;
+  }
+  .h-lg-9px {
+    height: 9px !important;
+  }
+  .h-lg-10px {
+    height: 10px !important;
+  }
+  .h-lg-15px {
+    height: 15px !important;
+  }
+  .h-lg-20px {
+    height: 20px !important;
+  }
+  .h-lg-25px {
+    height: 25px !important;
+  }
+  .h-lg-30px {
+    height: 30px !important;
+  }
+  .h-lg-35px {
+    height: 35px !important;
+  }
+  .h-lg-40px {
+    height: 40px !important;
+  }
+  .h-lg-45px {
+    height: 45px !important;
+  }
+  .h-lg-50px {
+    height: 50px !important;
+  }
+  .h-lg-55px {
+    height: 55px !important;
+  }
+  .h-lg-60px {
+    height: 60px !important;
+  }
+  .h-lg-65px {
+    height: 65px !important;
+  }
+  .h-lg-70px {
+    height: 70px !important;
+  }
+  .h-lg-75px {
+    height: 75px !important;
+  }
+  .h-lg-80px {
+    height: 80px !important;
+  }
+  .h-lg-85px {
+    height: 85px !important;
+  }
+  .h-lg-90px {
+    height: 90px !important;
+  }
+  .h-lg-95px {
+    height: 95px !important;
+  }
+  .h-lg-100px {
+    height: 100px !important;
+  }
+  .h-lg-125px {
+    height: 125px !important;
+  }
+  .h-lg-150px {
+    height: 150px !important;
+  }
+  .h-lg-175px {
+    height: 175px !important;
+  }
+  .h-lg-200px {
+    height: 200px !important;
+  }
+  .h-lg-225px {
+    height: 225px !important;
+  }
+  .h-lg-250px {
+    height: 250px !important;
+  }
+  .h-lg-275px {
+    height: 275px !important;
+  }
+  .h-lg-300px {
+    height: 300px !important;
+  }
+  .h-lg-325px {
+    height: 325px !important;
+  }
+  .h-lg-350px {
+    height: 350px !important;
+  }
+  .h-lg-375px {
+    height: 375px !important;
+  }
+  .h-lg-400px {
+    height: 400px !important;
+  }
+  .h-lg-425px {
+    height: 425px !important;
+  }
+  .h-lg-450px {
+    height: 450px !important;
+  }
+  .h-lg-475px {
+    height: 475px !important;
+  }
+  .h-lg-500px {
+    height: 500px !important;
+  }
+  .h-lg-550px {
+    height: 550px !important;
+  }
+  .h-lg-600px {
+    height: 600px !important;
+  }
+  .h-lg-650px {
+    height: 650px !important;
+  }
+  .h-lg-700px {
+    height: 700px !important;
+  }
+  .h-lg-750px {
+    height: 750px !important;
+  }
+  .h-lg-800px {
+    height: 800px !important;
+  }
+  .h-lg-850px {
+    height: 850px !important;
+  }
+  .h-lg-900px {
+    height: 900px !important;
+  }
+  .h-lg-950px {
+    height: 950px !important;
+  }
+  .h-lg-1000px {
+    height: 1000px !important;
+  }
+  .mh-lg-unset {
+    max-height: unset !important;
+  }
+  .mh-lg-25 {
+    max-height: 25% !important;
+  }
+  .mh-lg-50 {
+    max-height: 50% !important;
+  }
+  .mh-lg-75 {
+    max-height: 75% !important;
+  }
+  .mh-lg-100 {
+    max-height: 100% !important;
+  }
+  .mh-lg-auto {
+    max-height: auto !important;
+  }
+  .mh-lg-1px {
+    max-height: 1px !important;
+  }
+  .mh-lg-2px {
+    max-height: 2px !important;
+  }
+  .mh-lg-3px {
+    max-height: 3px !important;
+  }
+  .mh-lg-4px {
+    max-height: 4px !important;
+  }
+  .mh-lg-5px {
+    max-height: 5px !important;
+  }
+  .mh-lg-6px {
+    max-height: 6px !important;
+  }
+  .mh-lg-7px {
+    max-height: 7px !important;
+  }
+  .mh-lg-8px {
+    max-height: 8px !important;
+  }
+  .mh-lg-9px {
+    max-height: 9px !important;
+  }
+  .mh-lg-10px {
+    max-height: 10px !important;
+  }
+  .mh-lg-15px {
+    max-height: 15px !important;
+  }
+  .mh-lg-20px {
+    max-height: 20px !important;
+  }
+  .mh-lg-25px {
+    max-height: 25px !important;
+  }
+  .mh-lg-30px {
+    max-height: 30px !important;
+  }
+  .mh-lg-35px {
+    max-height: 35px !important;
+  }
+  .mh-lg-40px {
+    max-height: 40px !important;
+  }
+  .mh-lg-45px {
+    max-height: 45px !important;
+  }
+  .mh-lg-50px {
+    max-height: 50px !important;
+  }
+  .mh-lg-55px {
+    max-height: 55px !important;
+  }
+  .mh-lg-60px {
+    max-height: 60px !important;
+  }
+  .mh-lg-65px {
+    max-height: 65px !important;
+  }
+  .mh-lg-70px {
+    max-height: 70px !important;
+  }
+  .mh-lg-75px {
+    max-height: 75px !important;
+  }
+  .mh-lg-80px {
+    max-height: 80px !important;
+  }
+  .mh-lg-85px {
+    max-height: 85px !important;
+  }
+  .mh-lg-90px {
+    max-height: 90px !important;
+  }
+  .mh-lg-95px {
+    max-height: 95px !important;
+  }
+  .mh-lg-100px {
+    max-height: 100px !important;
+  }
+  .mh-lg-125px {
+    max-height: 125px !important;
+  }
+  .mh-lg-150px {
+    max-height: 150px !important;
+  }
+  .mh-lg-175px {
+    max-height: 175px !important;
+  }
+  .mh-lg-200px {
+    max-height: 200px !important;
+  }
+  .mh-lg-225px {
+    max-height: 225px !important;
+  }
+  .mh-lg-250px {
+    max-height: 250px !important;
+  }
+  .mh-lg-275px {
+    max-height: 275px !important;
+  }
+  .mh-lg-300px {
+    max-height: 300px !important;
+  }
+  .mh-lg-325px {
+    max-height: 325px !important;
+  }
+  .mh-lg-350px {
+    max-height: 350px !important;
+  }
+  .mh-lg-375px {
+    max-height: 375px !important;
+  }
+  .mh-lg-400px {
+    max-height: 400px !important;
+  }
+  .mh-lg-425px {
+    max-height: 425px !important;
+  }
+  .mh-lg-450px {
+    max-height: 450px !important;
+  }
+  .mh-lg-475px {
+    max-height: 475px !important;
+  }
+  .mh-lg-500px {
+    max-height: 500px !important;
+  }
+  .mh-lg-550px {
+    max-height: 550px !important;
+  }
+  .mh-lg-600px {
+    max-height: 600px !important;
+  }
+  .mh-lg-650px {
+    max-height: 650px !important;
+  }
+  .mh-lg-700px {
+    max-height: 700px !important;
+  }
+  .mh-lg-750px {
+    max-height: 750px !important;
+  }
+  .mh-lg-800px {
+    max-height: 800px !important;
+  }
+  .mh-lg-850px {
+    max-height: 850px !important;
+  }
+  .mh-lg-900px {
+    max-height: 900px !important;
+  }
+  .mh-lg-950px {
+    max-height: 950px !important;
+  }
+  .mh-lg-1000px {
+    max-height: 1000px !important;
+  }
+  .flex-lg-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-lg-row {
+    flex-direction: row !important;
+  }
+  .flex-lg-column {
+    flex-direction: column !important;
+  }
+  .flex-lg-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-lg-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-lg-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-lg-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-lg-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-lg-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .flex-lg-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-lg-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-lg-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .justify-content-lg-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-lg-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-lg-center {
+    justify-content: center !important;
+  }
+  .justify-content-lg-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-lg-around {
+    justify-content: space-around !important;
+  }
+  .justify-content-lg-evenly {
+    justify-content: space-evenly !important;
+  }
+  .align-items-lg-start {
+    align-items: flex-start !important;
+  }
+  .align-items-lg-end {
+    align-items: flex-end !important;
+  }
+  .align-items-lg-center {
+    align-items: center !important;
+  }
+  .align-items-lg-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-lg-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-lg-start {
+    align-content: flex-start !important;
+  }
+  .align-content-lg-end {
+    align-content: flex-end !important;
+  }
+  .align-content-lg-center {
+    align-content: center !important;
+  }
+  .align-content-lg-between {
+    align-content: space-between !important;
+  }
+  .align-content-lg-around {
+    align-content: space-around !important;
+  }
+  .align-content-lg-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-lg-auto {
+    align-self: auto !important;
+  }
+  .align-self-lg-start {
+    align-self: flex-start !important;
+  }
+  .align-self-lg-end {
+    align-self: flex-end !important;
+  }
+  .align-self-lg-center {
+    align-self: center !important;
+  }
+  .align-self-lg-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-lg-stretch {
+    align-self: stretch !important;
+  }
+  .order-lg-first {
+    order: -1 !important;
+  }
+  .order-lg-0 {
+    order: 0 !important;
+  }
+  .order-lg-1 {
+    order: 1 !important;
+  }
+  .order-lg-2 {
+    order: 2 !important;
+  }
+  .order-lg-3 {
+    order: 3 !important;
+  }
+  .order-lg-4 {
+    order: 4 !important;
+  }
+  .order-lg-5 {
+    order: 5 !important;
+  }
+  .order-lg-last {
+    order: 6 !important;
+  }
+  .m-lg-0 {
+    margin: 0 !important;
+  }
+  .m-lg-1 {
+    margin: 0.25rem !important;
+  }
+  .m-lg-2 {
+    margin: 0.5rem !important;
+  }
+  .m-lg-3 {
+    margin: 0.75rem !important;
+  }
+  .m-lg-4 {
+    margin: 1rem !important;
+  }
+  .m-lg-5 {
+    margin: 1.25rem !important;
+  }
+  .m-lg-6 {
+    margin: 1.5rem !important;
+  }
+  .m-lg-7 {
+    margin: 1.75rem !important;
+  }
+  .m-lg-8 {
+    margin: 2rem !important;
+  }
+  .m-lg-9 {
+    margin: 2.25rem !important;
+  }
+  .m-lg-10 {
+    margin: 2.5rem !important;
+  }
+  .m-lg-11 {
+    margin: 2.75rem !important;
+  }
+  .m-lg-12 {
+    margin: 3rem !important;
+  }
+  .m-lg-13 {
+    margin: 3.25rem !important;
+  }
+  .m-lg-14 {
+    margin: 3.5rem !important;
+  }
+  .m-lg-15 {
+    margin: 3.75rem !important;
+  }
+  .m-lg-16 {
+    margin: 4rem !important;
+  }
+  .m-lg-17 {
+    margin: 4.25rem !important;
+  }
+  .m-lg-18 {
+    margin: 4.5rem !important;
+  }
+  .m-lg-19 {
+    margin: 4.75rem !important;
+  }
+  .m-lg-20 {
+    margin: 5rem !important;
+  }
+  .m-lg-auto {
+    margin: auto !important;
+  }
+  .mx-lg-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+  .mx-lg-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+  .mx-lg-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+  .mx-lg-3 {
+    margin-right: 0.75rem !important;
+    margin-left: 0.75rem !important;
+  }
+  .mx-lg-4 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+  .mx-lg-5 {
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
+  }
+  .mx-lg-6 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+  .mx-lg-7 {
+    margin-right: 1.75rem !important;
+    margin-left: 1.75rem !important;
+  }
+  .mx-lg-8 {
+    margin-right: 2rem !important;
+    margin-left: 2rem !important;
+  }
+  .mx-lg-9 {
+    margin-right: 2.25rem !important;
+    margin-left: 2.25rem !important;
+  }
+  .mx-lg-10 {
+    margin-right: 2.5rem !important;
+    margin-left: 2.5rem !important;
+  }
+  .mx-lg-11 {
+    margin-right: 2.75rem !important;
+    margin-left: 2.75rem !important;
+  }
+  .mx-lg-12 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .mx-lg-13 {
+    margin-right: 3.25rem !important;
+    margin-left: 3.25rem !important;
+  }
+  .mx-lg-14 {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .mx-lg-15 {
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
+  }
+  .mx-lg-16 {
+    margin-right: 4rem !important;
+    margin-left: 4rem !important;
+  }
+  .mx-lg-17 {
+    margin-right: 4.25rem !important;
+    margin-left: 4.25rem !important;
+  }
+  .mx-lg-18 {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important;
+  }
+  .mx-lg-19 {
+    margin-right: 4.75rem !important;
+    margin-left: 4.75rem !important;
+  }
+  .mx-lg-20 {
+    margin-right: 5rem !important;
+    margin-left: 5rem !important;
+  }
+  .mx-lg-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+  .my-lg-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+  .my-lg-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+  .my-lg-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+  .my-lg-3 {
+    margin-top: 0.75rem !important;
+    margin-bottom: 0.75rem !important;
+  }
+  .my-lg-4 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+  .my-lg-5 {
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
+  }
+  .my-lg-6 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+  .my-lg-7 {
+    margin-top: 1.75rem !important;
+    margin-bottom: 1.75rem !important;
+  }
+  .my-lg-8 {
+    margin-top: 2rem !important;
+    margin-bottom: 2rem !important;
+  }
+  .my-lg-9 {
+    margin-top: 2.25rem !important;
+    margin-bottom: 2.25rem !important;
+  }
+  .my-lg-10 {
+    margin-top: 2.5rem !important;
+    margin-bottom: 2.5rem !important;
+  }
+  .my-lg-11 {
+    margin-top: 2.75rem !important;
+    margin-bottom: 2.75rem !important;
+  }
+  .my-lg-12 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .my-lg-13 {
+    margin-top: 3.25rem !important;
+    margin-bottom: 3.25rem !important;
+  }
+  .my-lg-14 {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .my-lg-15 {
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
+  }
+  .my-lg-16 {
+    margin-top: 4rem !important;
+    margin-bottom: 4rem !important;
+  }
+  .my-lg-17 {
+    margin-top: 4.25rem !important;
+    margin-bottom: 4.25rem !important;
+  }
+  .my-lg-18 {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important;
+  }
+  .my-lg-19 {
+    margin-top: 4.75rem !important;
+    margin-bottom: 4.75rem !important;
+  }
+  .my-lg-20 {
+    margin-top: 5rem !important;
+    margin-bottom: 5rem !important;
+  }
+  .my-lg-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+  .mt-lg-0 {
+    margin-top: 0 !important;
+  }
+  .mt-lg-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mt-lg-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mt-lg-3 {
+    margin-top: 0.75rem !important;
+  }
+  .mt-lg-4 {
+    margin-top: 1rem !important;
+  }
+  .mt-lg-5 {
+    margin-top: 1.25rem !important;
+  }
+  .mt-lg-6 {
+    margin-top: 1.5rem !important;
+  }
+  .mt-lg-7 {
+    margin-top: 1.75rem !important;
+  }
+  .mt-lg-8 {
+    margin-top: 2rem !important;
+  }
+  .mt-lg-9 {
+    margin-top: 2.25rem !important;
+  }
+  .mt-lg-10 {
+    margin-top: 2.5rem !important;
+  }
+  .mt-lg-11 {
+    margin-top: 2.75rem !important;
+  }
+  .mt-lg-12 {
+    margin-top: 3rem !important;
+  }
+  .mt-lg-13 {
+    margin-top: 3.25rem !important;
+  }
+  .mt-lg-14 {
+    margin-top: 3.5rem !important;
+  }
+  .mt-lg-15 {
+    margin-top: 3.75rem !important;
+  }
+  .mt-lg-16 {
+    margin-top: 4rem !important;
+  }
+  .mt-lg-17 {
+    margin-top: 4.25rem !important;
+  }
+  .mt-lg-18 {
+    margin-top: 4.5rem !important;
+  }
+  .mt-lg-19 {
+    margin-top: 4.75rem !important;
+  }
+  .mt-lg-20 {
+    margin-top: 5rem !important;
+  }
+  .mt-lg-auto {
+    margin-top: auto !important;
+  }
+  .me-lg-0 {
+    margin-right: 0 !important;
+  }
+  .me-lg-1 {
+    margin-right: 0.25rem !important;
+  }
+  .me-lg-2 {
+    margin-right: 0.5rem !important;
+  }
+  .me-lg-3 {
+    margin-right: 0.75rem !important;
+  }
+  .me-lg-4 {
+    margin-right: 1rem !important;
+  }
+  .me-lg-5 {
+    margin-right: 1.25rem !important;
+  }
+  .me-lg-6 {
+    margin-right: 1.5rem !important;
+  }
+  .me-lg-7 {
+    margin-right: 1.75rem !important;
+  }
+  .me-lg-8 {
+    margin-right: 2rem !important;
+  }
+  .me-lg-9 {
+    margin-right: 2.25rem !important;
+  }
+  .me-lg-10 {
+    margin-right: 2.5rem !important;
+  }
+  .me-lg-11 {
+    margin-right: 2.75rem !important;
+  }
+  .me-lg-12 {
+    margin-right: 3rem !important;
+  }
+  .me-lg-13 {
+    margin-right: 3.25rem !important;
+  }
+  .me-lg-14 {
+    margin-right: 3.5rem !important;
+  }
+  .me-lg-15 {
+    margin-right: 3.75rem !important;
+  }
+  .me-lg-16 {
+    margin-right: 4rem !important;
+  }
+  .me-lg-17 {
+    margin-right: 4.25rem !important;
+  }
+  .me-lg-18 {
+    margin-right: 4.5rem !important;
+  }
+  .me-lg-19 {
+    margin-right: 4.75rem !important;
+  }
+  .me-lg-20 {
+    margin-right: 5rem !important;
+  }
+  .me-lg-auto {
+    margin-right: auto !important;
+  }
+  .mb-lg-0 {
+    margin-bottom: 0 !important;
+  }
+  .mb-lg-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .mb-lg-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .mb-lg-3 {
+    margin-bottom: 0.75rem !important;
+  }
+  .mb-lg-4 {
+    margin-bottom: 1rem !important;
+  }
+  .mb-lg-5 {
+    margin-bottom: 1.25rem !important;
+  }
+  .mb-lg-6 {
+    margin-bottom: 1.5rem !important;
+  }
+  .mb-lg-7 {
+    margin-bottom: 1.75rem !important;
+  }
+  .mb-lg-8 {
+    margin-bottom: 2rem !important;
+  }
+  .mb-lg-9 {
+    margin-bottom: 2.25rem !important;
+  }
+  .mb-lg-10 {
+    margin-bottom: 2.5rem !important;
+  }
+  .mb-lg-11 {
+    margin-bottom: 2.75rem !important;
+  }
+  .mb-lg-12 {
+    margin-bottom: 3rem !important;
+  }
+  .mb-lg-13 {
+    margin-bottom: 3.25rem !important;
+  }
+  .mb-lg-14 {
+    margin-bottom: 3.5rem !important;
+  }
+  .mb-lg-15 {
+    margin-bottom: 3.75rem !important;
+  }
+  .mb-lg-16 {
+    margin-bottom: 4rem !important;
+  }
+  .mb-lg-17 {
+    margin-bottom: 4.25rem !important;
+  }
+  .mb-lg-18 {
+    margin-bottom: 4.5rem !important;
+  }
+  .mb-lg-19 {
+    margin-bottom: 4.75rem !important;
+  }
+  .mb-lg-20 {
+    margin-bottom: 5rem !important;
+  }
+  .mb-lg-auto {
+    margin-bottom: auto !important;
+  }
+  .ms-lg-0 {
+    margin-left: 0 !important;
+  }
+  .ms-lg-1 {
+    margin-left: 0.25rem !important;
+  }
+  .ms-lg-2 {
+    margin-left: 0.5rem !important;
+  }
+  .ms-lg-3 {
+    margin-left: 0.75rem !important;
+  }
+  .ms-lg-4 {
+    margin-left: 1rem !important;
+  }
+  .ms-lg-5 {
+    margin-left: 1.25rem !important;
+  }
+  .ms-lg-6 {
+    margin-left: 1.5rem !important;
+  }
+  .ms-lg-7 {
+    margin-left: 1.75rem !important;
+  }
+  .ms-lg-8 {
+    margin-left: 2rem !important;
+  }
+  .ms-lg-9 {
+    margin-left: 2.25rem !important;
+  }
+  .ms-lg-10 {
+    margin-left: 2.5rem !important;
+  }
+  .ms-lg-11 {
+    margin-left: 2.75rem !important;
+  }
+  .ms-lg-12 {
+    margin-left: 3rem !important;
+  }
+  .ms-lg-13 {
+    margin-left: 3.25rem !important;
+  }
+  .ms-lg-14 {
+    margin-left: 3.5rem !important;
+  }
+  .ms-lg-15 {
+    margin-left: 3.75rem !important;
+  }
+  .ms-lg-16 {
+    margin-left: 4rem !important;
+  }
+  .ms-lg-17 {
+    margin-left: 4.25rem !important;
+  }
+  .ms-lg-18 {
+    margin-left: 4.5rem !important;
+  }
+  .ms-lg-19 {
+    margin-left: 4.75rem !important;
+  }
+  .ms-lg-20 {
+    margin-left: 5rem !important;
+  }
+  .ms-lg-auto {
+    margin-left: auto !important;
+  }
+  .m-lg-n1 {
+    margin: -0.25rem !important;
+  }
+  .m-lg-n2 {
+    margin: -0.5rem !important;
+  }
+  .m-lg-n3 {
+    margin: -0.75rem !important;
+  }
+  .m-lg-n4 {
+    margin: -1rem !important;
+  }
+  .m-lg-n5 {
+    margin: -1.25rem !important;
+  }
+  .m-lg-n6 {
+    margin: -1.5rem !important;
+  }
+  .m-lg-n7 {
+    margin: -1.75rem !important;
+  }
+  .m-lg-n8 {
+    margin: -2rem !important;
+  }
+  .m-lg-n9 {
+    margin: -2.25rem !important;
+  }
+  .m-lg-n10 {
+    margin: -2.5rem !important;
+  }
+  .m-lg-n11 {
+    margin: -2.75rem !important;
+  }
+  .m-lg-n12 {
+    margin: -3rem !important;
+  }
+  .m-lg-n13 {
+    margin: -3.25rem !important;
+  }
+  .m-lg-n14 {
+    margin: -3.5rem !important;
+  }
+  .m-lg-n15 {
+    margin: -3.75rem !important;
+  }
+  .m-lg-n16 {
+    margin: -4rem !important;
+  }
+  .m-lg-n17 {
+    margin: -4.25rem !important;
+  }
+  .m-lg-n18 {
+    margin: -4.5rem !important;
+  }
+  .m-lg-n19 {
+    margin: -4.75rem !important;
+  }
+  .m-lg-n20 {
+    margin: -5rem !important;
+  }
+  .mx-lg-n1 {
+    margin-right: -0.25rem !important;
+    margin-left: -0.25rem !important;
+  }
+  .mx-lg-n2 {
+    margin-right: -0.5rem !important;
+    margin-left: -0.5rem !important;
+  }
+  .mx-lg-n3 {
+    margin-right: -0.75rem !important;
+    margin-left: -0.75rem !important;
+  }
+  .mx-lg-n4 {
+    margin-right: -1rem !important;
+    margin-left: -1rem !important;
+  }
+  .mx-lg-n5 {
+    margin-right: -1.25rem !important;
+    margin-left: -1.25rem !important;
+  }
+  .mx-lg-n6 {
+    margin-right: -1.5rem !important;
+    margin-left: -1.5rem !important;
+  }
+  .mx-lg-n7 {
+    margin-right: -1.75rem !important;
+    margin-left: -1.75rem !important;
+  }
+  .mx-lg-n8 {
+    margin-right: -2rem !important;
+    margin-left: -2rem !important;
+  }
+  .mx-lg-n9 {
+    margin-right: -2.25rem !important;
+    margin-left: -2.25rem !important;
+  }
+  .mx-lg-n10 {
+    margin-right: -2.5rem !important;
+    margin-left: -2.5rem !important;
+  }
+  .mx-lg-n11 {
+    margin-right: -2.75rem !important;
+    margin-left: -2.75rem !important;
+  }
+  .mx-lg-n12 {
+    margin-right: -3rem !important;
+    margin-left: -3rem !important;
+  }
+  .mx-lg-n13 {
+    margin-right: -3.25rem !important;
+    margin-left: -3.25rem !important;
+  }
+  .mx-lg-n14 {
+    margin-right: -3.5rem !important;
+    margin-left: -3.5rem !important;
+  }
+  .mx-lg-n15 {
+    margin-right: -3.75rem !important;
+    margin-left: -3.75rem !important;
+  }
+  .mx-lg-n16 {
+    margin-right: -4rem !important;
+    margin-left: -4rem !important;
+  }
+  .mx-lg-n17 {
+    margin-right: -4.25rem !important;
+    margin-left: -4.25rem !important;
+  }
+  .mx-lg-n18 {
+    margin-right: -4.5rem !important;
+    margin-left: -4.5rem !important;
+  }
+  .mx-lg-n19 {
+    margin-right: -4.75rem !important;
+    margin-left: -4.75rem !important;
+  }
+  .mx-lg-n20 {
+    margin-right: -5rem !important;
+    margin-left: -5rem !important;
+  }
+  .my-lg-n1 {
+    margin-top: -0.25rem !important;
+    margin-bottom: -0.25rem !important;
+  }
+  .my-lg-n2 {
+    margin-top: -0.5rem !important;
+    margin-bottom: -0.5rem !important;
+  }
+  .my-lg-n3 {
+    margin-top: -0.75rem !important;
+    margin-bottom: -0.75rem !important;
+  }
+  .my-lg-n4 {
+    margin-top: -1rem !important;
+    margin-bottom: -1rem !important;
+  }
+  .my-lg-n5 {
+    margin-top: -1.25rem !important;
+    margin-bottom: -1.25rem !important;
+  }
+  .my-lg-n6 {
+    margin-top: -1.5rem !important;
+    margin-bottom: -1.5rem !important;
+  }
+  .my-lg-n7 {
+    margin-top: -1.75rem !important;
+    margin-bottom: -1.75rem !important;
+  }
+  .my-lg-n8 {
+    margin-top: -2rem !important;
+    margin-bottom: -2rem !important;
+  }
+  .my-lg-n9 {
+    margin-top: -2.25rem !important;
+    margin-bottom: -2.25rem !important;
+  }
+  .my-lg-n10 {
+    margin-top: -2.5rem !important;
+    margin-bottom: -2.5rem !important;
+  }
+  .my-lg-n11 {
+    margin-top: -2.75rem !important;
+    margin-bottom: -2.75rem !important;
+  }
+  .my-lg-n12 {
+    margin-top: -3rem !important;
+    margin-bottom: -3rem !important;
+  }
+  .my-lg-n13 {
+    margin-top: -3.25rem !important;
+    margin-bottom: -3.25rem !important;
+  }
+  .my-lg-n14 {
+    margin-top: -3.5rem !important;
+    margin-bottom: -3.5rem !important;
+  }
+  .my-lg-n15 {
+    margin-top: -3.75rem !important;
+    margin-bottom: -3.75rem !important;
+  }
+  .my-lg-n16 {
+    margin-top: -4rem !important;
+    margin-bottom: -4rem !important;
+  }
+  .my-lg-n17 {
+    margin-top: -4.25rem !important;
+    margin-bottom: -4.25rem !important;
+  }
+  .my-lg-n18 {
+    margin-top: -4.5rem !important;
+    margin-bottom: -4.5rem !important;
+  }
+  .my-lg-n19 {
+    margin-top: -4.75rem !important;
+    margin-bottom: -4.75rem !important;
+  }
+  .my-lg-n20 {
+    margin-top: -5rem !important;
+    margin-bottom: -5rem !important;
+  }
+  .mt-lg-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mt-lg-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mt-lg-n3 {
+    margin-top: -0.75rem !important;
+  }
+  .mt-lg-n4 {
+    margin-top: -1rem !important;
+  }
+  .mt-lg-n5 {
+    margin-top: -1.25rem !important;
+  }
+  .mt-lg-n6 {
+    margin-top: -1.5rem !important;
+  }
+  .mt-lg-n7 {
+    margin-top: -1.75rem !important;
+  }
+  .mt-lg-n8 {
+    margin-top: -2rem !important;
+  }
+  .mt-lg-n9 {
+    margin-top: -2.25rem !important;
+  }
+  .mt-lg-n10 {
+    margin-top: -2.5rem !important;
+  }
+  .mt-lg-n11 {
+    margin-top: -2.75rem !important;
+  }
+  .mt-lg-n12 {
+    margin-top: -3rem !important;
+  }
+  .mt-lg-n13 {
+    margin-top: -3.25rem !important;
+  }
+  .mt-lg-n14 {
+    margin-top: -3.5rem !important;
+  }
+  .mt-lg-n15 {
+    margin-top: -3.75rem !important;
+  }
+  .mt-lg-n16 {
+    margin-top: -4rem !important;
+  }
+  .mt-lg-n17 {
+    margin-top: -4.25rem !important;
+  }
+  .mt-lg-n18 {
+    margin-top: -4.5rem !important;
+  }
+  .mt-lg-n19 {
+    margin-top: -4.75rem !important;
+  }
+  .mt-lg-n20 {
+    margin-top: -5rem !important;
+  }
+  .me-lg-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .me-lg-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .me-lg-n3 {
+    margin-right: -0.75rem !important;
+  }
+  .me-lg-n4 {
+    margin-right: -1rem !important;
+  }
+  .me-lg-n5 {
+    margin-right: -1.25rem !important;
+  }
+  .me-lg-n6 {
+    margin-right: -1.5rem !important;
+  }
+  .me-lg-n7 {
+    margin-right: -1.75rem !important;
+  }
+  .me-lg-n8 {
+    margin-right: -2rem !important;
+  }
+  .me-lg-n9 {
+    margin-right: -2.25rem !important;
+  }
+  .me-lg-n10 {
+    margin-right: -2.5rem !important;
+  }
+  .me-lg-n11 {
+    margin-right: -2.75rem !important;
+  }
+  .me-lg-n12 {
+    margin-right: -3rem !important;
+  }
+  .me-lg-n13 {
+    margin-right: -3.25rem !important;
+  }
+  .me-lg-n14 {
+    margin-right: -3.5rem !important;
+  }
+  .me-lg-n15 {
+    margin-right: -3.75rem !important;
+  }
+  .me-lg-n16 {
+    margin-right: -4rem !important;
+  }
+  .me-lg-n17 {
+    margin-right: -4.25rem !important;
+  }
+  .me-lg-n18 {
+    margin-right: -4.5rem !important;
+  }
+  .me-lg-n19 {
+    margin-right: -4.75rem !important;
+  }
+  .me-lg-n20 {
+    margin-right: -5rem !important;
+  }
+  .mb-lg-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .mb-lg-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .mb-lg-n3 {
+    margin-bottom: -0.75rem !important;
+  }
+  .mb-lg-n4 {
+    margin-bottom: -1rem !important;
+  }
+  .mb-lg-n5 {
+    margin-bottom: -1.25rem !important;
+  }
+  .mb-lg-n6 {
+    margin-bottom: -1.5rem !important;
+  }
+  .mb-lg-n7 {
+    margin-bottom: -1.75rem !important;
+  }
+  .mb-lg-n8 {
+    margin-bottom: -2rem !important;
+  }
+  .mb-lg-n9 {
+    margin-bottom: -2.25rem !important;
+  }
+  .mb-lg-n10 {
+    margin-bottom: -2.5rem !important;
+  }
+  .mb-lg-n11 {
+    margin-bottom: -2.75rem !important;
+  }
+  .mb-lg-n12 {
+    margin-bottom: -3rem !important;
+  }
+  .mb-lg-n13 {
+    margin-bottom: -3.25rem !important;
+  }
+  .mb-lg-n14 {
+    margin-bottom: -3.5rem !important;
+  }
+  .mb-lg-n15 {
+    margin-bottom: -3.75rem !important;
+  }
+  .mb-lg-n16 {
+    margin-bottom: -4rem !important;
+  }
+  .mb-lg-n17 {
+    margin-bottom: -4.25rem !important;
+  }
+  .mb-lg-n18 {
+    margin-bottom: -4.5rem !important;
+  }
+  .mb-lg-n19 {
+    margin-bottom: -4.75rem !important;
+  }
+  .mb-lg-n20 {
+    margin-bottom: -5rem !important;
+  }
+  .ms-lg-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .ms-lg-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .ms-lg-n3 {
+    margin-left: -0.75rem !important;
+  }
+  .ms-lg-n4 {
+    margin-left: -1rem !important;
+  }
+  .ms-lg-n5 {
+    margin-left: -1.25rem !important;
+  }
+  .ms-lg-n6 {
+    margin-left: -1.5rem !important;
+  }
+  .ms-lg-n7 {
+    margin-left: -1.75rem !important;
+  }
+  .ms-lg-n8 {
+    margin-left: -2rem !important;
+  }
+  .ms-lg-n9 {
+    margin-left: -2.25rem !important;
+  }
+  .ms-lg-n10 {
+    margin-left: -2.5rem !important;
+  }
+  .ms-lg-n11 {
+    margin-left: -2.75rem !important;
+  }
+  .ms-lg-n12 {
+    margin-left: -3rem !important;
+  }
+  .ms-lg-n13 {
+    margin-left: -3.25rem !important;
+  }
+  .ms-lg-n14 {
+    margin-left: -3.5rem !important;
+  }
+  .ms-lg-n15 {
+    margin-left: -3.75rem !important;
+  }
+  .ms-lg-n16 {
+    margin-left: -4rem !important;
+  }
+  .ms-lg-n17 {
+    margin-left: -4.25rem !important;
+  }
+  .ms-lg-n18 {
+    margin-left: -4.5rem !important;
+  }
+  .ms-lg-n19 {
+    margin-left: -4.75rem !important;
+  }
+  .ms-lg-n20 {
+    margin-left: -5rem !important;
+  }
+  .p-lg-0 {
+    padding: 0 !important;
+  }
+  .p-lg-1 {
+    padding: 0.25rem !important;
+  }
+  .p-lg-2 {
+    padding: 0.5rem !important;
+  }
+  .p-lg-3 {
+    padding: 0.75rem !important;
+  }
+  .p-lg-4 {
+    padding: 1rem !important;
+  }
+  .p-lg-5 {
+    padding: 1.25rem !important;
+  }
+  .p-lg-6 {
+    padding: 1.5rem !important;
+  }
+  .p-lg-7 {
+    padding: 1.75rem !important;
+  }
+  .p-lg-8 {
+    padding: 2rem !important;
+  }
+  .p-lg-9 {
+    padding: 2.25rem !important;
+  }
+  .p-lg-10 {
+    padding: 2.5rem !important;
+  }
+  .p-lg-11 {
+    padding: 2.75rem !important;
+  }
+  .p-lg-12 {
+    padding: 3rem !important;
+  }
+  .p-lg-13 {
+    padding: 3.25rem !important;
+  }
+  .p-lg-14 {
+    padding: 3.5rem !important;
+  }
+  .p-lg-15 {
+    padding: 3.75rem !important;
+  }
+  .p-lg-16 {
+    padding: 4rem !important;
+  }
+  .p-lg-17 {
+    padding: 4.25rem !important;
+  }
+  .p-lg-18 {
+    padding: 4.5rem !important;
+  }
+  .p-lg-19 {
+    padding: 4.75rem !important;
+  }
+  .p-lg-20 {
+    padding: 5rem !important;
+  }
+  .px-lg-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+  .px-lg-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+  .px-lg-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+  .px-lg-3 {
+    padding-right: 0.75rem !important;
+    padding-left: 0.75rem !important;
+  }
+  .px-lg-4 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+  .px-lg-5 {
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
+  }
+  .px-lg-6 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
+  .px-lg-7 {
+    padding-right: 1.75rem !important;
+    padding-left: 1.75rem !important;
+  }
+  .px-lg-8 {
+    padding-right: 2rem !important;
+    padding-left: 2rem !important;
+  }
+  .px-lg-9 {
+    padding-right: 2.25rem !important;
+    padding-left: 2.25rem !important;
+  }
+  .px-lg-10 {
+    padding-right: 2.5rem !important;
+    padding-left: 2.5rem !important;
+  }
+  .px-lg-11 {
+    padding-right: 2.75rem !important;
+    padding-left: 2.75rem !important;
+  }
+  .px-lg-12 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .px-lg-13 {
+    padding-right: 3.25rem !important;
+    padding-left: 3.25rem !important;
+  }
+  .px-lg-14 {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .px-lg-15 {
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
+  }
+  .px-lg-16 {
+    padding-right: 4rem !important;
+    padding-left: 4rem !important;
+  }
+  .px-lg-17 {
+    padding-right: 4.25rem !important;
+    padding-left: 4.25rem !important;
+  }
+  .px-lg-18 {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important;
+  }
+  .px-lg-19 {
+    padding-right: 4.75rem !important;
+    padding-left: 4.75rem !important;
+  }
+  .px-lg-20 {
+    padding-right: 5rem !important;
+    padding-left: 5rem !important;
+  }
+  .py-lg-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  .py-lg-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
+  .py-lg-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
+  .py-lg-3 {
+    padding-top: 0.75rem !important;
+    padding-bottom: 0.75rem !important;
+  }
+  .py-lg-4 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
+  .py-lg-5 {
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
+  }
+  .py-lg-6 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+  .py-lg-7 {
+    padding-top: 1.75rem !important;
+    padding-bottom: 1.75rem !important;
+  }
+  .py-lg-8 {
+    padding-top: 2rem !important;
+    padding-bottom: 2rem !important;
+  }
+  .py-lg-9 {
+    padding-top: 2.25rem !important;
+    padding-bottom: 2.25rem !important;
+  }
+  .py-lg-10 {
+    padding-top: 2.5rem !important;
+    padding-bottom: 2.5rem !important;
+  }
+  .py-lg-11 {
+    padding-top: 2.75rem !important;
+    padding-bottom: 2.75rem !important;
+  }
+  .py-lg-12 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+  .py-lg-13 {
+    padding-top: 3.25rem !important;
+    padding-bottom: 3.25rem !important;
+  }
+  .py-lg-14 {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+  .py-lg-15 {
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
+  }
+  .py-lg-16 {
+    padding-top: 4rem !important;
+    padding-bottom: 4rem !important;
+  }
+  .py-lg-17 {
+    padding-top: 4.25rem !important;
+    padding-bottom: 4.25rem !important;
+  }
+  .py-lg-18 {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important;
+  }
+  .py-lg-19 {
+    padding-top: 4.75rem !important;
+    padding-bottom: 4.75rem !important;
+  }
+  .py-lg-20 {
+    padding-top: 5rem !important;
+    padding-bottom: 5rem !important;
+  }
+  .pt-lg-0 {
+    padding-top: 0 !important;
+  }
+  .pt-lg-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pt-lg-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pt-lg-3 {
+    padding-top: 0.75rem !important;
+  }
+  .pt-lg-4 {
+    padding-top: 1rem !important;
+  }
+  .pt-lg-5 {
+    padding-top: 1.25rem !important;
+  }
+  .pt-lg-6 {
+    padding-top: 1.5rem !important;
+  }
+  .pt-lg-7 {
+    padding-top: 1.75rem !important;
+  }
+  .pt-lg-8 {
+    padding-top: 2rem !important;
+  }
+  .pt-lg-9 {
+    padding-top: 2.25rem !important;
+  }
+  .pt-lg-10 {
+    padding-top: 2.5rem !important;
+  }
+  .pt-lg-11 {
+    padding-top: 2.75rem !important;
+  }
+  .pt-lg-12 {
+    padding-top: 3rem !important;
+  }
+  .pt-lg-13 {
+    padding-top: 3.25rem !important;
+  }
+  .pt-lg-14 {
+    padding-top: 3.5rem !important;
+  }
+  .pt-lg-15 {
+    padding-top: 3.75rem !important;
+  }
+  .pt-lg-16 {
+    padding-top: 4rem !important;
+  }
+  .pt-lg-17 {
+    padding-top: 4.25rem !important;
+  }
+  .pt-lg-18 {
+    padding-top: 4.5rem !important;
+  }
+  .pt-lg-19 {
+    padding-top: 4.75rem !important;
+  }
+  .pt-lg-20 {
+    padding-top: 5rem !important;
+  }
+  .pe-lg-0 {
+    padding-right: 0 !important;
+  }
+  .pe-lg-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pe-lg-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pe-lg-3 {
+    padding-right: 0.75rem !important;
+  }
+  .pe-lg-4 {
+    padding-right: 1rem !important;
+  }
+  .pe-lg-5 {
+    padding-right: 1.25rem !important;
+  }
+  .pe-lg-6 {
+    padding-right: 1.5rem !important;
+  }
+  .pe-lg-7 {
+    padding-right: 1.75rem !important;
+  }
+  .pe-lg-8 {
+    padding-right: 2rem !important;
+  }
+  .pe-lg-9 {
+    padding-right: 2.25rem !important;
+  }
+  .pe-lg-10 {
+    padding-right: 2.5rem !important;
+  }
+  .pe-lg-11 {
+    padding-right: 2.75rem !important;
+  }
+  .pe-lg-12 {
+    padding-right: 3rem !important;
+  }
+  .pe-lg-13 {
+    padding-right: 3.25rem !important;
+  }
+  .pe-lg-14 {
+    padding-right: 3.5rem !important;
+  }
+  .pe-lg-15 {
+    padding-right: 3.75rem !important;
+  }
+  .pe-lg-16 {
+    padding-right: 4rem !important;
+  }
+  .pe-lg-17 {
+    padding-right: 4.25rem !important;
+  }
+  .pe-lg-18 {
+    padding-right: 4.5rem !important;
+  }
+  .pe-lg-19 {
+    padding-right: 4.75rem !important;
+  }
+  .pe-lg-20 {
+    padding-right: 5rem !important;
+  }
+  .pb-lg-0 {
+    padding-bottom: 0 !important;
+  }
+  .pb-lg-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pb-lg-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pb-lg-3 {
+    padding-bottom: 0.75rem !important;
+  }
+  .pb-lg-4 {
+    padding-bottom: 1rem !important;
+  }
+  .pb-lg-5 {
+    padding-bottom: 1.25rem !important;
+  }
+  .pb-lg-6 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pb-lg-7 {
+    padding-bottom: 1.75rem !important;
+  }
+  .pb-lg-8 {
+    padding-bottom: 2rem !important;
+  }
+  .pb-lg-9 {
+    padding-bottom: 2.25rem !important;
+  }
+  .pb-lg-10 {
+    padding-bottom: 2.5rem !important;
+  }
+  .pb-lg-11 {
+    padding-bottom: 2.75rem !important;
+  }
+  .pb-lg-12 {
+    padding-bottom: 3rem !important;
+  }
+  .pb-lg-13 {
+    padding-bottom: 3.25rem !important;
+  }
+  .pb-lg-14 {
+    padding-bottom: 3.5rem !important;
+  }
+  .pb-lg-15 {
+    padding-bottom: 3.75rem !important;
+  }
+  .pb-lg-16 {
+    padding-bottom: 4rem !important;
+  }
+  .pb-lg-17 {
+    padding-bottom: 4.25rem !important;
+  }
+  .pb-lg-18 {
+    padding-bottom: 4.5rem !important;
+  }
+  .pb-lg-19 {
+    padding-bottom: 4.75rem !important;
+  }
+  .pb-lg-20 {
+    padding-bottom: 5rem !important;
+  }
+  .ps-lg-0 {
+    padding-left: 0 !important;
+  }
+  .ps-lg-1 {
+    padding-left: 0.25rem !important;
+  }
+  .ps-lg-2 {
+    padding-left: 0.5rem !important;
+  }
+  .ps-lg-3 {
+    padding-left: 0.75rem !important;
+  }
+  .ps-lg-4 {
+    padding-left: 1rem !important;
+  }
+  .ps-lg-5 {
+    padding-left: 1.25rem !important;
+  }
+  .ps-lg-6 {
+    padding-left: 1.5rem !important;
+  }
+  .ps-lg-7 {
+    padding-left: 1.75rem !important;
+  }
+  .ps-lg-8 {
+    padding-left: 2rem !important;
+  }
+  .ps-lg-9 {
+    padding-left: 2.25rem !important;
+  }
+  .ps-lg-10 {
+    padding-left: 2.5rem !important;
+  }
+  .ps-lg-11 {
+    padding-left: 2.75rem !important;
+  }
+  .ps-lg-12 {
+    padding-left: 3rem !important;
+  }
+  .ps-lg-13 {
+    padding-left: 3.25rem !important;
+  }
+  .ps-lg-14 {
+    padding-left: 3.5rem !important;
+  }
+  .ps-lg-15 {
+    padding-left: 3.75rem !important;
+  }
+  .ps-lg-16 {
+    padding-left: 4rem !important;
+  }
+  .ps-lg-17 {
+    padding-left: 4.25rem !important;
+  }
+  .ps-lg-18 {
+    padding-left: 4.5rem !important;
+  }
+  .ps-lg-19 {
+    padding-left: 4.75rem !important;
+  }
+  .ps-lg-20 {
+    padding-left: 5rem !important;
+  }
+  .gap-lg-0 {
+    gap: 0 !important;
+  }
+  .gap-lg-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-lg-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-lg-3 {
+    gap: 0.75rem !important;
+  }
+  .gap-lg-4 {
+    gap: 1rem !important;
+  }
+  .gap-lg-5 {
+    gap: 1.25rem !important;
+  }
+  .gap-lg-6 {
+    gap: 1.5rem !important;
+  }
+  .gap-lg-7 {
+    gap: 1.75rem !important;
+  }
+  .gap-lg-8 {
+    gap: 2rem !important;
+  }
+  .gap-lg-9 {
+    gap: 2.25rem !important;
+  }
+  .gap-lg-10 {
+    gap: 2.5rem !important;
+  }
+  .gap-lg-11 {
+    gap: 2.75rem !important;
+  }
+  .gap-lg-12 {
+    gap: 3rem !important;
+  }
+  .gap-lg-13 {
+    gap: 3.25rem !important;
+  }
+  .gap-lg-14 {
+    gap: 3.5rem !important;
+  }
+  .gap-lg-15 {
+    gap: 3.75rem !important;
+  }
+  .gap-lg-16 {
+    gap: 4rem !important;
+  }
+  .gap-lg-17 {
+    gap: 4.25rem !important;
+  }
+  .gap-lg-18 {
+    gap: 4.5rem !important;
+  }
+  .gap-lg-19 {
+    gap: 4.75rem !important;
+  }
+  .gap-lg-20 {
+    gap: 5rem !important;
+  }
+  .fs-lg-1 {
+    font-size: calc(1.3rem + 0.6vw) !important;
+  }
+  .fs-lg-2 {
+    font-size: calc(1.275rem + 0.3vw) !important;
+  }
+  .fs-lg-3 {
+    font-size: calc(1.26rem + 0.12vw) !important;
+  }
+  .fs-lg-4 {
+    font-size: 1.25rem !important;
+  }
+  .fs-lg-5 {
+    font-size: 1.15rem !important;
+  }
+  .fs-lg-6 {
+    font-size: 1.075rem !important;
+  }
+  .fs-lg-7 {
+    font-size: 0.95rem !important;
+  }
+  .fs-lg-8 {
+    font-size: 0.85rem !important;
+  }
+  .fs-lg-9 {
+    font-size: 0.75rem !important;
+  }
+  .fs-lg-10 {
+    font-size: 0.5rem !important;
+  }
+  .fs-lg-base {
+    font-size: 1rem !important;
+  }
+  .fs-lg-fluid {
+    font-size: 100% !important;
+  }
+  .fs-lg-2x {
+    font-size: calc(1.325rem + 0.9vw) !important;
+  }
+  .fs-lg-2qx {
+    font-size: calc(1.35rem + 1.2vw) !important;
+  }
+  .fs-lg-2hx {
+    font-size: calc(1.375rem + 1.5vw) !important;
+  }
+  .fs-lg-2tx {
+    font-size: calc(1.4rem + 1.8vw) !important;
+  }
+  .fs-lg-3x {
+    font-size: calc(1.425rem + 2.1vw) !important;
+  }
+  .fs-lg-3qx {
+    font-size: calc(1.45rem + 2.4vw) !important;
+  }
+  .fs-lg-3hx {
+    font-size: calc(1.475rem + 2.7vw) !important;
+  }
+  .fs-lg-3tx {
+    font-size: calc(1.5rem + 3vw) !important;
+  }
+  .fs-lg-4x {
+    font-size: calc(1.525rem + 3.3vw) !important;
+  }
+  .fs-lg-4qx {
+    font-size: calc(1.55rem + 3.6vw) !important;
+  }
+  .fs-lg-4hx {
+    font-size: calc(1.575rem + 3.9vw) !important;
+  }
+  .fs-lg-4tx {
+    font-size: calc(1.6rem + 4.2vw) !important;
+  }
+  .fs-lg-5x {
+    font-size: calc(1.625rem + 4.5vw) !important;
+  }
+  .fs-lg-5qx {
+    font-size: calc(1.65rem + 4.8vw) !important;
+  }
+  .fs-lg-5hx {
+    font-size: calc(1.675rem + 5.1vw) !important;
+  }
+  .fs-lg-5tx {
+    font-size: calc(1.7rem + 5.4vw) !important;
+  }
+  .text-lg-start {
+    text-align: left !important;
+  }
+  .text-lg-end {
+    text-align: right !important;
+  }
+  .text-lg-center {
+    text-align: center !important;
+  }
+  .min-w-lg-unset {
+    min-width: unset !important;
+  }
+  .min-w-lg-25 {
+    min-width: 25% !important;
+  }
+  .min-w-lg-50 {
+    min-width: 50% !important;
+  }
+  .min-w-lg-75 {
+    min-width: 75% !important;
+  }
+  .min-w-lg-100 {
+    min-width: 100% !important;
+  }
+  .min-w-lg-auto {
+    min-width: auto !important;
+  }
+  .min-w-lg-1px {
+    min-width: 1px !important;
+  }
+  .min-w-lg-2px {
+    min-width: 2px !important;
+  }
+  .min-w-lg-3px {
+    min-width: 3px !important;
+  }
+  .min-w-lg-4px {
+    min-width: 4px !important;
+  }
+  .min-w-lg-5px {
+    min-width: 5px !important;
+  }
+  .min-w-lg-6px {
+    min-width: 6px !important;
+  }
+  .min-w-lg-7px {
+    min-width: 7px !important;
+  }
+  .min-w-lg-8px {
+    min-width: 8px !important;
+  }
+  .min-w-lg-9px {
+    min-width: 9px !important;
+  }
+  .min-w-lg-10px {
+    min-width: 10px !important;
+  }
+  .min-w-lg-15px {
+    min-width: 15px !important;
+  }
+  .min-w-lg-20px {
+    min-width: 20px !important;
+  }
+  .min-w-lg-25px {
+    min-width: 25px !important;
+  }
+  .min-w-lg-30px {
+    min-width: 30px !important;
+  }
+  .min-w-lg-35px {
+    min-width: 35px !important;
+  }
+  .min-w-lg-40px {
+    min-width: 40px !important;
+  }
+  .min-w-lg-45px {
+    min-width: 45px !important;
+  }
+  .min-w-lg-50px {
+    min-width: 50px !important;
+  }
+  .min-w-lg-55px {
+    min-width: 55px !important;
+  }
+  .min-w-lg-60px {
+    min-width: 60px !important;
+  }
+  .min-w-lg-65px {
+    min-width: 65px !important;
+  }
+  .min-w-lg-70px {
+    min-width: 70px !important;
+  }
+  .min-w-lg-75px {
+    min-width: 75px !important;
+  }
+  .min-w-lg-80px {
+    min-width: 80px !important;
+  }
+  .min-w-lg-85px {
+    min-width: 85px !important;
+  }
+  .min-w-lg-90px {
+    min-width: 90px !important;
+  }
+  .min-w-lg-95px {
+    min-width: 95px !important;
+  }
+  .min-w-lg-100px {
+    min-width: 100px !important;
+  }
+  .min-w-lg-125px {
+    min-width: 125px !important;
+  }
+  .min-w-lg-150px {
+    min-width: 150px !important;
+  }
+  .min-w-lg-175px {
+    min-width: 175px !important;
+  }
+  .min-w-lg-200px {
+    min-width: 200px !important;
+  }
+  .min-w-lg-225px {
+    min-width: 225px !important;
+  }
+  .min-w-lg-250px {
+    min-width: 250px !important;
+  }
+  .min-w-lg-275px {
+    min-width: 275px !important;
+  }
+  .min-w-lg-300px {
+    min-width: 300px !important;
+  }
+  .min-w-lg-325px {
+    min-width: 325px !important;
+  }
+  .min-w-lg-350px {
+    min-width: 350px !important;
+  }
+  .min-w-lg-375px {
+    min-width: 375px !important;
+  }
+  .min-w-lg-400px {
+    min-width: 400px !important;
+  }
+  .min-w-lg-425px {
+    min-width: 425px !important;
+  }
+  .min-w-lg-450px {
+    min-width: 450px !important;
+  }
+  .min-w-lg-475px {
+    min-width: 475px !important;
+  }
+  .min-w-lg-500px {
+    min-width: 500px !important;
+  }
+  .min-w-lg-550px {
+    min-width: 550px !important;
+  }
+  .min-w-lg-600px {
+    min-width: 600px !important;
+  }
+  .min-w-lg-650px {
+    min-width: 650px !important;
+  }
+  .min-w-lg-700px {
+    min-width: 700px !important;
+  }
+  .min-w-lg-750px {
+    min-width: 750px !important;
+  }
+  .min-w-lg-800px {
+    min-width: 800px !important;
+  }
+  .min-w-lg-850px {
+    min-width: 850px !important;
+  }
+  .min-w-lg-900px {
+    min-width: 900px !important;
+  }
+  .min-w-lg-950px {
+    min-width: 950px !important;
+  }
+  .min-w-lg-1000px {
+    min-width: 1000px !important;
+  }
+  .min-h-lg-unset {
+    min-height: unset !important;
+  }
+  .min-h-lg-25 {
+    min-height: 25% !important;
+  }
+  .min-h-lg-50 {
+    min-height: 50% !important;
+  }
+  .min-h-lg-75 {
+    min-height: 75% !important;
+  }
+  .min-h-lg-100 {
+    min-height: 100% !important;
+  }
+  .min-h-lg-auto {
+    min-height: auto !important;
+  }
+  .min-h-lg-1px {
+    min-height: 1px !important;
+  }
+  .min-h-lg-2px {
+    min-height: 2px !important;
+  }
+  .min-h-lg-3px {
+    min-height: 3px !important;
+  }
+  .min-h-lg-4px {
+    min-height: 4px !important;
+  }
+  .min-h-lg-5px {
+    min-height: 5px !important;
+  }
+  .min-h-lg-6px {
+    min-height: 6px !important;
+  }
+  .min-h-lg-7px {
+    min-height: 7px !important;
+  }
+  .min-h-lg-8px {
+    min-height: 8px !important;
+  }
+  .min-h-lg-9px {
+    min-height: 9px !important;
+  }
+  .min-h-lg-10px {
+    min-height: 10px !important;
+  }
+  .min-h-lg-15px {
+    min-height: 15px !important;
+  }
+  .min-h-lg-20px {
+    min-height: 20px !important;
+  }
+  .min-h-lg-25px {
+    min-height: 25px !important;
+  }
+  .min-h-lg-30px {
+    min-height: 30px !important;
+  }
+  .min-h-lg-35px {
+    min-height: 35px !important;
+  }
+  .min-h-lg-40px {
+    min-height: 40px !important;
+  }
+  .min-h-lg-45px {
+    min-height: 45px !important;
+  }
+  .min-h-lg-50px {
+    min-height: 50px !important;
+  }
+  .min-h-lg-55px {
+    min-height: 55px !important;
+  }
+  .min-h-lg-60px {
+    min-height: 60px !important;
+  }
+  .min-h-lg-65px {
+    min-height: 65px !important;
+  }
+  .min-h-lg-70px {
+    min-height: 70px !important;
+  }
+  .min-h-lg-75px {
+    min-height: 75px !important;
+  }
+  .min-h-lg-80px {
+    min-height: 80px !important;
+  }
+  .min-h-lg-85px {
+    min-height: 85px !important;
+  }
+  .min-h-lg-90px {
+    min-height: 90px !important;
+  }
+  .min-h-lg-95px {
+    min-height: 95px !important;
+  }
+  .min-h-lg-100px {
+    min-height: 100px !important;
+  }
+  .min-h-lg-125px {
+    min-height: 125px !important;
+  }
+  .min-h-lg-150px {
+    min-height: 150px !important;
+  }
+  .min-h-lg-175px {
+    min-height: 175px !important;
+  }
+  .min-h-lg-200px {
+    min-height: 200px !important;
+  }
+  .min-h-lg-225px {
+    min-height: 225px !important;
+  }
+  .min-h-lg-250px {
+    min-height: 250px !important;
+  }
+  .min-h-lg-275px {
+    min-height: 275px !important;
+  }
+  .min-h-lg-300px {
+    min-height: 300px !important;
+  }
+  .min-h-lg-325px {
+    min-height: 325px !important;
+  }
+  .min-h-lg-350px {
+    min-height: 350px !important;
+  }
+  .min-h-lg-375px {
+    min-height: 375px !important;
+  }
+  .min-h-lg-400px {
+    min-height: 400px !important;
+  }
+  .min-h-lg-425px {
+    min-height: 425px !important;
+  }
+  .min-h-lg-450px {
+    min-height: 450px !important;
+  }
+  .min-h-lg-475px {
+    min-height: 475px !important;
+  }
+  .min-h-lg-500px {
+    min-height: 500px !important;
+  }
+  .min-h-lg-550px {
+    min-height: 550px !important;
+  }
+  .min-h-lg-600px {
+    min-height: 600px !important;
+  }
+  .min-h-lg-650px {
+    min-height: 650px !important;
+  }
+  .min-h-lg-700px {
+    min-height: 700px !important;
+  }
+  .min-h-lg-750px {
+    min-height: 750px !important;
+  }
+  .min-h-lg-800px {
+    min-height: 800px !important;
+  }
+  .min-h-lg-850px {
+    min-height: 850px !important;
+  }
+  .min-h-lg-900px {
+    min-height: 900px !important;
+  }
+  .min-h-lg-950px {
+    min-height: 950px !important;
+  }
+  .min-h-lg-1000px {
+    min-height: 1000px !important;
+  }
+}
+@media (min-width: 1200px) {
+  .float-xl-start {
+    float: left !important;
+  }
+  .float-xl-end {
+    float: right !important;
+  }
+  .float-xl-none {
+    float: none !important;
+  }
+  .d-xl-inline {
+    display: inline !important;
+  }
+  .d-xl-inline-block {
+    display: inline-block !important;
+  }
+  .d-xl-block {
+    display: block !important;
+  }
+  .d-xl-grid {
+    display: grid !important;
+  }
+  .d-xl-table {
+    display: table !important;
+  }
+  .d-xl-table-row {
+    display: table-row !important;
+  }
+  .d-xl-table-cell {
+    display: table-cell !important;
+  }
+  .d-xl-flex {
+    display: flex !important;
+  }
+  .d-xl-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-xl-none {
+    display: none !important;
+  }
+  .position-xl-static {
+    position: static !important;
+  }
+  .position-xl-relative {
+    position: relative !important;
+  }
+  .position-xl-absolute {
+    position: absolute !important;
+  }
+  .position-xl-fixed {
+    position: fixed !important;
+  }
+  .position-xl-sticky {
+    position: sticky !important;
+  }
+  .w-xl-unset {
+    width: unset !important;
+  }
+  .w-xl-25 {
+    width: 25% !important;
+  }
+  .w-xl-50 {
+    width: 50% !important;
+  }
+  .w-xl-75 {
+    width: 75% !important;
+  }
+  .w-xl-100 {
+    width: 100% !important;
+  }
+  .w-xl-auto {
+    width: auto !important;
+  }
+  .w-xl-1px {
+    width: 1px !important;
+  }
+  .w-xl-2px {
+    width: 2px !important;
+  }
+  .w-xl-3px {
+    width: 3px !important;
+  }
+  .w-xl-4px {
+    width: 4px !important;
+  }
+  .w-xl-5px {
+    width: 5px !important;
+  }
+  .w-xl-6px {
+    width: 6px !important;
+  }
+  .w-xl-7px {
+    width: 7px !important;
+  }
+  .w-xl-8px {
+    width: 8px !important;
+  }
+  .w-xl-9px {
+    width: 9px !important;
+  }
+  .w-xl-10px {
+    width: 10px !important;
+  }
+  .w-xl-15px {
+    width: 15px !important;
+  }
+  .w-xl-20px {
+    width: 20px !important;
+  }
+  .w-xl-25px {
+    width: 25px !important;
+  }
+  .w-xl-30px {
+    width: 30px !important;
+  }
+  .w-xl-35px {
+    width: 35px !important;
+  }
+  .w-xl-40px {
+    width: 40px !important;
+  }
+  .w-xl-45px {
+    width: 45px !important;
+  }
+  .w-xl-50px {
+    width: 50px !important;
+  }
+  .w-xl-55px {
+    width: 55px !important;
+  }
+  .w-xl-60px {
+    width: 60px !important;
+  }
+  .w-xl-65px {
+    width: 65px !important;
+  }
+  .w-xl-70px {
+    width: 70px !important;
+  }
+  .w-xl-75px {
+    width: 75px !important;
+  }
+  .w-xl-80px {
+    width: 80px !important;
+  }
+  .w-xl-85px {
+    width: 85px !important;
+  }
+  .w-xl-90px {
+    width: 90px !important;
+  }
+  .w-xl-95px {
+    width: 95px !important;
+  }
+  .w-xl-100px {
+    width: 100px !important;
+  }
+  .w-xl-125px {
+    width: 125px !important;
+  }
+  .w-xl-150px {
+    width: 150px !important;
+  }
+  .w-xl-175px {
+    width: 175px !important;
+  }
+  .w-xl-200px {
+    width: 200px !important;
+  }
+  .w-xl-225px {
+    width: 225px !important;
+  }
+  .w-xl-250px {
+    width: 250px !important;
+  }
+  .w-xl-275px {
+    width: 275px !important;
+  }
+  .w-xl-300px {
+    width: 300px !important;
+  }
+  .w-xl-325px {
+    width: 325px !important;
+  }
+  .w-xl-350px {
+    width: 350px !important;
+  }
+  .w-xl-375px {
+    width: 375px !important;
+  }
+  .w-xl-400px {
+    width: 400px !important;
+  }
+  .w-xl-425px {
+    width: 425px !important;
+  }
+  .w-xl-450px {
+    width: 450px !important;
+  }
+  .w-xl-475px {
+    width: 475px !important;
+  }
+  .w-xl-500px {
+    width: 500px !important;
+  }
+  .w-xl-550px {
+    width: 550px !important;
+  }
+  .w-xl-600px {
+    width: 600px !important;
+  }
+  .w-xl-650px {
+    width: 650px !important;
+  }
+  .w-xl-700px {
+    width: 700px !important;
+  }
+  .w-xl-750px {
+    width: 750px !important;
+  }
+  .w-xl-800px {
+    width: 800px !important;
+  }
+  .w-xl-850px {
+    width: 850px !important;
+  }
+  .w-xl-900px {
+    width: 900px !important;
+  }
+  .w-xl-950px {
+    width: 950px !important;
+  }
+  .w-xl-1000px {
+    width: 1000px !important;
+  }
+  .mw-xl-unset {
+    max-width: unset !important;
+  }
+  .mw-xl-25 {
+    max-width: 25% !important;
+  }
+  .mw-xl-50 {
+    max-width: 50% !important;
+  }
+  .mw-xl-75 {
+    max-width: 75% !important;
+  }
+  .mw-xl-100 {
+    max-width: 100% !important;
+  }
+  .mw-xl-auto {
+    max-width: auto !important;
+  }
+  .mw-xl-1px {
+    max-width: 1px !important;
+  }
+  .mw-xl-2px {
+    max-width: 2px !important;
+  }
+  .mw-xl-3px {
+    max-width: 3px !important;
+  }
+  .mw-xl-4px {
+    max-width: 4px !important;
+  }
+  .mw-xl-5px {
+    max-width: 5px !important;
+  }
+  .mw-xl-6px {
+    max-width: 6px !important;
+  }
+  .mw-xl-7px {
+    max-width: 7px !important;
+  }
+  .mw-xl-8px {
+    max-width: 8px !important;
+  }
+  .mw-xl-9px {
+    max-width: 9px !important;
+  }
+  .mw-xl-10px {
+    max-width: 10px !important;
+  }
+  .mw-xl-15px {
+    max-width: 15px !important;
+  }
+  .mw-xl-20px {
+    max-width: 20px !important;
+  }
+  .mw-xl-25px {
+    max-width: 25px !important;
+  }
+  .mw-xl-30px {
+    max-width: 30px !important;
+  }
+  .mw-xl-35px {
+    max-width: 35px !important;
+  }
+  .mw-xl-40px {
+    max-width: 40px !important;
+  }
+  .mw-xl-45px {
+    max-width: 45px !important;
+  }
+  .mw-xl-50px {
+    max-width: 50px !important;
+  }
+  .mw-xl-55px {
+    max-width: 55px !important;
+  }
+  .mw-xl-60px {
+    max-width: 60px !important;
+  }
+  .mw-xl-65px {
+    max-width: 65px !important;
+  }
+  .mw-xl-70px {
+    max-width: 70px !important;
+  }
+  .mw-xl-75px {
+    max-width: 75px !important;
+  }
+  .mw-xl-80px {
+    max-width: 80px !important;
+  }
+  .mw-xl-85px {
+    max-width: 85px !important;
+  }
+  .mw-xl-90px {
+    max-width: 90px !important;
+  }
+  .mw-xl-95px {
+    max-width: 95px !important;
+  }
+  .mw-xl-100px {
+    max-width: 100px !important;
+  }
+  .mw-xl-125px {
+    max-width: 125px !important;
+  }
+  .mw-xl-150px {
+    max-width: 150px !important;
+  }
+  .mw-xl-175px {
+    max-width: 175px !important;
+  }
+  .mw-xl-200px {
+    max-width: 200px !important;
+  }
+  .mw-xl-225px {
+    max-width: 225px !important;
+  }
+  .mw-xl-250px {
+    max-width: 250px !important;
+  }
+  .mw-xl-275px {
+    max-width: 275px !important;
+  }
+  .mw-xl-300px {
+    max-width: 300px !important;
+  }
+  .mw-xl-325px {
+    max-width: 325px !important;
+  }
+  .mw-xl-350px {
+    max-width: 350px !important;
+  }
+  .mw-xl-375px {
+    max-width: 375px !important;
+  }
+  .mw-xl-400px {
+    max-width: 400px !important;
+  }
+  .mw-xl-425px {
+    max-width: 425px !important;
+  }
+  .mw-xl-450px {
+    max-width: 450px !important;
+  }
+  .mw-xl-475px {
+    max-width: 475px !important;
+  }
+  .mw-xl-500px {
+    max-width: 500px !important;
+  }
+  .mw-xl-550px {
+    max-width: 550px !important;
+  }
+  .mw-xl-600px {
+    max-width: 600px !important;
+  }
+  .mw-xl-650px {
+    max-width: 650px !important;
+  }
+  .mw-xl-700px {
+    max-width: 700px !important;
+  }
+  .mw-xl-750px {
+    max-width: 750px !important;
+  }
+  .mw-xl-800px {
+    max-width: 800px !important;
+  }
+  .mw-xl-850px {
+    max-width: 850px !important;
+  }
+  .mw-xl-900px {
+    max-width: 900px !important;
+  }
+  .mw-xl-950px {
+    max-width: 950px !important;
+  }
+  .mw-xl-1000px {
+    max-width: 1000px !important;
+  }
+  .h-xl-unset {
+    height: unset !important;
+  }
+  .h-xl-25 {
+    height: 25% !important;
+  }
+  .h-xl-50 {
+    height: 50% !important;
+  }
+  .h-xl-75 {
+    height: 75% !important;
+  }
+  .h-xl-100 {
+    height: 100% !important;
+  }
+  .h-xl-auto {
+    height: auto !important;
+  }
+  .h-xl-1px {
+    height: 1px !important;
+  }
+  .h-xl-2px {
+    height: 2px !important;
+  }
+  .h-xl-3px {
+    height: 3px !important;
+  }
+  .h-xl-4px {
+    height: 4px !important;
+  }
+  .h-xl-5px {
+    height: 5px !important;
+  }
+  .h-xl-6px {
+    height: 6px !important;
+  }
+  .h-xl-7px {
+    height: 7px !important;
+  }
+  .h-xl-8px {
+    height: 8px !important;
+  }
+  .h-xl-9px {
+    height: 9px !important;
+  }
+  .h-xl-10px {
+    height: 10px !important;
+  }
+  .h-xl-15px {
+    height: 15px !important;
+  }
+  .h-xl-20px {
+    height: 20px !important;
+  }
+  .h-xl-25px {
+    height: 25px !important;
+  }
+  .h-xl-30px {
+    height: 30px !important;
+  }
+  .h-xl-35px {
+    height: 35px !important;
+  }
+  .h-xl-40px {
+    height: 40px !important;
+  }
+  .h-xl-45px {
+    height: 45px !important;
+  }
+  .h-xl-50px {
+    height: 50px !important;
+  }
+  .h-xl-55px {
+    height: 55px !important;
+  }
+  .h-xl-60px {
+    height: 60px !important;
+  }
+  .h-xl-65px {
+    height: 65px !important;
+  }
+  .h-xl-70px {
+    height: 70px !important;
+  }
+  .h-xl-75px {
+    height: 75px !important;
+  }
+  .h-xl-80px {
+    height: 80px !important;
+  }
+  .h-xl-85px {
+    height: 85px !important;
+  }
+  .h-xl-90px {
+    height: 90px !important;
+  }
+  .h-xl-95px {
+    height: 95px !important;
+  }
+  .h-xl-100px {
+    height: 100px !important;
+  }
+  .h-xl-125px {
+    height: 125px !important;
+  }
+  .h-xl-150px {
+    height: 150px !important;
+  }
+  .h-xl-175px {
+    height: 175px !important;
+  }
+  .h-xl-200px {
+    height: 200px !important;
+  }
+  .h-xl-225px {
+    height: 225px !important;
+  }
+  .h-xl-250px {
+    height: 250px !important;
+  }
+  .h-xl-275px {
+    height: 275px !important;
+  }
+  .h-xl-300px {
+    height: 300px !important;
+  }
+  .h-xl-325px {
+    height: 325px !important;
+  }
+  .h-xl-350px {
+    height: 350px !important;
+  }
+  .h-xl-375px {
+    height: 375px !important;
+  }
+  .h-xl-400px {
+    height: 400px !important;
+  }
+  .h-xl-425px {
+    height: 425px !important;
+  }
+  .h-xl-450px {
+    height: 450px !important;
+  }
+  .h-xl-475px {
+    height: 475px !important;
+  }
+  .h-xl-500px {
+    height: 500px !important;
+  }
+  .h-xl-550px {
+    height: 550px !important;
+  }
+  .h-xl-600px {
+    height: 600px !important;
+  }
+  .h-xl-650px {
+    height: 650px !important;
+  }
+  .h-xl-700px {
+    height: 700px !important;
+  }
+  .h-xl-750px {
+    height: 750px !important;
+  }
+  .h-xl-800px {
+    height: 800px !important;
+  }
+  .h-xl-850px {
+    height: 850px !important;
+  }
+  .h-xl-900px {
+    height: 900px !important;
+  }
+  .h-xl-950px {
+    height: 950px !important;
+  }
+  .h-xl-1000px {
+    height: 1000px !important;
+  }
+  .mh-xl-unset {
+    max-height: unset !important;
+  }
+  .mh-xl-25 {
+    max-height: 25% !important;
+  }
+  .mh-xl-50 {
+    max-height: 50% !important;
+  }
+  .mh-xl-75 {
+    max-height: 75% !important;
+  }
+  .mh-xl-100 {
+    max-height: 100% !important;
+  }
+  .mh-xl-auto {
+    max-height: auto !important;
+  }
+  .mh-xl-1px {
+    max-height: 1px !important;
+  }
+  .mh-xl-2px {
+    max-height: 2px !important;
+  }
+  .mh-xl-3px {
+    max-height: 3px !important;
+  }
+  .mh-xl-4px {
+    max-height: 4px !important;
+  }
+  .mh-xl-5px {
+    max-height: 5px !important;
+  }
+  .mh-xl-6px {
+    max-height: 6px !important;
+  }
+  .mh-xl-7px {
+    max-height: 7px !important;
+  }
+  .mh-xl-8px {
+    max-height: 8px !important;
+  }
+  .mh-xl-9px {
+    max-height: 9px !important;
+  }
+  .mh-xl-10px {
+    max-height: 10px !important;
+  }
+  .mh-xl-15px {
+    max-height: 15px !important;
+  }
+  .mh-xl-20px {
+    max-height: 20px !important;
+  }
+  .mh-xl-25px {
+    max-height: 25px !important;
+  }
+  .mh-xl-30px {
+    max-height: 30px !important;
+  }
+  .mh-xl-35px {
+    max-height: 35px !important;
+  }
+  .mh-xl-40px {
+    max-height: 40px !important;
+  }
+  .mh-xl-45px {
+    max-height: 45px !important;
+  }
+  .mh-xl-50px {
+    max-height: 50px !important;
+  }
+  .mh-xl-55px {
+    max-height: 55px !important;
+  }
+  .mh-xl-60px {
+    max-height: 60px !important;
+  }
+  .mh-xl-65px {
+    max-height: 65px !important;
+  }
+  .mh-xl-70px {
+    max-height: 70px !important;
+  }
+  .mh-xl-75px {
+    max-height: 75px !important;
+  }
+  .mh-xl-80px {
+    max-height: 80px !important;
+  }
+  .mh-xl-85px {
+    max-height: 85px !important;
+  }
+  .mh-xl-90px {
+    max-height: 90px !important;
+  }
+  .mh-xl-95px {
+    max-height: 95px !important;
+  }
+  .mh-xl-100px {
+    max-height: 100px !important;
+  }
+  .mh-xl-125px {
+    max-height: 125px !important;
+  }
+  .mh-xl-150px {
+    max-height: 150px !important;
+  }
+  .mh-xl-175px {
+    max-height: 175px !important;
+  }
+  .mh-xl-200px {
+    max-height: 200px !important;
+  }
+  .mh-xl-225px {
+    max-height: 225px !important;
+  }
+  .mh-xl-250px {
+    max-height: 250px !important;
+  }
+  .mh-xl-275px {
+    max-height: 275px !important;
+  }
+  .mh-xl-300px {
+    max-height: 300px !important;
+  }
+  .mh-xl-325px {
+    max-height: 325px !important;
+  }
+  .mh-xl-350px {
+    max-height: 350px !important;
+  }
+  .mh-xl-375px {
+    max-height: 375px !important;
+  }
+  .mh-xl-400px {
+    max-height: 400px !important;
+  }
+  .mh-xl-425px {
+    max-height: 425px !important;
+  }
+  .mh-xl-450px {
+    max-height: 450px !important;
+  }
+  .mh-xl-475px {
+    max-height: 475px !important;
+  }
+  .mh-xl-500px {
+    max-height: 500px !important;
+  }
+  .mh-xl-550px {
+    max-height: 550px !important;
+  }
+  .mh-xl-600px {
+    max-height: 600px !important;
+  }
+  .mh-xl-650px {
+    max-height: 650px !important;
+  }
+  .mh-xl-700px {
+    max-height: 700px !important;
+  }
+  .mh-xl-750px {
+    max-height: 750px !important;
+  }
+  .mh-xl-800px {
+    max-height: 800px !important;
+  }
+  .mh-xl-850px {
+    max-height: 850px !important;
+  }
+  .mh-xl-900px {
+    max-height: 900px !important;
+  }
+  .mh-xl-950px {
+    max-height: 950px !important;
+  }
+  .mh-xl-1000px {
+    max-height: 1000px !important;
+  }
+  .flex-xl-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-xl-row {
+    flex-direction: row !important;
+  }
+  .flex-xl-column {
+    flex-direction: column !important;
+  }
+  .flex-xl-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-xl-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-xl-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-xl-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-xl-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-xl-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .flex-xl-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-xl-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-xl-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .justify-content-xl-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-xl-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-xl-center {
+    justify-content: center !important;
+  }
+  .justify-content-xl-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-xl-around {
+    justify-content: space-around !important;
+  }
+  .justify-content-xl-evenly {
+    justify-content: space-evenly !important;
+  }
+  .align-items-xl-start {
+    align-items: flex-start !important;
+  }
+  .align-items-xl-end {
+    align-items: flex-end !important;
+  }
+  .align-items-xl-center {
+    align-items: center !important;
+  }
+  .align-items-xl-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-xl-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-xl-start {
+    align-content: flex-start !important;
+  }
+  .align-content-xl-end {
+    align-content: flex-end !important;
+  }
+  .align-content-xl-center {
+    align-content: center !important;
+  }
+  .align-content-xl-between {
+    align-content: space-between !important;
+  }
+  .align-content-xl-around {
+    align-content: space-around !important;
+  }
+  .align-content-xl-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-xl-auto {
+    align-self: auto !important;
+  }
+  .align-self-xl-start {
+    align-self: flex-start !important;
+  }
+  .align-self-xl-end {
+    align-self: flex-end !important;
+  }
+  .align-self-xl-center {
+    align-self: center !important;
+  }
+  .align-self-xl-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-xl-stretch {
+    align-self: stretch !important;
+  }
+  .order-xl-first {
+    order: -1 !important;
+  }
+  .order-xl-0 {
+    order: 0 !important;
+  }
+  .order-xl-1 {
+    order: 1 !important;
+  }
+  .order-xl-2 {
+    order: 2 !important;
+  }
+  .order-xl-3 {
+    order: 3 !important;
+  }
+  .order-xl-4 {
+    order: 4 !important;
+  }
+  .order-xl-5 {
+    order: 5 !important;
+  }
+  .order-xl-last {
+    order: 6 !important;
+  }
+  .m-xl-0 {
+    margin: 0 !important;
+  }
+  .m-xl-1 {
+    margin: 0.25rem !important;
+  }
+  .m-xl-2 {
+    margin: 0.5rem !important;
+  }
+  .m-xl-3 {
+    margin: 0.75rem !important;
+  }
+  .m-xl-4 {
+    margin: 1rem !important;
+  }
+  .m-xl-5 {
+    margin: 1.25rem !important;
+  }
+  .m-xl-6 {
+    margin: 1.5rem !important;
+  }
+  .m-xl-7 {
+    margin: 1.75rem !important;
+  }
+  .m-xl-8 {
+    margin: 2rem !important;
+  }
+  .m-xl-9 {
+    margin: 2.25rem !important;
+  }
+  .m-xl-10 {
+    margin: 2.5rem !important;
+  }
+  .m-xl-11 {
+    margin: 2.75rem !important;
+  }
+  .m-xl-12 {
+    margin: 3rem !important;
+  }
+  .m-xl-13 {
+    margin: 3.25rem !important;
+  }
+  .m-xl-14 {
+    margin: 3.5rem !important;
+  }
+  .m-xl-15 {
+    margin: 3.75rem !important;
+  }
+  .m-xl-16 {
+    margin: 4rem !important;
+  }
+  .m-xl-17 {
+    margin: 4.25rem !important;
+  }
+  .m-xl-18 {
+    margin: 4.5rem !important;
+  }
+  .m-xl-19 {
+    margin: 4.75rem !important;
+  }
+  .m-xl-20 {
+    margin: 5rem !important;
+  }
+  .m-xl-auto {
+    margin: auto !important;
+  }
+  .mx-xl-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+  .mx-xl-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+  .mx-xl-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+  .mx-xl-3 {
+    margin-right: 0.75rem !important;
+    margin-left: 0.75rem !important;
+  }
+  .mx-xl-4 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+  .mx-xl-5 {
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
+  }
+  .mx-xl-6 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+  .mx-xl-7 {
+    margin-right: 1.75rem !important;
+    margin-left: 1.75rem !important;
+  }
+  .mx-xl-8 {
+    margin-right: 2rem !important;
+    margin-left: 2rem !important;
+  }
+  .mx-xl-9 {
+    margin-right: 2.25rem !important;
+    margin-left: 2.25rem !important;
+  }
+  .mx-xl-10 {
+    margin-right: 2.5rem !important;
+    margin-left: 2.5rem !important;
+  }
+  .mx-xl-11 {
+    margin-right: 2.75rem !important;
+    margin-left: 2.75rem !important;
+  }
+  .mx-xl-12 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .mx-xl-13 {
+    margin-right: 3.25rem !important;
+    margin-left: 3.25rem !important;
+  }
+  .mx-xl-14 {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .mx-xl-15 {
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
+  }
+  .mx-xl-16 {
+    margin-right: 4rem !important;
+    margin-left: 4rem !important;
+  }
+  .mx-xl-17 {
+    margin-right: 4.25rem !important;
+    margin-left: 4.25rem !important;
+  }
+  .mx-xl-18 {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important;
+  }
+  .mx-xl-19 {
+    margin-right: 4.75rem !important;
+    margin-left: 4.75rem !important;
+  }
+  .mx-xl-20 {
+    margin-right: 5rem !important;
+    margin-left: 5rem !important;
+  }
+  .mx-xl-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+  .my-xl-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+  .my-xl-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+  .my-xl-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+  .my-xl-3 {
+    margin-top: 0.75rem !important;
+    margin-bottom: 0.75rem !important;
+  }
+  .my-xl-4 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+  .my-xl-5 {
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
+  }
+  .my-xl-6 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+  .my-xl-7 {
+    margin-top: 1.75rem !important;
+    margin-bottom: 1.75rem !important;
+  }
+  .my-xl-8 {
+    margin-top: 2rem !important;
+    margin-bottom: 2rem !important;
+  }
+  .my-xl-9 {
+    margin-top: 2.25rem !important;
+    margin-bottom: 2.25rem !important;
+  }
+  .my-xl-10 {
+    margin-top: 2.5rem !important;
+    margin-bottom: 2.5rem !important;
+  }
+  .my-xl-11 {
+    margin-top: 2.75rem !important;
+    margin-bottom: 2.75rem !important;
+  }
+  .my-xl-12 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .my-xl-13 {
+    margin-top: 3.25rem !important;
+    margin-bottom: 3.25rem !important;
+  }
+  .my-xl-14 {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .my-xl-15 {
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
+  }
+  .my-xl-16 {
+    margin-top: 4rem !important;
+    margin-bottom: 4rem !important;
+  }
+  .my-xl-17 {
+    margin-top: 4.25rem !important;
+    margin-bottom: 4.25rem !important;
+  }
+  .my-xl-18 {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important;
+  }
+  .my-xl-19 {
+    margin-top: 4.75rem !important;
+    margin-bottom: 4.75rem !important;
+  }
+  .my-xl-20 {
+    margin-top: 5rem !important;
+    margin-bottom: 5rem !important;
+  }
+  .my-xl-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+  .mt-xl-0 {
+    margin-top: 0 !important;
+  }
+  .mt-xl-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mt-xl-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mt-xl-3 {
+    margin-top: 0.75rem !important;
+  }
+  .mt-xl-4 {
+    margin-top: 1rem !important;
+  }
+  .mt-xl-5 {
+    margin-top: 1.25rem !important;
+  }
+  .mt-xl-6 {
+    margin-top: 1.5rem !important;
+  }
+  .mt-xl-7 {
+    margin-top: 1.75rem !important;
+  }
+  .mt-xl-8 {
+    margin-top: 2rem !important;
+  }
+  .mt-xl-9 {
+    margin-top: 2.25rem !important;
+  }
+  .mt-xl-10 {
+    margin-top: 2.5rem !important;
+  }
+  .mt-xl-11 {
+    margin-top: 2.75rem !important;
+  }
+  .mt-xl-12 {
+    margin-top: 3rem !important;
+  }
+  .mt-xl-13 {
+    margin-top: 3.25rem !important;
+  }
+  .mt-xl-14 {
+    margin-top: 3.5rem !important;
+  }
+  .mt-xl-15 {
+    margin-top: 3.75rem !important;
+  }
+  .mt-xl-16 {
+    margin-top: 4rem !important;
+  }
+  .mt-xl-17 {
+    margin-top: 4.25rem !important;
+  }
+  .mt-xl-18 {
+    margin-top: 4.5rem !important;
+  }
+  .mt-xl-19 {
+    margin-top: 4.75rem !important;
+  }
+  .mt-xl-20 {
+    margin-top: 5rem !important;
+  }
+  .mt-xl-auto {
+    margin-top: auto !important;
+  }
+  .me-xl-0 {
+    margin-right: 0 !important;
+  }
+  .me-xl-1 {
+    margin-right: 0.25rem !important;
+  }
+  .me-xl-2 {
+    margin-right: 0.5rem !important;
+  }
+  .me-xl-3 {
+    margin-right: 0.75rem !important;
+  }
+  .me-xl-4 {
+    margin-right: 1rem !important;
+  }
+  .me-xl-5 {
+    margin-right: 1.25rem !important;
+  }
+  .me-xl-6 {
+    margin-right: 1.5rem !important;
+  }
+  .me-xl-7 {
+    margin-right: 1.75rem !important;
+  }
+  .me-xl-8 {
+    margin-right: 2rem !important;
+  }
+  .me-xl-9 {
+    margin-right: 2.25rem !important;
+  }
+  .me-xl-10 {
+    margin-right: 2.5rem !important;
+  }
+  .me-xl-11 {
+    margin-right: 2.75rem !important;
+  }
+  .me-xl-12 {
+    margin-right: 3rem !important;
+  }
+  .me-xl-13 {
+    margin-right: 3.25rem !important;
+  }
+  .me-xl-14 {
+    margin-right: 3.5rem !important;
+  }
+  .me-xl-15 {
+    margin-right: 3.75rem !important;
+  }
+  .me-xl-16 {
+    margin-right: 4rem !important;
+  }
+  .me-xl-17 {
+    margin-right: 4.25rem !important;
+  }
+  .me-xl-18 {
+    margin-right: 4.5rem !important;
+  }
+  .me-xl-19 {
+    margin-right: 4.75rem !important;
+  }
+  .me-xl-20 {
+    margin-right: 5rem !important;
+  }
+  .me-xl-auto {
+    margin-right: auto !important;
+  }
+  .mb-xl-0 {
+    margin-bottom: 0 !important;
+  }
+  .mb-xl-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .mb-xl-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .mb-xl-3 {
+    margin-bottom: 0.75rem !important;
+  }
+  .mb-xl-4 {
+    margin-bottom: 1rem !important;
+  }
+  .mb-xl-5 {
+    margin-bottom: 1.25rem !important;
+  }
+  .mb-xl-6 {
+    margin-bottom: 1.5rem !important;
+  }
+  .mb-xl-7 {
+    margin-bottom: 1.75rem !important;
+  }
+  .mb-xl-8 {
+    margin-bottom: 2rem !important;
+  }
+  .mb-xl-9 {
+    margin-bottom: 2.25rem !important;
+  }
+  .mb-xl-10 {
+    margin-bottom: 2.5rem !important;
+  }
+  .mb-xl-11 {
+    margin-bottom: 2.75rem !important;
+  }
+  .mb-xl-12 {
+    margin-bottom: 3rem !important;
+  }
+  .mb-xl-13 {
+    margin-bottom: 3.25rem !important;
+  }
+  .mb-xl-14 {
+    margin-bottom: 3.5rem !important;
+  }
+  .mb-xl-15 {
+    margin-bottom: 3.75rem !important;
+  }
+  .mb-xl-16 {
+    margin-bottom: 4rem !important;
+  }
+  .mb-xl-17 {
+    margin-bottom: 4.25rem !important;
+  }
+  .mb-xl-18 {
+    margin-bottom: 4.5rem !important;
+  }
+  .mb-xl-19 {
+    margin-bottom: 4.75rem !important;
+  }
+  .mb-xl-20 {
+    margin-bottom: 5rem !important;
+  }
+  .mb-xl-auto {
+    margin-bottom: auto !important;
+  }
+  .ms-xl-0 {
+    margin-left: 0 !important;
+  }
+  .ms-xl-1 {
+    margin-left: 0.25rem !important;
+  }
+  .ms-xl-2 {
+    margin-left: 0.5rem !important;
+  }
+  .ms-xl-3 {
+    margin-left: 0.75rem !important;
+  }
+  .ms-xl-4 {
+    margin-left: 1rem !important;
+  }
+  .ms-xl-5 {
+    margin-left: 1.25rem !important;
+  }
+  .ms-xl-6 {
+    margin-left: 1.5rem !important;
+  }
+  .ms-xl-7 {
+    margin-left: 1.75rem !important;
+  }
+  .ms-xl-8 {
+    margin-left: 2rem !important;
+  }
+  .ms-xl-9 {
+    margin-left: 2.25rem !important;
+  }
+  .ms-xl-10 {
+    margin-left: 2.5rem !important;
+  }
+  .ms-xl-11 {
+    margin-left: 2.75rem !important;
+  }
+  .ms-xl-12 {
+    margin-left: 3rem !important;
+  }
+  .ms-xl-13 {
+    margin-left: 3.25rem !important;
+  }
+  .ms-xl-14 {
+    margin-left: 3.5rem !important;
+  }
+  .ms-xl-15 {
+    margin-left: 3.75rem !important;
+  }
+  .ms-xl-16 {
+    margin-left: 4rem !important;
+  }
+  .ms-xl-17 {
+    margin-left: 4.25rem !important;
+  }
+  .ms-xl-18 {
+    margin-left: 4.5rem !important;
+  }
+  .ms-xl-19 {
+    margin-left: 4.75rem !important;
+  }
+  .ms-xl-20 {
+    margin-left: 5rem !important;
+  }
+  .ms-xl-auto {
+    margin-left: auto !important;
+  }
+  .m-xl-n1 {
+    margin: -0.25rem !important;
+  }
+  .m-xl-n2 {
+    margin: -0.5rem !important;
+  }
+  .m-xl-n3 {
+    margin: -0.75rem !important;
+  }
+  .m-xl-n4 {
+    margin: -1rem !important;
+  }
+  .m-xl-n5 {
+    margin: -1.25rem !important;
+  }
+  .m-xl-n6 {
+    margin: -1.5rem !important;
+  }
+  .m-xl-n7 {
+    margin: -1.75rem !important;
+  }
+  .m-xl-n8 {
+    margin: -2rem !important;
+  }
+  .m-xl-n9 {
+    margin: -2.25rem !important;
+  }
+  .m-xl-n10 {
+    margin: -2.5rem !important;
+  }
+  .m-xl-n11 {
+    margin: -2.75rem !important;
+  }
+  .m-xl-n12 {
+    margin: -3rem !important;
+  }
+  .m-xl-n13 {
+    margin: -3.25rem !important;
+  }
+  .m-xl-n14 {
+    margin: -3.5rem !important;
+  }
+  .m-xl-n15 {
+    margin: -3.75rem !important;
+  }
+  .m-xl-n16 {
+    margin: -4rem !important;
+  }
+  .m-xl-n17 {
+    margin: -4.25rem !important;
+  }
+  .m-xl-n18 {
+    margin: -4.5rem !important;
+  }
+  .m-xl-n19 {
+    margin: -4.75rem !important;
+  }
+  .m-xl-n20 {
+    margin: -5rem !important;
+  }
+  .mx-xl-n1 {
+    margin-right: -0.25rem !important;
+    margin-left: -0.25rem !important;
+  }
+  .mx-xl-n2 {
+    margin-right: -0.5rem !important;
+    margin-left: -0.5rem !important;
+  }
+  .mx-xl-n3 {
+    margin-right: -0.75rem !important;
+    margin-left: -0.75rem !important;
+  }
+  .mx-xl-n4 {
+    margin-right: -1rem !important;
+    margin-left: -1rem !important;
+  }
+  .mx-xl-n5 {
+    margin-right: -1.25rem !important;
+    margin-left: -1.25rem !important;
+  }
+  .mx-xl-n6 {
+    margin-right: -1.5rem !important;
+    margin-left: -1.5rem !important;
+  }
+  .mx-xl-n7 {
+    margin-right: -1.75rem !important;
+    margin-left: -1.75rem !important;
+  }
+  .mx-xl-n8 {
+    margin-right: -2rem !important;
+    margin-left: -2rem !important;
+  }
+  .mx-xl-n9 {
+    margin-right: -2.25rem !important;
+    margin-left: -2.25rem !important;
+  }
+  .mx-xl-n10 {
+    margin-right: -2.5rem !important;
+    margin-left: -2.5rem !important;
+  }
+  .mx-xl-n11 {
+    margin-right: -2.75rem !important;
+    margin-left: -2.75rem !important;
+  }
+  .mx-xl-n12 {
+    margin-right: -3rem !important;
+    margin-left: -3rem !important;
+  }
+  .mx-xl-n13 {
+    margin-right: -3.25rem !important;
+    margin-left: -3.25rem !important;
+  }
+  .mx-xl-n14 {
+    margin-right: -3.5rem !important;
+    margin-left: -3.5rem !important;
+  }
+  .mx-xl-n15 {
+    margin-right: -3.75rem !important;
+    margin-left: -3.75rem !important;
+  }
+  .mx-xl-n16 {
+    margin-right: -4rem !important;
+    margin-left: -4rem !important;
+  }
+  .mx-xl-n17 {
+    margin-right: -4.25rem !important;
+    margin-left: -4.25rem !important;
+  }
+  .mx-xl-n18 {
+    margin-right: -4.5rem !important;
+    margin-left: -4.5rem !important;
+  }
+  .mx-xl-n19 {
+    margin-right: -4.75rem !important;
+    margin-left: -4.75rem !important;
+  }
+  .mx-xl-n20 {
+    margin-right: -5rem !important;
+    margin-left: -5rem !important;
+  }
+  .my-xl-n1 {
+    margin-top: -0.25rem !important;
+    margin-bottom: -0.25rem !important;
+  }
+  .my-xl-n2 {
+    margin-top: -0.5rem !important;
+    margin-bottom: -0.5rem !important;
+  }
+  .my-xl-n3 {
+    margin-top: -0.75rem !important;
+    margin-bottom: -0.75rem !important;
+  }
+  .my-xl-n4 {
+    margin-top: -1rem !important;
+    margin-bottom: -1rem !important;
+  }
+  .my-xl-n5 {
+    margin-top: -1.25rem !important;
+    margin-bottom: -1.25rem !important;
+  }
+  .my-xl-n6 {
+    margin-top: -1.5rem !important;
+    margin-bottom: -1.5rem !important;
+  }
+  .my-xl-n7 {
+    margin-top: -1.75rem !important;
+    margin-bottom: -1.75rem !important;
+  }
+  .my-xl-n8 {
+    margin-top: -2rem !important;
+    margin-bottom: -2rem !important;
+  }
+  .my-xl-n9 {
+    margin-top: -2.25rem !important;
+    margin-bottom: -2.25rem !important;
+  }
+  .my-xl-n10 {
+    margin-top: -2.5rem !important;
+    margin-bottom: -2.5rem !important;
+  }
+  .my-xl-n11 {
+    margin-top: -2.75rem !important;
+    margin-bottom: -2.75rem !important;
+  }
+  .my-xl-n12 {
+    margin-top: -3rem !important;
+    margin-bottom: -3rem !important;
+  }
+  .my-xl-n13 {
+    margin-top: -3.25rem !important;
+    margin-bottom: -3.25rem !important;
+  }
+  .my-xl-n14 {
+    margin-top: -3.5rem !important;
+    margin-bottom: -3.5rem !important;
+  }
+  .my-xl-n15 {
+    margin-top: -3.75rem !important;
+    margin-bottom: -3.75rem !important;
+  }
+  .my-xl-n16 {
+    margin-top: -4rem !important;
+    margin-bottom: -4rem !important;
+  }
+  .my-xl-n17 {
+    margin-top: -4.25rem !important;
+    margin-bottom: -4.25rem !important;
+  }
+  .my-xl-n18 {
+    margin-top: -4.5rem !important;
+    margin-bottom: -4.5rem !important;
+  }
+  .my-xl-n19 {
+    margin-top: -4.75rem !important;
+    margin-bottom: -4.75rem !important;
+  }
+  .my-xl-n20 {
+    margin-top: -5rem !important;
+    margin-bottom: -5rem !important;
+  }
+  .mt-xl-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mt-xl-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mt-xl-n3 {
+    margin-top: -0.75rem !important;
+  }
+  .mt-xl-n4 {
+    margin-top: -1rem !important;
+  }
+  .mt-xl-n5 {
+    margin-top: -1.25rem !important;
+  }
+  .mt-xl-n6 {
+    margin-top: -1.5rem !important;
+  }
+  .mt-xl-n7 {
+    margin-top: -1.75rem !important;
+  }
+  .mt-xl-n8 {
+    margin-top: -2rem !important;
+  }
+  .mt-xl-n9 {
+    margin-top: -2.25rem !important;
+  }
+  .mt-xl-n10 {
+    margin-top: -2.5rem !important;
+  }
+  .mt-xl-n11 {
+    margin-top: -2.75rem !important;
+  }
+  .mt-xl-n12 {
+    margin-top: -3rem !important;
+  }
+  .mt-xl-n13 {
+    margin-top: -3.25rem !important;
+  }
+  .mt-xl-n14 {
+    margin-top: -3.5rem !important;
+  }
+  .mt-xl-n15 {
+    margin-top: -3.75rem !important;
+  }
+  .mt-xl-n16 {
+    margin-top: -4rem !important;
+  }
+  .mt-xl-n17 {
+    margin-top: -4.25rem !important;
+  }
+  .mt-xl-n18 {
+    margin-top: -4.5rem !important;
+  }
+  .mt-xl-n19 {
+    margin-top: -4.75rem !important;
+  }
+  .mt-xl-n20 {
+    margin-top: -5rem !important;
+  }
+  .me-xl-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .me-xl-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .me-xl-n3 {
+    margin-right: -0.75rem !important;
+  }
+  .me-xl-n4 {
+    margin-right: -1rem !important;
+  }
+  .me-xl-n5 {
+    margin-right: -1.25rem !important;
+  }
+  .me-xl-n6 {
+    margin-right: -1.5rem !important;
+  }
+  .me-xl-n7 {
+    margin-right: -1.75rem !important;
+  }
+  .me-xl-n8 {
+    margin-right: -2rem !important;
+  }
+  .me-xl-n9 {
+    margin-right: -2.25rem !important;
+  }
+  .me-xl-n10 {
+    margin-right: -2.5rem !important;
+  }
+  .me-xl-n11 {
+    margin-right: -2.75rem !important;
+  }
+  .me-xl-n12 {
+    margin-right: -3rem !important;
+  }
+  .me-xl-n13 {
+    margin-right: -3.25rem !important;
+  }
+  .me-xl-n14 {
+    margin-right: -3.5rem !important;
+  }
+  .me-xl-n15 {
+    margin-right: -3.75rem !important;
+  }
+  .me-xl-n16 {
+    margin-right: -4rem !important;
+  }
+  .me-xl-n17 {
+    margin-right: -4.25rem !important;
+  }
+  .me-xl-n18 {
+    margin-right: -4.5rem !important;
+  }
+  .me-xl-n19 {
+    margin-right: -4.75rem !important;
+  }
+  .me-xl-n20 {
+    margin-right: -5rem !important;
+  }
+  .mb-xl-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .mb-xl-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .mb-xl-n3 {
+    margin-bottom: -0.75rem !important;
+  }
+  .mb-xl-n4 {
+    margin-bottom: -1rem !important;
+  }
+  .mb-xl-n5 {
+    margin-bottom: -1.25rem !important;
+  }
+  .mb-xl-n6 {
+    margin-bottom: -1.5rem !important;
+  }
+  .mb-xl-n7 {
+    margin-bottom: -1.75rem !important;
+  }
+  .mb-xl-n8 {
+    margin-bottom: -2rem !important;
+  }
+  .mb-xl-n9 {
+    margin-bottom: -2.25rem !important;
+  }
+  .mb-xl-n10 {
+    margin-bottom: -2.5rem !important;
+  }
+  .mb-xl-n11 {
+    margin-bottom: -2.75rem !important;
+  }
+  .mb-xl-n12 {
+    margin-bottom: -3rem !important;
+  }
+  .mb-xl-n13 {
+    margin-bottom: -3.25rem !important;
+  }
+  .mb-xl-n14 {
+    margin-bottom: -3.5rem !important;
+  }
+  .mb-xl-n15 {
+    margin-bottom: -3.75rem !important;
+  }
+  .mb-xl-n16 {
+    margin-bottom: -4rem !important;
+  }
+  .mb-xl-n17 {
+    margin-bottom: -4.25rem !important;
+  }
+  .mb-xl-n18 {
+    margin-bottom: -4.5rem !important;
+  }
+  .mb-xl-n19 {
+    margin-bottom: -4.75rem !important;
+  }
+  .mb-xl-n20 {
+    margin-bottom: -5rem !important;
+  }
+  .ms-xl-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .ms-xl-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .ms-xl-n3 {
+    margin-left: -0.75rem !important;
+  }
+  .ms-xl-n4 {
+    margin-left: -1rem !important;
+  }
+  .ms-xl-n5 {
+    margin-left: -1.25rem !important;
+  }
+  .ms-xl-n6 {
+    margin-left: -1.5rem !important;
+  }
+  .ms-xl-n7 {
+    margin-left: -1.75rem !important;
+  }
+  .ms-xl-n8 {
+    margin-left: -2rem !important;
+  }
+  .ms-xl-n9 {
+    margin-left: -2.25rem !important;
+  }
+  .ms-xl-n10 {
+    margin-left: -2.5rem !important;
+  }
+  .ms-xl-n11 {
+    margin-left: -2.75rem !important;
+  }
+  .ms-xl-n12 {
+    margin-left: -3rem !important;
+  }
+  .ms-xl-n13 {
+    margin-left: -3.25rem !important;
+  }
+  .ms-xl-n14 {
+    margin-left: -3.5rem !important;
+  }
+  .ms-xl-n15 {
+    margin-left: -3.75rem !important;
+  }
+  .ms-xl-n16 {
+    margin-left: -4rem !important;
+  }
+  .ms-xl-n17 {
+    margin-left: -4.25rem !important;
+  }
+  .ms-xl-n18 {
+    margin-left: -4.5rem !important;
+  }
+  .ms-xl-n19 {
+    margin-left: -4.75rem !important;
+  }
+  .ms-xl-n20 {
+    margin-left: -5rem !important;
+  }
+  .p-xl-0 {
+    padding: 0 !important;
+  }
+  .p-xl-1 {
+    padding: 0.25rem !important;
+  }
+  .p-xl-2 {
+    padding: 0.5rem !important;
+  }
+  .p-xl-3 {
+    padding: 0.75rem !important;
+  }
+  .p-xl-4 {
+    padding: 1rem !important;
+  }
+  .p-xl-5 {
+    padding: 1.25rem !important;
+  }
+  .p-xl-6 {
+    padding: 1.5rem !important;
+  }
+  .p-xl-7 {
+    padding: 1.75rem !important;
+  }
+  .p-xl-8 {
+    padding: 2rem !important;
+  }
+  .p-xl-9 {
+    padding: 2.25rem !important;
+  }
+  .p-xl-10 {
+    padding: 2.5rem !important;
+  }
+  .p-xl-11 {
+    padding: 2.75rem !important;
+  }
+  .p-xl-12 {
+    padding: 3rem !important;
+  }
+  .p-xl-13 {
+    padding: 3.25rem !important;
+  }
+  .p-xl-14 {
+    padding: 3.5rem !important;
+  }
+  .p-xl-15 {
+    padding: 3.75rem !important;
+  }
+  .p-xl-16 {
+    padding: 4rem !important;
+  }
+  .p-xl-17 {
+    padding: 4.25rem !important;
+  }
+  .p-xl-18 {
+    padding: 4.5rem !important;
+  }
+  .p-xl-19 {
+    padding: 4.75rem !important;
+  }
+  .p-xl-20 {
+    padding: 5rem !important;
+  }
+  .px-xl-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+  .px-xl-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+  .px-xl-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+  .px-xl-3 {
+    padding-right: 0.75rem !important;
+    padding-left: 0.75rem !important;
+  }
+  .px-xl-4 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+  .px-xl-5 {
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
+  }
+  .px-xl-6 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
+  .px-xl-7 {
+    padding-right: 1.75rem !important;
+    padding-left: 1.75rem !important;
+  }
+  .px-xl-8 {
+    padding-right: 2rem !important;
+    padding-left: 2rem !important;
+  }
+  .px-xl-9 {
+    padding-right: 2.25rem !important;
+    padding-left: 2.25rem !important;
+  }
+  .px-xl-10 {
+    padding-right: 2.5rem !important;
+    padding-left: 2.5rem !important;
+  }
+  .px-xl-11 {
+    padding-right: 2.75rem !important;
+    padding-left: 2.75rem !important;
+  }
+  .px-xl-12 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .px-xl-13 {
+    padding-right: 3.25rem !important;
+    padding-left: 3.25rem !important;
+  }
+  .px-xl-14 {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .px-xl-15 {
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
+  }
+  .px-xl-16 {
+    padding-right: 4rem !important;
+    padding-left: 4rem !important;
+  }
+  .px-xl-17 {
+    padding-right: 4.25rem !important;
+    padding-left: 4.25rem !important;
+  }
+  .px-xl-18 {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important;
+  }
+  .px-xl-19 {
+    padding-right: 4.75rem !important;
+    padding-left: 4.75rem !important;
+  }
+  .px-xl-20 {
+    padding-right: 5rem !important;
+    padding-left: 5rem !important;
+  }
+  .py-xl-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  .py-xl-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
+  .py-xl-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
+  .py-xl-3 {
+    padding-top: 0.75rem !important;
+    padding-bottom: 0.75rem !important;
+  }
+  .py-xl-4 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
+  .py-xl-5 {
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
+  }
+  .py-xl-6 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+  .py-xl-7 {
+    padding-top: 1.75rem !important;
+    padding-bottom: 1.75rem !important;
+  }
+  .py-xl-8 {
+    padding-top: 2rem !important;
+    padding-bottom: 2rem !important;
+  }
+  .py-xl-9 {
+    padding-top: 2.25rem !important;
+    padding-bottom: 2.25rem !important;
+  }
+  .py-xl-10 {
+    padding-top: 2.5rem !important;
+    padding-bottom: 2.5rem !important;
+  }
+  .py-xl-11 {
+    padding-top: 2.75rem !important;
+    padding-bottom: 2.75rem !important;
+  }
+  .py-xl-12 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+  .py-xl-13 {
+    padding-top: 3.25rem !important;
+    padding-bottom: 3.25rem !important;
+  }
+  .py-xl-14 {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+  .py-xl-15 {
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
+  }
+  .py-xl-16 {
+    padding-top: 4rem !important;
+    padding-bottom: 4rem !important;
+  }
+  .py-xl-17 {
+    padding-top: 4.25rem !important;
+    padding-bottom: 4.25rem !important;
+  }
+  .py-xl-18 {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important;
+  }
+  .py-xl-19 {
+    padding-top: 4.75rem !important;
+    padding-bottom: 4.75rem !important;
+  }
+  .py-xl-20 {
+    padding-top: 5rem !important;
+    padding-bottom: 5rem !important;
+  }
+  .pt-xl-0 {
+    padding-top: 0 !important;
+  }
+  .pt-xl-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pt-xl-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pt-xl-3 {
+    padding-top: 0.75rem !important;
+  }
+  .pt-xl-4 {
+    padding-top: 1rem !important;
+  }
+  .pt-xl-5 {
+    padding-top: 1.25rem !important;
+  }
+  .pt-xl-6 {
+    padding-top: 1.5rem !important;
+  }
+  .pt-xl-7 {
+    padding-top: 1.75rem !important;
+  }
+  .pt-xl-8 {
+    padding-top: 2rem !important;
+  }
+  .pt-xl-9 {
+    padding-top: 2.25rem !important;
+  }
+  .pt-xl-10 {
+    padding-top: 2.5rem !important;
+  }
+  .pt-xl-11 {
+    padding-top: 2.75rem !important;
+  }
+  .pt-xl-12 {
+    padding-top: 3rem !important;
+  }
+  .pt-xl-13 {
+    padding-top: 3.25rem !important;
+  }
+  .pt-xl-14 {
+    padding-top: 3.5rem !important;
+  }
+  .pt-xl-15 {
+    padding-top: 3.75rem !important;
+  }
+  .pt-xl-16 {
+    padding-top: 4rem !important;
+  }
+  .pt-xl-17 {
+    padding-top: 4.25rem !important;
+  }
+  .pt-xl-18 {
+    padding-top: 4.5rem !important;
+  }
+  .pt-xl-19 {
+    padding-top: 4.75rem !important;
+  }
+  .pt-xl-20 {
+    padding-top: 5rem !important;
+  }
+  .pe-xl-0 {
+    padding-right: 0 !important;
+  }
+  .pe-xl-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pe-xl-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pe-xl-3 {
+    padding-right: 0.75rem !important;
+  }
+  .pe-xl-4 {
+    padding-right: 1rem !important;
+  }
+  .pe-xl-5 {
+    padding-right: 1.25rem !important;
+  }
+  .pe-xl-6 {
+    padding-right: 1.5rem !important;
+  }
+  .pe-xl-7 {
+    padding-right: 1.75rem !important;
+  }
+  .pe-xl-8 {
+    padding-right: 2rem !important;
+  }
+  .pe-xl-9 {
+    padding-right: 2.25rem !important;
+  }
+  .pe-xl-10 {
+    padding-right: 2.5rem !important;
+  }
+  .pe-xl-11 {
+    padding-right: 2.75rem !important;
+  }
+  .pe-xl-12 {
+    padding-right: 3rem !important;
+  }
+  .pe-xl-13 {
+    padding-right: 3.25rem !important;
+  }
+  .pe-xl-14 {
+    padding-right: 3.5rem !important;
+  }
+  .pe-xl-15 {
+    padding-right: 3.75rem !important;
+  }
+  .pe-xl-16 {
+    padding-right: 4rem !important;
+  }
+  .pe-xl-17 {
+    padding-right: 4.25rem !important;
+  }
+  .pe-xl-18 {
+    padding-right: 4.5rem !important;
+  }
+  .pe-xl-19 {
+    padding-right: 4.75rem !important;
+  }
+  .pe-xl-20 {
+    padding-right: 5rem !important;
+  }
+  .pb-xl-0 {
+    padding-bottom: 0 !important;
+  }
+  .pb-xl-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pb-xl-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pb-xl-3 {
+    padding-bottom: 0.75rem !important;
+  }
+  .pb-xl-4 {
+    padding-bottom: 1rem !important;
+  }
+  .pb-xl-5 {
+    padding-bottom: 1.25rem !important;
+  }
+  .pb-xl-6 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pb-xl-7 {
+    padding-bottom: 1.75rem !important;
+  }
+  .pb-xl-8 {
+    padding-bottom: 2rem !important;
+  }
+  .pb-xl-9 {
+    padding-bottom: 2.25rem !important;
+  }
+  .pb-xl-10 {
+    padding-bottom: 2.5rem !important;
+  }
+  .pb-xl-11 {
+    padding-bottom: 2.75rem !important;
+  }
+  .pb-xl-12 {
+    padding-bottom: 3rem !important;
+  }
+  .pb-xl-13 {
+    padding-bottom: 3.25rem !important;
+  }
+  .pb-xl-14 {
+    padding-bottom: 3.5rem !important;
+  }
+  .pb-xl-15 {
+    padding-bottom: 3.75rem !important;
+  }
+  .pb-xl-16 {
+    padding-bottom: 4rem !important;
+  }
+  .pb-xl-17 {
+    padding-bottom: 4.25rem !important;
+  }
+  .pb-xl-18 {
+    padding-bottom: 4.5rem !important;
+  }
+  .pb-xl-19 {
+    padding-bottom: 4.75rem !important;
+  }
+  .pb-xl-20 {
+    padding-bottom: 5rem !important;
+  }
+  .ps-xl-0 {
+    padding-left: 0 !important;
+  }
+  .ps-xl-1 {
+    padding-left: 0.25rem !important;
+  }
+  .ps-xl-2 {
+    padding-left: 0.5rem !important;
+  }
+  .ps-xl-3 {
+    padding-left: 0.75rem !important;
+  }
+  .ps-xl-4 {
+    padding-left: 1rem !important;
+  }
+  .ps-xl-5 {
+    padding-left: 1.25rem !important;
+  }
+  .ps-xl-6 {
+    padding-left: 1.5rem !important;
+  }
+  .ps-xl-7 {
+    padding-left: 1.75rem !important;
+  }
+  .ps-xl-8 {
+    padding-left: 2rem !important;
+  }
+  .ps-xl-9 {
+    padding-left: 2.25rem !important;
+  }
+  .ps-xl-10 {
+    padding-left: 2.5rem !important;
+  }
+  .ps-xl-11 {
+    padding-left: 2.75rem !important;
+  }
+  .ps-xl-12 {
+    padding-left: 3rem !important;
+  }
+  .ps-xl-13 {
+    padding-left: 3.25rem !important;
+  }
+  .ps-xl-14 {
+    padding-left: 3.5rem !important;
+  }
+  .ps-xl-15 {
+    padding-left: 3.75rem !important;
+  }
+  .ps-xl-16 {
+    padding-left: 4rem !important;
+  }
+  .ps-xl-17 {
+    padding-left: 4.25rem !important;
+  }
+  .ps-xl-18 {
+    padding-left: 4.5rem !important;
+  }
+  .ps-xl-19 {
+    padding-left: 4.75rem !important;
+  }
+  .ps-xl-20 {
+    padding-left: 5rem !important;
+  }
+  .gap-xl-0 {
+    gap: 0 !important;
+  }
+  .gap-xl-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-xl-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-xl-3 {
+    gap: 0.75rem !important;
+  }
+  .gap-xl-4 {
+    gap: 1rem !important;
+  }
+  .gap-xl-5 {
+    gap: 1.25rem !important;
+  }
+  .gap-xl-6 {
+    gap: 1.5rem !important;
+  }
+  .gap-xl-7 {
+    gap: 1.75rem !important;
+  }
+  .gap-xl-8 {
+    gap: 2rem !important;
+  }
+  .gap-xl-9 {
+    gap: 2.25rem !important;
+  }
+  .gap-xl-10 {
+    gap: 2.5rem !important;
+  }
+  .gap-xl-11 {
+    gap: 2.75rem !important;
+  }
+  .gap-xl-12 {
+    gap: 3rem !important;
+  }
+  .gap-xl-13 {
+    gap: 3.25rem !important;
+  }
+  .gap-xl-14 {
+    gap: 3.5rem !important;
+  }
+  .gap-xl-15 {
+    gap: 3.75rem !important;
+  }
+  .gap-xl-16 {
+    gap: 4rem !important;
+  }
+  .gap-xl-17 {
+    gap: 4.25rem !important;
+  }
+  .gap-xl-18 {
+    gap: 4.5rem !important;
+  }
+  .gap-xl-19 {
+    gap: 4.75rem !important;
+  }
+  .gap-xl-20 {
+    gap: 5rem !important;
+  }
+  .fs-xl-1 {
+    font-size: calc(1.3rem + 0.6vw) !important;
+  }
+  .fs-xl-2 {
+    font-size: calc(1.275rem + 0.3vw) !important;
+  }
+  .fs-xl-3 {
+    font-size: calc(1.26rem + 0.12vw) !important;
+  }
+  .fs-xl-4 {
+    font-size: 1.25rem !important;
+  }
+  .fs-xl-5 {
+    font-size: 1.15rem !important;
+  }
+  .fs-xl-6 {
+    font-size: 1.075rem !important;
+  }
+  .fs-xl-7 {
+    font-size: 0.95rem !important;
+  }
+  .fs-xl-8 {
+    font-size: 0.85rem !important;
+  }
+  .fs-xl-9 {
+    font-size: 0.75rem !important;
+  }
+  .fs-xl-10 {
+    font-size: 0.5rem !important;
+  }
+  .fs-xl-base {
+    font-size: 1rem !important;
+  }
+  .fs-xl-fluid {
+    font-size: 100% !important;
+  }
+  .fs-xl-2x {
+    font-size: calc(1.325rem + 0.9vw) !important;
+  }
+  .fs-xl-2qx {
+    font-size: calc(1.35rem + 1.2vw) !important;
+  }
+  .fs-xl-2hx {
+    font-size: calc(1.375rem + 1.5vw) !important;
+  }
+  .fs-xl-2tx {
+    font-size: calc(1.4rem + 1.8vw) !important;
+  }
+  .fs-xl-3x {
+    font-size: calc(1.425rem + 2.1vw) !important;
+  }
+  .fs-xl-3qx {
+    font-size: calc(1.45rem + 2.4vw) !important;
+  }
+  .fs-xl-3hx {
+    font-size: calc(1.475rem + 2.7vw) !important;
+  }
+  .fs-xl-3tx {
+    font-size: calc(1.5rem + 3vw) !important;
+  }
+  .fs-xl-4x {
+    font-size: calc(1.525rem + 3.3vw) !important;
+  }
+  .fs-xl-4qx {
+    font-size: calc(1.55rem + 3.6vw) !important;
+  }
+  .fs-xl-4hx {
+    font-size: calc(1.575rem + 3.9vw) !important;
+  }
+  .fs-xl-4tx {
+    font-size: calc(1.6rem + 4.2vw) !important;
+  }
+  .fs-xl-5x {
+    font-size: calc(1.625rem + 4.5vw) !important;
+  }
+  .fs-xl-5qx {
+    font-size: calc(1.65rem + 4.8vw) !important;
+  }
+  .fs-xl-5hx {
+    font-size: calc(1.675rem + 5.1vw) !important;
+  }
+  .fs-xl-5tx {
+    font-size: calc(1.7rem + 5.4vw) !important;
+  }
+  .text-xl-start {
+    text-align: left !important;
+  }
+  .text-xl-end {
+    text-align: right !important;
+  }
+  .text-xl-center {
+    text-align: center !important;
+  }
+  .min-w-xl-unset {
+    min-width: unset !important;
+  }
+  .min-w-xl-25 {
+    min-width: 25% !important;
+  }
+  .min-w-xl-50 {
+    min-width: 50% !important;
+  }
+  .min-w-xl-75 {
+    min-width: 75% !important;
+  }
+  .min-w-xl-100 {
+    min-width: 100% !important;
+  }
+  .min-w-xl-auto {
+    min-width: auto !important;
+  }
+  .min-w-xl-1px {
+    min-width: 1px !important;
+  }
+  .min-w-xl-2px {
+    min-width: 2px !important;
+  }
+  .min-w-xl-3px {
+    min-width: 3px !important;
+  }
+  .min-w-xl-4px {
+    min-width: 4px !important;
+  }
+  .min-w-xl-5px {
+    min-width: 5px !important;
+  }
+  .min-w-xl-6px {
+    min-width: 6px !important;
+  }
+  .min-w-xl-7px {
+    min-width: 7px !important;
+  }
+  .min-w-xl-8px {
+    min-width: 8px !important;
+  }
+  .min-w-xl-9px {
+    min-width: 9px !important;
+  }
+  .min-w-xl-10px {
+    min-width: 10px !important;
+  }
+  .min-w-xl-15px {
+    min-width: 15px !important;
+  }
+  .min-w-xl-20px {
+    min-width: 20px !important;
+  }
+  .min-w-xl-25px {
+    min-width: 25px !important;
+  }
+  .min-w-xl-30px {
+    min-width: 30px !important;
+  }
+  .min-w-xl-35px {
+    min-width: 35px !important;
+  }
+  .min-w-xl-40px {
+    min-width: 40px !important;
+  }
+  .min-w-xl-45px {
+    min-width: 45px !important;
+  }
+  .min-w-xl-50px {
+    min-width: 50px !important;
+  }
+  .min-w-xl-55px {
+    min-width: 55px !important;
+  }
+  .min-w-xl-60px {
+    min-width: 60px !important;
+  }
+  .min-w-xl-65px {
+    min-width: 65px !important;
+  }
+  .min-w-xl-70px {
+    min-width: 70px !important;
+  }
+  .min-w-xl-75px {
+    min-width: 75px !important;
+  }
+  .min-w-xl-80px {
+    min-width: 80px !important;
+  }
+  .min-w-xl-85px {
+    min-width: 85px !important;
+  }
+  .min-w-xl-90px {
+    min-width: 90px !important;
+  }
+  .min-w-xl-95px {
+    min-width: 95px !important;
+  }
+  .min-w-xl-100px {
+    min-width: 100px !important;
+  }
+  .min-w-xl-125px {
+    min-width: 125px !important;
+  }
+  .min-w-xl-150px {
+    min-width: 150px !important;
+  }
+  .min-w-xl-175px {
+    min-width: 175px !important;
+  }
+  .min-w-xl-200px {
+    min-width: 200px !important;
+  }
+  .min-w-xl-225px {
+    min-width: 225px !important;
+  }
+  .min-w-xl-250px {
+    min-width: 250px !important;
+  }
+  .min-w-xl-275px {
+    min-width: 275px !important;
+  }
+  .min-w-xl-300px {
+    min-width: 300px !important;
+  }
+  .min-w-xl-325px {
+    min-width: 325px !important;
+  }
+  .min-w-xl-350px {
+    min-width: 350px !important;
+  }
+  .min-w-xl-375px {
+    min-width: 375px !important;
+  }
+  .min-w-xl-400px {
+    min-width: 400px !important;
+  }
+  .min-w-xl-425px {
+    min-width: 425px !important;
+  }
+  .min-w-xl-450px {
+    min-width: 450px !important;
+  }
+  .min-w-xl-475px {
+    min-width: 475px !important;
+  }
+  .min-w-xl-500px {
+    min-width: 500px !important;
+  }
+  .min-w-xl-550px {
+    min-width: 550px !important;
+  }
+  .min-w-xl-600px {
+    min-width: 600px !important;
+  }
+  .min-w-xl-650px {
+    min-width: 650px !important;
+  }
+  .min-w-xl-700px {
+    min-width: 700px !important;
+  }
+  .min-w-xl-750px {
+    min-width: 750px !important;
+  }
+  .min-w-xl-800px {
+    min-width: 800px !important;
+  }
+  .min-w-xl-850px {
+    min-width: 850px !important;
+  }
+  .min-w-xl-900px {
+    min-width: 900px !important;
+  }
+  .min-w-xl-950px {
+    min-width: 950px !important;
+  }
+  .min-w-xl-1000px {
+    min-width: 1000px !important;
+  }
+  .min-h-xl-unset {
+    min-height: unset !important;
+  }
+  .min-h-xl-25 {
+    min-height: 25% !important;
+  }
+  .min-h-xl-50 {
+    min-height: 50% !important;
+  }
+  .min-h-xl-75 {
+    min-height: 75% !important;
+  }
+  .min-h-xl-100 {
+    min-height: 100% !important;
+  }
+  .min-h-xl-auto {
+    min-height: auto !important;
+  }
+  .min-h-xl-1px {
+    min-height: 1px !important;
+  }
+  .min-h-xl-2px {
+    min-height: 2px !important;
+  }
+  .min-h-xl-3px {
+    min-height: 3px !important;
+  }
+  .min-h-xl-4px {
+    min-height: 4px !important;
+  }
+  .min-h-xl-5px {
+    min-height: 5px !important;
+  }
+  .min-h-xl-6px {
+    min-height: 6px !important;
+  }
+  .min-h-xl-7px {
+    min-height: 7px !important;
+  }
+  .min-h-xl-8px {
+    min-height: 8px !important;
+  }
+  .min-h-xl-9px {
+    min-height: 9px !important;
+  }
+  .min-h-xl-10px {
+    min-height: 10px !important;
+  }
+  .min-h-xl-15px {
+    min-height: 15px !important;
+  }
+  .min-h-xl-20px {
+    min-height: 20px !important;
+  }
+  .min-h-xl-25px {
+    min-height: 25px !important;
+  }
+  .min-h-xl-30px {
+    min-height: 30px !important;
+  }
+  .min-h-xl-35px {
+    min-height: 35px !important;
+  }
+  .min-h-xl-40px {
+    min-height: 40px !important;
+  }
+  .min-h-xl-45px {
+    min-height: 45px !important;
+  }
+  .min-h-xl-50px {
+    min-height: 50px !important;
+  }
+  .min-h-xl-55px {
+    min-height: 55px !important;
+  }
+  .min-h-xl-60px {
+    min-height: 60px !important;
+  }
+  .min-h-xl-65px {
+    min-height: 65px !important;
+  }
+  .min-h-xl-70px {
+    min-height: 70px !important;
+  }
+  .min-h-xl-75px {
+    min-height: 75px !important;
+  }
+  .min-h-xl-80px {
+    min-height: 80px !important;
+  }
+  .min-h-xl-85px {
+    min-height: 85px !important;
+  }
+  .min-h-xl-90px {
+    min-height: 90px !important;
+  }
+  .min-h-xl-95px {
+    min-height: 95px !important;
+  }
+  .min-h-xl-100px {
+    min-height: 100px !important;
+  }
+  .min-h-xl-125px {
+    min-height: 125px !important;
+  }
+  .min-h-xl-150px {
+    min-height: 150px !important;
+  }
+  .min-h-xl-175px {
+    min-height: 175px !important;
+  }
+  .min-h-xl-200px {
+    min-height: 200px !important;
+  }
+  .min-h-xl-225px {
+    min-height: 225px !important;
+  }
+  .min-h-xl-250px {
+    min-height: 250px !important;
+  }
+  .min-h-xl-275px {
+    min-height: 275px !important;
+  }
+  .min-h-xl-300px {
+    min-height: 300px !important;
+  }
+  .min-h-xl-325px {
+    min-height: 325px !important;
+  }
+  .min-h-xl-350px {
+    min-height: 350px !important;
+  }
+  .min-h-xl-375px {
+    min-height: 375px !important;
+  }
+  .min-h-xl-400px {
+    min-height: 400px !important;
+  }
+  .min-h-xl-425px {
+    min-height: 425px !important;
+  }
+  .min-h-xl-450px {
+    min-height: 450px !important;
+  }
+  .min-h-xl-475px {
+    min-height: 475px !important;
+  }
+  .min-h-xl-500px {
+    min-height: 500px !important;
+  }
+  .min-h-xl-550px {
+    min-height: 550px !important;
+  }
+  .min-h-xl-600px {
+    min-height: 600px !important;
+  }
+  .min-h-xl-650px {
+    min-height: 650px !important;
+  }
+  .min-h-xl-700px {
+    min-height: 700px !important;
+  }
+  .min-h-xl-750px {
+    min-height: 750px !important;
+  }
+  .min-h-xl-800px {
+    min-height: 800px !important;
+  }
+  .min-h-xl-850px {
+    min-height: 850px !important;
+  }
+  .min-h-xl-900px {
+    min-height: 900px !important;
+  }
+  .min-h-xl-950px {
+    min-height: 950px !important;
+  }
+  .min-h-xl-1000px {
+    min-height: 1000px !important;
+  }
+}
+@media (min-width: 1400px) {
+  .float-xxl-start {
+    float: left !important;
+  }
+  .float-xxl-end {
+    float: right !important;
+  }
+  .float-xxl-none {
+    float: none !important;
+  }
+  .d-xxl-inline {
+    display: inline !important;
+  }
+  .d-xxl-inline-block {
+    display: inline-block !important;
+  }
+  .d-xxl-block {
+    display: block !important;
+  }
+  .d-xxl-grid {
+    display: grid !important;
+  }
+  .d-xxl-table {
+    display: table !important;
+  }
+  .d-xxl-table-row {
+    display: table-row !important;
+  }
+  .d-xxl-table-cell {
+    display: table-cell !important;
+  }
+  .d-xxl-flex {
+    display: flex !important;
+  }
+  .d-xxl-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-xxl-none {
+    display: none !important;
+  }
+  .position-xxl-static {
+    position: static !important;
+  }
+  .position-xxl-relative {
+    position: relative !important;
+  }
+  .position-xxl-absolute {
+    position: absolute !important;
+  }
+  .position-xxl-fixed {
+    position: fixed !important;
+  }
+  .position-xxl-sticky {
+    position: sticky !important;
+  }
+  .w-xxl-unset {
+    width: unset !important;
+  }
+  .w-xxl-25 {
+    width: 25% !important;
+  }
+  .w-xxl-50 {
+    width: 50% !important;
+  }
+  .w-xxl-75 {
+    width: 75% !important;
+  }
+  .w-xxl-100 {
+    width: 100% !important;
+  }
+  .w-xxl-auto {
+    width: auto !important;
+  }
+  .w-xxl-1px {
+    width: 1px !important;
+  }
+  .w-xxl-2px {
+    width: 2px !important;
+  }
+  .w-xxl-3px {
+    width: 3px !important;
+  }
+  .w-xxl-4px {
+    width: 4px !important;
+  }
+  .w-xxl-5px {
+    width: 5px !important;
+  }
+  .w-xxl-6px {
+    width: 6px !important;
+  }
+  .w-xxl-7px {
+    width: 7px !important;
+  }
+  .w-xxl-8px {
+    width: 8px !important;
+  }
+  .w-xxl-9px {
+    width: 9px !important;
+  }
+  .w-xxl-10px {
+    width: 10px !important;
+  }
+  .w-xxl-15px {
+    width: 15px !important;
+  }
+  .w-xxl-20px {
+    width: 20px !important;
+  }
+  .w-xxl-25px {
+    width: 25px !important;
+  }
+  .w-xxl-30px {
+    width: 30px !important;
+  }
+  .w-xxl-35px {
+    width: 35px !important;
+  }
+  .w-xxl-40px {
+    width: 40px !important;
+  }
+  .w-xxl-45px {
+    width: 45px !important;
+  }
+  .w-xxl-50px {
+    width: 50px !important;
+  }
+  .w-xxl-55px {
+    width: 55px !important;
+  }
+  .w-xxl-60px {
+    width: 60px !important;
+  }
+  .w-xxl-65px {
+    width: 65px !important;
+  }
+  .w-xxl-70px {
+    width: 70px !important;
+  }
+  .w-xxl-75px {
+    width: 75px !important;
+  }
+  .w-xxl-80px {
+    width: 80px !important;
+  }
+  .w-xxl-85px {
+    width: 85px !important;
+  }
+  .w-xxl-90px {
+    width: 90px !important;
+  }
+  .w-xxl-95px {
+    width: 95px !important;
+  }
+  .w-xxl-100px {
+    width: 100px !important;
+  }
+  .w-xxl-125px {
+    width: 125px !important;
+  }
+  .w-xxl-150px {
+    width: 150px !important;
+  }
+  .w-xxl-175px {
+    width: 175px !important;
+  }
+  .w-xxl-200px {
+    width: 200px !important;
+  }
+  .w-xxl-225px {
+    width: 225px !important;
+  }
+  .w-xxl-250px {
+    width: 250px !important;
+  }
+  .w-xxl-275px {
+    width: 275px !important;
+  }
+  .w-xxl-300px {
+    width: 300px !important;
+  }
+  .w-xxl-325px {
+    width: 325px !important;
+  }
+  .w-xxl-350px {
+    width: 350px !important;
+  }
+  .w-xxl-375px {
+    width: 375px !important;
+  }
+  .w-xxl-400px {
+    width: 400px !important;
+  }
+  .w-xxl-425px {
+    width: 425px !important;
+  }
+  .w-xxl-450px {
+    width: 450px !important;
+  }
+  .w-xxl-475px {
+    width: 475px !important;
+  }
+  .w-xxl-500px {
+    width: 500px !important;
+  }
+  .w-xxl-550px {
+    width: 550px !important;
+  }
+  .w-xxl-600px {
+    width: 600px !important;
+  }
+  .w-xxl-650px {
+    width: 650px !important;
+  }
+  .w-xxl-700px {
+    width: 700px !important;
+  }
+  .w-xxl-750px {
+    width: 750px !important;
+  }
+  .w-xxl-800px {
+    width: 800px !important;
+  }
+  .w-xxl-850px {
+    width: 850px !important;
+  }
+  .w-xxl-900px {
+    width: 900px !important;
+  }
+  .w-xxl-950px {
+    width: 950px !important;
+  }
+  .w-xxl-1000px {
+    width: 1000px !important;
+  }
+  .mw-xxl-unset {
+    max-width: unset !important;
+  }
+  .mw-xxl-25 {
+    max-width: 25% !important;
+  }
+  .mw-xxl-50 {
+    max-width: 50% !important;
+  }
+  .mw-xxl-75 {
+    max-width: 75% !important;
+  }
+  .mw-xxl-100 {
+    max-width: 100% !important;
+  }
+  .mw-xxl-auto {
+    max-width: auto !important;
+  }
+  .mw-xxl-1px {
+    max-width: 1px !important;
+  }
+  .mw-xxl-2px {
+    max-width: 2px !important;
+  }
+  .mw-xxl-3px {
+    max-width: 3px !important;
+  }
+  .mw-xxl-4px {
+    max-width: 4px !important;
+  }
+  .mw-xxl-5px {
+    max-width: 5px !important;
+  }
+  .mw-xxl-6px {
+    max-width: 6px !important;
+  }
+  .mw-xxl-7px {
+    max-width: 7px !important;
+  }
+  .mw-xxl-8px {
+    max-width: 8px !important;
+  }
+  .mw-xxl-9px {
+    max-width: 9px !important;
+  }
+  .mw-xxl-10px {
+    max-width: 10px !important;
+  }
+  .mw-xxl-15px {
+    max-width: 15px !important;
+  }
+  .mw-xxl-20px {
+    max-width: 20px !important;
+  }
+  .mw-xxl-25px {
+    max-width: 25px !important;
+  }
+  .mw-xxl-30px {
+    max-width: 30px !important;
+  }
+  .mw-xxl-35px {
+    max-width: 35px !important;
+  }
+  .mw-xxl-40px {
+    max-width: 40px !important;
+  }
+  .mw-xxl-45px {
+    max-width: 45px !important;
+  }
+  .mw-xxl-50px {
+    max-width: 50px !important;
+  }
+  .mw-xxl-55px {
+    max-width: 55px !important;
+  }
+  .mw-xxl-60px {
+    max-width: 60px !important;
+  }
+  .mw-xxl-65px {
+    max-width: 65px !important;
+  }
+  .mw-xxl-70px {
+    max-width: 70px !important;
+  }
+  .mw-xxl-75px {
+    max-width: 75px !important;
+  }
+  .mw-xxl-80px {
+    max-width: 80px !important;
+  }
+  .mw-xxl-85px {
+    max-width: 85px !important;
+  }
+  .mw-xxl-90px {
+    max-width: 90px !important;
+  }
+  .mw-xxl-95px {
+    max-width: 95px !important;
+  }
+  .mw-xxl-100px {
+    max-width: 100px !important;
+  }
+  .mw-xxl-125px {
+    max-width: 125px !important;
+  }
+  .mw-xxl-150px {
+    max-width: 150px !important;
+  }
+  .mw-xxl-175px {
+    max-width: 175px !important;
+  }
+  .mw-xxl-200px {
+    max-width: 200px !important;
+  }
+  .mw-xxl-225px {
+    max-width: 225px !important;
+  }
+  .mw-xxl-250px {
+    max-width: 250px !important;
+  }
+  .mw-xxl-275px {
+    max-width: 275px !important;
+  }
+  .mw-xxl-300px {
+    max-width: 300px !important;
+  }
+  .mw-xxl-325px {
+    max-width: 325px !important;
+  }
+  .mw-xxl-350px {
+    max-width: 350px !important;
+  }
+  .mw-xxl-375px {
+    max-width: 375px !important;
+  }
+  .mw-xxl-400px {
+    max-width: 400px !important;
+  }
+  .mw-xxl-425px {
+    max-width: 425px !important;
+  }
+  .mw-xxl-450px {
+    max-width: 450px !important;
+  }
+  .mw-xxl-475px {
+    max-width: 475px !important;
+  }
+  .mw-xxl-500px {
+    max-width: 500px !important;
+  }
+  .mw-xxl-550px {
+    max-width: 550px !important;
+  }
+  .mw-xxl-600px {
+    max-width: 600px !important;
+  }
+  .mw-xxl-650px {
+    max-width: 650px !important;
+  }
+  .mw-xxl-700px {
+    max-width: 700px !important;
+  }
+  .mw-xxl-750px {
+    max-width: 750px !important;
+  }
+  .mw-xxl-800px {
+    max-width: 800px !important;
+  }
+  .mw-xxl-850px {
+    max-width: 850px !important;
+  }
+  .mw-xxl-900px {
+    max-width: 900px !important;
+  }
+  .mw-xxl-950px {
+    max-width: 950px !important;
+  }
+  .mw-xxl-1000px {
+    max-width: 1000px !important;
+  }
+  .h-xxl-unset {
+    height: unset !important;
+  }
+  .h-xxl-25 {
+    height: 25% !important;
+  }
+  .h-xxl-50 {
+    height: 50% !important;
+  }
+  .h-xxl-75 {
+    height: 75% !important;
+  }
+  .h-xxl-100 {
+    height: 100% !important;
+  }
+  .h-xxl-auto {
+    height: auto !important;
+  }
+  .h-xxl-1px {
+    height: 1px !important;
+  }
+  .h-xxl-2px {
+    height: 2px !important;
+  }
+  .h-xxl-3px {
+    height: 3px !important;
+  }
+  .h-xxl-4px {
+    height: 4px !important;
+  }
+  .h-xxl-5px {
+    height: 5px !important;
+  }
+  .h-xxl-6px {
+    height: 6px !important;
+  }
+  .h-xxl-7px {
+    height: 7px !important;
+  }
+  .h-xxl-8px {
+    height: 8px !important;
+  }
+  .h-xxl-9px {
+    height: 9px !important;
+  }
+  .h-xxl-10px {
+    height: 10px !important;
+  }
+  .h-xxl-15px {
+    height: 15px !important;
+  }
+  .h-xxl-20px {
+    height: 20px !important;
+  }
+  .h-xxl-25px {
+    height: 25px !important;
+  }
+  .h-xxl-30px {
+    height: 30px !important;
+  }
+  .h-xxl-35px {
+    height: 35px !important;
+  }
+  .h-xxl-40px {
+    height: 40px !important;
+  }
+  .h-xxl-45px {
+    height: 45px !important;
+  }
+  .h-xxl-50px {
+    height: 50px !important;
+  }
+  .h-xxl-55px {
+    height: 55px !important;
+  }
+  .h-xxl-60px {
+    height: 60px !important;
+  }
+  .h-xxl-65px {
+    height: 65px !important;
+  }
+  .h-xxl-70px {
+    height: 70px !important;
+  }
+  .h-xxl-75px {
+    height: 75px !important;
+  }
+  .h-xxl-80px {
+    height: 80px !important;
+  }
+  .h-xxl-85px {
+    height: 85px !important;
+  }
+  .h-xxl-90px {
+    height: 90px !important;
+  }
+  .h-xxl-95px {
+    height: 95px !important;
+  }
+  .h-xxl-100px {
+    height: 100px !important;
+  }
+  .h-xxl-125px {
+    height: 125px !important;
+  }
+  .h-xxl-150px {
+    height: 150px !important;
+  }
+  .h-xxl-175px {
+    height: 175px !important;
+  }
+  .h-xxl-200px {
+    height: 200px !important;
+  }
+  .h-xxl-225px {
+    height: 225px !important;
+  }
+  .h-xxl-250px {
+    height: 250px !important;
+  }
+  .h-xxl-275px {
+    height: 275px !important;
+  }
+  .h-xxl-300px {
+    height: 300px !important;
+  }
+  .h-xxl-325px {
+    height: 325px !important;
+  }
+  .h-xxl-350px {
+    height: 350px !important;
+  }
+  .h-xxl-375px {
+    height: 375px !important;
+  }
+  .h-xxl-400px {
+    height: 400px !important;
+  }
+  .h-xxl-425px {
+    height: 425px !important;
+  }
+  .h-xxl-450px {
+    height: 450px !important;
+  }
+  .h-xxl-475px {
+    height: 475px !important;
+  }
+  .h-xxl-500px {
+    height: 500px !important;
+  }
+  .h-xxl-550px {
+    height: 550px !important;
+  }
+  .h-xxl-600px {
+    height: 600px !important;
+  }
+  .h-xxl-650px {
+    height: 650px !important;
+  }
+  .h-xxl-700px {
+    height: 700px !important;
+  }
+  .h-xxl-750px {
+    height: 750px !important;
+  }
+  .h-xxl-800px {
+    height: 800px !important;
+  }
+  .h-xxl-850px {
+    height: 850px !important;
+  }
+  .h-xxl-900px {
+    height: 900px !important;
+  }
+  .h-xxl-950px {
+    height: 950px !important;
+  }
+  .h-xxl-1000px {
+    height: 1000px !important;
+  }
+  .mh-xxl-unset {
+    max-height: unset !important;
+  }
+  .mh-xxl-25 {
+    max-height: 25% !important;
+  }
+  .mh-xxl-50 {
+    max-height: 50% !important;
+  }
+  .mh-xxl-75 {
+    max-height: 75% !important;
+  }
+  .mh-xxl-100 {
+    max-height: 100% !important;
+  }
+  .mh-xxl-auto {
+    max-height: auto !important;
+  }
+  .mh-xxl-1px {
+    max-height: 1px !important;
+  }
+  .mh-xxl-2px {
+    max-height: 2px !important;
+  }
+  .mh-xxl-3px {
+    max-height: 3px !important;
+  }
+  .mh-xxl-4px {
+    max-height: 4px !important;
+  }
+  .mh-xxl-5px {
+    max-height: 5px !important;
+  }
+  .mh-xxl-6px {
+    max-height: 6px !important;
+  }
+  .mh-xxl-7px {
+    max-height: 7px !important;
+  }
+  .mh-xxl-8px {
+    max-height: 8px !important;
+  }
+  .mh-xxl-9px {
+    max-height: 9px !important;
+  }
+  .mh-xxl-10px {
+    max-height: 10px !important;
+  }
+  .mh-xxl-15px {
+    max-height: 15px !important;
+  }
+  .mh-xxl-20px {
+    max-height: 20px !important;
+  }
+  .mh-xxl-25px {
+    max-height: 25px !important;
+  }
+  .mh-xxl-30px {
+    max-height: 30px !important;
+  }
+  .mh-xxl-35px {
+    max-height: 35px !important;
+  }
+  .mh-xxl-40px {
+    max-height: 40px !important;
+  }
+  .mh-xxl-45px {
+    max-height: 45px !important;
+  }
+  .mh-xxl-50px {
+    max-height: 50px !important;
+  }
+  .mh-xxl-55px {
+    max-height: 55px !important;
+  }
+  .mh-xxl-60px {
+    max-height: 60px !important;
+  }
+  .mh-xxl-65px {
+    max-height: 65px !important;
+  }
+  .mh-xxl-70px {
+    max-height: 70px !important;
+  }
+  .mh-xxl-75px {
+    max-height: 75px !important;
+  }
+  .mh-xxl-80px {
+    max-height: 80px !important;
+  }
+  .mh-xxl-85px {
+    max-height: 85px !important;
+  }
+  .mh-xxl-90px {
+    max-height: 90px !important;
+  }
+  .mh-xxl-95px {
+    max-height: 95px !important;
+  }
+  .mh-xxl-100px {
+    max-height: 100px !important;
+  }
+  .mh-xxl-125px {
+    max-height: 125px !important;
+  }
+  .mh-xxl-150px {
+    max-height: 150px !important;
+  }
+  .mh-xxl-175px {
+    max-height: 175px !important;
+  }
+  .mh-xxl-200px {
+    max-height: 200px !important;
+  }
+  .mh-xxl-225px {
+    max-height: 225px !important;
+  }
+  .mh-xxl-250px {
+    max-height: 250px !important;
+  }
+  .mh-xxl-275px {
+    max-height: 275px !important;
+  }
+  .mh-xxl-300px {
+    max-height: 300px !important;
+  }
+  .mh-xxl-325px {
+    max-height: 325px !important;
+  }
+  .mh-xxl-350px {
+    max-height: 350px !important;
+  }
+  .mh-xxl-375px {
+    max-height: 375px !important;
+  }
+  .mh-xxl-400px {
+    max-height: 400px !important;
+  }
+  .mh-xxl-425px {
+    max-height: 425px !important;
+  }
+  .mh-xxl-450px {
+    max-height: 450px !important;
+  }
+  .mh-xxl-475px {
+    max-height: 475px !important;
+  }
+  .mh-xxl-500px {
+    max-height: 500px !important;
+  }
+  .mh-xxl-550px {
+    max-height: 550px !important;
+  }
+  .mh-xxl-600px {
+    max-height: 600px !important;
+  }
+  .mh-xxl-650px {
+    max-height: 650px !important;
+  }
+  .mh-xxl-700px {
+    max-height: 700px !important;
+  }
+  .mh-xxl-750px {
+    max-height: 750px !important;
+  }
+  .mh-xxl-800px {
+    max-height: 800px !important;
+  }
+  .mh-xxl-850px {
+    max-height: 850px !important;
+  }
+  .mh-xxl-900px {
+    max-height: 900px !important;
+  }
+  .mh-xxl-950px {
+    max-height: 950px !important;
+  }
+  .mh-xxl-1000px {
+    max-height: 1000px !important;
+  }
+  .flex-xxl-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-xxl-row {
+    flex-direction: row !important;
+  }
+  .flex-xxl-column {
+    flex-direction: column !important;
+  }
+  .flex-xxl-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-xxl-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-xxl-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-xxl-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-xxl-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-xxl-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .flex-xxl-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-xxl-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-xxl-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .justify-content-xxl-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-xxl-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-xxl-center {
+    justify-content: center !important;
+  }
+  .justify-content-xxl-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-xxl-around {
+    justify-content: space-around !important;
+  }
+  .justify-content-xxl-evenly {
+    justify-content: space-evenly !important;
+  }
+  .align-items-xxl-start {
+    align-items: flex-start !important;
+  }
+  .align-items-xxl-end {
+    align-items: flex-end !important;
+  }
+  .align-items-xxl-center {
+    align-items: center !important;
+  }
+  .align-items-xxl-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-xxl-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-xxl-start {
+    align-content: flex-start !important;
+  }
+  .align-content-xxl-end {
+    align-content: flex-end !important;
+  }
+  .align-content-xxl-center {
+    align-content: center !important;
+  }
+  .align-content-xxl-between {
+    align-content: space-between !important;
+  }
+  .align-content-xxl-around {
+    align-content: space-around !important;
+  }
+  .align-content-xxl-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-xxl-auto {
+    align-self: auto !important;
+  }
+  .align-self-xxl-start {
+    align-self: flex-start !important;
+  }
+  .align-self-xxl-end {
+    align-self: flex-end !important;
+  }
+  .align-self-xxl-center {
+    align-self: center !important;
+  }
+  .align-self-xxl-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-xxl-stretch {
+    align-self: stretch !important;
+  }
+  .order-xxl-first {
+    order: -1 !important;
+  }
+  .order-xxl-0 {
+    order: 0 !important;
+  }
+  .order-xxl-1 {
+    order: 1 !important;
+  }
+  .order-xxl-2 {
+    order: 2 !important;
+  }
+  .order-xxl-3 {
+    order: 3 !important;
+  }
+  .order-xxl-4 {
+    order: 4 !important;
+  }
+  .order-xxl-5 {
+    order: 5 !important;
+  }
+  .order-xxl-last {
+    order: 6 !important;
+  }
+  .m-xxl-0 {
+    margin: 0 !important;
+  }
+  .m-xxl-1 {
+    margin: 0.25rem !important;
+  }
+  .m-xxl-2 {
+    margin: 0.5rem !important;
+  }
+  .m-xxl-3 {
+    margin: 0.75rem !important;
+  }
+  .m-xxl-4 {
+    margin: 1rem !important;
+  }
+  .m-xxl-5 {
+    margin: 1.25rem !important;
+  }
+  .m-xxl-6 {
+    margin: 1.5rem !important;
+  }
+  .m-xxl-7 {
+    margin: 1.75rem !important;
+  }
+  .m-xxl-8 {
+    margin: 2rem !important;
+  }
+  .m-xxl-9 {
+    margin: 2.25rem !important;
+  }
+  .m-xxl-10 {
+    margin: 2.5rem !important;
+  }
+  .m-xxl-11 {
+    margin: 2.75rem !important;
+  }
+  .m-xxl-12 {
+    margin: 3rem !important;
+  }
+  .m-xxl-13 {
+    margin: 3.25rem !important;
+  }
+  .m-xxl-14 {
+    margin: 3.5rem !important;
+  }
+  .m-xxl-15 {
+    margin: 3.75rem !important;
+  }
+  .m-xxl-16 {
+    margin: 4rem !important;
+  }
+  .m-xxl-17 {
+    margin: 4.25rem !important;
+  }
+  .m-xxl-18 {
+    margin: 4.5rem !important;
+  }
+  .m-xxl-19 {
+    margin: 4.75rem !important;
+  }
+  .m-xxl-20 {
+    margin: 5rem !important;
+  }
+  .m-xxl-auto {
+    margin: auto !important;
+  }
+  .mx-xxl-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+  .mx-xxl-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+  .mx-xxl-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+  .mx-xxl-3 {
+    margin-right: 0.75rem !important;
+    margin-left: 0.75rem !important;
+  }
+  .mx-xxl-4 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+  .mx-xxl-5 {
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
+  }
+  .mx-xxl-6 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+  .mx-xxl-7 {
+    margin-right: 1.75rem !important;
+    margin-left: 1.75rem !important;
+  }
+  .mx-xxl-8 {
+    margin-right: 2rem !important;
+    margin-left: 2rem !important;
+  }
+  .mx-xxl-9 {
+    margin-right: 2.25rem !important;
+    margin-left: 2.25rem !important;
+  }
+  .mx-xxl-10 {
+    margin-right: 2.5rem !important;
+    margin-left: 2.5rem !important;
+  }
+  .mx-xxl-11 {
+    margin-right: 2.75rem !important;
+    margin-left: 2.75rem !important;
+  }
+  .mx-xxl-12 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .mx-xxl-13 {
+    margin-right: 3.25rem !important;
+    margin-left: 3.25rem !important;
+  }
+  .mx-xxl-14 {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .mx-xxl-15 {
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
+  }
+  .mx-xxl-16 {
+    margin-right: 4rem !important;
+    margin-left: 4rem !important;
+  }
+  .mx-xxl-17 {
+    margin-right: 4.25rem !important;
+    margin-left: 4.25rem !important;
+  }
+  .mx-xxl-18 {
+    margin-right: 4.5rem !important;
+    margin-left: 4.5rem !important;
+  }
+  .mx-xxl-19 {
+    margin-right: 4.75rem !important;
+    margin-left: 4.75rem !important;
+  }
+  .mx-xxl-20 {
+    margin-right: 5rem !important;
+    margin-left: 5rem !important;
+  }
+  .mx-xxl-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+  .my-xxl-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+  .my-xxl-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+  .my-xxl-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+  .my-xxl-3 {
+    margin-top: 0.75rem !important;
+    margin-bottom: 0.75rem !important;
+  }
+  .my-xxl-4 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+  .my-xxl-5 {
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
+  }
+  .my-xxl-6 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+  .my-xxl-7 {
+    margin-top: 1.75rem !important;
+    margin-bottom: 1.75rem !important;
+  }
+  .my-xxl-8 {
+    margin-top: 2rem !important;
+    margin-bottom: 2rem !important;
+  }
+  .my-xxl-9 {
+    margin-top: 2.25rem !important;
+    margin-bottom: 2.25rem !important;
+  }
+  .my-xxl-10 {
+    margin-top: 2.5rem !important;
+    margin-bottom: 2.5rem !important;
+  }
+  .my-xxl-11 {
+    margin-top: 2.75rem !important;
+    margin-bottom: 2.75rem !important;
+  }
+  .my-xxl-12 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .my-xxl-13 {
+    margin-top: 3.25rem !important;
+    margin-bottom: 3.25rem !important;
+  }
+  .my-xxl-14 {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .my-xxl-15 {
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
+  }
+  .my-xxl-16 {
+    margin-top: 4rem !important;
+    margin-bottom: 4rem !important;
+  }
+  .my-xxl-17 {
+    margin-top: 4.25rem !important;
+    margin-bottom: 4.25rem !important;
+  }
+  .my-xxl-18 {
+    margin-top: 4.5rem !important;
+    margin-bottom: 4.5rem !important;
+  }
+  .my-xxl-19 {
+    margin-top: 4.75rem !important;
+    margin-bottom: 4.75rem !important;
+  }
+  .my-xxl-20 {
+    margin-top: 5rem !important;
+    margin-bottom: 5rem !important;
+  }
+  .my-xxl-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+  .mt-xxl-0 {
+    margin-top: 0 !important;
+  }
+  .mt-xxl-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mt-xxl-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mt-xxl-3 {
+    margin-top: 0.75rem !important;
+  }
+  .mt-xxl-4 {
+    margin-top: 1rem !important;
+  }
+  .mt-xxl-5 {
+    margin-top: 1.25rem !important;
+  }
+  .mt-xxl-6 {
+    margin-top: 1.5rem !important;
+  }
+  .mt-xxl-7 {
+    margin-top: 1.75rem !important;
+  }
+  .mt-xxl-8 {
+    margin-top: 2rem !important;
+  }
+  .mt-xxl-9 {
+    margin-top: 2.25rem !important;
+  }
+  .mt-xxl-10 {
+    margin-top: 2.5rem !important;
+  }
+  .mt-xxl-11 {
+    margin-top: 2.75rem !important;
+  }
+  .mt-xxl-12 {
+    margin-top: 3rem !important;
+  }
+  .mt-xxl-13 {
+    margin-top: 3.25rem !important;
+  }
+  .mt-xxl-14 {
+    margin-top: 3.5rem !important;
+  }
+  .mt-xxl-15 {
+    margin-top: 3.75rem !important;
+  }
+  .mt-xxl-16 {
+    margin-top: 4rem !important;
+  }
+  .mt-xxl-17 {
+    margin-top: 4.25rem !important;
+  }
+  .mt-xxl-18 {
+    margin-top: 4.5rem !important;
+  }
+  .mt-xxl-19 {
+    margin-top: 4.75rem !important;
+  }
+  .mt-xxl-20 {
+    margin-top: 5rem !important;
+  }
+  .mt-xxl-auto {
+    margin-top: auto !important;
+  }
+  .me-xxl-0 {
+    margin-right: 0 !important;
+  }
+  .me-xxl-1 {
+    margin-right: 0.25rem !important;
+  }
+  .me-xxl-2 {
+    margin-right: 0.5rem !important;
+  }
+  .me-xxl-3 {
+    margin-right: 0.75rem !important;
+  }
+  .me-xxl-4 {
+    margin-right: 1rem !important;
+  }
+  .me-xxl-5 {
+    margin-right: 1.25rem !important;
+  }
+  .me-xxl-6 {
+    margin-right: 1.5rem !important;
+  }
+  .me-xxl-7 {
+    margin-right: 1.75rem !important;
+  }
+  .me-xxl-8 {
+    margin-right: 2rem !important;
+  }
+  .me-xxl-9 {
+    margin-right: 2.25rem !important;
+  }
+  .me-xxl-10 {
+    margin-right: 2.5rem !important;
+  }
+  .me-xxl-11 {
+    margin-right: 2.75rem !important;
+  }
+  .me-xxl-12 {
+    margin-right: 3rem !important;
+  }
+  .me-xxl-13 {
+    margin-right: 3.25rem !important;
+  }
+  .me-xxl-14 {
+    margin-right: 3.5rem !important;
+  }
+  .me-xxl-15 {
+    margin-right: 3.75rem !important;
+  }
+  .me-xxl-16 {
+    margin-right: 4rem !important;
+  }
+  .me-xxl-17 {
+    margin-right: 4.25rem !important;
+  }
+  .me-xxl-18 {
+    margin-right: 4.5rem !important;
+  }
+  .me-xxl-19 {
+    margin-right: 4.75rem !important;
+  }
+  .me-xxl-20 {
+    margin-right: 5rem !important;
+  }
+  .me-xxl-auto {
+    margin-right: auto !important;
+  }
+  .mb-xxl-0 {
+    margin-bottom: 0 !important;
+  }
+  .mb-xxl-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .mb-xxl-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .mb-xxl-3 {
+    margin-bottom: 0.75rem !important;
+  }
+  .mb-xxl-4 {
+    margin-bottom: 1rem !important;
+  }
+  .mb-xxl-5 {
+    margin-bottom: 1.25rem !important;
+  }
+  .mb-xxl-6 {
+    margin-bottom: 1.5rem !important;
+  }
+  .mb-xxl-7 {
+    margin-bottom: 1.75rem !important;
+  }
+  .mb-xxl-8 {
+    margin-bottom: 2rem !important;
+  }
+  .mb-xxl-9 {
+    margin-bottom: 2.25rem !important;
+  }
+  .mb-xxl-10 {
+    margin-bottom: 2.5rem !important;
+  }
+  .mb-xxl-11 {
+    margin-bottom: 2.75rem !important;
+  }
+  .mb-xxl-12 {
+    margin-bottom: 3rem !important;
+  }
+  .mb-xxl-13 {
+    margin-bottom: 3.25rem !important;
+  }
+  .mb-xxl-14 {
+    margin-bottom: 3.5rem !important;
+  }
+  .mb-xxl-15 {
+    margin-bottom: 3.75rem !important;
+  }
+  .mb-xxl-16 {
+    margin-bottom: 4rem !important;
+  }
+  .mb-xxl-17 {
+    margin-bottom: 4.25rem !important;
+  }
+  .mb-xxl-18 {
+    margin-bottom: 4.5rem !important;
+  }
+  .mb-xxl-19 {
+    margin-bottom: 4.75rem !important;
+  }
+  .mb-xxl-20 {
+    margin-bottom: 5rem !important;
+  }
+  .mb-xxl-auto {
+    margin-bottom: auto !important;
+  }
+  .ms-xxl-0 {
+    margin-left: 0 !important;
+  }
+  .ms-xxl-1 {
+    margin-left: 0.25rem !important;
+  }
+  .ms-xxl-2 {
+    margin-left: 0.5rem !important;
+  }
+  .ms-xxl-3 {
+    margin-left: 0.75rem !important;
+  }
+  .ms-xxl-4 {
+    margin-left: 1rem !important;
+  }
+  .ms-xxl-5 {
+    margin-left: 1.25rem !important;
+  }
+  .ms-xxl-6 {
+    margin-left: 1.5rem !important;
+  }
+  .ms-xxl-7 {
+    margin-left: 1.75rem !important;
+  }
+  .ms-xxl-8 {
+    margin-left: 2rem !important;
+  }
+  .ms-xxl-9 {
+    margin-left: 2.25rem !important;
+  }
+  .ms-xxl-10 {
+    margin-left: 2.5rem !important;
+  }
+  .ms-xxl-11 {
+    margin-left: 2.75rem !important;
+  }
+  .ms-xxl-12 {
+    margin-left: 3rem !important;
+  }
+  .ms-xxl-13 {
+    margin-left: 3.25rem !important;
+  }
+  .ms-xxl-14 {
+    margin-left: 3.5rem !important;
+  }
+  .ms-xxl-15 {
+    margin-left: 3.75rem !important;
+  }
+  .ms-xxl-16 {
+    margin-left: 4rem !important;
+  }
+  .ms-xxl-17 {
+    margin-left: 4.25rem !important;
+  }
+  .ms-xxl-18 {
+    margin-left: 4.5rem !important;
+  }
+  .ms-xxl-19 {
+    margin-left: 4.75rem !important;
+  }
+  .ms-xxl-20 {
+    margin-left: 5rem !important;
+  }
+  .ms-xxl-auto {
+    margin-left: auto !important;
+  }
+  .m-xxl-n1 {
+    margin: -0.25rem !important;
+  }
+  .m-xxl-n2 {
+    margin: -0.5rem !important;
+  }
+  .m-xxl-n3 {
+    margin: -0.75rem !important;
+  }
+  .m-xxl-n4 {
+    margin: -1rem !important;
+  }
+  .m-xxl-n5 {
+    margin: -1.25rem !important;
+  }
+  .m-xxl-n6 {
+    margin: -1.5rem !important;
+  }
+  .m-xxl-n7 {
+    margin: -1.75rem !important;
+  }
+  .m-xxl-n8 {
+    margin: -2rem !important;
+  }
+  .m-xxl-n9 {
+    margin: -2.25rem !important;
+  }
+  .m-xxl-n10 {
+    margin: -2.5rem !important;
+  }
+  .m-xxl-n11 {
+    margin: -2.75rem !important;
+  }
+  .m-xxl-n12 {
+    margin: -3rem !important;
+  }
+  .m-xxl-n13 {
+    margin: -3.25rem !important;
+  }
+  .m-xxl-n14 {
+    margin: -3.5rem !important;
+  }
+  .m-xxl-n15 {
+    margin: -3.75rem !important;
+  }
+  .m-xxl-n16 {
+    margin: -4rem !important;
+  }
+  .m-xxl-n17 {
+    margin: -4.25rem !important;
+  }
+  .m-xxl-n18 {
+    margin: -4.5rem !important;
+  }
+  .m-xxl-n19 {
+    margin: -4.75rem !important;
+  }
+  .m-xxl-n20 {
+    margin: -5rem !important;
+  }
+  .mx-xxl-n1 {
+    margin-right: -0.25rem !important;
+    margin-left: -0.25rem !important;
+  }
+  .mx-xxl-n2 {
+    margin-right: -0.5rem !important;
+    margin-left: -0.5rem !important;
+  }
+  .mx-xxl-n3 {
+    margin-right: -0.75rem !important;
+    margin-left: -0.75rem !important;
+  }
+  .mx-xxl-n4 {
+    margin-right: -1rem !important;
+    margin-left: -1rem !important;
+  }
+  .mx-xxl-n5 {
+    margin-right: -1.25rem !important;
+    margin-left: -1.25rem !important;
+  }
+  .mx-xxl-n6 {
+    margin-right: -1.5rem !important;
+    margin-left: -1.5rem !important;
+  }
+  .mx-xxl-n7 {
+    margin-right: -1.75rem !important;
+    margin-left: -1.75rem !important;
+  }
+  .mx-xxl-n8 {
+    margin-right: -2rem !important;
+    margin-left: -2rem !important;
+  }
+  .mx-xxl-n9 {
+    margin-right: -2.25rem !important;
+    margin-left: -2.25rem !important;
+  }
+  .mx-xxl-n10 {
+    margin-right: -2.5rem !important;
+    margin-left: -2.5rem !important;
+  }
+  .mx-xxl-n11 {
+    margin-right: -2.75rem !important;
+    margin-left: -2.75rem !important;
+  }
+  .mx-xxl-n12 {
+    margin-right: -3rem !important;
+    margin-left: -3rem !important;
+  }
+  .mx-xxl-n13 {
+    margin-right: -3.25rem !important;
+    margin-left: -3.25rem !important;
+  }
+  .mx-xxl-n14 {
+    margin-right: -3.5rem !important;
+    margin-left: -3.5rem !important;
+  }
+  .mx-xxl-n15 {
+    margin-right: -3.75rem !important;
+    margin-left: -3.75rem !important;
+  }
+  .mx-xxl-n16 {
+    margin-right: -4rem !important;
+    margin-left: -4rem !important;
+  }
+  .mx-xxl-n17 {
+    margin-right: -4.25rem !important;
+    margin-left: -4.25rem !important;
+  }
+  .mx-xxl-n18 {
+    margin-right: -4.5rem !important;
+    margin-left: -4.5rem !important;
+  }
+  .mx-xxl-n19 {
+    margin-right: -4.75rem !important;
+    margin-left: -4.75rem !important;
+  }
+  .mx-xxl-n20 {
+    margin-right: -5rem !important;
+    margin-left: -5rem !important;
+  }
+  .my-xxl-n1 {
+    margin-top: -0.25rem !important;
+    margin-bottom: -0.25rem !important;
+  }
+  .my-xxl-n2 {
+    margin-top: -0.5rem !important;
+    margin-bottom: -0.5rem !important;
+  }
+  .my-xxl-n3 {
+    margin-top: -0.75rem !important;
+    margin-bottom: -0.75rem !important;
+  }
+  .my-xxl-n4 {
+    margin-top: -1rem !important;
+    margin-bottom: -1rem !important;
+  }
+  .my-xxl-n5 {
+    margin-top: -1.25rem !important;
+    margin-bottom: -1.25rem !important;
+  }
+  .my-xxl-n6 {
+    margin-top: -1.5rem !important;
+    margin-bottom: -1.5rem !important;
+  }
+  .my-xxl-n7 {
+    margin-top: -1.75rem !important;
+    margin-bottom: -1.75rem !important;
+  }
+  .my-xxl-n8 {
+    margin-top: -2rem !important;
+    margin-bottom: -2rem !important;
+  }
+  .my-xxl-n9 {
+    margin-top: -2.25rem !important;
+    margin-bottom: -2.25rem !important;
+  }
+  .my-xxl-n10 {
+    margin-top: -2.5rem !important;
+    margin-bottom: -2.5rem !important;
+  }
+  .my-xxl-n11 {
+    margin-top: -2.75rem !important;
+    margin-bottom: -2.75rem !important;
+  }
+  .my-xxl-n12 {
+    margin-top: -3rem !important;
+    margin-bottom: -3rem !important;
+  }
+  .my-xxl-n13 {
+    margin-top: -3.25rem !important;
+    margin-bottom: -3.25rem !important;
+  }
+  .my-xxl-n14 {
+    margin-top: -3.5rem !important;
+    margin-bottom: -3.5rem !important;
+  }
+  .my-xxl-n15 {
+    margin-top: -3.75rem !important;
+    margin-bottom: -3.75rem !important;
+  }
+  .my-xxl-n16 {
+    margin-top: -4rem !important;
+    margin-bottom: -4rem !important;
+  }
+  .my-xxl-n17 {
+    margin-top: -4.25rem !important;
+    margin-bottom: -4.25rem !important;
+  }
+  .my-xxl-n18 {
+    margin-top: -4.5rem !important;
+    margin-bottom: -4.5rem !important;
+  }
+  .my-xxl-n19 {
+    margin-top: -4.75rem !important;
+    margin-bottom: -4.75rem !important;
+  }
+  .my-xxl-n20 {
+    margin-top: -5rem !important;
+    margin-bottom: -5rem !important;
+  }
+  .mt-xxl-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mt-xxl-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mt-xxl-n3 {
+    margin-top: -0.75rem !important;
+  }
+  .mt-xxl-n4 {
+    margin-top: -1rem !important;
+  }
+  .mt-xxl-n5 {
+    margin-top: -1.25rem !important;
+  }
+  .mt-xxl-n6 {
+    margin-top: -1.5rem !important;
+  }
+  .mt-xxl-n7 {
+    margin-top: -1.75rem !important;
+  }
+  .mt-xxl-n8 {
+    margin-top: -2rem !important;
+  }
+  .mt-xxl-n9 {
+    margin-top: -2.25rem !important;
+  }
+  .mt-xxl-n10 {
+    margin-top: -2.5rem !important;
+  }
+  .mt-xxl-n11 {
+    margin-top: -2.75rem !important;
+  }
+  .mt-xxl-n12 {
+    margin-top: -3rem !important;
+  }
+  .mt-xxl-n13 {
+    margin-top: -3.25rem !important;
+  }
+  .mt-xxl-n14 {
+    margin-top: -3.5rem !important;
+  }
+  .mt-xxl-n15 {
+    margin-top: -3.75rem !important;
+  }
+  .mt-xxl-n16 {
+    margin-top: -4rem !important;
+  }
+  .mt-xxl-n17 {
+    margin-top: -4.25rem !important;
+  }
+  .mt-xxl-n18 {
+    margin-top: -4.5rem !important;
+  }
+  .mt-xxl-n19 {
+    margin-top: -4.75rem !important;
+  }
+  .mt-xxl-n20 {
+    margin-top: -5rem !important;
+  }
+  .me-xxl-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .me-xxl-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .me-xxl-n3 {
+    margin-right: -0.75rem !important;
+  }
+  .me-xxl-n4 {
+    margin-right: -1rem !important;
+  }
+  .me-xxl-n5 {
+    margin-right: -1.25rem !important;
+  }
+  .me-xxl-n6 {
+    margin-right: -1.5rem !important;
+  }
+  .me-xxl-n7 {
+    margin-right: -1.75rem !important;
+  }
+  .me-xxl-n8 {
+    margin-right: -2rem !important;
+  }
+  .me-xxl-n9 {
+    margin-right: -2.25rem !important;
+  }
+  .me-xxl-n10 {
+    margin-right: -2.5rem !important;
+  }
+  .me-xxl-n11 {
+    margin-right: -2.75rem !important;
+  }
+  .me-xxl-n12 {
+    margin-right: -3rem !important;
+  }
+  .me-xxl-n13 {
+    margin-right: -3.25rem !important;
+  }
+  .me-xxl-n14 {
+    margin-right: -3.5rem !important;
+  }
+  .me-xxl-n15 {
+    margin-right: -3.75rem !important;
+  }
+  .me-xxl-n16 {
+    margin-right: -4rem !important;
+  }
+  .me-xxl-n17 {
+    margin-right: -4.25rem !important;
+  }
+  .me-xxl-n18 {
+    margin-right: -4.5rem !important;
+  }
+  .me-xxl-n19 {
+    margin-right: -4.75rem !important;
+  }
+  .me-xxl-n20 {
+    margin-right: -5rem !important;
+  }
+  .mb-xxl-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .mb-xxl-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .mb-xxl-n3 {
+    margin-bottom: -0.75rem !important;
+  }
+  .mb-xxl-n4 {
+    margin-bottom: -1rem !important;
+  }
+  .mb-xxl-n5 {
+    margin-bottom: -1.25rem !important;
+  }
+  .mb-xxl-n6 {
+    margin-bottom: -1.5rem !important;
+  }
+  .mb-xxl-n7 {
+    margin-bottom: -1.75rem !important;
+  }
+  .mb-xxl-n8 {
+    margin-bottom: -2rem !important;
+  }
+  .mb-xxl-n9 {
+    margin-bottom: -2.25rem !important;
+  }
+  .mb-xxl-n10 {
+    margin-bottom: -2.5rem !important;
+  }
+  .mb-xxl-n11 {
+    margin-bottom: -2.75rem !important;
+  }
+  .mb-xxl-n12 {
+    margin-bottom: -3rem !important;
+  }
+  .mb-xxl-n13 {
+    margin-bottom: -3.25rem !important;
+  }
+  .mb-xxl-n14 {
+    margin-bottom: -3.5rem !important;
+  }
+  .mb-xxl-n15 {
+    margin-bottom: -3.75rem !important;
+  }
+  .mb-xxl-n16 {
+    margin-bottom: -4rem !important;
+  }
+  .mb-xxl-n17 {
+    margin-bottom: -4.25rem !important;
+  }
+  .mb-xxl-n18 {
+    margin-bottom: -4.5rem !important;
+  }
+  .mb-xxl-n19 {
+    margin-bottom: -4.75rem !important;
+  }
+  .mb-xxl-n20 {
+    margin-bottom: -5rem !important;
+  }
+  .ms-xxl-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .ms-xxl-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .ms-xxl-n3 {
+    margin-left: -0.75rem !important;
+  }
+  .ms-xxl-n4 {
+    margin-left: -1rem !important;
+  }
+  .ms-xxl-n5 {
+    margin-left: -1.25rem !important;
+  }
+  .ms-xxl-n6 {
+    margin-left: -1.5rem !important;
+  }
+  .ms-xxl-n7 {
+    margin-left: -1.75rem !important;
+  }
+  .ms-xxl-n8 {
+    margin-left: -2rem !important;
+  }
+  .ms-xxl-n9 {
+    margin-left: -2.25rem !important;
+  }
+  .ms-xxl-n10 {
+    margin-left: -2.5rem !important;
+  }
+  .ms-xxl-n11 {
+    margin-left: -2.75rem !important;
+  }
+  .ms-xxl-n12 {
+    margin-left: -3rem !important;
+  }
+  .ms-xxl-n13 {
+    margin-left: -3.25rem !important;
+  }
+  .ms-xxl-n14 {
+    margin-left: -3.5rem !important;
+  }
+  .ms-xxl-n15 {
+    margin-left: -3.75rem !important;
+  }
+  .ms-xxl-n16 {
+    margin-left: -4rem !important;
+  }
+  .ms-xxl-n17 {
+    margin-left: -4.25rem !important;
+  }
+  .ms-xxl-n18 {
+    margin-left: -4.5rem !important;
+  }
+  .ms-xxl-n19 {
+    margin-left: -4.75rem !important;
+  }
+  .ms-xxl-n20 {
+    margin-left: -5rem !important;
+  }
+  .p-xxl-0 {
+    padding: 0 !important;
+  }
+  .p-xxl-1 {
+    padding: 0.25rem !important;
+  }
+  .p-xxl-2 {
+    padding: 0.5rem !important;
+  }
+  .p-xxl-3 {
+    padding: 0.75rem !important;
+  }
+  .p-xxl-4 {
+    padding: 1rem !important;
+  }
+  .p-xxl-5 {
+    padding: 1.25rem !important;
+  }
+  .p-xxl-6 {
+    padding: 1.5rem !important;
+  }
+  .p-xxl-7 {
+    padding: 1.75rem !important;
+  }
+  .p-xxl-8 {
+    padding: 2rem !important;
+  }
+  .p-xxl-9 {
+    padding: 2.25rem !important;
+  }
+  .p-xxl-10 {
+    padding: 2.5rem !important;
+  }
+  .p-xxl-11 {
+    padding: 2.75rem !important;
+  }
+  .p-xxl-12 {
+    padding: 3rem !important;
+  }
+  .p-xxl-13 {
+    padding: 3.25rem !important;
+  }
+  .p-xxl-14 {
+    padding: 3.5rem !important;
+  }
+  .p-xxl-15 {
+    padding: 3.75rem !important;
+  }
+  .p-xxl-16 {
+    padding: 4rem !important;
+  }
+  .p-xxl-17 {
+    padding: 4.25rem !important;
+  }
+  .p-xxl-18 {
+    padding: 4.5rem !important;
+  }
+  .p-xxl-19 {
+    padding: 4.75rem !important;
+  }
+  .p-xxl-20 {
+    padding: 5rem !important;
+  }
+  .px-xxl-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+  .px-xxl-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+  .px-xxl-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+  .px-xxl-3 {
+    padding-right: 0.75rem !important;
+    padding-left: 0.75rem !important;
+  }
+  .px-xxl-4 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+  .px-xxl-5 {
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
+  }
+  .px-xxl-6 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
+  .px-xxl-7 {
+    padding-right: 1.75rem !important;
+    padding-left: 1.75rem !important;
+  }
+  .px-xxl-8 {
+    padding-right: 2rem !important;
+    padding-left: 2rem !important;
+  }
+  .px-xxl-9 {
+    padding-right: 2.25rem !important;
+    padding-left: 2.25rem !important;
+  }
+  .px-xxl-10 {
+    padding-right: 2.5rem !important;
+    padding-left: 2.5rem !important;
+  }
+  .px-xxl-11 {
+    padding-right: 2.75rem !important;
+    padding-left: 2.75rem !important;
+  }
+  .px-xxl-12 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .px-xxl-13 {
+    padding-right: 3.25rem !important;
+    padding-left: 3.25rem !important;
+  }
+  .px-xxl-14 {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .px-xxl-15 {
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
+  }
+  .px-xxl-16 {
+    padding-right: 4rem !important;
+    padding-left: 4rem !important;
+  }
+  .px-xxl-17 {
+    padding-right: 4.25rem !important;
+    padding-left: 4.25rem !important;
+  }
+  .px-xxl-18 {
+    padding-right: 4.5rem !important;
+    padding-left: 4.5rem !important;
+  }
+  .px-xxl-19 {
+    padding-right: 4.75rem !important;
+    padding-left: 4.75rem !important;
+  }
+  .px-xxl-20 {
+    padding-right: 5rem !important;
+    padding-left: 5rem !important;
+  }
+  .py-xxl-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  .py-xxl-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
+  .py-xxl-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
+  .py-xxl-3 {
+    padding-top: 0.75rem !important;
+    padding-bottom: 0.75rem !important;
+  }
+  .py-xxl-4 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
+  .py-xxl-5 {
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
+  }
+  .py-xxl-6 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+  .py-xxl-7 {
+    padding-top: 1.75rem !important;
+    padding-bottom: 1.75rem !important;
+  }
+  .py-xxl-8 {
+    padding-top: 2rem !important;
+    padding-bottom: 2rem !important;
+  }
+  .py-xxl-9 {
+    padding-top: 2.25rem !important;
+    padding-bottom: 2.25rem !important;
+  }
+  .py-xxl-10 {
+    padding-top: 2.5rem !important;
+    padding-bottom: 2.5rem !important;
+  }
+  .py-xxl-11 {
+    padding-top: 2.75rem !important;
+    padding-bottom: 2.75rem !important;
+  }
+  .py-xxl-12 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+  .py-xxl-13 {
+    padding-top: 3.25rem !important;
+    padding-bottom: 3.25rem !important;
+  }
+  .py-xxl-14 {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+  .py-xxl-15 {
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
+  }
+  .py-xxl-16 {
+    padding-top: 4rem !important;
+    padding-bottom: 4rem !important;
+  }
+  .py-xxl-17 {
+    padding-top: 4.25rem !important;
+    padding-bottom: 4.25rem !important;
+  }
+  .py-xxl-18 {
+    padding-top: 4.5rem !important;
+    padding-bottom: 4.5rem !important;
+  }
+  .py-xxl-19 {
+    padding-top: 4.75rem !important;
+    padding-bottom: 4.75rem !important;
+  }
+  .py-xxl-20 {
+    padding-top: 5rem !important;
+    padding-bottom: 5rem !important;
+  }
+  .pt-xxl-0 {
+    padding-top: 0 !important;
+  }
+  .pt-xxl-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pt-xxl-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pt-xxl-3 {
+    padding-top: 0.75rem !important;
+  }
+  .pt-xxl-4 {
+    padding-top: 1rem !important;
+  }
+  .pt-xxl-5 {
+    padding-top: 1.25rem !important;
+  }
+  .pt-xxl-6 {
+    padding-top: 1.5rem !important;
+  }
+  .pt-xxl-7 {
+    padding-top: 1.75rem !important;
+  }
+  .pt-xxl-8 {
+    padding-top: 2rem !important;
+  }
+  .pt-xxl-9 {
+    padding-top: 2.25rem !important;
+  }
+  .pt-xxl-10 {
+    padding-top: 2.5rem !important;
+  }
+  .pt-xxl-11 {
+    padding-top: 2.75rem !important;
+  }
+  .pt-xxl-12 {
+    padding-top: 3rem !important;
+  }
+  .pt-xxl-13 {
+    padding-top: 3.25rem !important;
+  }
+  .pt-xxl-14 {
+    padding-top: 3.5rem !important;
+  }
+  .pt-xxl-15 {
+    padding-top: 3.75rem !important;
+  }
+  .pt-xxl-16 {
+    padding-top: 4rem !important;
+  }
+  .pt-xxl-17 {
+    padding-top: 4.25rem !important;
+  }
+  .pt-xxl-18 {
+    padding-top: 4.5rem !important;
+  }
+  .pt-xxl-19 {
+    padding-top: 4.75rem !important;
+  }
+  .pt-xxl-20 {
+    padding-top: 5rem !important;
+  }
+  .pe-xxl-0 {
+    padding-right: 0 !important;
+  }
+  .pe-xxl-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pe-xxl-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pe-xxl-3 {
+    padding-right: 0.75rem !important;
+  }
+  .pe-xxl-4 {
+    padding-right: 1rem !important;
+  }
+  .pe-xxl-5 {
+    padding-right: 1.25rem !important;
+  }
+  .pe-xxl-6 {
+    padding-right: 1.5rem !important;
+  }
+  .pe-xxl-7 {
+    padding-right: 1.75rem !important;
+  }
+  .pe-xxl-8 {
+    padding-right: 2rem !important;
+  }
+  .pe-xxl-9 {
+    padding-right: 2.25rem !important;
+  }
+  .pe-xxl-10 {
+    padding-right: 2.5rem !important;
+  }
+  .pe-xxl-11 {
+    padding-right: 2.75rem !important;
+  }
+  .pe-xxl-12 {
+    padding-right: 3rem !important;
+  }
+  .pe-xxl-13 {
+    padding-right: 3.25rem !important;
+  }
+  .pe-xxl-14 {
+    padding-right: 3.5rem !important;
+  }
+  .pe-xxl-15 {
+    padding-right: 3.75rem !important;
+  }
+  .pe-xxl-16 {
+    padding-right: 4rem !important;
+  }
+  .pe-xxl-17 {
+    padding-right: 4.25rem !important;
+  }
+  .pe-xxl-18 {
+    padding-right: 4.5rem !important;
+  }
+  .pe-xxl-19 {
+    padding-right: 4.75rem !important;
+  }
+  .pe-xxl-20 {
+    padding-right: 5rem !important;
+  }
+  .pb-xxl-0 {
+    padding-bottom: 0 !important;
+  }
+  .pb-xxl-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pb-xxl-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pb-xxl-3 {
+    padding-bottom: 0.75rem !important;
+  }
+  .pb-xxl-4 {
+    padding-bottom: 1rem !important;
+  }
+  .pb-xxl-5 {
+    padding-bottom: 1.25rem !important;
+  }
+  .pb-xxl-6 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pb-xxl-7 {
+    padding-bottom: 1.75rem !important;
+  }
+  .pb-xxl-8 {
+    padding-bottom: 2rem !important;
+  }
+  .pb-xxl-9 {
+    padding-bottom: 2.25rem !important;
+  }
+  .pb-xxl-10 {
+    padding-bottom: 2.5rem !important;
+  }
+  .pb-xxl-11 {
+    padding-bottom: 2.75rem !important;
+  }
+  .pb-xxl-12 {
+    padding-bottom: 3rem !important;
+  }
+  .pb-xxl-13 {
+    padding-bottom: 3.25rem !important;
+  }
+  .pb-xxl-14 {
+    padding-bottom: 3.5rem !important;
+  }
+  .pb-xxl-15 {
+    padding-bottom: 3.75rem !important;
+  }
+  .pb-xxl-16 {
+    padding-bottom: 4rem !important;
+  }
+  .pb-xxl-17 {
+    padding-bottom: 4.25rem !important;
+  }
+  .pb-xxl-18 {
+    padding-bottom: 4.5rem !important;
+  }
+  .pb-xxl-19 {
+    padding-bottom: 4.75rem !important;
+  }
+  .pb-xxl-20 {
+    padding-bottom: 5rem !important;
+  }
+  .ps-xxl-0 {
+    padding-left: 0 !important;
+  }
+  .ps-xxl-1 {
+    padding-left: 0.25rem !important;
+  }
+  .ps-xxl-2 {
+    padding-left: 0.5rem !important;
+  }
+  .ps-xxl-3 {
+    padding-left: 0.75rem !important;
+  }
+  .ps-xxl-4 {
+    padding-left: 1rem !important;
+  }
+  .ps-xxl-5 {
+    padding-left: 1.25rem !important;
+  }
+  .ps-xxl-6 {
+    padding-left: 1.5rem !important;
+  }
+  .ps-xxl-7 {
+    padding-left: 1.75rem !important;
+  }
+  .ps-xxl-8 {
+    padding-left: 2rem !important;
+  }
+  .ps-xxl-9 {
+    padding-left: 2.25rem !important;
+  }
+  .ps-xxl-10 {
+    padding-left: 2.5rem !important;
+  }
+  .ps-xxl-11 {
+    padding-left: 2.75rem !important;
+  }
+  .ps-xxl-12 {
+    padding-left: 3rem !important;
+  }
+  .ps-xxl-13 {
+    padding-left: 3.25rem !important;
+  }
+  .ps-xxl-14 {
+    padding-left: 3.5rem !important;
+  }
+  .ps-xxl-15 {
+    padding-left: 3.75rem !important;
+  }
+  .ps-xxl-16 {
+    padding-left: 4rem !important;
+  }
+  .ps-xxl-17 {
+    padding-left: 4.25rem !important;
+  }
+  .ps-xxl-18 {
+    padding-left: 4.5rem !important;
+  }
+  .ps-xxl-19 {
+    padding-left: 4.75rem !important;
+  }
+  .ps-xxl-20 {
+    padding-left: 5rem !important;
+  }
+  .gap-xxl-0 {
+    gap: 0 !important;
+  }
+  .gap-xxl-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-xxl-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-xxl-3 {
+    gap: 0.75rem !important;
+  }
+  .gap-xxl-4 {
+    gap: 1rem !important;
+  }
+  .gap-xxl-5 {
+    gap: 1.25rem !important;
+  }
+  .gap-xxl-6 {
+    gap: 1.5rem !important;
+  }
+  .gap-xxl-7 {
+    gap: 1.75rem !important;
+  }
+  .gap-xxl-8 {
+    gap: 2rem !important;
+  }
+  .gap-xxl-9 {
+    gap: 2.25rem !important;
+  }
+  .gap-xxl-10 {
+    gap: 2.5rem !important;
+  }
+  .gap-xxl-11 {
+    gap: 2.75rem !important;
+  }
+  .gap-xxl-12 {
+    gap: 3rem !important;
+  }
+  .gap-xxl-13 {
+    gap: 3.25rem !important;
+  }
+  .gap-xxl-14 {
+    gap: 3.5rem !important;
+  }
+  .gap-xxl-15 {
+    gap: 3.75rem !important;
+  }
+  .gap-xxl-16 {
+    gap: 4rem !important;
+  }
+  .gap-xxl-17 {
+    gap: 4.25rem !important;
+  }
+  .gap-xxl-18 {
+    gap: 4.5rem !important;
+  }
+  .gap-xxl-19 {
+    gap: 4.75rem !important;
+  }
+  .gap-xxl-20 {
+    gap: 5rem !important;
+  }
+  .fs-xxl-1 {
+    font-size: calc(1.3rem + 0.6vw) !important;
+  }
+  .fs-xxl-2 {
+    font-size: calc(1.275rem + 0.3vw) !important;
+  }
+  .fs-xxl-3 {
+    font-size: calc(1.26rem + 0.12vw) !important;
+  }
+  .fs-xxl-4 {
+    font-size: 1.25rem !important;
+  }
+  .fs-xxl-5 {
+    font-size: 1.15rem !important;
+  }
+  .fs-xxl-6 {
+    font-size: 1.075rem !important;
+  }
+  .fs-xxl-7 {
+    font-size: 0.95rem !important;
+  }
+  .fs-xxl-8 {
+    font-size: 0.85rem !important;
+  }
+  .fs-xxl-9 {
+    font-size: 0.75rem !important;
+  }
+  .fs-xxl-10 {
+    font-size: 0.5rem !important;
+  }
+  .fs-xxl-base {
+    font-size: 1rem !important;
+  }
+  .fs-xxl-fluid {
+    font-size: 100% !important;
+  }
+  .fs-xxl-2x {
+    font-size: calc(1.325rem + 0.9vw) !important;
+  }
+  .fs-xxl-2qx {
+    font-size: calc(1.35rem + 1.2vw) !important;
+  }
+  .fs-xxl-2hx {
+    font-size: calc(1.375rem + 1.5vw) !important;
+  }
+  .fs-xxl-2tx {
+    font-size: calc(1.4rem + 1.8vw) !important;
+  }
+  .fs-xxl-3x {
+    font-size: calc(1.425rem + 2.1vw) !important;
+  }
+  .fs-xxl-3qx {
+    font-size: calc(1.45rem + 2.4vw) !important;
+  }
+  .fs-xxl-3hx {
+    font-size: calc(1.475rem + 2.7vw) !important;
+  }
+  .fs-xxl-3tx {
+    font-size: calc(1.5rem + 3vw) !important;
+  }
+  .fs-xxl-4x {
+    font-size: calc(1.525rem + 3.3vw) !important;
+  }
+  .fs-xxl-4qx {
+    font-size: calc(1.55rem + 3.6vw) !important;
+  }
+  .fs-xxl-4hx {
+    font-size: calc(1.575rem + 3.9vw) !important;
+  }
+  .fs-xxl-4tx {
+    font-size: calc(1.6rem + 4.2vw) !important;
+  }
+  .fs-xxl-5x {
+    font-size: calc(1.625rem + 4.5vw) !important;
+  }
+  .fs-xxl-5qx {
+    font-size: calc(1.65rem + 4.8vw) !important;
+  }
+  .fs-xxl-5hx {
+    font-size: calc(1.675rem + 5.1vw) !important;
+  }
+  .fs-xxl-5tx {
+    font-size: calc(1.7rem + 5.4vw) !important;
+  }
+  .text-xxl-start {
+    text-align: left !important;
+  }
+  .text-xxl-end {
+    text-align: right !important;
+  }
+  .text-xxl-center {
+    text-align: center !important;
+  }
+  .min-w-xxl-unset {
+    min-width: unset !important;
+  }
+  .min-w-xxl-25 {
+    min-width: 25% !important;
+  }
+  .min-w-xxl-50 {
+    min-width: 50% !important;
+  }
+  .min-w-xxl-75 {
+    min-width: 75% !important;
+  }
+  .min-w-xxl-100 {
+    min-width: 100% !important;
+  }
+  .min-w-xxl-auto {
+    min-width: auto !important;
+  }
+  .min-w-xxl-1px {
+    min-width: 1px !important;
+  }
+  .min-w-xxl-2px {
+    min-width: 2px !important;
+  }
+  .min-w-xxl-3px {
+    min-width: 3px !important;
+  }
+  .min-w-xxl-4px {
+    min-width: 4px !important;
+  }
+  .min-w-xxl-5px {
+    min-width: 5px !important;
+  }
+  .min-w-xxl-6px {
+    min-width: 6px !important;
+  }
+  .min-w-xxl-7px {
+    min-width: 7px !important;
+  }
+  .min-w-xxl-8px {
+    min-width: 8px !important;
+  }
+  .min-w-xxl-9px {
+    min-width: 9px !important;
+  }
+  .min-w-xxl-10px {
+    min-width: 10px !important;
+  }
+  .min-w-xxl-15px {
+    min-width: 15px !important;
+  }
+  .min-w-xxl-20px {
+    min-width: 20px !important;
+  }
+  .min-w-xxl-25px {
+    min-width: 25px !important;
+  }
+  .min-w-xxl-30px {
+    min-width: 30px !important;
+  }
+  .min-w-xxl-35px {
+    min-width: 35px !important;
+  }
+  .min-w-xxl-40px {
+    min-width: 40px !important;
+  }
+  .min-w-xxl-45px {
+    min-width: 45px !important;
+  }
+  .min-w-xxl-50px {
+    min-width: 50px !important;
+  }
+  .min-w-xxl-55px {
+    min-width: 55px !important;
+  }
+  .min-w-xxl-60px {
+    min-width: 60px !important;
+  }
+  .min-w-xxl-65px {
+    min-width: 65px !important;
+  }
+  .min-w-xxl-70px {
+    min-width: 70px !important;
+  }
+  .min-w-xxl-75px {
+    min-width: 75px !important;
+  }
+  .min-w-xxl-80px {
+    min-width: 80px !important;
+  }
+  .min-w-xxl-85px {
+    min-width: 85px !important;
+  }
+  .min-w-xxl-90px {
+    min-width: 90px !important;
+  }
+  .min-w-xxl-95px {
+    min-width: 95px !important;
+  }
+  .min-w-xxl-100px {
+    min-width: 100px !important;
+  }
+  .min-w-xxl-125px {
+    min-width: 125px !important;
+  }
+  .min-w-xxl-150px {
+    min-width: 150px !important;
+  }
+  .min-w-xxl-175px {
+    min-width: 175px !important;
+  }
+  .min-w-xxl-200px {
+    min-width: 200px !important;
+  }
+  .min-w-xxl-225px {
+    min-width: 225px !important;
+  }
+  .min-w-xxl-250px {
+    min-width: 250px !important;
+  }
+  .min-w-xxl-275px {
+    min-width: 275px !important;
+  }
+  .min-w-xxl-300px {
+    min-width: 300px !important;
+  }
+  .min-w-xxl-325px {
+    min-width: 325px !important;
+  }
+  .min-w-xxl-350px {
+    min-width: 350px !important;
+  }
+  .min-w-xxl-375px {
+    min-width: 375px !important;
+  }
+  .min-w-xxl-400px {
+    min-width: 400px !important;
+  }
+  .min-w-xxl-425px {
+    min-width: 425px !important;
+  }
+  .min-w-xxl-450px {
+    min-width: 450px !important;
+  }
+  .min-w-xxl-475px {
+    min-width: 475px !important;
+  }
+  .min-w-xxl-500px {
+    min-width: 500px !important;
+  }
+  .min-w-xxl-550px {
+    min-width: 550px !important;
+  }
+  .min-w-xxl-600px {
+    min-width: 600px !important;
+  }
+  .min-w-xxl-650px {
+    min-width: 650px !important;
+  }
+  .min-w-xxl-700px {
+    min-width: 700px !important;
+  }
+  .min-w-xxl-750px {
+    min-width: 750px !important;
+  }
+  .min-w-xxl-800px {
+    min-width: 800px !important;
+  }
+  .min-w-xxl-850px {
+    min-width: 850px !important;
+  }
+  .min-w-xxl-900px {
+    min-width: 900px !important;
+  }
+  .min-w-xxl-950px {
+    min-width: 950px !important;
+  }
+  .min-w-xxl-1000px {
+    min-width: 1000px !important;
+  }
+  .min-h-xxl-unset {
+    min-height: unset !important;
+  }
+  .min-h-xxl-25 {
+    min-height: 25% !important;
+  }
+  .min-h-xxl-50 {
+    min-height: 50% !important;
+  }
+  .min-h-xxl-75 {
+    min-height: 75% !important;
+  }
+  .min-h-xxl-100 {
+    min-height: 100% !important;
+  }
+  .min-h-xxl-auto {
+    min-height: auto !important;
+  }
+  .min-h-xxl-1px {
+    min-height: 1px !important;
+  }
+  .min-h-xxl-2px {
+    min-height: 2px !important;
+  }
+  .min-h-xxl-3px {
+    min-height: 3px !important;
+  }
+  .min-h-xxl-4px {
+    min-height: 4px !important;
+  }
+  .min-h-xxl-5px {
+    min-height: 5px !important;
+  }
+  .min-h-xxl-6px {
+    min-height: 6px !important;
+  }
+  .min-h-xxl-7px {
+    min-height: 7px !important;
+  }
+  .min-h-xxl-8px {
+    min-height: 8px !important;
+  }
+  .min-h-xxl-9px {
+    min-height: 9px !important;
+  }
+  .min-h-xxl-10px {
+    min-height: 10px !important;
+  }
+  .min-h-xxl-15px {
+    min-height: 15px !important;
+  }
+  .min-h-xxl-20px {
+    min-height: 20px !important;
+  }
+  .min-h-xxl-25px {
+    min-height: 25px !important;
+  }
+  .min-h-xxl-30px {
+    min-height: 30px !important;
+  }
+  .min-h-xxl-35px {
+    min-height: 35px !important;
+  }
+  .min-h-xxl-40px {
+    min-height: 40px !important;
+  }
+  .min-h-xxl-45px {
+    min-height: 45px !important;
+  }
+  .min-h-xxl-50px {
+    min-height: 50px !important;
+  }
+  .min-h-xxl-55px {
+    min-height: 55px !important;
+  }
+  .min-h-xxl-60px {
+    min-height: 60px !important;
+  }
+  .min-h-xxl-65px {
+    min-height: 65px !important;
+  }
+  .min-h-xxl-70px {
+    min-height: 70px !important;
+  }
+  .min-h-xxl-75px {
+    min-height: 75px !important;
+  }
+  .min-h-xxl-80px {
+    min-height: 80px !important;
+  }
+  .min-h-xxl-85px {
+    min-height: 85px !important;
+  }
+  .min-h-xxl-90px {
+    min-height: 90px !important;
+  }
+  .min-h-xxl-95px {
+    min-height: 95px !important;
+  }
+  .min-h-xxl-100px {
+    min-height: 100px !important;
+  }
+  .min-h-xxl-125px {
+    min-height: 125px !important;
+  }
+  .min-h-xxl-150px {
+    min-height: 150px !important;
+  }
+  .min-h-xxl-175px {
+    min-height: 175px !important;
+  }
+  .min-h-xxl-200px {
+    min-height: 200px !important;
+  }
+  .min-h-xxl-225px {
+    min-height: 225px !important;
+  }
+  .min-h-xxl-250px {
+    min-height: 250px !important;
+  }
+  .min-h-xxl-275px {
+    min-height: 275px !important;
+  }
+  .min-h-xxl-300px {
+    min-height: 300px !important;
+  }
+  .min-h-xxl-325px {
+    min-height: 325px !important;
+  }
+  .min-h-xxl-350px {
+    min-height: 350px !important;
+  }
+  .min-h-xxl-375px {
+    min-height: 375px !important;
+  }
+  .min-h-xxl-400px {
+    min-height: 400px !important;
+  }
+  .min-h-xxl-425px {
+    min-height: 425px !important;
+  }
+  .min-h-xxl-450px {
+    min-height: 450px !important;
+  }
+  .min-h-xxl-475px {
+    min-height: 475px !important;
+  }
+  .min-h-xxl-500px {
+    min-height: 500px !important;
+  }
+  .min-h-xxl-550px {
+    min-height: 550px !important;
+  }
+  .min-h-xxl-600px {
+    min-height: 600px !important;
+  }
+  .min-h-xxl-650px {
+    min-height: 650px !important;
+  }
+  .min-h-xxl-700px {
+    min-height: 700px !important;
+  }
+  .min-h-xxl-750px {
+    min-height: 750px !important;
+  }
+  .min-h-xxl-800px {
+    min-height: 800px !important;
+  }
+  .min-h-xxl-850px {
+    min-height: 850px !important;
+  }
+  .min-h-xxl-900px {
+    min-height: 900px !important;
+  }
+  .min-h-xxl-950px {
+    min-height: 950px !important;
+  }
+  .min-h-xxl-1000px {
+    min-height: 1000px !important;
+  }
+}
+@media (min-width: 1200px) {
+  .fs-1 {
+    font-size: 1.75rem !important;
+  }
+  .fs-2 {
+    font-size: 1.5rem !important;
+  }
+  .fs-3 {
+    font-size: 1.35rem !important;
+  }
+  .fs-2x {
+    font-size: 2rem !important;
+  }
+  .fs-2qx {
+    font-size: 2.25rem !important;
+  }
+  .fs-2hx {
+    font-size: 2.5rem !important;
+  }
+  .fs-2tx {
+    font-size: 2.75rem !important;
+  }
+  .fs-3x {
+    font-size: 3rem !important;
+  }
+  .fs-3qx {
+    font-size: 3.25rem !important;
+  }
+  .fs-3hx {
+    font-size: 3.5rem !important;
+  }
+  .fs-3tx {
+    font-size: 3.75rem !important;
+  }
+  .fs-4x {
+    font-size: 4rem !important;
+  }
+  .fs-4qx {
+    font-size: 4.25rem !important;
+  }
+  .fs-4hx {
+    font-size: 4.5rem !important;
+  }
+  .fs-4tx {
+    font-size: 4.75rem !important;
+  }
+  .fs-5x {
+    font-size: 5rem !important;
+  }
+  .fs-5qx {
+    font-size: 5.25rem !important;
+  }
+  .fs-5hx {
+    font-size: 5.5rem !important;
+  }
+  .fs-5tx {
+    font-size: 5.75rem !important;
+  }
+  .fs-sm-1 {
+    font-size: 1.75rem !important;
+  }
+  .fs-sm-2 {
+    font-size: 1.5rem !important;
+  }
+  .fs-sm-3 {
+    font-size: 1.35rem !important;
+  }
+  .fs-sm-2x {
+    font-size: 2rem !important;
+  }
+  .fs-sm-2qx {
+    font-size: 2.25rem !important;
+  }
+  .fs-sm-2hx {
+    font-size: 2.5rem !important;
+  }
+  .fs-sm-2tx {
+    font-size: 2.75rem !important;
+  }
+  .fs-sm-3x {
+    font-size: 3rem !important;
+  }
+  .fs-sm-3qx {
+    font-size: 3.25rem !important;
+  }
+  .fs-sm-3hx {
+    font-size: 3.5rem !important;
+  }
+  .fs-sm-3tx {
+    font-size: 3.75rem !important;
+  }
+  .fs-sm-4x {
+    font-size: 4rem !important;
+  }
+  .fs-sm-4qx {
+    font-size: 4.25rem !important;
+  }
+  .fs-sm-4hx {
+    font-size: 4.5rem !important;
+  }
+  .fs-sm-4tx {
+    font-size: 4.75rem !important;
+  }
+  .fs-sm-5x {
+    font-size: 5rem !important;
+  }
+  .fs-sm-5qx {
+    font-size: 5.25rem !important;
+  }
+  .fs-sm-5hx {
+    font-size: 5.5rem !important;
+  }
+  .fs-sm-5tx {
+    font-size: 5.75rem !important;
+  }
+  .fs-md-1 {
+    font-size: 1.75rem !important;
+  }
+  .fs-md-2 {
+    font-size: 1.5rem !important;
+  }
+  .fs-md-3 {
+    font-size: 1.35rem !important;
+  }
+  .fs-md-2x {
+    font-size: 2rem !important;
+  }
+  .fs-md-2qx {
+    font-size: 2.25rem !important;
+  }
+  .fs-md-2hx {
+    font-size: 2.5rem !important;
+  }
+  .fs-md-2tx {
+    font-size: 2.75rem !important;
+  }
+  .fs-md-3x {
+    font-size: 3rem !important;
+  }
+  .fs-md-3qx {
+    font-size: 3.25rem !important;
+  }
+  .fs-md-3hx {
+    font-size: 3.5rem !important;
+  }
+  .fs-md-3tx {
+    font-size: 3.75rem !important;
+  }
+  .fs-md-4x {
+    font-size: 4rem !important;
+  }
+  .fs-md-4qx {
+    font-size: 4.25rem !important;
+  }
+  .fs-md-4hx {
+    font-size: 4.5rem !important;
+  }
+  .fs-md-4tx {
+    font-size: 4.75rem !important;
+  }
+  .fs-md-5x {
+    font-size: 5rem !important;
+  }
+  .fs-md-5qx {
+    font-size: 5.25rem !important;
+  }
+  .fs-md-5hx {
+    font-size: 5.5rem !important;
+  }
+  .fs-md-5tx {
+    font-size: 5.75rem !important;
+  }
+  .fs-lg-1 {
+    font-size: 1.75rem !important;
+  }
+  .fs-lg-2 {
+    font-size: 1.5rem !important;
+  }
+  .fs-lg-3 {
+    font-size: 1.35rem !important;
+  }
+  .fs-lg-2x {
+    font-size: 2rem !important;
+  }
+  .fs-lg-2qx {
+    font-size: 2.25rem !important;
+  }
+  .fs-lg-2hx {
+    font-size: 2.5rem !important;
+  }
+  .fs-lg-2tx {
+    font-size: 2.75rem !important;
+  }
+  .fs-lg-3x {
+    font-size: 3rem !important;
+  }
+  .fs-lg-3qx {
+    font-size: 3.25rem !important;
+  }
+  .fs-lg-3hx {
+    font-size: 3.5rem !important;
+  }
+  .fs-lg-3tx {
+    font-size: 3.75rem !important;
+  }
+  .fs-lg-4x {
+    font-size: 4rem !important;
+  }
+  .fs-lg-4qx {
+    font-size: 4.25rem !important;
+  }
+  .fs-lg-4hx {
+    font-size: 4.5rem !important;
+  }
+  .fs-lg-4tx {
+    font-size: 4.75rem !important;
+  }
+  .fs-lg-5x {
+    font-size: 5rem !important;
+  }
+  .fs-lg-5qx {
+    font-size: 5.25rem !important;
+  }
+  .fs-lg-5hx {
+    font-size: 5.5rem !important;
+  }
+  .fs-lg-5tx {
+    font-size: 5.75rem !important;
+  }
+}
+@media print {
+  .d-print-inline {
+    display: inline !important;
+  }
+  .d-print-inline-block {
+    display: inline-block !important;
+  }
+  .d-print-block {
+    display: block !important;
+  }
+  .d-print-grid {
+    display: grid !important;
+  }
+  .d-print-table {
+    display: table !important;
+  }
+  .d-print-table-row {
+    display: table-row !important;
+  }
+  .d-print-table-cell {
+    display: table-cell !important;
+  }
+  .d-print-flex {
+    display: flex !important;
+  }
+  .d-print-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-print-none {
+    display: none !important;
+  }
+}
+:root,
+[data-theme=light] {
+  --kt-xs:0;
+  --kt-sm:576px;
+  --kt-md:768px;
+  --kt-lg:992px;
+  --kt-xl:1200px;
+  --kt-xxl:1400px;
+  --kt-white: #ffffff;
+  --kt-black: #000000;
+  --kt-text-muted: #A1A5B7;
+  --kt-gray-100: #f5f8fa;
+  --kt-gray-200: #eff2f5;
+  --kt-gray-300: #E4E6EF;
+  --kt-gray-400: #B5B5C3;
+  --kt-gray-500: #A1A5B7;
+  --kt-gray-600: #7E8299;
+  --kt-gray-700: #5E6278;
+  --kt-gray-800: #3F4254;
+  --kt-gray-900: #181C32;
+  --kt-gray-100-rgb: 245, 248, 250;
+  --kt-gray-200-rgb: 239, 242, 245;
+  --kt-gray-300-rgb: 228, 230, 239;
+  --kt-gray-400-rgb: 181, 181, 195;
+  --kt-gray-500-rgb: 161, 165, 183;
+  --kt-gray-600-rgb: 126, 130, 153;
+  --kt-gray-700-rgb: 94, 98, 120;
+  --kt-gray-800-rgb: 63, 66, 84;
+  --kt-gray-900-rgb: 24, 28, 50;
+  --kt-white: #ffffff;
+  --kt-light: #f5f8fa;
+  --kt-primary: #009ef7;
+  --kt-secondary: #E4E6EF;
+  --kt-success: #50cd89;
+  --kt-info: #7239ea;
+  --kt-warning: #ffc700;
+  --kt-danger: #f1416c;
+  --kt-dark: #181C32;
+  --kt-primary-active: #0095e8;
+  --kt-secondary-active: #B5B5C3;
+  --kt-light-active: #eff2f5;
+  --kt-success-active: #47be7d;
+  --kt-info-active: #5014d0;
+  --kt-warning-active: #f1bc00;
+  --kt-danger-active: #d9214e;
+  --kt-dark-active: #131628;
+  --kt-primary-light: #f1faff;
+  --kt-secondary-light: #f5f8fa;
+  --kt-success-light: #e8fff3;
+  --kt-info-light: #f8f5ff;
+  --kt-warning-light: #fff8dd;
+  --kt-danger-light: #fff5f8;
+  --kt-dark-light: #eff2f5;
+  --kt-primary-inverse: #ffffff;
+  --kt-secondary-inverse: #3F4254;
+  --kt-light-inverse: #7E8299;
+  --kt-success-inverse: #ffffff;
+  --kt-info-inverse: #ffffff;
+  --kt-warning-inverse: #ffffff;
+  --kt-danger-inverse: #ffffff;
+  --kt-dark-inverse: #ffffff;
+  --kt-white-rgb: 255, 255, 255;
+  --kt-light-rgb: 245, 248, 250;
+  --kt-primary-rgb: 0, 158, 247;
+  --kt-secondary-rgb: 228, 230, 239;
+  --kt-success-rgb: 80, 205, 137;
+  --kt-info-rgb: 114, 57, 234;
+  --kt-warning-rgb: 255, 199, 0;
+  --kt-danger-rgb: 241, 65, 108;
+  --kt-dark-rgb: 24, 28, 50;
+  --kt-text-white: #ffffff;
+  --kt-text-primary: #009ef7;
+  --kt-text-secondary: #E4E6EF;
+  --kt-text-light: #f5f8fa;
+  --kt-text-success: #50cd89;
+  --kt-text-info: #7239ea;
+  --kt-text-warning: #ffc700;
+  --kt-text-danger: #f1416c;
+  --kt-text-dark: #181C32;
+  --kt-text-muted: #A1A5B7;
+  --kt-text-gray-100: #f5f8fa;
+  --kt-text-gray-200: #eff2f5;
+  --kt-text-gray-300: #E4E6EF;
+  --kt-text-gray-400: #B5B5C3;
+  --kt-text-gray-500: #A1A5B7;
+  --kt-text-gray-600: #7E8299;
+  --kt-text-gray-700: #5E6278;
+  --kt-text-gray-800: #3F4254;
+  --kt-text-gray-900: #181C32;
+  --kt-body-bg: #ffffff;
+  --kt-body-bg-rgb: 255, 255, 255;
+  --kt-body-color: #181C32;
+  --kt-link-color: #009ef7;
+  --kt-link-hover-color: shift-color(#009ef7, 20%);
+  --kt-border-color: #eff2f5;
+  --kt-border-dashed-color: #E4E6EF;
+  --kt-component-active-color: #ffffff;
+  --kt-component-active-bg: #009ef7;
+  --kt-component-hover-color: #009ef7;
+  --kt-component-hover-bg: #f1faff;
+  --kt-hover-bg: #F4F6FA;
+  --kt-active-bg: #F4F6FA;
+  --kt-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
+  --kt-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
+  --kt-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
+  --kt-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
+  --kt-headings-color: #181C32;
+  --kt-table-color: #181C32;
+  --kt-table-bg: transparent;
+  --kt-table-striped-color: #181C32;
+  --kt-table-striped-bg: rgba(245, 248, 250, 0.75);
+  --kt-table-accent-bg: transparent;
+  --kt-table-active-color: #181C32;
+  --kt-table-active-bg: #f5f8fa;
+  --kt-table-hover-colorr: #181C32;
+  --kt-table-hover-bg: #f5f8fa;
+  --kt-table-border-color: #eff2f5;
+  --kt-table-caption-color: #A1A5B7;
+  --kt-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
+  --kt-table-loading-message-bg: #ffffff;
+  --kt-table-loading-message-color: #5E6278;
+  --kt-input-btn-focus-color: rgba(0, 158, 247, 0.25);
+  --kt-input-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
+  --kt-input-btn-focus-color-opacity: 0.25;
+  --kt-input-color: #5E6278;
+  --kt-input-placeholder-color: #A1A5B7;
+  --kt-input-plaintext-color: #5E6278;
+  --kt-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+  --kt-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
+  --kt-btn-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --kt-btn-disabled-opacity: 0.65;
+  --kt-btn-link-color: #009ef7;
+  --kt-btn-link-hover-color: shift-color(#009ef7, 20%);
+  --kt-btn-link-disabled-color: #7E8299;
+  --kt-form-label-color: #3F4254;
+  --kt-form-text-color: #A1A5B7;
+  --kt-input-bg: #ffffff;
+  --kt-input-disabled-bg: #eff2f5;
+  --kt-input-disabled-color: ;
+  --kt-input-disabled-border-color: #E4E6EF;
+  --kt-input-color: #5E6278;
+  --kt-input-border-color: #E4E6EF;
+  --kt-input-focus-bg: #ffffff;
+  --kt-input-focus-border-color: #B5B5C3;
+  --kt-input-focus-color: #5E6278;
+  --kt-input-solid-bg: #f5f8fa;
+  --kt-input-solid-bg-focus: #eef3f7;
+  --kt-input-solid-placeholder-color: #A1A5B7;
+  --kt-input-solid-color: #5E6278;
+  --kt-form-check-label-color: ;
+  --kt-form-check-input-active-filter: brightness(90%);
+  --kt-form-check-input-bg: transparent;
+  --kt-form-check-input-bg-solid: #eff2f5;
+  --kt-form-check-input-border: 1px solid #E4E6EF;
+  --kt-form-check-input-focus-border: #B5B5C3;
+  --kt-form-check-input-focus-box-shadow: none;
+  --kt-form-check-input-checked-color: #ffffff;
+  --kt-form-check-input-checked-bg-color: #009ef7;
+  --kt-form-check-input-checked-bg-color-solid: #009ef7;
+  --kt-form-check-input-checked-border-color: #009ef7;
+  --kt-form-check-input-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
+  --kt-form-check-radio-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
+  --kt-form-check-input-indeterminate-color: #ffffff;
+  --kt-form-check-input-indeterminate-bg-color: #009ef7;
+  --kt-form-check-input-indeterminate-border-color: #009ef7;
+  --kt-form-check-input-indeterminate-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
+  --kt-form-check-input-disabled-opacity: 0.5;
+  --kt-form-check-label-disabled-opacity: 0.5;
+  --kt-form-check-btn-check-disabled-opacity: 0.65;
+  --kt-form-switch-color: rgba(0, 0, 0, 0.25);
+  --kt-form-switch-color-solid: #ffffff;
+  --kt-form-switch-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+  --kt-form-switch-bg-image-solid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
+  --kt-form-switch-focus-color: #B5B5C3;
+  --kt-form-switch-focus-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23B5B5C3'/%3e%3c/svg%3e");
+  --kt-form-switch-checked-color: #ffffff;
+  --kt-form-switch-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
+  --kt-input-group-addon-color: #5E6278;
+  --kt-input-group-addon-bg: #f5f8fa;
+  --kt-input-group-addon-border-color: #E4E6EF;
+  --kt-form-select-color: #5E6278;
+  --kt-form-select-bg: #ffffff;
+  --kt-form-select-disabled-color: ;
+  --kt-form-select-disabled-bg: #eff2f5;
+  --kt-form-select-disabled-border-color: #E4E6EF;
+  --kt-form-select-indicator-color: #7E8299;
+  --kt-form-select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --kt-form-select-border-color: #E4E6EF;
+  --kt-form-select-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --kt-form-select-focus-border-color: #B5B5C3;
+  --kt-form-select-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
+  --kt-form-file-button-color: #5E6278;
+  --kt-form-file-button-bg: #f5f8fa;
+  --kt-form-file-button-hover-bg: shade-color(#f5f8fa, 5%);
+  --kt-nav-tabs-border-color: #eff2f5;
+  --kt-nav-tabs-link-hover-border-color: #eff2f5 #eff2f5 #eff2f5;
+  --kt-nav-tabs-link-active-color: #5E6278;
+  --kt-nav-tabs-link-active-bg: #ffffff;
+  --kt-nav-tabs-link-active-border-color: #E4E6EF #E4E6EF #ffffff;
+  --kt-nav-pills-link-active-color: #ffffff;
+  --kt-nav-pills-link-active-bg: #009ef7;
+  --kt-dropdown-color: #181C32;
+  --kt-dropdown-bg: #ffffff;
+  --kt-dropdown-divider-bg: #f5f8fa;
+  --kt-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
+  --kt-dropdown-link-color: #181C32;
+  --kt-dropdown-link-hover-color: shade-color(#181C32, 10%);
+  --kt-dropdown-link-hover-bg: #eff2f5;
+  --kt-dropdown-link-active-color: #ffffff;
+  --kt-dropdown-link-active-bg: #009ef7;
+  --kt-dropdown-link-disabled-color: #A1A5B7;
+  --kt-dropdown-header-color: #7E8299;
+  --kt-pagination-item-bg: #ffffff;
+  --kt-pagination-color: #5E6278;
+  --kt-pagination-bg: transparent;
+  --kt-pagination-border-color: transparent;
+  --kt-pagination-focus-color: #009ef7;
+  --kt-pagination-focus-bg: #f1faff;
+  --kt-pagination-focus-box-shadow: none;
+  --kt-pagination-focus-outline: 0;
+  --kt-pagination-hover-color: #009ef7;
+  --kt-pagination-hover-bg: #f1faff;
+  --kt-pagination-hover-border-color: transparent;
+  --kt-pagination-active-color: #ffffff;
+  --kt-pagination-active-bg: #009ef7;
+  --kt-pagination-active-border-color: transparent;
+  --kt-pagination-disabled-color: #B5B5C3;
+  --kt-pagination-disabled-bg: transparent;
+  --kt-card-color: ;
+  --kt-card-bg: #ffffff;
+  --kt-card-box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
+  --kt-card-border-color: #eff2f5;
+  --kt-card-border-dashed-color: #E4E6EF;
+  --kt-card-cap-bg: transparent;
+  --kt-accordion-color: #181C32;
+  --kt-accordion-bg: #ffffff;
+  --kt-accordion-border-color: #eff2f5;
+  --kt-accordion-button-bg: #ffffff;
+  --kt-accordion-button-color: #181C32;
+  --kt-accordion-button-active-bg: #f5f8fa;
+  --kt-accordion-button-active-color: #009ef7;
+  --kt-accordion-button-focus-border-color: #eff2f5;
+  --kt-accordion-button-focus-box-shadow: none;
+  --kt-accordion-icon-color: #181C32;
+  --kt-accordion-icon-active-color: #009ef7;
+  --kt-accordion-button-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23181C32'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --kt-accordion-button-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23009ef7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --kt-tooltip-color: #3F4254;
+  --kt-tooltip-bg: #ffffff;
+  --kt-tooltip-opacity: 1;
+  --kt-tooltip-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
+  --kt-popover-bg: #ffffff;
+  --kt-popover-border-color: #ffffff;
+  --kt-popover-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
+  --kt-popover-header-bg: #ffffff;
+  --kt-popover-header-color: #3F4254;
+  --kt-popover-header-border-color: #eff2f5;
+  --kt-popover-body-color: #3F4254;
+  --kt-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
+  --kt-dropdown-bg: #ffffff;
+  --kt-toast-color: ;
+  --kt-toast-background-color: rgba(255, 255, 255, 0.85);
+  --kt-toast-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
+  --kt-toast-header-color: #7E8299;
+  --kt-toast-header-background-color: rgba(255, 255, 255, 0.85);
+  --kt-toast-header-border-color: rgba(0, 0, 0, 0.05);
+  --kt-badge-color: #ffffff;
+  --kt-modal-bg: #ffffff;
+  --kt-modal-color: ;
+  --kt-modal-border-color: var(--bs-border-color-translucent);
+  --kt-modal-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
+  --kt-modal-content-color: ;
+  --kt-modal-content-bg: #ffffff;
+  --kt-modal-content-border-color: var(--bs-border-color-translucent);
+  --kt-modal-content-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
+  --kt-modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
+  --kt-modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
+  --kt-modal-header-border-color: #eff2f5;
+  --kt-modal-footer-border-color: #eff2f5;
+  --kt-modal-backdrop-bg: #000000;
+  --kt-modal-backdrop-opacity: 0.3;
+  --kt-progress-bg: #f5f8fa;
+  --kt-progress-box-shadow: none;
+  --kt-list-group-color: #181C32;
+  --kt-list-group-bg: #ffffff;
+  --kt-list-group-border-color: rgba(0, 0, 0, 0.125);
+  --kt-list-group-hover-bg: #f5f8fa;
+  --kt-list-group-active-color: #ffffff;
+  --kt-list-group-active-bg: #009ef7;
+  --kt-list-group-active-border-colorg: #009ef7;
+  --kt-list-group-disabled-color: #7E8299;
+  --kt-list-group-disabled-bg: #ffffff;
+  --kt-list-group-action-colorg: #5E6278;
+  --kt-list-group-action-hover-color: #5E6278;
+  --kt-list-group-action-active-color: #181C32;
+  --kt-list-group-action-active-bg: #eff2f5;
+  --kt-thumbnail-bg: #ffffff;
+  --kt-thumbnail-border-color: #eff2f5;
+  --kt-thumbnail-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
+  --kt-figure-caption-color: #7E8299;
+  --kt-breadcrumb-bg: ;
+  --kt-breadcrumb-divider-color: #7E8299;
+  --kt-breadcrumb-active-color: #009ef7;
+  --kt-carousel-custom-indicator-default-bg-color: #eff2f5;
+  --kt-carousel-custom-indicator-active-bg-color: #B5B5C3;
+  --kt-carousel-custom-bullet-indicator-default-bg-color: #B5B5C3;
+  --kt-carousel-custom-bullet-indicator-active-bg-color: #7E8299;
+  --kt-code-bg: #F1F3F8;
+  --kt-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
+  --kt-code-color: #b93993;
+  --kt-btn-close-color: #000000;
+  --kt-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+  --kt-offcanvas-border-color: var(--bs-border-color-translucent);
+  --kt-offcanvas-bg-color: #ffffff;
+  --kt-offcanvas-color: ;
+  --kt-offcanvas-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
+  --kt-offcanvas-backdrop-bg: #000000;
+  --kt-offcanvas-backdrop-opacity: 0.3;
+  --kt-symbol-label-color: #3F4254;
+  --kt-symbol-label-bg: #f5f8fa;
+  --kt-symbol-border-color: rgba(255, 255, 255, 0.5);
+  --kt-bullet-bg-color: #B5B5C3;
+  --kt-scrolltop-opacity: 0;
+  --kt-scrolltop-opacity-on: 0.3;
+  --kt-scrolltop-opacity-hover: 1;
+  --kt-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
+  --kt-scrolltop-bg-color: #009ef7;
+  --kt-scrolltop-bg-color-hover: #009ef7;
+  --kt-scrolltop-icon-color: #ffffff;
+  --kt-scrolltop-icon-color-hover: #ffffff;
+  --kt-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
+  --kt-drawer-bg-color: #ffffff;
+  --kt-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
+  --kt-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
+  --kt-menu-dropdown-bg-color: #ffffff;
+  --kt-menu-link-bg-color-hover: #F4F6FA;
+  --kt-menu-link-bg-color-show: #F4F6FA;
+  --kt-menu-link-bg-color-here: #F4F6FA;
+  --kt-menu-link-bg-color-active: #F4F6FA;
+  --kt-menu-heading-color: #A1A5B7;
+  --kt-feedback-popup-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
+  --kt-feedback-popup-background-color: #ffffff;
+  --kt-scrollbar-color: #eff2f5;
+  --kt-scrollbar-hover-color: #e9edf1;
+  --kt-scrollbar-width: 0.4rem;
+  --kt-scrollbar-height: 0.4rem;
+  --kt-scrollbar-space: 0.5rem;
+  --kt-overlay-bg: rgba(0, 0, 0, 0.05);
+  --kt-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
+  --kt-rating-color-default: #B5B5C3;
+  --kt-rating-color-active: #FFAD0F;
+  --kt-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(24, 28, 50, 0.1);
+  --kt-ribbon-label-bg: #009ef7;
+  --kt-ribbon-label-border-color: #005d91;
+  --kt-ribbon-clip-bg: #181C32;
+}
+
+[data-theme=dark] {
+  --kt-text-muted: #565674;
+  --kt-gray-100: #1b1b29;
+  --kt-gray-200: #2B2B40;
+  --kt-gray-300: #323248;
+  --kt-gray-400: #474761;
+  --kt-gray-500: #565674;
+  --kt-gray-600: #6D6D80;
+  --kt-gray-700: #92929F;
+  --kt-gray-800: #CDCDDE;
+  --kt-gray-900: #FFFFFF;
+  --kt-gray-100-rgb: 27, 27, 41;
+  --kt-gray-200-rgb: 43, 43, 64;
+  --kt-gray-300-rgb: 50, 50, 72;
+  --kt-gray-400-rgb: 71, 71, 97;
+  --kt-gray-500-rgb: 86, 86, 116;
+  --kt-gray-600-rgb: 109, 109, 128;
+  --kt-gray-700-rgb: 146, 146, 159;
+  --kt-gray-800-rgb: 205, 205, 222;
+  --kt-gray-900-rgb: 255, 255, 255;
+  --kt-dark: #FFFFFF;
+  --kt-light: #2B2B40;
+  --kt-secondary: #323248;
+  --kt-dark-active: white;
+  --kt-light-active: #323248;
+  --kt-secondary-active: #474761;
+  --kt-primary-light: #212e48;
+  --kt-success-light: #1c3238;
+  --kt-info-light: #2f264f;
+  --kt-warning-light: #392f28;
+  --kt-danger-light: #3a2434;
+  --kt-dark-light: #2B2B40;
+  --kt-secondary-light: #1b1b29;
+  --kt-dark-inverse: #1b1b29;
+  --kt-light-inverse: #6D6D80;
+  --kt-secondary-inverse: #CDCDDE;
+  --kt-dark-rgb: 255, 255, 255;
+  --kt-light-rgb: 43, 43, 64;
+  --kt-secondary-rgb: 50, 50, 72;
+  --kt-text-dark: #FFFFFF;
+  --kt-text-muted: #565674;
+  --kt-text-secondary: #323248;
+  --kt-text-gray-100: #1b1b29;
+  --kt-text-gray-200: #2B2B40;
+  --kt-text-gray-300: #323248;
+  --kt-text-gray-400: #474761;
+  --kt-text-gray-500: #565674;
+  --kt-text-gray-600: #6D6D80;
+  --kt-text-gray-700: #92929F;
+  --kt-text-gray-800: #CDCDDE;
+  --kt-text-gray-900: #FFFFFF;
+  --kt-body-bg: #1e1e2d;
+  --kt-body-bg-rgb: 30, 30, 45;
+  --kt-body-color: #FFFFFF;
+  --kt-link-color: #009ef7;
+  --kt-link-hover-color: shift-color(#009ef7, 20%);
+  --kt-border-color: #2B2B40;
+  --kt-border-dashed-color: #323248;
+  --kt-component-active-color: #ffffff;
+  --kt-component-active-bg: #009ef7;
+  --kt-component-hover-color: #009ef7;
+  --kt-component-hover-bg: #212e48;
+  --kt-hover-bg: #2B2B40;
+  --kt-active-bg: #2B2B40;
+  --kt-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
+  --kt-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
+  --kt-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
+  --kt-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
+  --kt-headings-color: #FFFFFF;
+  --kt-table-color: #FFFFFF;
+  --kt-table-bg: transparent;
+  --kt-table-striped-color: #FFFFFF;
+  --kt-table-striped-bg: rgba(27, 27, 41, 0.75);
+  --kt-table-accent-bg: transparent;
+  --kt-table-active-color: #FFFFFF;
+  --kt-table-active-bg: #1b1b29;
+  --kt-table-hover-colorr: #FFFFFF;
+  --kt-table-hover-bg: #1b1b29;
+  --kt-table-border-color: #2B2B40;
+  --kt-table-caption-color: #565674;
+  --kt-table-loading-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
+  --kt-table-loading-message-bg: #2B2B40;
+  --kt-table-loading-message-color: #92929F;
+  --kt-input-btn-focus-color: rgba(0, 158, 247, 0.25);
+  --kt-input-btn-focus-box-shadow: ;
+  --kt-input-btn-focus-color-opacity: 0.25;
+  --kt-input-color: #92929F;
+  --kt-input-placeholder-color: #565674;
+  --kt-input-plaintext-color: #92929F;
+  --kt-btn-box-shadow: ;
+  --kt-btn-focus-box-shadow: ;
+  --kt-btn-active-box-shadow: ;
+  --kt-btn-disabled-opacity: 0.65;
+  --kt-btn-link-color: #009ef7;
+  --kt-btn-link-hover-color: shift-color(#009ef7, 20%);
+  --kt-btn-link-disabled-color: #6D6D80;
+  --kt-form-label-color: #CDCDDE;
+  --kt-form-text-color: #565674;
+  --kt-input-bg: #1e1e2d;
+  --kt-input-disabled-bg: #2B2B40;
+  --kt-input-disabled-color: ;
+  --kt-input-disabled-border-color: #323248;
+  --kt-input-color: #92929F;
+  --kt-input-border-color: #323248;
+  --kt-input-focus-bg: #1e1e2d;
+  --kt-input-focus-border-color: #474761;
+  --kt-input-focus-color: #92929F;
+  --kt-input-solid-bg: #1b1b29;
+  --kt-input-solid-bg-focus: #1f1f2f;
+  --kt-input-solid-placeholder-color: #565674;
+  --kt-input-solid-color: #92929F;
+  --kt-form-check-label-color: ;
+  --kt-form-check-input-active-filter: brightness(90%);
+  --kt-form-check-input-bg: transparent;
+  --kt-form-check-input-bg-solid: #2B2B40;
+  --kt-form-check-input-border: 1px solid #323248;
+  --kt-form-check-input-focus-border: #474761;
+  --kt-form-check-input-focus-box-shadow: none;
+  --kt-form-check-input-checked-color: #ffffff;
+  --kt-form-check-input-checked-bg-color: #009ef7;
+  --kt-form-check-input-checked-border-color: #009ef7;
+  --kt-form-check-input-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
+  --kt-form-check-radio-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
+  --kt-form-check-input-indeterminate-color: #ffffff;
+  --kt-form-check-input-indeterminate-bg-color: #009ef7;
+  --kt-form-check-input-indeterminate-border-color: #009ef7;
+  --kt-form-check-input-indeterminate-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
+  --kt-form-check-input-disabled-opacity: 0.5;
+  --kt-form-check-label-disabled-opacity: 0.5;
+  --kt-form-check-btn-check-disabled-opacity: 0.65;
+  --kt-form-switch-color: rgba(255, 255, 255, 0.25);
+  --kt-form-switch-color-solid: #A1A5B7;
+  --kt-form-switch-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
+  --kt-form-switch-bg-image-solid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23A1A5B7'/%3e%3c/svg%3e");
+  --kt-form-switch-focus-color: #474761;
+  --kt-form-switch-focus-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23474761'/%3e%3c/svg%3e");
+  --kt-form-switch-checked-color: #ffffff;
+  --kt-form-switch-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
+  --kt-input-group-addon-color: #92929F;
+  --kt-input-group-addon-bg: #1b1b29;
+  --kt-input-group-addon-border-color: #323248;
+  --kt-form-select-color: #92929F;
+  --kt-form-select-bg: #1e1e2d;
+  --kt-form-select-disabled-color: ;
+  --kt-form-select-disabled-bg: #2B2B40;
+  --kt-form-select-disabled-border-color: #323248;
+  --kt-form-select-indicator-color: #6D6D80;
+  --kt-form-select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236D6D80' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --kt-form-select-border-color: #323248;
+  --kt-form-select-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --kt-form-select-focus-border-color: #474761;
+  --kt-form-select-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
+  --kt-form-file-button-color: #92929F;
+  --kt-form-file-button-bg: #1b1b29;
+  --kt-form-file-button-hover-bg: shade-color(#1b1b29, 5%);
+  --kt-nav-tabs-border-color: #2B2B40;
+  --kt-nav-tabs-link-hover-border-color: #2B2B40 #2B2B40 #2B2B40;
+  --kt-nav-tabs-link-active-color: #92929F;
+  --kt-nav-tabs-link-active-bg: #1e1e2d;
+  --kt-nav-tabs-link-active-border-color: #323248 #323248 #1e1e2d;
+  --kt-nav-pills-link-active-color: #ffffff;
+  --kt-nav-pills-link-active-bg: #009ef7;
+  --kt-dropdown-color: #FFFFFF;
+  --kt-dropdown-bg: #1e1e2d;
+  --kt-dropdown-divider-bg: #1b1b29;
+  --kt-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
+  --kt-dropdown-link-color: #FFFFFF;
+  --kt-dropdown-link-hover-color: shade-color(#FFFFFF, 10%);
+  --kt-dropdown-link-hover-bg: #2B2B40;
+  --kt-dropdown-link-active-color: #ffffff;
+  --kt-dropdown-link-active-bg: #009ef7;
+  --kt-dropdown-link-disabled-color: #565674;
+  --kt-dropdown-header-color: #6D6D80;
+  --kt-pagination-item-bg: #1e1e2d;
+  --kt-pagination-color: #92929F;
+  --kt-pagination-bg: transparent;
+  --kt-pagination-border-color: transparent;
+  --kt-pagination-focus-color: #009ef7;
+  --kt-pagination-focus-bg: #212e48;
+  --kt-pagination-focus-box-shadow: none;
+  --kt-pagination-focus-outline: 0;
+  --kt-pagination-hover-color: #009ef7;
+  --kt-pagination-hover-bg: #212e48;
+  --kt-pagination-hover-border-color: transparent;
+  --kt-pagination-active-color: #ffffff;
+  --kt-pagination-active-bg: #009ef7;
+  --kt-pagination-active-border-color: transparent;
+  --kt-pagination-disabled-color: #474761;
+  --kt-pagination-disabled-bg: transparent;
+  --kt-card-bg: #1e1e2d;
+  --kt-card-color: ;
+  --kt-card-box-shadow: none;
+  --kt-card-border-color: #2B2B40;
+  --kt-card-border-dashed-color: #323248;
+  --kt-card-cap-bg: transparent;
+  --kt-accordion-color: #FFFFFF;
+  --kt-accordion-bg: #1e1e2d;
+  --kt-accordion-border-color: #2B2B40;
+  --kt-accordion-button-color: #FFFFFF;
+  --kt-accordion-button-bg: #1e1e2d;
+  --kt-accordion-button-active-bg: #1b1b29;
+  --kt-accordion-button-active-color: #009ef7;
+  --kt-accordion-button-focus-border-color: #2B2B40;
+  --kt-accordion-button-focus-box-shadow: none;
+  --kt-accordion-icon-color: #FFFFFF;
+  --kt-accordion-icon-active-color: #009ef7;
+  --kt-accordion-button-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --kt-accordion-button-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23009ef7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --kt-tooltip-color: #CDCDDE;
+  --kt-tooltip-bg: #2B2B40;
+  --kt-tooltip-opacity: 1;
+  --kt-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
+  --kt-popover-bg: #2B2B40;
+  --kt-popover-border-color: #2B2B40;
+  --kt-popover-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
+  --kt-popover-header-bg: #2B2B40;
+  --kt-popover-header-color: #CDCDDE;
+  --kt-popover-header-border-color: #323248;
+  --kt-popover-body-color: #CDCDDE;
+  --kt-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
+  --kt-dropdown-bg: #1e1e2d;
+  --kt-toast-color: ;
+  --kt-toast-background-color: rgba(0, 0, 0, 0.85);
+  --kt-toast-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
+  --kt-toast-header-color: #6D6D80;
+  --kt-toast-header-background-color: rgba(0, 0, 0, 0.85);
+  --kt-toast-header-border-color: rgba(255, 255, 255, 0.05);
+  --kt-badge-color: #1e1e2d;
+  --kt-modal-bg: #1e1e2d;
+  --kt-modal-color: ;
+  --kt-modal-border-color: ;
+  --kt-modal-box-shadow: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.05);
+  --kt-modal-content-color: ;
+  --kt-modal-content-bg: #1e1e2d;
+  --kt-modal-content-border-color: ;
+  --kt-modal-content-box-shadow: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.05);
+  --kt-modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.1);
+  --kt-modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba(255, 255, 255, 0.1);
+  --kt-modal-header-border-color: #2B2B40;
+  --kt-modal-footer-border-color: #2B2B40;
+  --kt-modal-backdrop-bg: #000000;
+  --kt-modal-backdrop-opacity: 0.4;
+  --kt-progress-bg: #1b1b29;
+  --kt-progress-box-shadow: none;
+  --kt-list-group-color: #FFFFFF;
+  --kt-list-group-bg: #000000;
+  --kt-list-group-border-color: rgba(255, 255, 255, 0.125);
+  --kt-list-group-hover-bg: #f5f8fa;
+  --kt-list-group-active-color: #ffffff;
+  --kt-list-group-active-bg: #009ef7;
+  --kt-list-group-active-border-colorg: #009ef7;
+  --kt-list-group-disabled-color: #6D6D80;
+  --kt-list-group-disabled-bg: #000000;
+  --kt-list-group-action-colorg: #92929F;
+  --kt-list-group-action-hover-color: #92929F;
+  --kt-list-group-action-active-color: #FFFFFF;
+  --kt-list-group-action-active-bg: #2B2B40;
+  --kt-thumbnail-bg: #1e1e2d;
+  --kt-thumbnail-border-color: #2B2B40;
+  --kt-thumbnail-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
+  --kt-figure-caption-color: #6D6D80;
+  --kt-breadcrumb-bg: ;
+  --kt-breadcrumb-divider-color: #6D6D80;
+  --kt-breadcrumb-active-color: #009ef7;
+  --kt-carousel-custom-indicator-default-bg-color: #2B2B40;
+  --kt-carousel-custom-indicator-active-bg-color: #474761;
+  --kt-arousel-custom-bullet-indicator-default-bg-color: #474761;
+  --kt-carousel-custom-bullet-indicator-active-bg-color: #6D6D80;
+  --kt-btn-close-color: #ffffff;
+  --kt-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+  --kt-code-bg: #2B2B40;
+  --kt-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
+  --kt-code-color: #b93993;
+  --kt-offcanvas-border-color: ;
+  --kt-offcanvas-bg-color: #1e1e2d;
+  --kt-offcanvas-color: ;
+  --kt-offcanvas-box-shadow: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.1);
+  --kt-offcanvas-backdrop-bg: #000000;
+  --kt-offcanvas-backdrop-opacity: 0.4;
+  --kt-code-bg: #2B2B40;
+  --kt-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
+  --kt-code-color: #b93993;
+  --kt-symbol-label-color: #CDCDDE;
+  --kt-symbol-label-bg: #1b1b29;
+  --kt-symbol-border-color: rgba(255, 255, 255, 0.5);
+  --kt-bullet-bg-color: #474761;
+  --kt-scrolltop-opacity: 0;
+  --kt-scrolltop-opacity-on: 0.3;
+  --kt-scrolltop-opacity-hover: 1;
+  --kt-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
+  --kt-scrolltop-bg-color: #009ef7;
+  --kt-scrolltop-bg-color-hover: #009ef7;
+  --kt-scrolltop-icon-color: #ffffff;
+  --kt-scrolltop-icon-color-hover: #ffffff;
+  --kt-drawer-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
+  --kt-drawer-bg-color: #1e1e2d;
+  --kt-drawer-overlay-bg-color: rgba(0, 0, 0, 0.4);
+  --kt-menu-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
+  --kt-menu-dropdown-bg-color: #1e1e2d;
+  --kt-menu-link-bg-color-hover: #2B2B40;
+  --kt-menu-link-bg-color-show: #2B2B40;
+  --kt-menu-link-bg-color-here: #2B2B40;
+  --kt-menu-link-bg-color-active: #2B2B40;
+  --kt-menu-heading-color: #565674;
+  --kt-feedback-popup-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
+  --kt-feedback-popup-background-color: #1e1e2d;
+  --kt-scrollbar-color: #2B2B40;
+  --kt-scrollbar-hover-color: #27273a;
+  --kt-overlay-bg: rgba(255, 255, 255, 0.05);
+  --kt-blockui-overlay-bg: rgba(255, 255, 255, 0.05);
+  --kt-rating-color-default: #474761;
+  --kt-rating-color-active: #FFAD0F;
+  --kt-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(255, 255, 255, 0.1);
+  --kt-ribbon-label-bg: #009ef7;
+  --kt-ribbon-label-border-color: #005d91;
+  --kt-ribbon-clip-bg: #f5f8fa;
+}
+
+[data-theme=dark] {
+  --bs-gray-100: #1b1b29;
+  --bs-gray-200: #2B2B40;
+  --bs-gray-300: #323248;
+  --bs-gray-400: #474761;
+  --bs-gray-500: #565674;
+  --bs-gray-600: #6D6D80;
+  --bs-gray-700: #92929F;
+  --bs-gray-800: #CDCDDE;
+  --bs-gray-900: #FFFFFF;
+  --bs-dark: #FFFFFF;
+  --bs-light: #2B2B40;
+  --bs-secondary: #323248;
+  --bs-body-color-rgb: 255, 255, 255;
+  --bs-body-bg-rgb: 30, 30, 45;
+  --bs-body-color: #FFFFFF;
+  --bs-body-bg: #1e1e2d;
+  --bs-border-color: #2B2B40;
+  --bs-heading-color: #FFFFFF;
+  --bs-link-color: #009ef7;
+  --bs-link-hover-color: shift-color(#009ef7, 20%);
+  --bs-code-color: #b93993;
+}
+
+h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
+  color: var(--kt-headings-color);
+  outline: 0;
+}
+
+.blockquote-footer {
+  color: var(--kt-blockquote-footer-color);
+}
+
+[data-kt-theme-mode-switching=true] * {
+  transition: none !important;
+}
+
+html:not([data-theme=dark]) .theme-dark-show {
+  display: none !important;
+}
+html:not([data-theme=dark]) .theme-light-bg-transparent {
+  background-color: transparent !important;
+}
+html:not([data-theme=dark]) .theme-light-bg-body {
+  background-color: var(--kt-body-bg) !important;
+}
+
+[data-theme=dark] .theme-light-show {
+  display: none !important;
+}
+[data-theme=dark] .theme-dark-bg-transparent {
+  background-color: transparent !important;
+}
+[data-theme=dark] .theme-dark-bg-body {
+  background-color: var(--kt-body-bg) !important;
+}
+
+.animation {
+  animation-duration: 1s;
+  animation-fill-mode: both;
+}
+
+@keyframes animationSlideInDown {
+  from {
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animation-slide-in-down {
+  animation-name: animationSlideInDown;
+}
+
+@keyframes animationSlideInUp {
+  from {
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animation-slide-in-up {
+  animation-name: animationSlideInUp;
+}
+
+@keyframes animationFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.animation-fade-in {
+  animation-name: animationFadeIn;
+}
+
+@keyframes animationFadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.animation-fade-out {
+  animation-name: animationFadeOut;
+}
+
+.animation-blink {
+  animation: animationBlink 1s steps(5, start) infinite;
+}
+
+@keyframes animationBlink {
+  to {
+    visibility: hidden;
+  }
+}
+.alert-white {
+  color: var(--kt-white);
+  border-color: var(--kt-white);
+  background-color: var(--kt-white-light);
+}
+.alert-white .alert-link {
+  color: var(--kt-white);
+}
+
+.alert-light {
+  color: var(--kt-light);
+  border-color: var(--kt-light);
+  background-color: var(--kt-light-light);
+}
+.alert-light .alert-link {
+  color: var(--kt-light);
+}
+
+.alert-primary {
+  color: var(--kt-primary);
+  border-color: var(--kt-primary);
+  background-color: var(--kt-primary-light);
+}
+.alert-primary .alert-link {
+  color: var(--kt-primary);
+}
+
+.alert-secondary {
+  color: var(--kt-secondary);
+  border-color: var(--kt-secondary);
+  background-color: var(--kt-secondary-light);
+}
+.alert-secondary .alert-link {
+  color: var(--kt-secondary);
+}
+
+.alert-success {
+  color: var(--kt-success);
+  border-color: var(--kt-success);
+  background-color: var(--kt-success-light);
+}
+.alert-success .alert-link {
+  color: var(--kt-success);
+}
+
+.alert-info {
+  color: var(--kt-info);
+  border-color: var(--kt-info);
+  background-color: var(--kt-info-light);
+}
+.alert-info .alert-link {
+  color: var(--kt-info);
+}
+
+.alert-warning {
+  color: var(--kt-warning);
+  border-color: var(--kt-warning);
+  background-color: var(--kt-warning-light);
+}
+.alert-warning .alert-link {
+  color: var(--kt-warning);
+}
+
+.alert-danger {
+  color: var(--kt-danger);
+  border-color: var(--kt-danger);
+  background-color: var(--kt-danger-light);
+}
+.alert-danger .alert-link {
+  color: var(--kt-danger);
+}
+
+.alert-dark {
+  color: var(--kt-dark);
+  border-color: var(--kt-dark);
+  background-color: var(--kt-dark-light);
+}
+.alert-dark .alert-link {
+  color: var(--kt-dark);
+}
+
+.list-group {
+  --bs-list-group-color: var(--kt-list-group-color);
+  --bs-list-group-bg: var(--kt-list-group-bg);
+  --bs-list-group-border-color: var(--kt-list-group-border-color);
+  --bs-list-group-action-color: var(--kt-list-group-action-color);
+  --bs-list-group-action-hover-color: var(--kt-list-group-action-hover-color);
+  --bs-list-group-action-hover-bg: var(--kt-list-group-hover-bg);
+  --bs-list-group-action-active-color: var(--kt-list-group-action-active-color);
+  --bs-list-group-action-active-bg: var(--kt-list-group-action-active-bg);
+  --bs-list-group-disabled-color: var(--kt-list-group-disabled-color);
+  --bs-list-group-disabled-bg: var(--kt-list-group-disabled-bg);
+  --bs-list-group-active-color: var(--kt-list-group-active-color);
+  --bs-list-group-active-bg: var(--kt-list-group-active-bg);
+  --bs-list-group-active-border-color: var(--kt-list-group-active-border-color);
+}
+
+.img-thumbnail {
+  background-color: var(--kt-thumbnail-bg);
+  border: 1px solid var(--kt-thumbnail-border-color);
+  box-shadow: var(--kt-thumbnail-box-shadow);
+}
+
+.figure-caption {
+  color: var(--kt-figure-caption-color);
+}
+
+.btn-group.show .dropdown-toggle {
+  box-shadow: var(--kt-btn-active-box-shadow);
+}
+
+.dropdown-menu {
+  --bs-dropdown-color: var(--kt-dropdown-color);
+  --bs-dropdown-bg: var(--kt-dropdown-bg);
+  --bs-dropdown-border-color: var(--kt-dropdown-border-color);
+  --bs-dropdown-divider-bg: var(--kt-dropdown-divider-bg);
+  --bs-dropdown-box-shadow: var(--kt-dropdown-box-shadow);
+  --bs-dropdown-link-color: var(--kt-dropdown-link-color);
+  --bs-dropdown-link-hover-color: var(--kt-dropdown-link-hover-color);
+  --bs-dropdown-link-hover-bg: var(--kt-dropdown-link-hover-bg);
+  --bs-dropdown-link-active-color: var(--kt-dropdown-link-active-color);
+  --bs-dropdown-link-active-bg: var(--kt-dropdown-link-active-bg);
+  --bs-dropdown-link-disabled-color: var(--kt-dropdown-link-disabled-color);
+  --bs-dropdown-header-color: var(--kt-dropdown-header-color);
+}
+
+.toast {
+  --bs-toast-color: var(--kt-toast-color);
+  --bs-toast-bg: var(--kt-toast-background-color);
+  --bs-toast-border-color: var(--kt-toast-border-color);
+  --bs-toast-box-shadow: var(--kt-toast-box-shadow);
+  --bs-toast-header-color: var(--kt-toast-header-color);
+  --bs-toast-header-bg: var(--kt-toast-header-background-color);
+  --bs-toast-header-border-color: var(--kt-toast-header-border-color);
+}
+.toast .toast-header .btn-close {
+  margin-right: 0;
+}
+
+.btn-close {
+  color: var(--kt-btn-close-color);
+  background-image: var(--kt-btn-close-bg);
+  background-position: center;
+}
+.btn-close:hover {
+  color: var(--kt-btn-close-color);
+}
+
+.offcanvas-sm, .offcanvas-md, .offcanvas-lg, .offcanvas-xl, .offcanvas-xxl, .offcanvas {
+  --bs-offcanvas-color: var(--kt-offcanvas-color);
+  --bs-offcanvas-bg: var(--kt-offcanvas-bg-color);
+  --bs-offcanvas-border-color: var(--kt-offcanvas-border-color);
+  --bs-offcanvas-box-shadow: var(--kt-offcanvas-box-shadow);
+}
+
+.nav {
+  --bs-nav-link-color: var(--kt-nav-link-color);
+  --bs-nav-link-hover-color: var(--kt-nav-link-hover-color);
+  --bs-nav-link-disabled-color: var(--kt-nav-link-disabled-color);
+}
+
+.nav-tabs {
+  --bs-nav-tabs-border-color: var(--kt-nav-tabs-border-color);
+  --bs-nav-tabs-link-hover-border-color: var(--kt-nav-tabs-link-hover-border-color);
+  --bs-nav-tabs-link-active-color: var(--kt-nav-tabs-link-active-color);
+  --bs-nav-tabs-link-active-bg: var(--kt-nav-tabs-link-active-bg);
+  --bs-nav-tabs-link-active-border-color: var(--kt-nav-tabs-link-active-border-color);
+}
+
+.nav-pills {
+  --bs-nav-pills-link-active-color: var(--kt-nav-pills-link-active-color);
+  --bs-nav-pills-link-active-bg: var(--kt-nav-pills-link-active-bg);
+}
+
+.nav-pills .nav-item {
+  margin-right: 0.5rem;
+}
+.nav-pills .nav-item:last-child {
+  margin-right: 0;
+}
+
+.nav-stretch {
+  align-items: stretch;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+.nav-stretch .nav-item {
+  display: flex;
+  align-items: stretch;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+.nav-stretch .nav-link {
+  display: flex;
+  align-items: center;
+}
+
+.nav-group {
+  padding: 0.35rem;
+  border-radius: 0.475rem;
+  background-color: var(--kt-gray-100);
+}
+.nav-group.nav-group-outline {
+  background-color: transparent;
+  border: 1px solid var(--kt-border-color);
+}
+.nav-group.nav-group-fluid {
+  display: flex;
+}
+.nav-group.nav-group-fluid > label,
+.nav-group.nav-group-fluid > .btn {
+  position: relative;
+  flex-shrink: 0;
+  flex-grow: 1;
+  flex-basis: 0;
+}
+.nav-group.nav-group-fluid > label {
+  margin-right: 0.1rem;
+}
+.nav-group.nav-group-fluid > label > .btn {
+  width: 100%;
+}
+.nav-group.nav-group-fluid > label:last-child {
+  margin-right: 0;
+}
+
+.nav-line-tabs {
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: var(--kt-border-color);
+}
+.nav-line-tabs .nav-item {
+  margin-bottom: -1px;
+}
+.nav-line-tabs .nav-item .nav-link {
+  color: var(--kt-gray-500);
+  border: 0;
+  border-bottom: 1px solid transparent;
+  transition: color 0.2s ease;
+  padding: 0.5rem 0;
+  margin: 0 1rem;
+}
+.nav-line-tabs .nav-item:first-child .nav-link {
+  margin-left: 0;
+}
+.nav-line-tabs .nav-item:last-child .nav-link {
+  margin-right: 0;
+}
+.nav-line-tabs .nav-item .nav-link.active,
+.nav-line-tabs .nav-item.show .nav-link,
+.nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
+  background-color: transparent;
+  border: 0;
+  border-bottom: 1px solid var(--kt-primary);
+  transition: color 0.2s ease;
+}
+.nav-line-tabs.nav-line-tabs-2x {
+  border-bottom-width: 2px;
+}
+.nav-line-tabs.nav-line-tabs-2x .nav-item {
+  margin-bottom: -2px;
+}
+.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link {
+  border-bottom-width: 2px;
+}
+.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link.active,
+.nav-line-tabs.nav-line-tabs-2x .nav-item.show .nav-link,
+.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link:hover:not(.disabled) {
+  border-bottom-width: 2px;
+}
+
+.nav.nav-pills.nav-pills-custom .show > .nav-link,
+.nav.nav-pills.nav-pills-custom .nav-link {
+  border: 1px dashed var(--kt-border-dashed-color);
+  border-radius: 0.625rem;
+}
+.nav.nav-pills.nav-pills-custom .show > .nav-link.nav-link-border-solid,
+.nav.nav-pills.nav-pills-custom .nav-link.nav-link-border-solid {
+  border: 3px solid var(--kt-border-dashed-color);
+}
+.nav.nav-pills.nav-pills-custom .show > .nav-link.nav-link-border-solid.active,
+.nav.nav-pills.nav-pills-custom .nav-link.nav-link-border-solid.active {
+  border: 3px solid var(--kt-primary);
+}
+.nav.nav-pills.nav-pills-custom .show > .nav-link .nav-icon img,
+.nav.nav-pills.nav-pills-custom .nav-link .nav-icon img {
+  width: 30px;
+  transition: color 0.2s ease;
+}
+.nav.nav-pills.nav-pills-custom .show > .nav-link .nav-icon img.default,
+.nav.nav-pills.nav-pills-custom .nav-link .nav-icon img.default {
+  display: inline-block;
+}
+.nav.nav-pills.nav-pills-custom .show > .nav-link .nav-icon img.active,
+.nav.nav-pills.nav-pills-custom .nav-link .nav-icon img.active {
+  display: none;
+}
+.nav.nav-pills.nav-pills-custom .show > .nav-link.active,
+.nav.nav-pills.nav-pills-custom .nav-link.active {
+  background-color: transparent;
+  border: 1px solid var(--kt-border-dashed-color);
+  transition-duration: 1ms;
+  position: relative;
+}
+.nav.nav-pills.nav-pills-custom .show > .nav-link.active .nav-text,
+.nav.nav-pills.nav-pills-custom .nav-link.active .nav-text {
+  color: var(--kt-gray-800) !important;
+  transition: color 0.2s ease;
+}
+.nav.nav-pills.nav-pills-custom .show > .nav-link.active .bullet-custom,
+.nav.nav-pills.nav-pills-custom .nav-link.active .bullet-custom {
+  display: block;
+}
+.nav.nav-pills.nav-pills-custom .show > .nav-link .bullet-custom,
+.nav.nav-pills.nav-pills-custom .nav-link .bullet-custom {
+  display: none;
+}
+.nav.nav-pills.nav-pills-custom.nav-pills-active-custom .nav-item .nav-link:not(:active) span:nth-child(1) {
+  color: #B5B5C3;
+}
+.nav.nav-pills.nav-pills-custom.nav-pills-active-custom .nav-item .nav-link:not(:active) span:nth-child(2) {
+  color: #3F4254;
+}
+.nav.nav-pills.nav-pills-custom.nav-pills-active-custom .nav-item .nav-link:hover span:nth-child(1) {
+  color: #ffffff !important;
+}
+.nav.nav-pills.nav-pills-custom.nav-pills-active-custom .nav-item .nav-link:hover span:nth-child(2) {
+  color: #ffffff !important;
+}
+.nav.nav-pills.nav-pills-custom.nav-pills-active-custom .nav-item .nav-link.active span:nth-child(1) {
+  color: #ffffff !important;
+}
+.nav.nav-pills.nav-pills-custom.nav-pills-active-custom .nav-item .nav-link.active span:nth-child(2) {
+  color: #ffffff !important;
+}
+
+.pagination {
+  --bs-pagination-color: var(--kt-pagination-color);
+  --bs-pagination-bg: var(--kt-pagination-bg);
+  --bs-pagination-border-color: var(--kt-pagination-border-color);
+  --bs-pagination-hover-color: var(--kt-pagination-hover-color);
+  --bs-pagination-hover-bg: var(--kt-pagination-hover-bg);
+  --bs-pagination-hover-border-color: var(--kt-pagination-hover-border-color);
+  --bs-pagination-focus-color: var(--kt-pagination-focus-color);
+  --bs-pagination-focus-bg: var(--kt-pagination-focus-bg);
+  --bs-pagination-focus-box-shadow: var(--kt-pagination-focus-box-shadow);
+  --bs-pagination-active-color: var(--kt-pagination-active-color);
+  --bs-pagination-active-bg: var(--kt-pagination-active-bg);
+  --bs-pagination-active-border-color: var(--kt-pagination-active-border-color);
+  --bs-pagination-disabled-color: var(--kt-pagination-disabled-color);
+  --bs-pagination-disabled-bg: var(--kt-pagination-disabled-bg);
+  --bs-pagination-disabled-border-color: var(--kt-pagination-disabled-border-color);
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin: 0;
+}
+.pagination.pagination-circle .page-link {
+  border-radius: 50%;
+}
+.pagination.pagination-outline .page-link {
+  border: 1px solid var(--kt-border-color);
+}
+.pagination.pagination-outline .page-item:hover:not(.disabled) .page-link, .pagination.pagination-outline .page-item.active .page-link {
+  border-color: var(--kt-primary-light);
+}
+
+.page-item {
+  margin-right: 0.5rem;
+  /*rtl:end:ignore*/
+}
+.page-item:last-child {
+  margin-right: 0;
+}
+.page-item .page-link {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 0.475rem;
+  height: 2.5rem;
+  width: 2.5rem;
+  font-weight: 500;
+  font-size: 1.075rem;
+  /*rtl:options:{"autoRename":false}*/
+  /*rtl:end:ignore*/
+  /*rtl:options:{"autoRename":false}*/
+}
+.page-item .page-link i {
+  font-size: 0.85rem;
+}
+.page-item .page-link .previous,
+.page-item .page-link .next {
+  display: block;
+  height: 0.875rem;
+  width: 0.875rem;
+  /*rtl:raw:transform: rotateZ(-180deg);*/
+}
+.page-item .page-link .previous {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: #5E6278;
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%235E6278'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%235E6278'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+}
+.page-item .page-link .next {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: #5E6278;
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%235E6278'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%235E6278'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+}
+.page-item:focus .page-link {
+  color: var(--kt-pagination-focus-color);
+  /*rtl:options:{"autoRename":false}*/
+}
+.page-item:focus .page-link .svg-icon,
+.page-item:focus .page-link i {
+  color: var(--kt-pagination-focus-color);
+}
+.page-item:focus .page-link .previous {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-pagination-focus-color);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-focus-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-focus-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+}
+.page-item:focus .page-link .next {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-pagination-focus-color);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-focus-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-focus-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+}
+.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {
+  color: var(--kt-pagination-hover-color);
+  /*rtl:options:{"autoRename":false}*/
+}
+.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link.page-text {
+  background-color: transparent;
+}
+.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .svg-icon,
+.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link i {
+  color: var(--kt-pagination-hover-color);
+}
+.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .previous {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-pagination-hover-color);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-hover-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-hover-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+}
+.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .next {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-pagination-hover-color);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-hover-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-hover-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+}
+.page-item.active .page-link {
+  color: var(--kt-pagination-active-color);
+  /*rtl:options:{"autoRename":false}*/
+}
+.page-item.active .page-link.page-text {
+  background-color: transparent;
+}
+.page-item.active .page-link .svg-icon,
+.page-item.active .page-link i {
+  color: var(--kt-pagination-active-color);
+}
+.page-item.active .page-link .previous {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-pagination-active-color);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-active-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-active-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+}
+.page-item.active .page-link .next {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-pagination-active-color);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-active-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-active-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+}
+.page-item.disabled .page-link {
+  color: var(--kt-pagination-disabled-color);
+  /*rtl:options:{"autoRename":false}*/
+}
+.page-item.disabled .page-link .svg-icon,
+.page-item.disabled .page-link i {
+  color: var(--kt-pagination-disabled-color);
+}
+.page-item.disabled .page-link .previous {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-pagination-disabled-color);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-disabled-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-disabled-color%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+}
+.page-item.disabled .page-link .next {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-pagination-disabled-color);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-disabled-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-pagination-disabled-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+}
+
+@media (max-width: 991.98px) {
+  .page-item {
+    margin-right: 0.25rem;
+  }
+  .page-item:last-child {
+    margin-right: 0;
+  }
+}
+.separator {
+  display: block;
+  height: 0;
+  border-bottom: 1px solid var(--kt-border-color);
+}
+.separator.separator-dotted {
+  border-bottom-style: dotted;
+  border-bottom-color: var(--kt-border-dashed-color);
+}
+.separator.separator-dashed {
+  border-bottom-style: dashed;
+  border-bottom-color: var(--kt-border-dashed-color);
+}
+.separator.separator-content {
+  display: flex;
+  align-items: center;
+  border-bottom: 0;
+  text-align: center;
+}
+.separator.separator-content::before, .separator.separator-content::after {
+  content: " ";
+  width: 50%;
+  border-bottom: 1px solid var(--kt-border-color);
+}
+.separator.separator-content::before {
+  margin-right: 1.25rem;
+}
+.separator.separator-content::after {
+  margin-left: 1.25rem;
+}
+.separator.separator-content.separator-dotted::before, .separator.separator-content.separator-dotted::after {
+  border-bottom-style: dotted;
+  border-bottom-color: var(--kt-border-dashed-color);
+}
+.separator.separator-content.separator-dashed::before, .separator.separator-content.separator-dashed::after {
+  border-bottom-style: dashed;
+  border-bottom-color: var(--kt-border-dashed-color);
+}
+.separator.separator-content.border-white::before, .separator.separator-content.border-white::after {
+  border-color: #ffffff !important;
+}
+.separator.separator-content.border-light::before, .separator.separator-content.border-light::after {
+  border-color: #f5f8fa !important;
+}
+.separator.separator-content.border-primary::before, .separator.separator-content.border-primary::after {
+  border-color: #009ef7 !important;
+}
+.separator.separator-content.border-secondary::before, .separator.separator-content.border-secondary::after {
+  border-color: #E4E6EF !important;
+}
+.separator.separator-content.border-success::before, .separator.separator-content.border-success::after {
+  border-color: #50cd89 !important;
+}
+.separator.separator-content.border-info::before, .separator.separator-content.border-info::after {
+  border-color: #7239ea !important;
+}
+.separator.separator-content.border-warning::before, .separator.separator-content.border-warning::after {
+  border-color: #ffc700 !important;
+}
+.separator.separator-content.border-danger::before, .separator.separator-content.border-danger::after {
+  border-color: #f1416c !important;
+}
+.separator.separator-content.border-dark::before, .separator.separator-content.border-dark::after {
+  border-color: #181C32 !important;
+}
+
+.carousel-custom .carousel-indicators {
+  align-items: center;
+  position: static;
+  z-index: auto;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.carousel-custom .carousel-indicators li {
+  transform: none;
+  opacity: 1;
+}
+.carousel-custom .carousel-indicators li.active {
+  transform: none;
+  opacity: 1;
+}
+.carousel-custom .carousel-indicators.carousel-indicators-dots li {
+  border-radius: 0;
+  background-color: transparent;
+  height: 13px;
+  width: 13px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+.carousel-custom .carousel-indicators.carousel-indicators-dots li:after {
+  display: inline-block;
+  content: " ";
+  border-radius: 50%;
+  transition: all 0.3s ease;
+  background-color: var(--kt-carousel-custom-indicator-default-bg-color);
+  height: 9px;
+  width: 9px;
+}
+.carousel-custom .carousel-indicators.carousel-indicators-dots li.active {
+  background-color: transparent;
+}
+.carousel-custom .carousel-indicators.carousel-indicators-dots li.active:after {
+  transition: all 0.3s ease;
+  height: 13px;
+  width: 13px;
+  background-color: var(--kt-carousel-custom-indicator-active-bg-color);
+}
+.carousel-custom .carousel-indicators.carousel-indicators-bullet li {
+  transition: all 0.3s ease;
+  background-color: transparent;
+  border-radius: 6px;
+  height: 6px;
+  width: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+.carousel-custom .carousel-indicators.carousel-indicators-bullet li:after {
+  display: inline-block;
+  content: " ";
+  transition: all 0.3s ease;
+  background-color: var(--kt-carousel-custom-bullet-indicator-default-bg-color);
+  border-radius: 6px;
+  height: 6px;
+  width: 6px;
+}
+.carousel-custom .carousel-indicators.carousel-indicators-bullet li.active {
+  transition: all 0.3s ease;
+  background-color: transparent;
+  height: 6px;
+  width: 16px;
+}
+.carousel-custom .carousel-indicators.carousel-indicators-bullet li.active:after {
+  transition: all 0.3s ease;
+  height: 6px;
+  width: 16px;
+  background-color: var(--kt-carousel-custom-bullet-indicator-active-bg-color);
+}
+.carousel-custom .carousel-indicators-active-white li.active:after {
+  background-color: #ffffff !important;
+}
+.carousel-custom .carousel-indicators-active-light li.active:after {
+  background-color: #f5f8fa !important;
+}
+.carousel-custom .carousel-indicators-active-primary li.active:after {
+  background-color: #009ef7 !important;
+}
+.carousel-custom .carousel-indicators-active-secondary li.active:after {
+  background-color: #E4E6EF !important;
+}
+.carousel-custom .carousel-indicators-active-success li.active:after {
+  background-color: #50cd89 !important;
+}
+.carousel-custom .carousel-indicators-active-info li.active:after {
+  background-color: #7239ea !important;
+}
+.carousel-custom .carousel-indicators-active-warning li.active:after {
+  background-color: #ffc700 !important;
+}
+.carousel-custom .carousel-indicators-active-danger li.active:after {
+  background-color: #f1416c !important;
+}
+.carousel-custom .carousel-indicators-active-dark li.active:after {
+  background-color: #181C32 !important;
+}
+.carousel-custom.carousel-stretch {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.carousel-custom.carousel-stretch .carousel-inner {
+  flex-grow: 1;
+}
+.carousel-custom.carousel-stretch .carousel-item {
+  height: 100%;
+}
+.carousel-custom.carousel-stretch .carousel-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.menu-group {
+  display: flex;
+}
+
+.menu,
+.menu-wrapper {
+  display: flex;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+.menu-inner {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+.menu-sub {
+  display: none;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  flex-direction: column;
+}
+
+.menu-item {
+  display: block;
+  padding: 0.15rem 0;
+}
+.menu-item .menu-link {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  flex: 0 0 100%;
+  padding: 0.65rem 1rem;
+  transition: none;
+  outline: none !important;
+}
+.menu-item .menu-link .menu-icon {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  margin-right: 0.5rem;
+}
+.menu-item .menu-link .menu-icon .svg-icon {
+  line-height: 1;
+}
+.menu-item .menu-link .menu-bullet {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.25rem;
+  margin-right: 0.5rem;
+}
+.menu-item .menu-link .menu-title {
+  display: flex;
+  align-items: center;
+  flex-grow: 1;
+}
+.menu-item .menu-link .menu-badge {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  margin-left: 0.5rem;
+}
+.menu-item .menu-link .menu-arrow {
+  display: flex;
+  align-items: stretch;
+  position: relative;
+  overflow: hidden;
+  flex-shrink: 0;
+  margin-left: 5px;
+  width: 9px;
+  height: 9px;
+}
+.menu-item .menu-link .menu-arrow:after {
+  display: block;
+  width: 100%;
+  content: " ";
+  will-change: transform;
+  background-size: 100% 100%;
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-muted);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-muted);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-item .menu-content {
+  padding: 0.65rem 1rem;
+}
+
+.menu-item.show .menu-link .menu-arrow:after {
+  backface-visibility: hidden;
+  transition: transform 0.3s ease;
+}
+
+.menu-center {
+  justify-content: center;
+}
+
+.menu-heading {
+  color: var(--kt-menu-heading-color);
+}
+
+.menu-item.menu-accordion .menu-arrow:after {
+  /*rtl:ignore*/
+  transform: rotateZ(-90deg);
+  /*rtl:remove*/
+  transform: rotateZ(90deg);
+  transition: transform 0.3s ease;
+}
+.menu-item.menu-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
+  /*rtl:ignore*/
+  transform: rotateZ(90deg);
+  /*rtl:remove*/
+  transform: rotateZ(-90deg);
+  transition: transform 0.3s ease;
+}
+
+.menu-sub-dropdown {
+  display: none;
+  border-radius: 0.475rem;
+  background-color: var(--kt-menu-dropdown-bg-color);
+  box-shadow: var(--kt-menu-dropdown-box-shadow);
+  z-index: 107;
+}
+.show.menu-dropdown > .menu-sub-dropdown, .menu-sub-dropdown.menu.show, .menu-sub-dropdown.show[data-popper-placement] {
+  display: flex;
+  will-change: transform;
+  animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1;
+}
+
+.menu-sub-accordion {
+  display: none;
+}
+.show:not(.menu-dropdown) > .menu-sub-accordion, .menu-sub-accordion.show {
+  display: flex;
+}
+
+.menu-sub-indention .menu-sub:not([data-popper-placement]) {
+  margin-left: 1rem;
+}
+.menu-sub-indention .menu-item .menu-item .menu-link.active {
+  margin-right: 1rem;
+}
+
+.menu-inline {
+  display: flex;
+}
+
+.menu-fit > .menu-item > .menu-content,
+.menu-fit > .menu-item > .menu-link {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+.menu-column {
+  flex-direction: column;
+  width: 100%;
+}
+
+.menu-row {
+  flex-direction: row;
+}
+.menu-row > .menu-item {
+  display: flex;
+  align-items: center;
+}
+.menu-row > .menu-item > .menu-link .menu-arrow:after {
+  /*rtl:ignore*/
+  transform: rotateZ(-90deg);
+  /*rtl:remove*/
+  transform: rotateZ(90deg);
+  transition: transform 0.3s ease;
+}
+
+.menu-rounded .menu-link {
+  border-radius: 0.475rem;
+}
+
+.menu-pill .menu-link {
+  border-radius: 50px;
+}
+
+.menu-rounded-0 .menu-link {
+  border-radius: 0 !important;
+}
+
+@media (min-width: 576px) {
+  .menu-item.menu-sm-accordion .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-item.menu-sm-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-sm-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(90deg);
+    /*rtl:remove*/
+    transform: rotateZ(-90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-sub-sm-dropdown {
+    display: none;
+    border-radius: 0.475rem;
+    background-color: var(--kt-menu-dropdown-bg-color);
+    box-shadow: var(--kt-menu-dropdown-box-shadow);
+    z-index: 107;
+  }
+  .show.menu-dropdown > .menu-sub-sm-dropdown, .menu-sub-sm-dropdown.menu.show, .menu-sub-sm-dropdown.show[data-popper-placement] {
+    display: flex;
+    will-change: transform;
+    animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1;
+  }
+  .menu-sub-sm-accordion {
+    display: none;
+  }
+  .show:not(.menu-dropdown) > .menu-sub-sm-accordion, .menu-sub-sm-accordion.show {
+    display: flex;
+  }
+  .menu-sub-sm-indention .menu-sub:not([data-popper-placement]) {
+    margin-left: 1rem;
+  }
+  .menu-sub-sm-indention .menu-item .menu-item .menu-link.active {
+    margin-right: 1rem;
+  }
+  .menu-sm-inline {
+    display: flex;
+  }
+  .menu-sm-fit > .menu-item > .menu-content,
+.menu-sm-fit > .menu-item > .menu-link {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  .menu-sm-column {
+    flex-direction: column;
+    width: 100%;
+  }
+  .menu-sm-row {
+    flex-direction: row;
+  }
+  .menu-sm-row > .menu-item {
+    display: flex;
+    align-items: center;
+  }
+  .menu-sm-row > .menu-item > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-sm-rounded .menu-link {
+    border-radius: 0.475rem;
+  }
+  .menu-sm-pill .menu-link {
+    border-radius: 50px;
+  }
+  .menu-sm-rounded-0 .menu-link {
+    border-radius: 0 !important;
+  }
+}
+@media (min-width: 768px) {
+  .menu-item.menu-md-accordion .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-item.menu-md-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-md-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(90deg);
+    /*rtl:remove*/
+    transform: rotateZ(-90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-sub-md-dropdown {
+    display: none;
+    border-radius: 0.475rem;
+    background-color: var(--kt-menu-dropdown-bg-color);
+    box-shadow: var(--kt-menu-dropdown-box-shadow);
+    z-index: 107;
+  }
+  .show.menu-dropdown > .menu-sub-md-dropdown, .menu-sub-md-dropdown.menu.show, .menu-sub-md-dropdown.show[data-popper-placement] {
+    display: flex;
+    will-change: transform;
+    animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1;
+  }
+  .menu-sub-md-accordion {
+    display: none;
+  }
+  .show:not(.menu-dropdown) > .menu-sub-md-accordion, .menu-sub-md-accordion.show {
+    display: flex;
+  }
+  .menu-sub-md-indention .menu-sub:not([data-popper-placement]) {
+    margin-left: 1rem;
+  }
+  .menu-sub-md-indention .menu-item .menu-item .menu-link.active {
+    margin-right: 1rem;
+  }
+  .menu-md-inline {
+    display: flex;
+  }
+  .menu-md-fit > .menu-item > .menu-content,
+.menu-md-fit > .menu-item > .menu-link {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  .menu-md-column {
+    flex-direction: column;
+    width: 100%;
+  }
+  .menu-md-row {
+    flex-direction: row;
+  }
+  .menu-md-row > .menu-item {
+    display: flex;
+    align-items: center;
+  }
+  .menu-md-row > .menu-item > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-md-rounded .menu-link {
+    border-radius: 0.475rem;
+  }
+  .menu-md-pill .menu-link {
+    border-radius: 50px;
+  }
+  .menu-md-rounded-0 .menu-link {
+    border-radius: 0 !important;
+  }
+}
+@media (min-width: 992px) {
+  .menu-item.menu-lg-accordion .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-item.menu-lg-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-lg-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(90deg);
+    /*rtl:remove*/
+    transform: rotateZ(-90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-sub-lg-dropdown {
+    display: none;
+    border-radius: 0.475rem;
+    background-color: var(--kt-menu-dropdown-bg-color);
+    box-shadow: var(--kt-menu-dropdown-box-shadow);
+    z-index: 107;
+  }
+  .show.menu-dropdown > .menu-sub-lg-dropdown, .menu-sub-lg-dropdown.menu.show, .menu-sub-lg-dropdown.show[data-popper-placement] {
+    display: flex;
+    will-change: transform;
+    animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1;
+  }
+  .menu-sub-lg-accordion {
+    display: none;
+  }
+  .show:not(.menu-dropdown) > .menu-sub-lg-accordion, .menu-sub-lg-accordion.show {
+    display: flex;
+  }
+  .menu-sub-lg-indention .menu-sub:not([data-popper-placement]) {
+    margin-left: 1rem;
+  }
+  .menu-sub-lg-indention .menu-item .menu-item .menu-link.active {
+    margin-right: 1rem;
+  }
+  .menu-lg-inline {
+    display: flex;
+  }
+  .menu-lg-fit > .menu-item > .menu-content,
+.menu-lg-fit > .menu-item > .menu-link {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  .menu-lg-column {
+    flex-direction: column;
+    width: 100%;
+  }
+  .menu-lg-row {
+    flex-direction: row;
+  }
+  .menu-lg-row > .menu-item {
+    display: flex;
+    align-items: center;
+  }
+  .menu-lg-row > .menu-item > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-lg-rounded .menu-link {
+    border-radius: 0.475rem;
+  }
+  .menu-lg-pill .menu-link {
+    border-radius: 50px;
+  }
+  .menu-lg-rounded-0 .menu-link {
+    border-radius: 0 !important;
+  }
+}
+@media (min-width: 1200px) {
+  .menu-item.menu-xl-accordion .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-item.menu-xl-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-xl-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(90deg);
+    /*rtl:remove*/
+    transform: rotateZ(-90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-sub-xl-dropdown {
+    display: none;
+    border-radius: 0.475rem;
+    background-color: var(--kt-menu-dropdown-bg-color);
+    box-shadow: var(--kt-menu-dropdown-box-shadow);
+    z-index: 107;
+  }
+  .show.menu-dropdown > .menu-sub-xl-dropdown, .menu-sub-xl-dropdown.menu.show, .menu-sub-xl-dropdown.show[data-popper-placement] {
+    display: flex;
+    will-change: transform;
+    animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1;
+  }
+  .menu-sub-xl-accordion {
+    display: none;
+  }
+  .show:not(.menu-dropdown) > .menu-sub-xl-accordion, .menu-sub-xl-accordion.show {
+    display: flex;
+  }
+  .menu-sub-xl-indention .menu-sub:not([data-popper-placement]) {
+    margin-left: 1rem;
+  }
+  .menu-sub-xl-indention .menu-item .menu-item .menu-link.active {
+    margin-right: 1rem;
+  }
+  .menu-xl-inline {
+    display: flex;
+  }
+  .menu-xl-fit > .menu-item > .menu-content,
+.menu-xl-fit > .menu-item > .menu-link {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  .menu-xl-column {
+    flex-direction: column;
+    width: 100%;
+  }
+  .menu-xl-row {
+    flex-direction: row;
+  }
+  .menu-xl-row > .menu-item {
+    display: flex;
+    align-items: center;
+  }
+  .menu-xl-row > .menu-item > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-xl-rounded .menu-link {
+    border-radius: 0.475rem;
+  }
+  .menu-xl-pill .menu-link {
+    border-radius: 50px;
+  }
+  .menu-xl-rounded-0 .menu-link {
+    border-radius: 0 !important;
+  }
+}
+@media (min-width: 1400px) {
+  .menu-item.menu-xxl-accordion .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-item.menu-xxl-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-xxl-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(90deg);
+    /*rtl:remove*/
+    transform: rotateZ(-90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-sub-xxl-dropdown {
+    display: none;
+    border-radius: 0.475rem;
+    background-color: var(--kt-menu-dropdown-bg-color);
+    box-shadow: var(--kt-menu-dropdown-box-shadow);
+    z-index: 107;
+  }
+  .show.menu-dropdown > .menu-sub-xxl-dropdown, .menu-sub-xxl-dropdown.menu.show, .menu-sub-xxl-dropdown.show[data-popper-placement] {
+    display: flex;
+    will-change: transform;
+    animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1;
+  }
+  .menu-sub-xxl-accordion {
+    display: none;
+  }
+  .show:not(.menu-dropdown) > .menu-sub-xxl-accordion, .menu-sub-xxl-accordion.show {
+    display: flex;
+  }
+  .menu-sub-xxl-indention .menu-sub:not([data-popper-placement]) {
+    margin-left: 1rem;
+  }
+  .menu-sub-xxl-indention .menu-item .menu-item .menu-link.active {
+    margin-right: 1rem;
+  }
+  .menu-xxl-inline {
+    display: flex;
+  }
+  .menu-xxl-fit > .menu-item > .menu-content,
+.menu-xxl-fit > .menu-item > .menu-link {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  .menu-xxl-column {
+    flex-direction: column;
+    width: 100%;
+  }
+  .menu-xxl-row {
+    flex-direction: row;
+  }
+  .menu-xxl-row > .menu-item {
+    display: flex;
+    align-items: center;
+  }
+  .menu-xxl-row > .menu-item > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-xxl-rounded .menu-link {
+    border-radius: 0.475rem;
+  }
+  .menu-xxl-pill .menu-link {
+    border-radius: 50px;
+  }
+  .menu-xxl-rounded-0 .menu-link {
+    border-radius: 0 !important;
+  }
+}
+@media (max-width: 575.98px) {
+  .menu-item.menu-sm-down-accordion .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-item.menu-sm-down-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-sm-down-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(90deg);
+    /*rtl:remove*/
+    transform: rotateZ(-90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-sub-sm-down-dropdown {
+    display: none;
+    border-radius: 0.475rem;
+    background-color: var(--kt-menu-dropdown-bg-color);
+    box-shadow: var(--kt-menu-dropdown-box-shadow);
+    z-index: 107;
+  }
+  .show.menu-dropdown > .menu-sub-sm-down-dropdown, .menu-sub-sm-down-dropdown.menu.show, .menu-sub-sm-down-dropdown.show[data-popper-placement] {
+    display: flex;
+    will-change: transform;
+    animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1;
+  }
+  .menu-sub-sm-down-accordion {
+    display: none;
+  }
+  .show:not(.menu-dropdown) > .menu-sub-sm-down-accordion, .menu-sub-sm-down-accordion.show {
+    display: flex;
+  }
+  .menu-sub-sm-down-indention .menu-sub:not([data-popper-placement]) {
+    margin-left: 1rem;
+  }
+  .menu-sub-sm-down-indention .menu-item .menu-item .menu-link.active {
+    margin-right: 1rem;
+  }
+  .menu-sm-down-inline {
+    display: flex;
+  }
+  .menu-sm-down-fit > .menu-item > .menu-content,
+.menu-sm-down-fit > .menu-item > .menu-link {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  .menu-sm-down-column {
+    flex-direction: column;
+    width: 100%;
+  }
+  .menu-sm-down-row {
+    flex-direction: row;
+  }
+  .menu-sm-down-row > .menu-item {
+    display: flex;
+    align-items: center;
+  }
+  .menu-sm-down-row > .menu-item > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-sm-down-rounded .menu-link {
+    border-radius: 0.475rem;
+  }
+  .menu-sm-down-pill .menu-link {
+    border-radius: 50px;
+  }
+  .menu-sm-down-rounded-0 .menu-link {
+    border-radius: 0 !important;
+  }
+}
+@media (max-width: 767.98px) {
+  .menu-item.menu-md-down-accordion .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-item.menu-md-down-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-md-down-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(90deg);
+    /*rtl:remove*/
+    transform: rotateZ(-90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-sub-md-down-dropdown {
+    display: none;
+    border-radius: 0.475rem;
+    background-color: var(--kt-menu-dropdown-bg-color);
+    box-shadow: var(--kt-menu-dropdown-box-shadow);
+    z-index: 107;
+  }
+  .show.menu-dropdown > .menu-sub-md-down-dropdown, .menu-sub-md-down-dropdown.menu.show, .menu-sub-md-down-dropdown.show[data-popper-placement] {
+    display: flex;
+    will-change: transform;
+    animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1;
+  }
+  .menu-sub-md-down-accordion {
+    display: none;
+  }
+  .show:not(.menu-dropdown) > .menu-sub-md-down-accordion, .menu-sub-md-down-accordion.show {
+    display: flex;
+  }
+  .menu-sub-md-down-indention .menu-sub:not([data-popper-placement]) {
+    margin-left: 1rem;
+  }
+  .menu-sub-md-down-indention .menu-item .menu-item .menu-link.active {
+    margin-right: 1rem;
+  }
+  .menu-md-down-inline {
+    display: flex;
+  }
+  .menu-md-down-fit > .menu-item > .menu-content,
+.menu-md-down-fit > .menu-item > .menu-link {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  .menu-md-down-column {
+    flex-direction: column;
+    width: 100%;
+  }
+  .menu-md-down-row {
+    flex-direction: row;
+  }
+  .menu-md-down-row > .menu-item {
+    display: flex;
+    align-items: center;
+  }
+  .menu-md-down-row > .menu-item > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-md-down-rounded .menu-link {
+    border-radius: 0.475rem;
+  }
+  .menu-md-down-pill .menu-link {
+    border-radius: 50px;
+  }
+  .menu-md-down-rounded-0 .menu-link {
+    border-radius: 0 !important;
+  }
+}
+@media (max-width: 991.98px) {
+  .menu-item.menu-lg-down-accordion .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-item.menu-lg-down-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-lg-down-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(90deg);
+    /*rtl:remove*/
+    transform: rotateZ(-90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-sub-lg-down-dropdown {
+    display: none;
+    border-radius: 0.475rem;
+    background-color: var(--kt-menu-dropdown-bg-color);
+    box-shadow: var(--kt-menu-dropdown-box-shadow);
+    z-index: 107;
+  }
+  .show.menu-dropdown > .menu-sub-lg-down-dropdown, .menu-sub-lg-down-dropdown.menu.show, .menu-sub-lg-down-dropdown.show[data-popper-placement] {
+    display: flex;
+    will-change: transform;
+    animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1;
+  }
+  .menu-sub-lg-down-accordion {
+    display: none;
+  }
+  .show:not(.menu-dropdown) > .menu-sub-lg-down-accordion, .menu-sub-lg-down-accordion.show {
+    display: flex;
+  }
+  .menu-sub-lg-down-indention .menu-sub:not([data-popper-placement]) {
+    margin-left: 1rem;
+  }
+  .menu-sub-lg-down-indention .menu-item .menu-item .menu-link.active {
+    margin-right: 1rem;
+  }
+  .menu-lg-down-inline {
+    display: flex;
+  }
+  .menu-lg-down-fit > .menu-item > .menu-content,
+.menu-lg-down-fit > .menu-item > .menu-link {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  .menu-lg-down-column {
+    flex-direction: column;
+    width: 100%;
+  }
+  .menu-lg-down-row {
+    flex-direction: row;
+  }
+  .menu-lg-down-row > .menu-item {
+    display: flex;
+    align-items: center;
+  }
+  .menu-lg-down-row > .menu-item > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-lg-down-rounded .menu-link {
+    border-radius: 0.475rem;
+  }
+  .menu-lg-down-pill .menu-link {
+    border-radius: 50px;
+  }
+  .menu-lg-down-rounded-0 .menu-link {
+    border-radius: 0 !important;
+  }
+}
+@media (max-width: 1199.98px) {
+  .menu-item.menu-xl-down-accordion .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-item.menu-xl-down-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-xl-down-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(90deg);
+    /*rtl:remove*/
+    transform: rotateZ(-90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-sub-xl-down-dropdown {
+    display: none;
+    border-radius: 0.475rem;
+    background-color: var(--kt-menu-dropdown-bg-color);
+    box-shadow: var(--kt-menu-dropdown-box-shadow);
+    z-index: 107;
+  }
+  .show.menu-dropdown > .menu-sub-xl-down-dropdown, .menu-sub-xl-down-dropdown.menu.show, .menu-sub-xl-down-dropdown.show[data-popper-placement] {
+    display: flex;
+    will-change: transform;
+    animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1;
+  }
+  .menu-sub-xl-down-accordion {
+    display: none;
+  }
+  .show:not(.menu-dropdown) > .menu-sub-xl-down-accordion, .menu-sub-xl-down-accordion.show {
+    display: flex;
+  }
+  .menu-sub-xl-down-indention .menu-sub:not([data-popper-placement]) {
+    margin-left: 1rem;
+  }
+  .menu-sub-xl-down-indention .menu-item .menu-item .menu-link.active {
+    margin-right: 1rem;
+  }
+  .menu-xl-down-inline {
+    display: flex;
+  }
+  .menu-xl-down-fit > .menu-item > .menu-content,
+.menu-xl-down-fit > .menu-item > .menu-link {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  .menu-xl-down-column {
+    flex-direction: column;
+    width: 100%;
+  }
+  .menu-xl-down-row {
+    flex-direction: row;
+  }
+  .menu-xl-down-row > .menu-item {
+    display: flex;
+    align-items: center;
+  }
+  .menu-xl-down-row > .menu-item > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-xl-down-rounded .menu-link {
+    border-radius: 0.475rem;
+  }
+  .menu-xl-down-pill .menu-link {
+    border-radius: 50px;
+  }
+  .menu-xl-down-rounded-0 .menu-link {
+    border-radius: 0 !important;
+  }
+}
+@media (max-width: 1399.98px) {
+  .menu-item.menu-xxl-down-accordion .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-item.menu-xxl-down-accordion.showing:not(.menu-dropdown) > .menu-link .menu-arrow:after, .menu-item.menu-xxl-down-accordion.show:not(.hiding):not(.menu-dropdown) > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(90deg);
+    /*rtl:remove*/
+    transform: rotateZ(-90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-sub-xxl-down-dropdown {
+    display: none;
+    border-radius: 0.475rem;
+    background-color: var(--kt-menu-dropdown-bg-color);
+    box-shadow: var(--kt-menu-dropdown-box-shadow);
+    z-index: 107;
+  }
+  .show.menu-dropdown > .menu-sub-xxl-down-dropdown, .menu-sub-xxl-down-dropdown.menu.show, .menu-sub-xxl-down-dropdown.show[data-popper-placement] {
+    display: flex;
+    will-change: transform;
+    animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1;
+  }
+  .menu-sub-xxl-down-accordion {
+    display: none;
+  }
+  .show:not(.menu-dropdown) > .menu-sub-xxl-down-accordion, .menu-sub-xxl-down-accordion.show {
+    display: flex;
+  }
+  .menu-sub-xxl-down-indention .menu-sub:not([data-popper-placement]) {
+    margin-left: 1rem;
+  }
+  .menu-sub-xxl-down-indention .menu-item .menu-item .menu-link.active {
+    margin-right: 1rem;
+  }
+  .menu-xxl-down-inline {
+    display: flex;
+  }
+  .menu-xxl-down-fit > .menu-item > .menu-content,
+.menu-xxl-down-fit > .menu-item > .menu-link {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  .menu-xxl-down-column {
+    flex-direction: column;
+    width: 100%;
+  }
+  .menu-xxl-down-row {
+    flex-direction: row;
+  }
+  .menu-xxl-down-row > .menu-item {
+    display: flex;
+    align-items: center;
+  }
+  .menu-xxl-down-row > .menu-item > .menu-link .menu-arrow:after {
+    /*rtl:ignore*/
+    transform: rotateZ(-90deg);
+    /*rtl:remove*/
+    transform: rotateZ(90deg);
+    transition: transform 0.3s ease;
+  }
+  .menu-xxl-down-rounded .menu-link {
+    border-radius: 0.475rem;
+  }
+  .menu-xxl-down-pill .menu-link {
+    border-radius: 50px;
+  }
+  .menu-xxl-down-rounded-0 .menu-link {
+    border-radius: 0 !important;
+  }
+}
+.menu-link-indention .menu-item {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link {
+  padding-left: calc(1rem + 1rem);
+}
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link {
+  padding-left: calc(2rem + 1rem);
+}
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link {
+  padding-left: calc(3rem + 1rem);
+}
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link {
+  padding-left: calc(4rem + 1rem);
+}
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link {
+  padding-left: 1rem;
+  padding-right: 0;
+}
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link {
+  padding-left: calc(2rem);
+  padding-right: 0;
+}
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link {
+  padding-left: calc(3rem);
+  padding-right: 0;
+}
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-content,
+.menu-link-indention.menu-fit .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-inner > .menu-item > .menu-link {
+  padding-left: calc(4rem);
+  padding-right: 0;
+}
+
+@keyframes menu-sub-dropdown-animation-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes menu-sub-dropdown-animation-move-up {
+  from {
+    margin-top: 0.75rem;
+  }
+  to {
+    margin-top: 0;
+  }
+}
+@keyframes menu-sub-dropdown-animation-move-down {
+  from {
+    margin-bottom: 0.75rem;
+  }
+  to {
+    margin-bottom: 0;
+  }
+}
+.menu-white .menu-item .menu-link {
+  color: var(--kt-white);
+}
+.menu-white .menu-item .menu-link .menu-title {
+  color: var(--kt-white);
+}
+.menu-white .menu-item .menu-link .menu-icon,
+.menu-white .menu-item .menu-link .menu-icon .svg-icon,
+.menu-white .menu-item .menu-link .menu-icon i {
+  color: var(--kt-white);
+}
+.menu-white .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-white);
+}
+.menu-white .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-white);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-white%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-white%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-white);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-white%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-white%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-white .menu-item .menu-link {
+  color: var(--kt-text-white);
+}
+.menu-title-white .menu-item .menu-link .menu-title {
+  color: var(--kt-text-white);
+}
+
+.menu-icon-white .menu-item .menu-link .menu-icon,
+.menu-icon-white .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-white .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-white);
+}
+
+.menu-bullet-white .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-white);
+}
+
+.menu-arrow-white .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-white);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-white%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-white%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-white);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-white%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-white%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-primary .menu-item .menu-link {
+  color: var(--kt-primary);
+}
+.menu-primary .menu-item .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.menu-primary .menu-item .menu-link .menu-icon,
+.menu-primary .menu-item .menu-link .menu-icon .svg-icon,
+.menu-primary .menu-item .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-primary .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-primary .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-primary .menu-item .menu-link {
+  color: var(--kt-text-primary);
+}
+.menu-title-primary .menu-item .menu-link .menu-title {
+  color: var(--kt-text-primary);
+}
+
+.menu-icon-primary .menu-item .menu-link .menu-icon,
+.menu-icon-primary .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-primary .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-primary);
+}
+
+.menu-bullet-primary .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-primary);
+}
+
+.menu-arrow-primary .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-secondary .menu-item .menu-link {
+  color: var(--kt-secondary);
+}
+.menu-secondary .menu-item .menu-link .menu-title {
+  color: var(--kt-secondary);
+}
+.menu-secondary .menu-item .menu-link .menu-icon,
+.menu-secondary .menu-item .menu-link .menu-icon .svg-icon,
+.menu-secondary .menu-item .menu-link .menu-icon i {
+  color: var(--kt-secondary);
+}
+.menu-secondary .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-secondary);
+}
+.menu-secondary .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-secondary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-secondary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-secondary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-secondary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-secondary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-secondary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-secondary .menu-item .menu-link {
+  color: var(--kt-text-secondary);
+}
+.menu-title-secondary .menu-item .menu-link .menu-title {
+  color: var(--kt-text-secondary);
+}
+
+.menu-icon-secondary .menu-item .menu-link .menu-icon,
+.menu-icon-secondary .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-secondary .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-secondary);
+}
+
+.menu-bullet-secondary .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-secondary);
+}
+
+.menu-arrow-secondary .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-secondary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-secondary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-secondary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-secondary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-secondary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-secondary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-light .menu-item .menu-link {
+  color: var(--kt-light);
+}
+.menu-light .menu-item .menu-link .menu-title {
+  color: var(--kt-light);
+}
+.menu-light .menu-item .menu-link .menu-icon,
+.menu-light .menu-item .menu-link .menu-icon .svg-icon,
+.menu-light .menu-item .menu-link .menu-icon i {
+  color: var(--kt-light);
+}
+.menu-light .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-light);
+}
+.menu-light .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-light);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-light%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-light%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-light);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-light%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-light%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-light .menu-item .menu-link {
+  color: var(--kt-text-light);
+}
+.menu-title-light .menu-item .menu-link .menu-title {
+  color: var(--kt-text-light);
+}
+
+.menu-icon-light .menu-item .menu-link .menu-icon,
+.menu-icon-light .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-light .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-light);
+}
+
+.menu-bullet-light .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-light);
+}
+
+.menu-arrow-light .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-light);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-light%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-light%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-light);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-light%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-light%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-success .menu-item .menu-link {
+  color: var(--kt-success);
+}
+.menu-success .menu-item .menu-link .menu-title {
+  color: var(--kt-success);
+}
+.menu-success .menu-item .menu-link .menu-icon,
+.menu-success .menu-item .menu-link .menu-icon .svg-icon,
+.menu-success .menu-item .menu-link .menu-icon i {
+  color: var(--kt-success);
+}
+.menu-success .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-success);
+}
+.menu-success .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-success);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-success%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-success%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-success);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-success%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-success%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-success .menu-item .menu-link {
+  color: var(--kt-text-success);
+}
+.menu-title-success .menu-item .menu-link .menu-title {
+  color: var(--kt-text-success);
+}
+
+.menu-icon-success .menu-item .menu-link .menu-icon,
+.menu-icon-success .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-success .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-success);
+}
+
+.menu-bullet-success .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-success);
+}
+
+.menu-arrow-success .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-success);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-success%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-success%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-success);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-success%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-success%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-info .menu-item .menu-link {
+  color: var(--kt-info);
+}
+.menu-info .menu-item .menu-link .menu-title {
+  color: var(--kt-info);
+}
+.menu-info .menu-item .menu-link .menu-icon,
+.menu-info .menu-item .menu-link .menu-icon .svg-icon,
+.menu-info .menu-item .menu-link .menu-icon i {
+  color: var(--kt-info);
+}
+.menu-info .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-info);
+}
+.menu-info .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-info);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-info%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-info%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-info);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-info%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-info%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-info .menu-item .menu-link {
+  color: var(--kt-text-info);
+}
+.menu-title-info .menu-item .menu-link .menu-title {
+  color: var(--kt-text-info);
+}
+
+.menu-icon-info .menu-item .menu-link .menu-icon,
+.menu-icon-info .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-info .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-info);
+}
+
+.menu-bullet-info .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-info);
+}
+
+.menu-arrow-info .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-info);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-info%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-info%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-info);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-info%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-info%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-warning .menu-item .menu-link {
+  color: var(--kt-warning);
+}
+.menu-warning .menu-item .menu-link .menu-title {
+  color: var(--kt-warning);
+}
+.menu-warning .menu-item .menu-link .menu-icon,
+.menu-warning .menu-item .menu-link .menu-icon .svg-icon,
+.menu-warning .menu-item .menu-link .menu-icon i {
+  color: var(--kt-warning);
+}
+.menu-warning .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-warning);
+}
+.menu-warning .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-warning);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-warning%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-warning%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-warning);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-warning%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-warning%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-warning .menu-item .menu-link {
+  color: var(--kt-text-warning);
+}
+.menu-title-warning .menu-item .menu-link .menu-title {
+  color: var(--kt-text-warning);
+}
+
+.menu-icon-warning .menu-item .menu-link .menu-icon,
+.menu-icon-warning .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-warning .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-warning);
+}
+
+.menu-bullet-warning .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-warning);
+}
+
+.menu-arrow-warning .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-warning);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-warning%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-warning%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-warning);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-warning%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-warning%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-danger .menu-item .menu-link {
+  color: var(--kt-danger);
+}
+.menu-danger .menu-item .menu-link .menu-title {
+  color: var(--kt-danger);
+}
+.menu-danger .menu-item .menu-link .menu-icon,
+.menu-danger .menu-item .menu-link .menu-icon .svg-icon,
+.menu-danger .menu-item .menu-link .menu-icon i {
+  color: var(--kt-danger);
+}
+.menu-danger .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-danger);
+}
+.menu-danger .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-danger);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-danger%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-danger%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-danger);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-danger%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-danger%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-danger .menu-item .menu-link {
+  color: var(--kt-text-danger);
+}
+.menu-title-danger .menu-item .menu-link .menu-title {
+  color: var(--kt-text-danger);
+}
+
+.menu-icon-danger .menu-item .menu-link .menu-icon,
+.menu-icon-danger .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-danger .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-danger);
+}
+
+.menu-bullet-danger .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-danger);
+}
+
+.menu-arrow-danger .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-danger);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-danger%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-danger%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-danger);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-danger%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-danger%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-dark .menu-item .menu-link {
+  color: var(--kt-dark);
+}
+.menu-dark .menu-item .menu-link .menu-title {
+  color: var(--kt-dark);
+}
+.menu-dark .menu-item .menu-link .menu-icon,
+.menu-dark .menu-item .menu-link .menu-icon .svg-icon,
+.menu-dark .menu-item .menu-link .menu-icon i {
+  color: var(--kt-dark);
+}
+.menu-dark .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-dark);
+}
+.menu-dark .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-dark);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-dark);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-dark .menu-item .menu-link {
+  color: var(--kt-text-dark);
+}
+.menu-title-dark .menu-item .menu-link .menu-title {
+  color: var(--kt-text-dark);
+}
+
+.menu-icon-dark .menu-item .menu-link .menu-icon,
+.menu-icon-dark .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-dark .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-dark);
+}
+
+.menu-bullet-dark .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-dark);
+}
+
+.menu-arrow-dark .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-dark);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-dark);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-muted .menu-item .menu-link {
+  color: var(--kt-muted);
+}
+.menu-muted .menu-item .menu-link .menu-title {
+  color: var(--kt-muted);
+}
+.menu-muted .menu-item .menu-link .menu-icon,
+.menu-muted .menu-item .menu-link .menu-icon .svg-icon,
+.menu-muted .menu-item .menu-link .menu-icon i {
+  color: var(--kt-muted);
+}
+.menu-muted .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-muted);
+}
+.menu-muted .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-muted);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-muted%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-muted%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-muted);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-muted .menu-item .menu-link {
+  color: var(--kt-text-muted);
+}
+.menu-title-muted .menu-item .menu-link .menu-title {
+  color: var(--kt-text-muted);
+}
+
+.menu-icon-muted .menu-item .menu-link .menu-icon,
+.menu-icon-muted .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-muted .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-muted);
+}
+
+.menu-bullet-muted .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-muted);
+}
+
+.menu-arrow-muted .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-muted);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-muted);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-gray-100 .menu-item .menu-link {
+  color: var(--kt-gray-100);
+}
+.menu-gray-100 .menu-item .menu-link .menu-title {
+  color: var(--kt-gray-100);
+}
+.menu-gray-100 .menu-item .menu-link .menu-icon,
+.menu-gray-100 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-gray-100 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-gray-100);
+}
+.menu-gray-100 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-100);
+}
+.menu-gray-100 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-100);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-100%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-100%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-100);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-100%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-100%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-gray-100 .menu-item .menu-link {
+  color: var(--kt-text-gray-100);
+}
+.menu-title-gray-100 .menu-item .menu-link .menu-title {
+  color: var(--kt-text-gray-100);
+}
+
+.menu-icon-gray-100 .menu-item .menu-link .menu-icon,
+.menu-icon-gray-100 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-gray-100 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-gray-100);
+}
+
+.menu-bullet-gray-100 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-gray-100);
+}
+
+.menu-arrow-gray-100 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-100);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-100%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-100%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-100);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-100%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-100%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-gray-200 .menu-item .menu-link {
+  color: var(--kt-gray-200);
+}
+.menu-gray-200 .menu-item .menu-link .menu-title {
+  color: var(--kt-gray-200);
+}
+.menu-gray-200 .menu-item .menu-link .menu-icon,
+.menu-gray-200 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-gray-200 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-gray-200);
+}
+.menu-gray-200 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-200);
+}
+.menu-gray-200 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-200);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-200%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-200%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-200);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-200%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-200%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-gray-200 .menu-item .menu-link {
+  color: var(--kt-text-gray-200);
+}
+.menu-title-gray-200 .menu-item .menu-link .menu-title {
+  color: var(--kt-text-gray-200);
+}
+
+.menu-icon-gray-200 .menu-item .menu-link .menu-icon,
+.menu-icon-gray-200 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-gray-200 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-gray-200);
+}
+
+.menu-bullet-gray-200 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-gray-200);
+}
+
+.menu-arrow-gray-200 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-200);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-200%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-200%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-200);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-200%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-200%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-gray-300 .menu-item .menu-link {
+  color: var(--kt-gray-300);
+}
+.menu-gray-300 .menu-item .menu-link .menu-title {
+  color: var(--kt-gray-300);
+}
+.menu-gray-300 .menu-item .menu-link .menu-icon,
+.menu-gray-300 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-gray-300 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-gray-300);
+}
+.menu-gray-300 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-300);
+}
+.menu-gray-300 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-300);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-300%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-300%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-300);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-300%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-300%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-gray-300 .menu-item .menu-link {
+  color: var(--kt-text-gray-300);
+}
+.menu-title-gray-300 .menu-item .menu-link .menu-title {
+  color: var(--kt-text-gray-300);
+}
+
+.menu-icon-gray-300 .menu-item .menu-link .menu-icon,
+.menu-icon-gray-300 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-gray-300 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-gray-300);
+}
+
+.menu-bullet-gray-300 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-gray-300);
+}
+
+.menu-arrow-gray-300 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-300);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-300%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-300%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-300);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-300%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-300%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-gray-400 .menu-item .menu-link {
+  color: var(--kt-gray-400);
+}
+.menu-gray-400 .menu-item .menu-link .menu-title {
+  color: var(--kt-gray-400);
+}
+.menu-gray-400 .menu-item .menu-link .menu-icon,
+.menu-gray-400 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-gray-400 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-gray-400);
+}
+.menu-gray-400 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-400);
+}
+.menu-gray-400 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-400);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-400%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-400%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-400);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-400%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-400%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-gray-400 .menu-item .menu-link {
+  color: var(--kt-text-gray-400);
+}
+.menu-title-gray-400 .menu-item .menu-link .menu-title {
+  color: var(--kt-text-gray-400);
+}
+
+.menu-icon-gray-400 .menu-item .menu-link .menu-icon,
+.menu-icon-gray-400 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-gray-400 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-gray-400);
+}
+
+.menu-bullet-gray-400 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-gray-400);
+}
+
+.menu-arrow-gray-400 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-400);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-400%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-400%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-400);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-400%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-400%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-gray-500 .menu-item .menu-link {
+  color: var(--kt-gray-500);
+}
+.menu-gray-500 .menu-item .menu-link .menu-title {
+  color: var(--kt-gray-500);
+}
+.menu-gray-500 .menu-item .menu-link .menu-icon,
+.menu-gray-500 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-gray-500 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-gray-500);
+}
+.menu-gray-500 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-500);
+}
+.menu-gray-500 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-500);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-500);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-gray-500 .menu-item .menu-link {
+  color: var(--kt-text-gray-500);
+}
+.menu-title-gray-500 .menu-item .menu-link .menu-title {
+  color: var(--kt-text-gray-500);
+}
+
+.menu-icon-gray-500 .menu-item .menu-link .menu-icon,
+.menu-icon-gray-500 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-gray-500 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-gray-500);
+}
+
+.menu-bullet-gray-500 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-gray-500);
+}
+
+.menu-arrow-gray-500 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-500);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-500);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-gray-600 .menu-item .menu-link {
+  color: var(--kt-gray-600);
+}
+.menu-gray-600 .menu-item .menu-link .menu-title {
+  color: var(--kt-gray-600);
+}
+.menu-gray-600 .menu-item .menu-link .menu-icon,
+.menu-gray-600 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-gray-600 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-gray-600);
+}
+.menu-gray-600 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-600);
+}
+.menu-gray-600 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-600);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-600%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-600%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-600);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-600%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-600%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-gray-600 .menu-item .menu-link {
+  color: var(--kt-text-gray-600);
+}
+.menu-title-gray-600 .menu-item .menu-link .menu-title {
+  color: var(--kt-text-gray-600);
+}
+
+.menu-icon-gray-600 .menu-item .menu-link .menu-icon,
+.menu-icon-gray-600 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-gray-600 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-gray-600);
+}
+
+.menu-bullet-gray-600 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-gray-600);
+}
+
+.menu-arrow-gray-600 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-600);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-600%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-600%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-600);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-600%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-600%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-gray-700 .menu-item .menu-link {
+  color: var(--kt-gray-700);
+}
+.menu-gray-700 .menu-item .menu-link .menu-title {
+  color: var(--kt-gray-700);
+}
+.menu-gray-700 .menu-item .menu-link .menu-icon,
+.menu-gray-700 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-gray-700 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-gray-700);
+}
+.menu-gray-700 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-700);
+}
+.menu-gray-700 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-700);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-700);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-gray-700 .menu-item .menu-link {
+  color: var(--kt-text-gray-700);
+}
+.menu-title-gray-700 .menu-item .menu-link .menu-title {
+  color: var(--kt-text-gray-700);
+}
+
+.menu-icon-gray-700 .menu-item .menu-link .menu-icon,
+.menu-icon-gray-700 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-gray-700 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-gray-700);
+}
+
+.menu-bullet-gray-700 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-gray-700);
+}
+
+.menu-arrow-gray-700 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-700);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-700);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-gray-800 .menu-item .menu-link {
+  color: var(--kt-gray-800);
+}
+.menu-gray-800 .menu-item .menu-link .menu-title {
+  color: var(--kt-gray-800);
+}
+.menu-gray-800 .menu-item .menu-link .menu-icon,
+.menu-gray-800 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-gray-800 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-gray-800);
+}
+.menu-gray-800 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-800);
+}
+.menu-gray-800 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-800);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-800%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-800%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-800);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-800%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-800%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-gray-800 .menu-item .menu-link {
+  color: var(--kt-text-gray-800);
+}
+.menu-title-gray-800 .menu-item .menu-link .menu-title {
+  color: var(--kt-text-gray-800);
+}
+
+.menu-icon-gray-800 .menu-item .menu-link .menu-icon,
+.menu-icon-gray-800 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-gray-800 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-gray-800);
+}
+
+.menu-bullet-gray-800 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-gray-800);
+}
+
+.menu-arrow-gray-800 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-800);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-800%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-800%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-800);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-800%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-800%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-gray-900 .menu-item .menu-link {
+  color: var(--kt-gray-900);
+}
+.menu-gray-900 .menu-item .menu-link .menu-title {
+  color: var(--kt-gray-900);
+}
+.menu-gray-900 .menu-item .menu-link .menu-icon,
+.menu-gray-900 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-gray-900 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-gray-900);
+}
+.menu-gray-900 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-900);
+}
+.menu-gray-900 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-900);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-900);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-title-gray-900 .menu-item .menu-link {
+  color: var(--kt-text-gray-900);
+}
+.menu-title-gray-900 .menu-item .menu-link .menu-title {
+  color: var(--kt-text-gray-900);
+}
+
+.menu-icon-gray-900 .menu-item .menu-link .menu-icon,
+.menu-icon-gray-900 .menu-item .menu-link .menu-icon .svg-icon,
+.menu-icon-gray-900 .menu-item .menu-link .menu-icon i {
+  color: var(--kt-text-gray-900);
+}
+
+.menu-bullet-gray-900 .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-text-gray-900);
+}
+
+.menu-arrow-gray-900 .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-900);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-900%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-gray-900);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-gray-900%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-hover-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  background-color: var(--kt-menu-link-bg-color-hover);
+}
+
+.menu-here-bg .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-menu-link-bg-color-here);
+}
+
+.menu-root-here-bg > .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-menu-link-bg-color-here);
+}
+
+@media (min-width: 992px) {
+  .menu-root-here-bg-desktop > .menu-item.here > .menu-link {
+    transition: color 0.2s ease;
+    background-color: var(--kt-menu-link-bg-color-here);
+  }
+}
+.menu-show-bg .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-menu-link-bg-color-show);
+}
+
+.menu-active-bg .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  background-color: var(--kt-menu-link-bg-color-active);
+}
+
+.menu-state-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  background-color: var(--kt-menu-link-bg-color-hover);
+}
+.menu-state-bg .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-menu-link-bg-color-here);
+}
+.menu-state-bg .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-menu-link-bg-color-show);
+}
+.menu-state-bg .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  background-color: var(--kt-menu-link-bg-color-active);
+}
+
+.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary);
+  color: var(--kt-primary-inverse);
+}
+.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+  color: var(--kt-primary-inverse);
+}
+.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+.menu-hover-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-hover-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-show-bg-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary);
+  color: var(--kt-primary-inverse);
+}
+.menu-show-bg-primary .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-primary-inverse);
+}
+.menu-show-bg-primary .menu-item.show > .menu-link .menu-icon,
+.menu-show-bg-primary .menu-item.show > .menu-link .menu-icon .svg-icon,
+.menu-show-bg-primary .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+.menu-show-bg-primary .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+.menu-show-bg-primary .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-here-bg-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary);
+  color: var(--kt-primary-inverse);
+}
+.menu-here-bg-primary .menu-item.here > .menu-link .menu-title {
+  color: var(--kt-primary-inverse);
+}
+.menu-here-bg-primary .menu-item.here > .menu-link .menu-icon,
+.menu-here-bg-primary .menu-item.here > .menu-link .menu-icon .svg-icon,
+.menu-here-bg-primary .menu-item.here > .menu-link .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+.menu-here-bg-primary .menu-item.here > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+.menu-here-bg-primary .menu-item.here > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-active-bg-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary);
+  color: var(--kt-primary-inverse);
+}
+.menu-active-bg-primary .menu-item .menu-link.active .menu-title {
+  color: var(--kt-primary-inverse);
+}
+.menu-active-bg-primary .menu-item .menu-link.active .menu-icon,
+.menu-active-bg-primary .menu-item .menu-link.active .menu-icon .svg-icon,
+.menu-active-bg-primary .menu-item .menu-link.active .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+.menu-active-bg-primary .menu-item .menu-link.active .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+.menu-active-bg-primary .menu-item .menu-link.active .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary);
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-bg-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-bg-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary);
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.show > .menu-link .menu-icon,
+.menu-state-bg-primary .menu-item.show > .menu-link .menu-icon .svg-icon,
+.menu-state-bg-primary .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-bg-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary);
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.here > .menu-link .menu-title {
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.here > .menu-link .menu-icon,
+.menu-state-bg-primary .menu-item.here > .menu-link .menu-icon .svg-icon,
+.menu-state-bg-primary .menu-item.here > .menu-link .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.here > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.here > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-bg-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary);
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item .menu-link.active .menu-title {
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item .menu-link.active .menu-icon,
+.menu-state-bg-primary .menu-item .menu-link.active .menu-icon .svg-icon,
+.menu-state-bg-primary .menu-item .menu-link.active .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item .menu-link.active .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item .menu-link.active .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-bg-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary);
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.show > .menu-link .menu-icon,
+.menu-state-bg-primary .menu-item.show > .menu-link .menu-icon .svg-icon,
+.menu-state-bg-primary .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+.menu-state-bg-primary .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-show-bg-light-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary-light);
+  color: var(--kt-primary);
+}
+.menu-show-bg-light-primary .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.menu-show-bg-light-primary .menu-item.show > .menu-link .menu-icon,
+.menu-show-bg-light-primary .menu-item.show > .menu-link .menu-icon .svg-icon,
+.menu-show-bg-light-primary .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-show-bg-light-primary .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-show-bg-light-primary .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-here-bg-light-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary-light);
+  color: var(--kt-primary);
+}
+.menu-here-bg-light-primary .menu-item.here > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.menu-here-bg-light-primary .menu-item.here > .menu-link .menu-icon,
+.menu-here-bg-light-primary .menu-item.here > .menu-link .menu-icon .svg-icon,
+.menu-here-bg-light-primary .menu-item.here > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-here-bg-light-primary .menu-item.here > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-here-bg-light-primary .menu-item.here > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary-light);
+  color: var(--kt-primary);
+}
+.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+  color: var(--kt-primary);
+}
+.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-hover-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-hover-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-active-bg-light-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary-light);
+  color: var(--kt-primary);
+}
+.menu-active-bg-light-primary .menu-item .menu-link.active .menu-title {
+  color: var(--kt-primary);
+}
+.menu-active-bg-light-primary .menu-item .menu-link.active .menu-icon,
+.menu-active-bg-light-primary .menu-item .menu-link.active .menu-icon .svg-icon,
+.menu-active-bg-light-primary .menu-item .menu-link.active .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-active-bg-light-primary .menu-item .menu-link.active .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-active-bg-light-primary .menu-item .menu-link.active .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-state-bg-light-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary-light);
+  color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-icon,
+.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-icon .svg-icon,
+.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-bg-light-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary-light);
+  color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-icon,
+.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-icon .svg-icon,
+.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary-light);
+  color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+  color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-bg-light-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  background-color: var(--kt-primary-light);
+  color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item .menu-link.active .menu-title {
+  color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item .menu-link.active .menu-icon,
+.menu-state-bg-light-primary .menu-item .menu-link.active .menu-icon .svg-icon,
+.menu-state-bg-light-primary .menu-item .menu-link.active .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item .menu-link.active .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-state-bg-light-primary .menu-item .menu-link.active .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+  color: var(--kt-primary);
+}
+.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-show-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-show-primary .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.menu-show-primary .menu-item.show > .menu-link .menu-icon,
+.menu-show-primary .menu-item.show > .menu-link .menu-icon .svg-icon,
+.menu-show-primary .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-show-primary .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-show-primary .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-here-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-here-primary .menu-item.here > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.menu-here-primary .menu-item.here > .menu-link .menu-icon,
+.menu-here-primary .menu-item.here > .menu-link .menu-icon .svg-icon,
+.menu-here-primary .menu-item.here > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-here-primary .menu-item.here > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-here-primary .menu-item.here > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-active-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-active-primary .menu-item .menu-link.active .menu-title {
+  color: var(--kt-primary);
+}
+.menu-active-primary .menu-item .menu-link.active .menu-icon,
+.menu-active-primary .menu-item .menu-link.active .menu-icon .svg-icon,
+.menu-active-primary .menu-item .menu-link.active .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-active-primary .menu-item .menu-link.active .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-active-primary .menu-item .menu-link.active .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+  color: var(--kt-primary);
+}
+.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-state-primary .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.menu-state-primary .menu-item.show > .menu-link .menu-icon,
+.menu-state-primary .menu-item.show > .menu-link .menu-icon .svg-icon,
+.menu-state-primary .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-state-primary .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-state-primary .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-state-primary .menu-item.here > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.menu-state-primary .menu-item.here > .menu-link .menu-icon,
+.menu-state-primary .menu-item.here > .menu-link .menu-icon .svg-icon,
+.menu-state-primary .menu-item.here > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-state-primary .menu-item.here > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-state-primary .menu-item.here > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-state-primary .menu-item .menu-link.active .menu-title {
+  color: var(--kt-primary);
+}
+.menu-state-primary .menu-item .menu-link.active .menu-icon,
+.menu-state-primary .menu-item .menu-link.active .menu-icon .svg-icon,
+.menu-state-primary .menu-item .menu-link.active .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-state-primary .menu-item .menu-link.active .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-state-primary .menu-item .menu-link.active .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  color: var(--kt-dark);
+}
+.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+  color: var(--kt-dark);
+}
+.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+  color: var(--kt-dark);
+}
+.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+  background-color: var(--kt-dark);
+}
+.menu-state-dark .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-dark .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-dark);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-dark);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-dark .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-dark);
+}
+.menu-state-dark .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-dark);
+}
+.menu-state-dark .menu-item.show > .menu-link .menu-icon,
+.menu-state-dark .menu-item.show > .menu-link .menu-icon .svg-icon,
+.menu-state-dark .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-dark);
+}
+.menu-state-dark .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-dark);
+}
+.menu-state-dark .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-dark);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-dark);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-dark .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-dark);
+}
+.menu-state-dark .menu-item.here > .menu-link .menu-title {
+  color: var(--kt-dark);
+}
+.menu-state-dark .menu-item.here > .menu-link .menu-icon,
+.menu-state-dark .menu-item.here > .menu-link .menu-icon .svg-icon,
+.menu-state-dark .menu-item.here > .menu-link .menu-icon i {
+  color: var(--kt-dark);
+}
+.menu-state-dark .menu-item.here > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-dark);
+}
+.menu-state-dark .menu-item.here > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-dark);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-dark);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-dark .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  color: var(--kt-dark);
+}
+.menu-state-dark .menu-item .menu-link.active .menu-title {
+  color: var(--kt-dark);
+}
+.menu-state-dark .menu-item .menu-link.active .menu-icon,
+.menu-state-dark .menu-item .menu-link.active .menu-icon .svg-icon,
+.menu-state-dark .menu-item .menu-link.active .menu-icon i {
+  color: var(--kt-dark);
+}
+.menu-state-dark .menu-item .menu-link.active .menu-bullet .bullet {
+  background-color: var(--kt-dark);
+}
+.menu-state-dark .menu-item .menu-link.active .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-dark);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-dark);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-dark%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-hover-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-hover-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-hover-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+  color: var(--kt-primary);
+}
+
+.menu-here-title-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-here-title-primary .menu-item.here > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+
+.menu-show-title-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-show-title-primary .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+
+.menu-active-title-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-active-title-primary .menu-item .menu-link.active .menu-title {
+  color: var(--kt-primary);
+}
+
+.menu-state-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-state-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+  color: var(--kt-primary);
+}
+.menu-state-title-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-state-title-primary .menu-item.here > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.menu-state-title-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-state-title-primary .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.menu-state-title-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.menu-state-title-primary .menu-item .menu-link.active .menu-title {
+  color: var(--kt-primary);
+}
+
+.menu-hover-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+}
+.menu-hover-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-hover-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-hover-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-hover-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-hover-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-hover-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+  color: var(--kt-primary);
+}
+
+.menu-here-icon-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+}
+.menu-here-icon-primary .menu-item.here > .menu-link .menu-icon,
+.menu-here-icon-primary .menu-item.here > .menu-link .menu-icon .svg-icon,
+.menu-here-icon-primary .menu-item.here > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+
+.menu-show-icon-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+}
+.menu-show-icon-primary .menu-item.show > .menu-link .menu-icon,
+.menu-show-icon-primary .menu-item.show > .menu-link .menu-icon .svg-icon,
+.menu-show-icon-primary .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+
+.menu-active-icon-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+}
+.menu-active-icon-primary .menu-item .menu-link.active .menu-icon,
+.menu-active-icon-primary .menu-item .menu-link.active .menu-icon .svg-icon,
+.menu-active-icon-primary .menu-item .menu-link.active .menu-icon i {
+  color: var(--kt-primary);
+}
+
+.menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+}
+.menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+.menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-state-icon-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+}
+.menu-state-icon-primary .menu-item.here > .menu-link .menu-icon,
+.menu-state-icon-primary .menu-item.here > .menu-link .menu-icon .svg-icon,
+.menu-state-icon-primary .menu-item.here > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-state-icon-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+}
+.menu-state-icon-primary .menu-item.show > .menu-link .menu-icon,
+.menu-state-icon-primary .menu-item.show > .menu-link .menu-icon .svg-icon,
+.menu-state-icon-primary .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.menu-state-icon-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+}
+.menu-state-icon-primary .menu-item .menu-link.active .menu-icon,
+.menu-state-icon-primary .menu-item .menu-link.active .menu-icon .svg-icon,
+.menu-state-icon-primary .menu-item .menu-link.active .menu-icon i {
+  color: var(--kt-primary);
+}
+
+.menu-hover-bullet-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-bullet-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+}
+.menu-hover-bullet-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-hover-bullet-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+
+.menu-show-bullet-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+}
+.menu-show-bullet-primary .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+
+.menu-here-bullet-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+}
+.menu-here-bullet-primary .menu-item.here > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+
+.menu-active-bullet-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+}
+.menu-active-bullet-primary .menu-item .menu-link.active .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+
+.menu-state-bullet-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bullet-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+}
+.menu-state-bullet-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-bullet-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-state-bullet-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+}
+.menu-state-bullet-primary .menu-item.here > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-state-bullet-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+}
+.menu-state-bullet-primary .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.menu-state-bullet-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+}
+.menu-state-bullet-primary .menu-item .menu-link.active .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+
+.menu-hover-arrow-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-arrow-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+}
+.menu-hover-arrow-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-hover-arrow-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-here-arrow-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+}
+.menu-here-arrow-primary .menu-item.here > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-show-arrow-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+}
+.menu-show-arrow-primary .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-active-arrow-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+}
+.menu-active-arrow-primary .menu-item .menu-link.active .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.menu-state-arrow-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-arrow-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+}
+.menu-state-arrow-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .menu-state-arrow-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-arrow-primary .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+}
+.menu-state-arrow-primary .menu-item.here > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-arrow-primary .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+}
+.menu-state-arrow-primary .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.menu-state-arrow-primary .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+}
+.menu-state-arrow-primary .menu-item .menu-link.active .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.anchor {
+  display: flex;
+  align-items: center;
+}
+.anchor a {
+  position: relative;
+  display: none;
+  align-items: center;
+  justify-content: flex-start;
+  height: 1em;
+  width: 1.25em;
+  margin-left: -1.25em;
+  font-weight: 500;
+  font-size: 0.8em;
+  color: var(--kt-text-muted);
+  transition: all 0.2s ease-in-out;
+}
+.anchor a:before {
+  content: "#";
+}
+.anchor:hover a {
+  display: flex;
+}
+.anchor:hover a:hover {
+  color: var(--kt-primary);
+  transition: all 0.2s ease-in-out;
+}
+
+.card {
+  border: 0;
+  box-shadow: var(--kt-card-box-shadow);
+  background-color: var(--kt-card-bg);
+}
+.card .card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: stretch;
+  flex-wrap: wrap;
+  min-height: 70px;
+  padding: 0 2.25rem;
+  color: var(--kt-card-cap-color);
+  background-color: var(--kt-card-cap-bg);
+  border-bottom: 1px solid var(--kt-card-border-color);
+}
+.card .card-header .card-title {
+  display: flex;
+  align-items: center;
+  margin: 0.5rem;
+  margin-left: 0;
+}
+.card .card-header .card-title.flex-column {
+  align-items: flex-start;
+  justify-content: center;
+}
+.card .card-header .card-title .card-icon {
+  margin-right: 0.75rem;
+  line-height: 0;
+}
+.card .card-header .card-title .card-icon i {
+  font-size: 1.25rem;
+  color: var(--kt-gray-600);
+  line-height: 0;
+}
+.card .card-header .card-title .card-icon i:after, .card .card-header .card-title .card-icon i:before {
+  line-height: 0;
+}
+.card .card-header .card-title .card-icon .svg-icon {
+  color: var(--kt-gray-600);
+}
+.card .card-header .card-title .card-icon .svg-icon svg {
+  height: 24px;
+  width: 24px;
+}
+.card .card-header .card-title,
+.card .card-header .card-title .card-label {
+  font-weight: 500;
+  font-size: 1.275rem;
+  color: var(--kt-text-dark);
+}
+.card .card-header .card-title .card-label {
+  margin: 0 0.75rem 0 0;
+  flex-wrap: wrap;
+}
+.card .card-header .card-title small, .card .card-header .card-title .small {
+  color: var(--kt-text-muted);
+  font-size: 1rem;
+}
+.card .card-header .card-title h1, .card .card-header .card-title .h1, .card .card-header .card-title h2, .card .card-header .card-title .h2, .card .card-header .card-title h3, .card .card-header .card-title .h3, .card .card-header .card-title h4, .card .card-header .card-title .h4, .card .card-header .card-title h5, .card .card-header .card-title .h5, .card .card-header .card-title h6, .card .card-header .card-title .h6 {
+  margin-bottom: 0;
+}
+.card .card-header .card-toolbar {
+  display: flex;
+  align-items: center;
+  margin: 0.5rem 0;
+  flex-wrap: wrap;
+}
+.card .card-body {
+  padding: 2rem 2.25rem;
+  color: var(--kt-card-color);
+}
+.card .card-footer {
+  padding: 2rem 2.25rem;
+  color: var(--kt-card-cap-color);
+  background-color: var(--kt-card-cap-bg);
+  border-top: 1px solid var(--kt-card-border-color);
+}
+.card .card-scroll {
+  position: relative;
+  overflow: auto;
+}
+.card.card-px-0 .card-header,
+.card.card-px-0 .card-body,
+.card.card-px-0 .card-footer {
+  padding-left: 0;
+  padding-right: 0;
+}
+.card.card-py-0 .card-header,
+.card.card-py-0 .card-body,
+.card.card-py-0 .card-footer {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.card.card-p-0 .card-header,
+.card.card-p-0 .card-body,
+.card.card-p-0 .card-footer {
+  padding: 0;
+}
+.card.card-dashed {
+  box-shadow: none;
+  border: 1px dashed var(--kt-card-border-dashed-color);
+}
+.card.card-dashed > .card-header {
+  border-bottom: 1px dashed var(--kt-card-border-dashed-color);
+}
+.card.card-dashed > .card-footer {
+  border-top: 1px dashed var(--kt-card-border-dashed-color);
+}
+.card.card-bordered {
+  box-shadow: none;
+  border: 1px solid var(--kt-card-border-color);
+}
+.card.card-flush > .card-header {
+  border-bottom: 0 !important;
+}
+.card.card-flush > .card-footer {
+  border-top: 0 !important;
+}
+.card.card-shadow {
+  box-shadow: var(--kt-card-box-shadow);
+  border: 0;
+}
+.card.card-reset {
+  border: 0 !important;
+  box-shadow: none !important;
+  background-color: transparent !important;
+}
+.card.card-reset > .card-header {
+  border-bottom: 0 !important;
+}
+.card.card-reset > .card-footer {
+  border-top: 0 !important;
+}
+
+.card.card-stretch {
+  height: calc(100% - var(--bs-gutter-y));
+}
+.card.card-stretch-75 {
+  height: calc(75% - var(--bs-gutter-y));
+}
+.card.card-stretch-50 {
+  height: calc(50% - var(--bs-gutter-y));
+}
+.card.card-stretch-33 {
+  height: calc(33.333% - var(--bs-gutter-y));
+}
+.card.card-stretch-25 {
+  height: calc(25% - var(--bs-gutter-y));
+}
+.card .card-header-stretch {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+  align-items: stretch;
+}
+.card .card-header-stretch .card-toolbar {
+  margin: 0;
+  align-items: stretch;
+}
+@media (min-width: 576px) {
+  .card.card-sm-stretch {
+    height: calc(100% - var(--bs-gutter-y));
+  }
+  .card.card-sm-stretch-75 {
+    height: calc(75% - var(--bs-gutter-y));
+  }
+  .card.card-sm-stretch-50 {
+    height: calc(50% - var(--bs-gutter-y));
+  }
+  .card.card-sm-stretch-33 {
+    height: calc(33.333% - var(--bs-gutter-y));
+  }
+  .card.card-sm-stretch-25 {
+    height: calc(25% - var(--bs-gutter-y));
+  }
+  .card .card-header-sm-stretch {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+    align-items: stretch;
+  }
+  .card .card-header-sm-stretch .card-toolbar {
+    margin: 0;
+    align-items: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .card.card-md-stretch {
+    height: calc(100% - var(--bs-gutter-y));
+  }
+  .card.card-md-stretch-75 {
+    height: calc(75% - var(--bs-gutter-y));
+  }
+  .card.card-md-stretch-50 {
+    height: calc(50% - var(--bs-gutter-y));
+  }
+  .card.card-md-stretch-33 {
+    height: calc(33.333% - var(--bs-gutter-y));
+  }
+  .card.card-md-stretch-25 {
+    height: calc(25% - var(--bs-gutter-y));
+  }
+  .card .card-header-md-stretch {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+    align-items: stretch;
+  }
+  .card .card-header-md-stretch .card-toolbar {
+    margin: 0;
+    align-items: stretch;
+  }
+}
+@media (min-width: 992px) {
+  .card.card-lg-stretch {
+    height: calc(100% - var(--bs-gutter-y));
+  }
+  .card.card-lg-stretch-75 {
+    height: calc(75% - var(--bs-gutter-y));
+  }
+  .card.card-lg-stretch-50 {
+    height: calc(50% - var(--bs-gutter-y));
+  }
+  .card.card-lg-stretch-33 {
+    height: calc(33.333% - var(--bs-gutter-y));
+  }
+  .card.card-lg-stretch-25 {
+    height: calc(25% - var(--bs-gutter-y));
+  }
+  .card .card-header-lg-stretch {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+    align-items: stretch;
+  }
+  .card .card-header-lg-stretch .card-toolbar {
+    margin: 0;
+    align-items: stretch;
+  }
+}
+@media (min-width: 1200px) {
+  .card.card-xl-stretch {
+    height: calc(100% - var(--bs-gutter-y));
+  }
+  .card.card-xl-stretch-75 {
+    height: calc(75% - var(--bs-gutter-y));
+  }
+  .card.card-xl-stretch-50 {
+    height: calc(50% - var(--bs-gutter-y));
+  }
+  .card.card-xl-stretch-33 {
+    height: calc(33.333% - var(--bs-gutter-y));
+  }
+  .card.card-xl-stretch-25 {
+    height: calc(25% - var(--bs-gutter-y));
+  }
+  .card .card-header-xl-stretch {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+    align-items: stretch;
+  }
+  .card .card-header-xl-stretch .card-toolbar {
+    margin: 0;
+    align-items: stretch;
+  }
+}
+@media (min-width: 1400px) {
+  .card.card-xxl-stretch {
+    height: calc(100% - var(--bs-gutter-y));
+  }
+  .card.card-xxl-stretch-75 {
+    height: calc(75% - var(--bs-gutter-y));
+  }
+  .card.card-xxl-stretch-50 {
+    height: calc(50% - var(--bs-gutter-y));
+  }
+  .card.card-xxl-stretch-33 {
+    height: calc(33.333% - var(--bs-gutter-y));
+  }
+  .card.card-xxl-stretch-25 {
+    height: calc(25% - var(--bs-gutter-y));
+  }
+  .card .card-header-xxl-stretch {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+    align-items: stretch;
+  }
+  .card .card-header-xxl-stretch .card-toolbar {
+    margin: 0;
+    align-items: stretch;
+  }
+}
+
+.card-p {
+  padding: 2rem 2.25rem !important;
+}
+
+.card-px {
+  padding-left: 2.25rem !important;
+  padding-right: 2.25rem !important;
+}
+
+.card-shadow {
+  box-shadow: var(--kt-card-box-shadow);
+}
+
+.card-py {
+  padding-top: 2rem !important;
+  padding-bottom: 2rem !important;
+}
+
+.card-rounded {
+  border-radius: 0.625rem;
+}
+
+.card-rounded-start {
+  border-top-left-radius: 0.625rem;
+  border-bottom-left-radius: 0.625rem;
+}
+
+.card-rounded-end {
+  border-top-right-radius: 0.625rem;
+  border-bottom-right-radius: 0.625rem;
+}
+
+.card-rounded-top {
+  border-top-left-radius: 0.625rem;
+  border-top-right-radius: 0.625rem;
+}
+
+.card-rounded-bottom {
+  border-bottom-left-radius: 0.625rem;
+  border-bottom-right-radius: 0.625rem;
+}
+
+@media (max-width: 767.98px) {
+  .card > .card-header:not(.flex-nowrap) {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+}
+.breadcrumb {
+  --bs-breadcrumb-bg: var(--kt-breadcrumb-bg);
+  --bs-breadcrumb-divider-color: var(--kt-breadcrumb-divider-color);
+  --bs-breadcrumb-item-active-color: var(--kt-breadcrumb-item-active-color);
+  display: flex;
+  align-items: center;
+  background-color: transparent;
+  padding: 0;
+  margin: 0;
+}
+.breadcrumb .breadcrumb-item {
+  display: flex;
+  align-items: center;
+  padding-left: 0;
+  padding-right: 0.5rem;
+}
+.breadcrumb .breadcrumb-item:last-child {
+  padding-right: 0;
+}
+.breadcrumb .breadcrumb-item:after {
+  content: "/";
+}
+.breadcrumb .breadcrumb-item:before {
+  display: none;
+}
+.breadcrumb .breadcrumb-item:last-child:after {
+  display: none;
+}
+
+.breadcrumb-line .breadcrumb-item:after {
+  content: "-";
+}
+
+.breadcrumb-dot .breadcrumb-item:after {
+  content: "•";
+}
+
+.breadcrumb-separatorless .breadcrumb-item:after {
+  display: none;
+}
+
+.btn {
+  --bs-btn-color: var(--kt-body-color);
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  outline: none !important;
+}
+.btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg) {
+  box-shadow: none !important;
+}
+.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
+  border: 0;
+  padding: calc(0.775rem + 1px) calc(1.5rem + 1px);
+}
+.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-lg, .btn-group-lg > .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
+  padding: calc(0.825rem + 1px) calc(1.75rem + 1px);
+}
+.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm, .btn-group-sm > .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
+  padding: calc(0.7rem + 1px) calc(1.25rem + 1px);
+}
+.btn.btn-link {
+  border: 0;
+  border-radius: 0;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  text-decoration: none;
+  font-weight: 500;
+}
+.btn.btn-outline:not(.btn-outline-dashed) {
+  border: 1px solid var(--kt-input-border-color);
+}
+.btn.btn-outline-dashed {
+  border: 1px dashed var(--kt-input-border-color);
+}
+.btn.btn-flush {
+  appearance: none;
+  box-shadow: none;
+  border-radius: 0;
+  border: none;
+  cursor: pointer;
+  background-color: transparent;
+  outline: none !important;
+  margin: 0;
+  padding: 0;
+}
+.btn.btn-flex {
+  display: inline-flex;
+  align-items: center;
+}
+.btn.btn-trim-start {
+  justify-content: flex-start !important;
+  padding-left: 0 !important;
+}
+.btn.btn-trim-end {
+  justify-content: flex-end !important;
+  padding-right: 0 !important;
+}
+
+.btn i {
+  display: inline-flex;
+  font-size: 1rem;
+  padding-right: 0.35rem;
+  vertical-align: middle;
+  line-height: 0;
+}
+.btn .svg-icon {
+  flex-shrink: 0;
+  line-height: 0;
+  margin-right: 0.5rem;
+}
+.btn.btn-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  height: calc(1.5em + 1.55rem + 2px);
+  width: calc(1.5em + 1.55rem + 2px);
+}
+.btn.btn-icon:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush) {
+  border: 0;
+}
+.btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon {
+  height: calc(1.5em + 1.4rem + 2px);
+  width: calc(1.5em + 1.4rem + 2px);
+}
+.btn.btn-icon.btn-lg, .btn-group-lg > .btn.btn-icon {
+  height: calc(1.5em + 1.65rem + 2px);
+  width: calc(1.5em + 1.65rem + 2px);
+}
+.btn.btn-icon.btn-circle {
+  border-radius: 50%;
+}
+.btn.btn-icon i,
+.btn.btn-icon .svg-icon {
+  padding: 0;
+  margin: 0;
+  line-height: 1;
+}
+
+.btn.btn-hover-rise {
+  transition: transform 0.3s ease;
+}
+.btn.btn-hover-rise:hover {
+  transform: translateY(-10%);
+  transition: transform 0.3s ease;
+}
+
+.btn.btn-hover-scale {
+  transition: transform 0.3s ease;
+}
+.btn.btn-hover-scale:hover {
+  transform: scale(1.1);
+  transition: transform 0.3s ease;
+}
+
+.btn.btn-hover-rotate-end {
+  transition: transform 0.3s ease;
+}
+.btn.btn-hover-rotate-end:hover {
+  transform: rotate(4deg);
+  transition: transform 0.3s ease;
+}
+
+.btn.btn-hover-rotate-start {
+  transition: transform 0.3s ease;
+}
+.btn.btn-hover-rotate-start:hover {
+  transform: rotate(-4deg);
+  transition: transform 0.3s ease;
+}
+
+.btn.btn-white {
+  color: var(--kt-white-inverse);
+  border-color: var(--kt-white);
+  background-color: var(--kt-white);
+}
+.btn.btn-white i,
+.btn.btn-white .svg-icon {
+  color: var(--kt-white-inverse);
+}
+.btn.btn-white.dropdown-toggle:after {
+  color: var(--kt-white-inverse);
+}
+.btn-check:checked + .btn.btn-white, .btn-check:active + .btn.btn-white, .btn.btn-white:focus:not(.btn-active), .btn.btn-white:hover:not(.btn-active), .btn.btn-white:active:not(.btn-active), .btn.btn-white.active, .btn.btn-white.show, .show > .btn.btn-white {
+  color: var(--kt-white-inverse);
+  border-color: var(--kt-white-active);
+  background-color: var(--kt-white-active) !important;
+}
+.btn-check:checked + .btn.btn-white i,
+.btn-check:checked + .btn.btn-white .svg-icon, .btn-check:active + .btn.btn-white i,
+.btn-check:active + .btn.btn-white .svg-icon, .btn.btn-white:focus:not(.btn-active) i,
+.btn.btn-white:focus:not(.btn-active) .svg-icon, .btn.btn-white:hover:not(.btn-active) i,
+.btn.btn-white:hover:not(.btn-active) .svg-icon, .btn.btn-white:active:not(.btn-active) i,
+.btn.btn-white:active:not(.btn-active) .svg-icon, .btn.btn-white.active i,
+.btn.btn-white.active .svg-icon, .btn.btn-white.show i,
+.btn.btn-white.show .svg-icon, .show > .btn.btn-white i,
+.show > .btn.btn-white .svg-icon {
+  color: var(--kt-white-inverse);
+}
+.btn-check:checked + .btn.btn-white.dropdown-toggle:after, .btn-check:active + .btn.btn-white.dropdown-toggle:after, .btn.btn-white:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-white:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-white:active:not(.btn-active).dropdown-toggle:after, .btn.btn-white.active.dropdown-toggle:after, .btn.btn-white.show.dropdown-toggle:after, .show > .btn.btn-white.dropdown-toggle:after {
+  color: var(--kt-white-inverse);
+}
+
+.btn.btn-bg-white {
+  border-color: var(--kt-white);
+  background-color: var(--kt-white);
+}
+.btn-check:checked + .btn.btn-active-white, .btn-check:active + .btn.btn-active-white, .btn.btn-active-white:focus:not(.btn-active), .btn.btn-active-white:hover:not(.btn-active), .btn.btn-active-white:active:not(.btn-active), .btn.btn-active-white.active, .btn.btn-active-white.show, .show > .btn.btn-active-white {
+  color: var(--kt-white-inverse);
+  border-color: var(--kt-white);
+  background-color: var(--kt-white) !important;
+}
+.btn-check:checked + .btn.btn-active-white i,
+.btn-check:checked + .btn.btn-active-white .svg-icon, .btn-check:active + .btn.btn-active-white i,
+.btn-check:active + .btn.btn-active-white .svg-icon, .btn.btn-active-white:focus:not(.btn-active) i,
+.btn.btn-active-white:focus:not(.btn-active) .svg-icon, .btn.btn-active-white:hover:not(.btn-active) i,
+.btn.btn-active-white:hover:not(.btn-active) .svg-icon, .btn.btn-active-white:active:not(.btn-active) i,
+.btn.btn-active-white:active:not(.btn-active) .svg-icon, .btn.btn-active-white.active i,
+.btn.btn-active-white.active .svg-icon, .btn.btn-active-white.show i,
+.btn.btn-active-white.show .svg-icon, .show > .btn.btn-active-white i,
+.show > .btn.btn-active-white .svg-icon {
+  color: var(--kt-white-inverse);
+}
+.btn-check:checked + .btn.btn-active-white.dropdown-toggle:after, .btn-check:active + .btn.btn-active-white.dropdown-toggle:after, .btn.btn-active-white:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-white:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-white:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-white.active.dropdown-toggle:after, .btn.btn-active-white.show.dropdown-toggle:after, .show > .btn.btn-active-white.dropdown-toggle:after {
+  color: var(--kt-white-inverse);
+}
+
+.btn.btn-outline-white {
+  color: var(--kt-white);
+  border-color: var(--kt-white);
+  background-color: transparent;
+}
+.btn.btn-outline-white i,
+.btn.btn-outline-white .svg-icon {
+  color: var(--kt-white);
+}
+.btn.btn-outline-white.dropdown-toggle:after {
+  color: var(--kt-white);
+}
+.btn-check:checked + .btn.btn-outline-white, .btn-check:active + .btn.btn-outline-white, .btn.btn-outline-white:focus:not(.btn-active), .btn.btn-outline-white:hover:not(.btn-active), .btn.btn-outline-white:active:not(.btn-active), .btn.btn-outline-white.active, .btn.btn-outline-white.show, .show > .btn.btn-outline-white {
+  color: var(--kt-white-active);
+  border-color: var(--kt-white);
+  background-color: var(--kt-white-light) !important;
+}
+.btn-check:checked + .btn.btn-outline-white i,
+.btn-check:checked + .btn.btn-outline-white .svg-icon, .btn-check:active + .btn.btn-outline-white i,
+.btn-check:active + .btn.btn-outline-white .svg-icon, .btn.btn-outline-white:focus:not(.btn-active) i,
+.btn.btn-outline-white:focus:not(.btn-active) .svg-icon, .btn.btn-outline-white:hover:not(.btn-active) i,
+.btn.btn-outline-white:hover:not(.btn-active) .svg-icon, .btn.btn-outline-white:active:not(.btn-active) i,
+.btn.btn-outline-white:active:not(.btn-active) .svg-icon, .btn.btn-outline-white.active i,
+.btn.btn-outline-white.active .svg-icon, .btn.btn-outline-white.show i,
+.btn.btn-outline-white.show .svg-icon, .show > .btn.btn-outline-white i,
+.show > .btn.btn-outline-white .svg-icon {
+  color: var(--kt-white-active);
+}
+.btn-check:checked + .btn.btn-outline-white.dropdown-toggle:after, .btn-check:active + .btn.btn-outline-white.dropdown-toggle:after, .btn.btn-outline-white:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-white:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-white:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-white.active.dropdown-toggle:after, .btn.btn-outline-white.show.dropdown-toggle:after, .show > .btn.btn-outline-white.dropdown-toggle:after {
+  color: var(--kt-white-active);
+}
+
+.btn.btn-light {
+  color: var(--kt-light-inverse);
+  border-color: var(--kt-light);
+  background-color: var(--kt-light);
+}
+.btn.btn-light i,
+.btn.btn-light .svg-icon {
+  color: var(--kt-light-inverse);
+}
+.btn.btn-light.dropdown-toggle:after {
+  color: var(--kt-light-inverse);
+}
+.btn-check:checked + .btn.btn-light, .btn-check:active + .btn.btn-light, .btn.btn-light:focus:not(.btn-active), .btn.btn-light:hover:not(.btn-active), .btn.btn-light:active:not(.btn-active), .btn.btn-light.active, .btn.btn-light.show, .show > .btn.btn-light {
+  color: var(--kt-light-inverse);
+  border-color: var(--kt-light-active);
+  background-color: var(--kt-light-active) !important;
+}
+.btn-check:checked + .btn.btn-light i,
+.btn-check:checked + .btn.btn-light .svg-icon, .btn-check:active + .btn.btn-light i,
+.btn-check:active + .btn.btn-light .svg-icon, .btn.btn-light:focus:not(.btn-active) i,
+.btn.btn-light:focus:not(.btn-active) .svg-icon, .btn.btn-light:hover:not(.btn-active) i,
+.btn.btn-light:hover:not(.btn-active) .svg-icon, .btn.btn-light:active:not(.btn-active) i,
+.btn.btn-light:active:not(.btn-active) .svg-icon, .btn.btn-light.active i,
+.btn.btn-light.active .svg-icon, .btn.btn-light.show i,
+.btn.btn-light.show .svg-icon, .show > .btn.btn-light i,
+.show > .btn.btn-light .svg-icon {
+  color: var(--kt-light-inverse);
+}
+.btn-check:checked + .btn.btn-light.dropdown-toggle:after, .btn-check:active + .btn.btn-light.dropdown-toggle:after, .btn.btn-light:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light.active.dropdown-toggle:after, .btn.btn-light.show.dropdown-toggle:after, .show > .btn.btn-light.dropdown-toggle:after {
+  color: var(--kt-light-inverse);
+}
+
+.btn.btn-bg-light {
+  border-color: var(--kt-light);
+  background-color: var(--kt-light);
+}
+.btn-check:checked + .btn.btn-active-light, .btn-check:active + .btn.btn-active-light, .btn.btn-active-light:focus:not(.btn-active), .btn.btn-active-light:hover:not(.btn-active), .btn.btn-active-light:active:not(.btn-active), .btn.btn-active-light.active, .btn.btn-active-light.show, .show > .btn.btn-active-light {
+  color: var(--kt-light-inverse);
+  border-color: var(--kt-light);
+  background-color: var(--kt-light) !important;
+}
+.btn-check:checked + .btn.btn-active-light i,
+.btn-check:checked + .btn.btn-active-light .svg-icon, .btn-check:active + .btn.btn-active-light i,
+.btn-check:active + .btn.btn-active-light .svg-icon, .btn.btn-active-light:focus:not(.btn-active) i,
+.btn.btn-active-light:focus:not(.btn-active) .svg-icon, .btn.btn-active-light:hover:not(.btn-active) i,
+.btn.btn-active-light:hover:not(.btn-active) .svg-icon, .btn.btn-active-light:active:not(.btn-active) i,
+.btn.btn-active-light:active:not(.btn-active) .svg-icon, .btn.btn-active-light.active i,
+.btn.btn-active-light.active .svg-icon, .btn.btn-active-light.show i,
+.btn.btn-active-light.show .svg-icon, .show > .btn.btn-active-light i,
+.show > .btn.btn-active-light .svg-icon {
+  color: var(--kt-light-inverse);
+}
+.btn-check:checked + .btn.btn-active-light.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light.dropdown-toggle:after, .btn.btn-active-light:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light.active.dropdown-toggle:after, .btn.btn-active-light.show.dropdown-toggle:after, .show > .btn.btn-active-light.dropdown-toggle:after {
+  color: var(--kt-light-inverse);
+}
+
+.btn.btn-outline-light {
+  color: var(--kt-light);
+  border-color: var(--kt-light);
+  background-color: transparent;
+}
+.btn.btn-outline-light i,
+.btn.btn-outline-light .svg-icon {
+  color: var(--kt-light);
+}
+.btn.btn-outline-light.dropdown-toggle:after {
+  color: var(--kt-light);
+}
+.btn-check:checked + .btn.btn-outline-light, .btn-check:active + .btn.btn-outline-light, .btn.btn-outline-light:focus:not(.btn-active), .btn.btn-outline-light:hover:not(.btn-active), .btn.btn-outline-light:active:not(.btn-active), .btn.btn-outline-light.active, .btn.btn-outline-light.show, .show > .btn.btn-outline-light {
+  color: var(--kt-light-active);
+  border-color: var(--kt-light);
+  background-color: var(--kt-light-light) !important;
+}
+.btn-check:checked + .btn.btn-outline-light i,
+.btn-check:checked + .btn.btn-outline-light .svg-icon, .btn-check:active + .btn.btn-outline-light i,
+.btn-check:active + .btn.btn-outline-light .svg-icon, .btn.btn-outline-light:focus:not(.btn-active) i,
+.btn.btn-outline-light:focus:not(.btn-active) .svg-icon, .btn.btn-outline-light:hover:not(.btn-active) i,
+.btn.btn-outline-light:hover:not(.btn-active) .svg-icon, .btn.btn-outline-light:active:not(.btn-active) i,
+.btn.btn-outline-light:active:not(.btn-active) .svg-icon, .btn.btn-outline-light.active i,
+.btn.btn-outline-light.active .svg-icon, .btn.btn-outline-light.show i,
+.btn.btn-outline-light.show .svg-icon, .show > .btn.btn-outline-light i,
+.show > .btn.btn-outline-light .svg-icon {
+  color: var(--kt-light-active);
+}
+.btn-check:checked + .btn.btn-outline-light.dropdown-toggle:after, .btn-check:active + .btn.btn-outline-light.dropdown-toggle:after, .btn.btn-outline-light:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-light:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-light:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-light.active.dropdown-toggle:after, .btn.btn-outline-light.show.dropdown-toggle:after, .show > .btn.btn-outline-light.dropdown-toggle:after {
+  color: var(--kt-light-active);
+}
+
+.btn.btn-primary {
+  color: var(--kt-primary-inverse);
+  border-color: var(--kt-primary);
+  background-color: var(--kt-primary);
+}
+.btn.btn-primary i,
+.btn.btn-primary .svg-icon {
+  color: var(--kt-primary-inverse);
+}
+.btn.btn-primary.dropdown-toggle:after {
+  color: var(--kt-primary-inverse);
+}
+.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary {
+  color: var(--kt-primary-inverse);
+  border-color: var(--kt-primary-active);
+  background-color: var(--kt-primary-active) !important;
+}
+.btn-check:checked + .btn.btn-primary i,
+.btn-check:checked + .btn.btn-primary .svg-icon, .btn-check:active + .btn.btn-primary i,
+.btn-check:active + .btn.btn-primary .svg-icon, .btn.btn-primary:focus:not(.btn-active) i,
+.btn.btn-primary:focus:not(.btn-active) .svg-icon, .btn.btn-primary:hover:not(.btn-active) i,
+.btn.btn-primary:hover:not(.btn-active) .svg-icon, .btn.btn-primary:active:not(.btn-active) i,
+.btn.btn-primary:active:not(.btn-active) .svg-icon, .btn.btn-primary.active i,
+.btn.btn-primary.active .svg-icon, .btn.btn-primary.show i,
+.btn.btn-primary.show .svg-icon, .show > .btn.btn-primary i,
+.show > .btn.btn-primary .svg-icon {
+  color: var(--kt-primary-inverse);
+}
+.btn-check:checked + .btn.btn-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-primary.dropdown-toggle:after, .btn.btn-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-primary.active.dropdown-toggle:after, .btn.btn-primary.show.dropdown-toggle:after, .show > .btn.btn-primary.dropdown-toggle:after {
+  color: var(--kt-primary-inverse);
+}
+
+.btn.btn-light-primary {
+  color: var(--kt-primary);
+  border-color: var(--kt-primary-light);
+  background-color: var(--kt-primary-light);
+}
+.btn.btn-light-primary i,
+.btn.btn-light-primary .svg-icon {
+  color: var(--kt-primary);
+}
+.btn.btn-light-primary.dropdown-toggle:after {
+  color: var(--kt-primary);
+}
+.btn-check:checked + .btn.btn-light-primary, .btn-check:active + .btn.btn-light-primary, .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary.active, .btn.btn-light-primary.show, .show > .btn.btn-light-primary {
+  color: var(--kt-primary-inverse);
+  border-color: var(--kt-primary);
+  background-color: var(--kt-primary) !important;
+}
+.btn-check:checked + .btn.btn-light-primary i,
+.btn-check:checked + .btn.btn-light-primary .svg-icon, .btn-check:active + .btn.btn-light-primary i,
+.btn-check:active + .btn.btn-light-primary .svg-icon, .btn.btn-light-primary:focus:not(.btn-active) i,
+.btn.btn-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-light-primary:hover:not(.btn-active) i,
+.btn.btn-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-light-primary:active:not(.btn-active) i,
+.btn.btn-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-light-primary.active i,
+.btn.btn-light-primary.active .svg-icon, .btn.btn-light-primary.show i,
+.btn.btn-light-primary.show .svg-icon, .show > .btn.btn-light-primary i,
+.show > .btn.btn-light-primary .svg-icon {
+  color: var(--kt-primary-inverse);
+}
+.btn-check:checked + .btn.btn-light-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-light-primary.dropdown-toggle:after, .btn.btn-light-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-primary.active.dropdown-toggle:after, .btn.btn-light-primary.show.dropdown-toggle:after, .show > .btn.btn-light-primary.dropdown-toggle:after {
+  color: var(--kt-primary-inverse);
+}
+
+.btn.btn-bg-primary {
+  border-color: var(--kt-primary);
+  background-color: var(--kt-primary);
+}
+.btn-check:checked + .btn.btn-active-primary, .btn-check:active + .btn.btn-active-primary, .btn.btn-active-primary:focus:not(.btn-active), .btn.btn-active-primary:hover:not(.btn-active), .btn.btn-active-primary:active:not(.btn-active), .btn.btn-active-primary.active, .btn.btn-active-primary.show, .show > .btn.btn-active-primary {
+  color: var(--kt-primary-inverse);
+  border-color: var(--kt-primary);
+  background-color: var(--kt-primary) !important;
+}
+.btn-check:checked + .btn.btn-active-primary i,
+.btn-check:checked + .btn.btn-active-primary .svg-icon, .btn-check:active + .btn.btn-active-primary i,
+.btn-check:active + .btn.btn-active-primary .svg-icon, .btn.btn-active-primary:focus:not(.btn-active) i,
+.btn.btn-active-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-primary:hover:not(.btn-active) i,
+.btn.btn-active-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-primary:active:not(.btn-active) i,
+.btn.btn-active-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-primary.active i,
+.btn.btn-active-primary.active .svg-icon, .btn.btn-active-primary.show i,
+.btn.btn-active-primary.show .svg-icon, .show > .btn.btn-active-primary i,
+.show > .btn.btn-active-primary .svg-icon {
+  color: var(--kt-primary-inverse);
+}
+.btn-check:checked + .btn.btn-active-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-primary.dropdown-toggle:after, .btn.btn-active-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-primary.active.dropdown-toggle:after, .btn.btn-active-primary.show.dropdown-toggle:after, .show > .btn.btn-active-primary.dropdown-toggle:after {
+  color: var(--kt-primary-inverse);
+}
+
+.btn-check:checked + .btn.btn-active-light-primary, .btn-check:active + .btn.btn-active-light-primary, .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .show > .btn.btn-active-light-primary {
+  color: var(--kt-primary);
+  border-color: var(--kt-primary-light);
+  background-color: var(--kt-primary-light) !important;
+}
+.btn-check:checked + .btn.btn-active-light-primary i,
+.btn-check:checked + .btn.btn-active-light-primary .svg-icon, .btn-check:active + .btn.btn-active-light-primary i,
+.btn-check:active + .btn.btn-active-light-primary .svg-icon, .btn.btn-active-light-primary:focus:not(.btn-active) i,
+.btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) i,
+.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:active:not(.btn-active) i,
+.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-primary.active i,
+.btn.btn-active-light-primary.active .svg-icon, .btn.btn-active-light-primary.show i,
+.btn.btn-active-light-primary.show .svg-icon, .show > .btn.btn-active-light-primary i,
+.show > .btn.btn-active-light-primary .svg-icon {
+  color: var(--kt-primary);
+}
+.btn-check:checked + .btn.btn-active-light-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-primary.dropdown-toggle:after, .btn.btn-active-light-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-primary.active.dropdown-toggle:after, .btn.btn-active-light-primary.show.dropdown-toggle:after, .show > .btn.btn-active-light-primary.dropdown-toggle:after {
+  color: var(--kt-primary);
+}
+
+.btn.btn-outline-primary {
+  color: var(--kt-primary);
+  border-color: var(--kt-primary);
+  background-color: transparent;
+}
+.btn.btn-outline-primary i,
+.btn.btn-outline-primary .svg-icon {
+  color: var(--kt-primary);
+}
+.btn.btn-outline-primary.dropdown-toggle:after {
+  color: var(--kt-primary);
+}
+.btn-check:checked + .btn.btn-outline-primary, .btn-check:active + .btn.btn-outline-primary, .btn.btn-outline-primary:focus:not(.btn-active), .btn.btn-outline-primary:hover:not(.btn-active), .btn.btn-outline-primary:active:not(.btn-active), .btn.btn-outline-primary.active, .btn.btn-outline-primary.show, .show > .btn.btn-outline-primary {
+  color: var(--kt-primary-active);
+  border-color: var(--kt-primary);
+  background-color: var(--kt-primary-light) !important;
+}
+.btn-check:checked + .btn.btn-outline-primary i,
+.btn-check:checked + .btn.btn-outline-primary .svg-icon, .btn-check:active + .btn.btn-outline-primary i,
+.btn-check:active + .btn.btn-outline-primary .svg-icon, .btn.btn-outline-primary:focus:not(.btn-active) i,
+.btn.btn-outline-primary:focus:not(.btn-active) .svg-icon, .btn.btn-outline-primary:hover:not(.btn-active) i,
+.btn.btn-outline-primary:hover:not(.btn-active) .svg-icon, .btn.btn-outline-primary:active:not(.btn-active) i,
+.btn.btn-outline-primary:active:not(.btn-active) .svg-icon, .btn.btn-outline-primary.active i,
+.btn.btn-outline-primary.active .svg-icon, .btn.btn-outline-primary.show i,
+.btn.btn-outline-primary.show .svg-icon, .show > .btn.btn-outline-primary i,
+.show > .btn.btn-outline-primary .svg-icon {
+  color: var(--kt-primary-active);
+}
+.btn-check:checked + .btn.btn-outline-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-outline-primary.dropdown-toggle:after, .btn.btn-outline-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-primary.active.dropdown-toggle:after, .btn.btn-outline-primary.show.dropdown-toggle:after, .show > .btn.btn-outline-primary.dropdown-toggle:after {
+  color: var(--kt-primary-active);
+}
+
+.btn.btn-secondary {
+  color: var(--kt-secondary-inverse);
+  border-color: var(--kt-secondary);
+  background-color: var(--kt-secondary);
+}
+.btn.btn-secondary i,
+.btn.btn-secondary .svg-icon {
+  color: var(--kt-secondary-inverse);
+}
+.btn.btn-secondary.dropdown-toggle:after {
+  color: var(--kt-secondary-inverse);
+}
+.btn-check:checked + .btn.btn-secondary, .btn-check:active + .btn.btn-secondary, .btn.btn-secondary:focus:not(.btn-active), .btn.btn-secondary:hover:not(.btn-active), .btn.btn-secondary:active:not(.btn-active), .btn.btn-secondary.active, .btn.btn-secondary.show, .show > .btn.btn-secondary {
+  color: var(--kt-secondary-inverse);
+  border-color: var(--kt-secondary-active);
+  background-color: var(--kt-secondary-active) !important;
+}
+.btn-check:checked + .btn.btn-secondary i,
+.btn-check:checked + .btn.btn-secondary .svg-icon, .btn-check:active + .btn.btn-secondary i,
+.btn-check:active + .btn.btn-secondary .svg-icon, .btn.btn-secondary:focus:not(.btn-active) i,
+.btn.btn-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-secondary:hover:not(.btn-active) i,
+.btn.btn-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-secondary:active:not(.btn-active) i,
+.btn.btn-secondary:active:not(.btn-active) .svg-icon, .btn.btn-secondary.active i,
+.btn.btn-secondary.active .svg-icon, .btn.btn-secondary.show i,
+.btn.btn-secondary.show .svg-icon, .show > .btn.btn-secondary i,
+.show > .btn.btn-secondary .svg-icon {
+  color: var(--kt-secondary-inverse);
+}
+.btn-check:checked + .btn.btn-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-secondary.dropdown-toggle:after, .btn.btn-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-secondary.active.dropdown-toggle:after, .btn.btn-secondary.show.dropdown-toggle:after, .show > .btn.btn-secondary.dropdown-toggle:after {
+  color: var(--kt-secondary-inverse);
+}
+
+.btn.btn-light-secondary {
+  color: var(--kt-secondary);
+  border-color: var(--kt-secondary-light);
+  background-color: var(--kt-secondary-light);
+}
+.btn.btn-light-secondary i,
+.btn.btn-light-secondary .svg-icon {
+  color: var(--kt-secondary);
+}
+.btn.btn-light-secondary.dropdown-toggle:after {
+  color: var(--kt-secondary);
+}
+.btn-check:checked + .btn.btn-light-secondary, .btn-check:active + .btn.btn-light-secondary, .btn.btn-light-secondary:focus:not(.btn-active), .btn.btn-light-secondary:hover:not(.btn-active), .btn.btn-light-secondary:active:not(.btn-active), .btn.btn-light-secondary.active, .btn.btn-light-secondary.show, .show > .btn.btn-light-secondary {
+  color: var(--kt-secondary-inverse);
+  border-color: var(--kt-secondary);
+  background-color: var(--kt-secondary) !important;
+}
+.btn-check:checked + .btn.btn-light-secondary i,
+.btn-check:checked + .btn.btn-light-secondary .svg-icon, .btn-check:active + .btn.btn-light-secondary i,
+.btn-check:active + .btn.btn-light-secondary .svg-icon, .btn.btn-light-secondary:focus:not(.btn-active) i,
+.btn.btn-light-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-light-secondary:hover:not(.btn-active) i,
+.btn.btn-light-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-light-secondary:active:not(.btn-active) i,
+.btn.btn-light-secondary:active:not(.btn-active) .svg-icon, .btn.btn-light-secondary.active i,
+.btn.btn-light-secondary.active .svg-icon, .btn.btn-light-secondary.show i,
+.btn.btn-light-secondary.show .svg-icon, .show > .btn.btn-light-secondary i,
+.show > .btn.btn-light-secondary .svg-icon {
+  color: var(--kt-secondary-inverse);
+}
+.btn-check:checked + .btn.btn-light-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-light-secondary.dropdown-toggle:after, .btn.btn-light-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-secondary.active.dropdown-toggle:after, .btn.btn-light-secondary.show.dropdown-toggle:after, .show > .btn.btn-light-secondary.dropdown-toggle:after {
+  color: var(--kt-secondary-inverse);
+}
+
+.btn.btn-bg-secondary {
+  border-color: var(--kt-secondary);
+  background-color: var(--kt-secondary);
+}
+.btn-check:checked + .btn.btn-active-secondary, .btn-check:active + .btn.btn-active-secondary, .btn.btn-active-secondary:focus:not(.btn-active), .btn.btn-active-secondary:hover:not(.btn-active), .btn.btn-active-secondary:active:not(.btn-active), .btn.btn-active-secondary.active, .btn.btn-active-secondary.show, .show > .btn.btn-active-secondary {
+  color: var(--kt-secondary-inverse);
+  border-color: var(--kt-secondary);
+  background-color: var(--kt-secondary) !important;
+}
+.btn-check:checked + .btn.btn-active-secondary i,
+.btn-check:checked + .btn.btn-active-secondary .svg-icon, .btn-check:active + .btn.btn-active-secondary i,
+.btn-check:active + .btn.btn-active-secondary .svg-icon, .btn.btn-active-secondary:focus:not(.btn-active) i,
+.btn.btn-active-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-active-secondary:hover:not(.btn-active) i,
+.btn.btn-active-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-active-secondary:active:not(.btn-active) i,
+.btn.btn-active-secondary:active:not(.btn-active) .svg-icon, .btn.btn-active-secondary.active i,
+.btn.btn-active-secondary.active .svg-icon, .btn.btn-active-secondary.show i,
+.btn.btn-active-secondary.show .svg-icon, .show > .btn.btn-active-secondary i,
+.show > .btn.btn-active-secondary .svg-icon {
+  color: var(--kt-secondary-inverse);
+}
+.btn-check:checked + .btn.btn-active-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-secondary.dropdown-toggle:after, .btn.btn-active-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-secondary.active.dropdown-toggle:after, .btn.btn-active-secondary.show.dropdown-toggle:after, .show > .btn.btn-active-secondary.dropdown-toggle:after {
+  color: var(--kt-secondary-inverse);
+}
+
+.btn-check:checked + .btn.btn-active-light-secondary, .btn-check:active + .btn.btn-active-light-secondary, .btn.btn-active-light-secondary:focus:not(.btn-active), .btn.btn-active-light-secondary:hover:not(.btn-active), .btn.btn-active-light-secondary:active:not(.btn-active), .btn.btn-active-light-secondary.active, .btn.btn-active-light-secondary.show, .show > .btn.btn-active-light-secondary {
+  color: var(--kt-secondary);
+  border-color: var(--kt-secondary-light);
+  background-color: var(--kt-secondary-light) !important;
+}
+.btn-check:checked + .btn.btn-active-light-secondary i,
+.btn-check:checked + .btn.btn-active-light-secondary .svg-icon, .btn-check:active + .btn.btn-active-light-secondary i,
+.btn-check:active + .btn.btn-active-light-secondary .svg-icon, .btn.btn-active-light-secondary:focus:not(.btn-active) i,
+.btn.btn-active-light-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-secondary:hover:not(.btn-active) i,
+.btn.btn-active-light-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-secondary:active:not(.btn-active) i,
+.btn.btn-active-light-secondary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-secondary.active i,
+.btn.btn-active-light-secondary.active .svg-icon, .btn.btn-active-light-secondary.show i,
+.btn.btn-active-light-secondary.show .svg-icon, .show > .btn.btn-active-light-secondary i,
+.show > .btn.btn-active-light-secondary .svg-icon {
+  color: var(--kt-secondary);
+}
+.btn-check:checked + .btn.btn-active-light-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-secondary.dropdown-toggle:after, .btn.btn-active-light-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-secondary.active.dropdown-toggle:after, .btn.btn-active-light-secondary.show.dropdown-toggle:after, .show > .btn.btn-active-light-secondary.dropdown-toggle:after {
+  color: var(--kt-secondary);
+}
+
+.btn.btn-outline-secondary {
+  color: var(--kt-secondary);
+  border-color: var(--kt-secondary);
+  background-color: transparent;
+}
+.btn.btn-outline-secondary i,
+.btn.btn-outline-secondary .svg-icon {
+  color: var(--kt-secondary);
+}
+.btn.btn-outline-secondary.dropdown-toggle:after {
+  color: var(--kt-secondary);
+}
+.btn-check:checked + .btn.btn-outline-secondary, .btn-check:active + .btn.btn-outline-secondary, .btn.btn-outline-secondary:focus:not(.btn-active), .btn.btn-outline-secondary:hover:not(.btn-active), .btn.btn-outline-secondary:active:not(.btn-active), .btn.btn-outline-secondary.active, .btn.btn-outline-secondary.show, .show > .btn.btn-outline-secondary {
+  color: var(--kt-secondary-active);
+  border-color: var(--kt-secondary);
+  background-color: var(--kt-secondary-light) !important;
+}
+.btn-check:checked + .btn.btn-outline-secondary i,
+.btn-check:checked + .btn.btn-outline-secondary .svg-icon, .btn-check:active + .btn.btn-outline-secondary i,
+.btn-check:active + .btn.btn-outline-secondary .svg-icon, .btn.btn-outline-secondary:focus:not(.btn-active) i,
+.btn.btn-outline-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-outline-secondary:hover:not(.btn-active) i,
+.btn.btn-outline-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-outline-secondary:active:not(.btn-active) i,
+.btn.btn-outline-secondary:active:not(.btn-active) .svg-icon, .btn.btn-outline-secondary.active i,
+.btn.btn-outline-secondary.active .svg-icon, .btn.btn-outline-secondary.show i,
+.btn.btn-outline-secondary.show .svg-icon, .show > .btn.btn-outline-secondary i,
+.show > .btn.btn-outline-secondary .svg-icon {
+  color: var(--kt-secondary-active);
+}
+.btn-check:checked + .btn.btn-outline-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-outline-secondary.dropdown-toggle:after, .btn.btn-outline-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-secondary.active.dropdown-toggle:after, .btn.btn-outline-secondary.show.dropdown-toggle:after, .show > .btn.btn-outline-secondary.dropdown-toggle:after {
+  color: var(--kt-secondary-active);
+}
+
+.btn.btn-success {
+  color: var(--kt-success-inverse);
+  border-color: var(--kt-success);
+  background-color: var(--kt-success);
+}
+.btn.btn-success i,
+.btn.btn-success .svg-icon {
+  color: var(--kt-success-inverse);
+}
+.btn.btn-success.dropdown-toggle:after {
+  color: var(--kt-success-inverse);
+}
+.btn-check:checked + .btn.btn-success, .btn-check:active + .btn.btn-success, .btn.btn-success:focus:not(.btn-active), .btn.btn-success:hover:not(.btn-active), .btn.btn-success:active:not(.btn-active), .btn.btn-success.active, .btn.btn-success.show, .show > .btn.btn-success {
+  color: var(--kt-success-inverse);
+  border-color: var(--kt-success-active);
+  background-color: var(--kt-success-active) !important;
+}
+.btn-check:checked + .btn.btn-success i,
+.btn-check:checked + .btn.btn-success .svg-icon, .btn-check:active + .btn.btn-success i,
+.btn-check:active + .btn.btn-success .svg-icon, .btn.btn-success:focus:not(.btn-active) i,
+.btn.btn-success:focus:not(.btn-active) .svg-icon, .btn.btn-success:hover:not(.btn-active) i,
+.btn.btn-success:hover:not(.btn-active) .svg-icon, .btn.btn-success:active:not(.btn-active) i,
+.btn.btn-success:active:not(.btn-active) .svg-icon, .btn.btn-success.active i,
+.btn.btn-success.active .svg-icon, .btn.btn-success.show i,
+.btn.btn-success.show .svg-icon, .show > .btn.btn-success i,
+.show > .btn.btn-success .svg-icon {
+  color: var(--kt-success-inverse);
+}
+.btn-check:checked + .btn.btn-success.dropdown-toggle:after, .btn-check:active + .btn.btn-success.dropdown-toggle:after, .btn.btn-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-success.active.dropdown-toggle:after, .btn.btn-success.show.dropdown-toggle:after, .show > .btn.btn-success.dropdown-toggle:after {
+  color: var(--kt-success-inverse);
+}
+
+.btn.btn-light-success {
+  color: var(--kt-success);
+  border-color: var(--kt-success-light);
+  background-color: var(--kt-success-light);
+}
+.btn.btn-light-success i,
+.btn.btn-light-success .svg-icon {
+  color: var(--kt-success);
+}
+.btn.btn-light-success.dropdown-toggle:after {
+  color: var(--kt-success);
+}
+.btn-check:checked + .btn.btn-light-success, .btn-check:active + .btn.btn-light-success, .btn.btn-light-success:focus:not(.btn-active), .btn.btn-light-success:hover:not(.btn-active), .btn.btn-light-success:active:not(.btn-active), .btn.btn-light-success.active, .btn.btn-light-success.show, .show > .btn.btn-light-success {
+  color: var(--kt-success-inverse);
+  border-color: var(--kt-success);
+  background-color: var(--kt-success) !important;
+}
+.btn-check:checked + .btn.btn-light-success i,
+.btn-check:checked + .btn.btn-light-success .svg-icon, .btn-check:active + .btn.btn-light-success i,
+.btn-check:active + .btn.btn-light-success .svg-icon, .btn.btn-light-success:focus:not(.btn-active) i,
+.btn.btn-light-success:focus:not(.btn-active) .svg-icon, .btn.btn-light-success:hover:not(.btn-active) i,
+.btn.btn-light-success:hover:not(.btn-active) .svg-icon, .btn.btn-light-success:active:not(.btn-active) i,
+.btn.btn-light-success:active:not(.btn-active) .svg-icon, .btn.btn-light-success.active i,
+.btn.btn-light-success.active .svg-icon, .btn.btn-light-success.show i,
+.btn.btn-light-success.show .svg-icon, .show > .btn.btn-light-success i,
+.show > .btn.btn-light-success .svg-icon {
+  color: var(--kt-success-inverse);
+}
+.btn-check:checked + .btn.btn-light-success.dropdown-toggle:after, .btn-check:active + .btn.btn-light-success.dropdown-toggle:after, .btn.btn-light-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-success.active.dropdown-toggle:after, .btn.btn-light-success.show.dropdown-toggle:after, .show > .btn.btn-light-success.dropdown-toggle:after {
+  color: var(--kt-success-inverse);
+}
+
+.btn.btn-bg-success {
+  border-color: var(--kt-success);
+  background-color: var(--kt-success);
+}
+.btn-check:checked + .btn.btn-active-success, .btn-check:active + .btn.btn-active-success, .btn.btn-active-success:focus:not(.btn-active), .btn.btn-active-success:hover:not(.btn-active), .btn.btn-active-success:active:not(.btn-active), .btn.btn-active-success.active, .btn.btn-active-success.show, .show > .btn.btn-active-success {
+  color: var(--kt-success-inverse);
+  border-color: var(--kt-success);
+  background-color: var(--kt-success) !important;
+}
+.btn-check:checked + .btn.btn-active-success i,
+.btn-check:checked + .btn.btn-active-success .svg-icon, .btn-check:active + .btn.btn-active-success i,
+.btn-check:active + .btn.btn-active-success .svg-icon, .btn.btn-active-success:focus:not(.btn-active) i,
+.btn.btn-active-success:focus:not(.btn-active) .svg-icon, .btn.btn-active-success:hover:not(.btn-active) i,
+.btn.btn-active-success:hover:not(.btn-active) .svg-icon, .btn.btn-active-success:active:not(.btn-active) i,
+.btn.btn-active-success:active:not(.btn-active) .svg-icon, .btn.btn-active-success.active i,
+.btn.btn-active-success.active .svg-icon, .btn.btn-active-success.show i,
+.btn.btn-active-success.show .svg-icon, .show > .btn.btn-active-success i,
+.show > .btn.btn-active-success .svg-icon {
+  color: var(--kt-success-inverse);
+}
+.btn-check:checked + .btn.btn-active-success.dropdown-toggle:after, .btn-check:active + .btn.btn-active-success.dropdown-toggle:after, .btn.btn-active-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-success.active.dropdown-toggle:after, .btn.btn-active-success.show.dropdown-toggle:after, .show > .btn.btn-active-success.dropdown-toggle:after {
+  color: var(--kt-success-inverse);
+}
+
+.btn-check:checked + .btn.btn-active-light-success, .btn-check:active + .btn.btn-active-light-success, .btn.btn-active-light-success:focus:not(.btn-active), .btn.btn-active-light-success:hover:not(.btn-active), .btn.btn-active-light-success:active:not(.btn-active), .btn.btn-active-light-success.active, .btn.btn-active-light-success.show, .show > .btn.btn-active-light-success {
+  color: var(--kt-success);
+  border-color: var(--kt-success-light);
+  background-color: var(--kt-success-light) !important;
+}
+.btn-check:checked + .btn.btn-active-light-success i,
+.btn-check:checked + .btn.btn-active-light-success .svg-icon, .btn-check:active + .btn.btn-active-light-success i,
+.btn-check:active + .btn.btn-active-light-success .svg-icon, .btn.btn-active-light-success:focus:not(.btn-active) i,
+.btn.btn-active-light-success:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-success:hover:not(.btn-active) i,
+.btn.btn-active-light-success:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-success:active:not(.btn-active) i,
+.btn.btn-active-light-success:active:not(.btn-active) .svg-icon, .btn.btn-active-light-success.active i,
+.btn.btn-active-light-success.active .svg-icon, .btn.btn-active-light-success.show i,
+.btn.btn-active-light-success.show .svg-icon, .show > .btn.btn-active-light-success i,
+.show > .btn.btn-active-light-success .svg-icon {
+  color: var(--kt-success);
+}
+.btn-check:checked + .btn.btn-active-light-success.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-success.dropdown-toggle:after, .btn.btn-active-light-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-success.active.dropdown-toggle:after, .btn.btn-active-light-success.show.dropdown-toggle:after, .show > .btn.btn-active-light-success.dropdown-toggle:after {
+  color: var(--kt-success);
+}
+
+.btn.btn-outline-success {
+  color: var(--kt-success);
+  border-color: var(--kt-success);
+  background-color: transparent;
+}
+.btn.btn-outline-success i,
+.btn.btn-outline-success .svg-icon {
+  color: var(--kt-success);
+}
+.btn.btn-outline-success.dropdown-toggle:after {
+  color: var(--kt-success);
+}
+.btn-check:checked + .btn.btn-outline-success, .btn-check:active + .btn.btn-outline-success, .btn.btn-outline-success:focus:not(.btn-active), .btn.btn-outline-success:hover:not(.btn-active), .btn.btn-outline-success:active:not(.btn-active), .btn.btn-outline-success.active, .btn.btn-outline-success.show, .show > .btn.btn-outline-success {
+  color: var(--kt-success-active);
+  border-color: var(--kt-success);
+  background-color: var(--kt-success-light) !important;
+}
+.btn-check:checked + .btn.btn-outline-success i,
+.btn-check:checked + .btn.btn-outline-success .svg-icon, .btn-check:active + .btn.btn-outline-success i,
+.btn-check:active + .btn.btn-outline-success .svg-icon, .btn.btn-outline-success:focus:not(.btn-active) i,
+.btn.btn-outline-success:focus:not(.btn-active) .svg-icon, .btn.btn-outline-success:hover:not(.btn-active) i,
+.btn.btn-outline-success:hover:not(.btn-active) .svg-icon, .btn.btn-outline-success:active:not(.btn-active) i,
+.btn.btn-outline-success:active:not(.btn-active) .svg-icon, .btn.btn-outline-success.active i,
+.btn.btn-outline-success.active .svg-icon, .btn.btn-outline-success.show i,
+.btn.btn-outline-success.show .svg-icon, .show > .btn.btn-outline-success i,
+.show > .btn.btn-outline-success .svg-icon {
+  color: var(--kt-success-active);
+}
+.btn-check:checked + .btn.btn-outline-success.dropdown-toggle:after, .btn-check:active + .btn.btn-outline-success.dropdown-toggle:after, .btn.btn-outline-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-success.active.dropdown-toggle:after, .btn.btn-outline-success.show.dropdown-toggle:after, .show > .btn.btn-outline-success.dropdown-toggle:after {
+  color: var(--kt-success-active);
+}
+
+.btn.btn-info {
+  color: var(--kt-info-inverse);
+  border-color: var(--kt-info);
+  background-color: var(--kt-info);
+}
+.btn.btn-info i,
+.btn.btn-info .svg-icon {
+  color: var(--kt-info-inverse);
+}
+.btn.btn-info.dropdown-toggle:after {
+  color: var(--kt-info-inverse);
+}
+.btn-check:checked + .btn.btn-info, .btn-check:active + .btn.btn-info, .btn.btn-info:focus:not(.btn-active), .btn.btn-info:hover:not(.btn-active), .btn.btn-info:active:not(.btn-active), .btn.btn-info.active, .btn.btn-info.show, .show > .btn.btn-info {
+  color: var(--kt-info-inverse);
+  border-color: var(--kt-info-active);
+  background-color: var(--kt-info-active) !important;
+}
+.btn-check:checked + .btn.btn-info i,
+.btn-check:checked + .btn.btn-info .svg-icon, .btn-check:active + .btn.btn-info i,
+.btn-check:active + .btn.btn-info .svg-icon, .btn.btn-info:focus:not(.btn-active) i,
+.btn.btn-info:focus:not(.btn-active) .svg-icon, .btn.btn-info:hover:not(.btn-active) i,
+.btn.btn-info:hover:not(.btn-active) .svg-icon, .btn.btn-info:active:not(.btn-active) i,
+.btn.btn-info:active:not(.btn-active) .svg-icon, .btn.btn-info.active i,
+.btn.btn-info.active .svg-icon, .btn.btn-info.show i,
+.btn.btn-info.show .svg-icon, .show > .btn.btn-info i,
+.show > .btn.btn-info .svg-icon {
+  color: var(--kt-info-inverse);
+}
+.btn-check:checked + .btn.btn-info.dropdown-toggle:after, .btn-check:active + .btn.btn-info.dropdown-toggle:after, .btn.btn-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-info.active.dropdown-toggle:after, .btn.btn-info.show.dropdown-toggle:after, .show > .btn.btn-info.dropdown-toggle:after {
+  color: var(--kt-info-inverse);
+}
+
+.btn.btn-light-info {
+  color: var(--kt-info);
+  border-color: var(--kt-info-light);
+  background-color: var(--kt-info-light);
+}
+.btn.btn-light-info i,
+.btn.btn-light-info .svg-icon {
+  color: var(--kt-info);
+}
+.btn.btn-light-info.dropdown-toggle:after {
+  color: var(--kt-info);
+}
+.btn-check:checked + .btn.btn-light-info, .btn-check:active + .btn.btn-light-info, .btn.btn-light-info:focus:not(.btn-active), .btn.btn-light-info:hover:not(.btn-active), .btn.btn-light-info:active:not(.btn-active), .btn.btn-light-info.active, .btn.btn-light-info.show, .show > .btn.btn-light-info {
+  color: var(--kt-info-inverse);
+  border-color: var(--kt-info);
+  background-color: var(--kt-info) !important;
+}
+.btn-check:checked + .btn.btn-light-info i,
+.btn-check:checked + .btn.btn-light-info .svg-icon, .btn-check:active + .btn.btn-light-info i,
+.btn-check:active + .btn.btn-light-info .svg-icon, .btn.btn-light-info:focus:not(.btn-active) i,
+.btn.btn-light-info:focus:not(.btn-active) .svg-icon, .btn.btn-light-info:hover:not(.btn-active) i,
+.btn.btn-light-info:hover:not(.btn-active) .svg-icon, .btn.btn-light-info:active:not(.btn-active) i,
+.btn.btn-light-info:active:not(.btn-active) .svg-icon, .btn.btn-light-info.active i,
+.btn.btn-light-info.active .svg-icon, .btn.btn-light-info.show i,
+.btn.btn-light-info.show .svg-icon, .show > .btn.btn-light-info i,
+.show > .btn.btn-light-info .svg-icon {
+  color: var(--kt-info-inverse);
+}
+.btn-check:checked + .btn.btn-light-info.dropdown-toggle:after, .btn-check:active + .btn.btn-light-info.dropdown-toggle:after, .btn.btn-light-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-info.active.dropdown-toggle:after, .btn.btn-light-info.show.dropdown-toggle:after, .show > .btn.btn-light-info.dropdown-toggle:after {
+  color: var(--kt-info-inverse);
+}
+
+.btn.btn-bg-info {
+  border-color: var(--kt-info);
+  background-color: var(--kt-info);
+}
+.btn-check:checked + .btn.btn-active-info, .btn-check:active + .btn.btn-active-info, .btn.btn-active-info:focus:not(.btn-active), .btn.btn-active-info:hover:not(.btn-active), .btn.btn-active-info:active:not(.btn-active), .btn.btn-active-info.active, .btn.btn-active-info.show, .show > .btn.btn-active-info {
+  color: var(--kt-info-inverse);
+  border-color: var(--kt-info);
+  background-color: var(--kt-info) !important;
+}
+.btn-check:checked + .btn.btn-active-info i,
+.btn-check:checked + .btn.btn-active-info .svg-icon, .btn-check:active + .btn.btn-active-info i,
+.btn-check:active + .btn.btn-active-info .svg-icon, .btn.btn-active-info:focus:not(.btn-active) i,
+.btn.btn-active-info:focus:not(.btn-active) .svg-icon, .btn.btn-active-info:hover:not(.btn-active) i,
+.btn.btn-active-info:hover:not(.btn-active) .svg-icon, .btn.btn-active-info:active:not(.btn-active) i,
+.btn.btn-active-info:active:not(.btn-active) .svg-icon, .btn.btn-active-info.active i,
+.btn.btn-active-info.active .svg-icon, .btn.btn-active-info.show i,
+.btn.btn-active-info.show .svg-icon, .show > .btn.btn-active-info i,
+.show > .btn.btn-active-info .svg-icon {
+  color: var(--kt-info-inverse);
+}
+.btn-check:checked + .btn.btn-active-info.dropdown-toggle:after, .btn-check:active + .btn.btn-active-info.dropdown-toggle:after, .btn.btn-active-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-info.active.dropdown-toggle:after, .btn.btn-active-info.show.dropdown-toggle:after, .show > .btn.btn-active-info.dropdown-toggle:after {
+  color: var(--kt-info-inverse);
+}
+
+.btn-check:checked + .btn.btn-active-light-info, .btn-check:active + .btn.btn-active-light-info, .btn.btn-active-light-info:focus:not(.btn-active), .btn.btn-active-light-info:hover:not(.btn-active), .btn.btn-active-light-info:active:not(.btn-active), .btn.btn-active-light-info.active, .btn.btn-active-light-info.show, .show > .btn.btn-active-light-info {
+  color: var(--kt-info);
+  border-color: var(--kt-info-light);
+  background-color: var(--kt-info-light) !important;
+}
+.btn-check:checked + .btn.btn-active-light-info i,
+.btn-check:checked + .btn.btn-active-light-info .svg-icon, .btn-check:active + .btn.btn-active-light-info i,
+.btn-check:active + .btn.btn-active-light-info .svg-icon, .btn.btn-active-light-info:focus:not(.btn-active) i,
+.btn.btn-active-light-info:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-info:hover:not(.btn-active) i,
+.btn.btn-active-light-info:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-info:active:not(.btn-active) i,
+.btn.btn-active-light-info:active:not(.btn-active) .svg-icon, .btn.btn-active-light-info.active i,
+.btn.btn-active-light-info.active .svg-icon, .btn.btn-active-light-info.show i,
+.btn.btn-active-light-info.show .svg-icon, .show > .btn.btn-active-light-info i,
+.show > .btn.btn-active-light-info .svg-icon {
+  color: var(--kt-info);
+}
+.btn-check:checked + .btn.btn-active-light-info.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-info.dropdown-toggle:after, .btn.btn-active-light-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-info.active.dropdown-toggle:after, .btn.btn-active-light-info.show.dropdown-toggle:after, .show > .btn.btn-active-light-info.dropdown-toggle:after {
+  color: var(--kt-info);
+}
+
+.btn.btn-outline-info {
+  color: var(--kt-info);
+  border-color: var(--kt-info);
+  background-color: transparent;
+}
+.btn.btn-outline-info i,
+.btn.btn-outline-info .svg-icon {
+  color: var(--kt-info);
+}
+.btn.btn-outline-info.dropdown-toggle:after {
+  color: var(--kt-info);
+}
+.btn-check:checked + .btn.btn-outline-info, .btn-check:active + .btn.btn-outline-info, .btn.btn-outline-info:focus:not(.btn-active), .btn.btn-outline-info:hover:not(.btn-active), .btn.btn-outline-info:active:not(.btn-active), .btn.btn-outline-info.active, .btn.btn-outline-info.show, .show > .btn.btn-outline-info {
+  color: var(--kt-info-active);
+  border-color: var(--kt-info);
+  background-color: var(--kt-info-light) !important;
+}
+.btn-check:checked + .btn.btn-outline-info i,
+.btn-check:checked + .btn.btn-outline-info .svg-icon, .btn-check:active + .btn.btn-outline-info i,
+.btn-check:active + .btn.btn-outline-info .svg-icon, .btn.btn-outline-info:focus:not(.btn-active) i,
+.btn.btn-outline-info:focus:not(.btn-active) .svg-icon, .btn.btn-outline-info:hover:not(.btn-active) i,
+.btn.btn-outline-info:hover:not(.btn-active) .svg-icon, .btn.btn-outline-info:active:not(.btn-active) i,
+.btn.btn-outline-info:active:not(.btn-active) .svg-icon, .btn.btn-outline-info.active i,
+.btn.btn-outline-info.active .svg-icon, .btn.btn-outline-info.show i,
+.btn.btn-outline-info.show .svg-icon, .show > .btn.btn-outline-info i,
+.show > .btn.btn-outline-info .svg-icon {
+  color: var(--kt-info-active);
+}
+.btn-check:checked + .btn.btn-outline-info.dropdown-toggle:after, .btn-check:active + .btn.btn-outline-info.dropdown-toggle:after, .btn.btn-outline-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-info.active.dropdown-toggle:after, .btn.btn-outline-info.show.dropdown-toggle:after, .show > .btn.btn-outline-info.dropdown-toggle:after {
+  color: var(--kt-info-active);
+}
+
+.btn.btn-warning {
+  color: var(--kt-warning-inverse);
+  border-color: var(--kt-warning);
+  background-color: var(--kt-warning);
+}
+.btn.btn-warning i,
+.btn.btn-warning .svg-icon {
+  color: var(--kt-warning-inverse);
+}
+.btn.btn-warning.dropdown-toggle:after {
+  color: var(--kt-warning-inverse);
+}
+.btn-check:checked + .btn.btn-warning, .btn-check:active + .btn.btn-warning, .btn.btn-warning:focus:not(.btn-active), .btn.btn-warning:hover:not(.btn-active), .btn.btn-warning:active:not(.btn-active), .btn.btn-warning.active, .btn.btn-warning.show, .show > .btn.btn-warning {
+  color: var(--kt-warning-inverse);
+  border-color: var(--kt-warning-active);
+  background-color: var(--kt-warning-active) !important;
+}
+.btn-check:checked + .btn.btn-warning i,
+.btn-check:checked + .btn.btn-warning .svg-icon, .btn-check:active + .btn.btn-warning i,
+.btn-check:active + .btn.btn-warning .svg-icon, .btn.btn-warning:focus:not(.btn-active) i,
+.btn.btn-warning:focus:not(.btn-active) .svg-icon, .btn.btn-warning:hover:not(.btn-active) i,
+.btn.btn-warning:hover:not(.btn-active) .svg-icon, .btn.btn-warning:active:not(.btn-active) i,
+.btn.btn-warning:active:not(.btn-active) .svg-icon, .btn.btn-warning.active i,
+.btn.btn-warning.active .svg-icon, .btn.btn-warning.show i,
+.btn.btn-warning.show .svg-icon, .show > .btn.btn-warning i,
+.show > .btn.btn-warning .svg-icon {
+  color: var(--kt-warning-inverse);
+}
+.btn-check:checked + .btn.btn-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-warning.dropdown-toggle:after, .btn.btn-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-warning.active.dropdown-toggle:after, .btn.btn-warning.show.dropdown-toggle:after, .show > .btn.btn-warning.dropdown-toggle:after {
+  color: var(--kt-warning-inverse);
+}
+
+.btn.btn-light-warning {
+  color: var(--kt-warning);
+  border-color: var(--kt-warning-light);
+  background-color: var(--kt-warning-light);
+}
+.btn.btn-light-warning i,
+.btn.btn-light-warning .svg-icon {
+  color: var(--kt-warning);
+}
+.btn.btn-light-warning.dropdown-toggle:after {
+  color: var(--kt-warning);
+}
+.btn-check:checked + .btn.btn-light-warning, .btn-check:active + .btn.btn-light-warning, .btn.btn-light-warning:focus:not(.btn-active), .btn.btn-light-warning:hover:not(.btn-active), .btn.btn-light-warning:active:not(.btn-active), .btn.btn-light-warning.active, .btn.btn-light-warning.show, .show > .btn.btn-light-warning {
+  color: var(--kt-warning-inverse);
+  border-color: var(--kt-warning);
+  background-color: var(--kt-warning) !important;
+}
+.btn-check:checked + .btn.btn-light-warning i,
+.btn-check:checked + .btn.btn-light-warning .svg-icon, .btn-check:active + .btn.btn-light-warning i,
+.btn-check:active + .btn.btn-light-warning .svg-icon, .btn.btn-light-warning:focus:not(.btn-active) i,
+.btn.btn-light-warning:focus:not(.btn-active) .svg-icon, .btn.btn-light-warning:hover:not(.btn-active) i,
+.btn.btn-light-warning:hover:not(.btn-active) .svg-icon, .btn.btn-light-warning:active:not(.btn-active) i,
+.btn.btn-light-warning:active:not(.btn-active) .svg-icon, .btn.btn-light-warning.active i,
+.btn.btn-light-warning.active .svg-icon, .btn.btn-light-warning.show i,
+.btn.btn-light-warning.show .svg-icon, .show > .btn.btn-light-warning i,
+.show > .btn.btn-light-warning .svg-icon {
+  color: var(--kt-warning-inverse);
+}
+.btn-check:checked + .btn.btn-light-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-light-warning.dropdown-toggle:after, .btn.btn-light-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-warning.active.dropdown-toggle:after, .btn.btn-light-warning.show.dropdown-toggle:after, .show > .btn.btn-light-warning.dropdown-toggle:after {
+  color: var(--kt-warning-inverse);
+}
+
+.btn.btn-bg-warning {
+  border-color: var(--kt-warning);
+  background-color: var(--kt-warning);
+}
+.btn-check:checked + .btn.btn-active-warning, .btn-check:active + .btn.btn-active-warning, .btn.btn-active-warning:focus:not(.btn-active), .btn.btn-active-warning:hover:not(.btn-active), .btn.btn-active-warning:active:not(.btn-active), .btn.btn-active-warning.active, .btn.btn-active-warning.show, .show > .btn.btn-active-warning {
+  color: var(--kt-warning-inverse);
+  border-color: var(--kt-warning);
+  background-color: var(--kt-warning) !important;
+}
+.btn-check:checked + .btn.btn-active-warning i,
+.btn-check:checked + .btn.btn-active-warning .svg-icon, .btn-check:active + .btn.btn-active-warning i,
+.btn-check:active + .btn.btn-active-warning .svg-icon, .btn.btn-active-warning:focus:not(.btn-active) i,
+.btn.btn-active-warning:focus:not(.btn-active) .svg-icon, .btn.btn-active-warning:hover:not(.btn-active) i,
+.btn.btn-active-warning:hover:not(.btn-active) .svg-icon, .btn.btn-active-warning:active:not(.btn-active) i,
+.btn.btn-active-warning:active:not(.btn-active) .svg-icon, .btn.btn-active-warning.active i,
+.btn.btn-active-warning.active .svg-icon, .btn.btn-active-warning.show i,
+.btn.btn-active-warning.show .svg-icon, .show > .btn.btn-active-warning i,
+.show > .btn.btn-active-warning .svg-icon {
+  color: var(--kt-warning-inverse);
+}
+.btn-check:checked + .btn.btn-active-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-active-warning.dropdown-toggle:after, .btn.btn-active-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-warning.active.dropdown-toggle:after, .btn.btn-active-warning.show.dropdown-toggle:after, .show > .btn.btn-active-warning.dropdown-toggle:after {
+  color: var(--kt-warning-inverse);
+}
+
+.btn-check:checked + .btn.btn-active-light-warning, .btn-check:active + .btn.btn-active-light-warning, .btn.btn-active-light-warning:focus:not(.btn-active), .btn.btn-active-light-warning:hover:not(.btn-active), .btn.btn-active-light-warning:active:not(.btn-active), .btn.btn-active-light-warning.active, .btn.btn-active-light-warning.show, .show > .btn.btn-active-light-warning {
+  color: var(--kt-warning);
+  border-color: var(--kt-warning-light);
+  background-color: var(--kt-warning-light) !important;
+}
+.btn-check:checked + .btn.btn-active-light-warning i,
+.btn-check:checked + .btn.btn-active-light-warning .svg-icon, .btn-check:active + .btn.btn-active-light-warning i,
+.btn-check:active + .btn.btn-active-light-warning .svg-icon, .btn.btn-active-light-warning:focus:not(.btn-active) i,
+.btn.btn-active-light-warning:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-warning:hover:not(.btn-active) i,
+.btn.btn-active-light-warning:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-warning:active:not(.btn-active) i,
+.btn.btn-active-light-warning:active:not(.btn-active) .svg-icon, .btn.btn-active-light-warning.active i,
+.btn.btn-active-light-warning.active .svg-icon, .btn.btn-active-light-warning.show i,
+.btn.btn-active-light-warning.show .svg-icon, .show > .btn.btn-active-light-warning i,
+.show > .btn.btn-active-light-warning .svg-icon {
+  color: var(--kt-warning);
+}
+.btn-check:checked + .btn.btn-active-light-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-warning.dropdown-toggle:after, .btn.btn-active-light-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-warning.active.dropdown-toggle:after, .btn.btn-active-light-warning.show.dropdown-toggle:after, .show > .btn.btn-active-light-warning.dropdown-toggle:after {
+  color: var(--kt-warning);
+}
+
+.btn.btn-outline-warning {
+  color: var(--kt-warning);
+  border-color: var(--kt-warning);
+  background-color: transparent;
+}
+.btn.btn-outline-warning i,
+.btn.btn-outline-warning .svg-icon {
+  color: var(--kt-warning);
+}
+.btn.btn-outline-warning.dropdown-toggle:after {
+  color: var(--kt-warning);
+}
+.btn-check:checked + .btn.btn-outline-warning, .btn-check:active + .btn.btn-outline-warning, .btn.btn-outline-warning:focus:not(.btn-active), .btn.btn-outline-warning:hover:not(.btn-active), .btn.btn-outline-warning:active:not(.btn-active), .btn.btn-outline-warning.active, .btn.btn-outline-warning.show, .show > .btn.btn-outline-warning {
+  color: var(--kt-warning-active);
+  border-color: var(--kt-warning);
+  background-color: var(--kt-warning-light) !important;
+}
+.btn-check:checked + .btn.btn-outline-warning i,
+.btn-check:checked + .btn.btn-outline-warning .svg-icon, .btn-check:active + .btn.btn-outline-warning i,
+.btn-check:active + .btn.btn-outline-warning .svg-icon, .btn.btn-outline-warning:focus:not(.btn-active) i,
+.btn.btn-outline-warning:focus:not(.btn-active) .svg-icon, .btn.btn-outline-warning:hover:not(.btn-active) i,
+.btn.btn-outline-warning:hover:not(.btn-active) .svg-icon, .btn.btn-outline-warning:active:not(.btn-active) i,
+.btn.btn-outline-warning:active:not(.btn-active) .svg-icon, .btn.btn-outline-warning.active i,
+.btn.btn-outline-warning.active .svg-icon, .btn.btn-outline-warning.show i,
+.btn.btn-outline-warning.show .svg-icon, .show > .btn.btn-outline-warning i,
+.show > .btn.btn-outline-warning .svg-icon {
+  color: var(--kt-warning-active);
+}
+.btn-check:checked + .btn.btn-outline-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-outline-warning.dropdown-toggle:after, .btn.btn-outline-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-warning.active.dropdown-toggle:after, .btn.btn-outline-warning.show.dropdown-toggle:after, .show > .btn.btn-outline-warning.dropdown-toggle:after {
+  color: var(--kt-warning-active);
+}
+
+.btn.btn-danger {
+  color: var(--kt-danger-inverse);
+  border-color: var(--kt-danger);
+  background-color: var(--kt-danger);
+}
+.btn.btn-danger i,
+.btn.btn-danger .svg-icon {
+  color: var(--kt-danger-inverse);
+}
+.btn.btn-danger.dropdown-toggle:after {
+  color: var(--kt-danger-inverse);
+}
+.btn-check:checked + .btn.btn-danger, .btn-check:active + .btn.btn-danger, .btn.btn-danger:focus:not(.btn-active), .btn.btn-danger:hover:not(.btn-active), .btn.btn-danger:active:not(.btn-active), .btn.btn-danger.active, .btn.btn-danger.show, .show > .btn.btn-danger {
+  color: var(--kt-danger-inverse);
+  border-color: var(--kt-danger-active);
+  background-color: var(--kt-danger-active) !important;
+}
+.btn-check:checked + .btn.btn-danger i,
+.btn-check:checked + .btn.btn-danger .svg-icon, .btn-check:active + .btn.btn-danger i,
+.btn-check:active + .btn.btn-danger .svg-icon, .btn.btn-danger:focus:not(.btn-active) i,
+.btn.btn-danger:focus:not(.btn-active) .svg-icon, .btn.btn-danger:hover:not(.btn-active) i,
+.btn.btn-danger:hover:not(.btn-active) .svg-icon, .btn.btn-danger:active:not(.btn-active) i,
+.btn.btn-danger:active:not(.btn-active) .svg-icon, .btn.btn-danger.active i,
+.btn.btn-danger.active .svg-icon, .btn.btn-danger.show i,
+.btn.btn-danger.show .svg-icon, .show > .btn.btn-danger i,
+.show > .btn.btn-danger .svg-icon {
+  color: var(--kt-danger-inverse);
+}
+.btn-check:checked + .btn.btn-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-danger.dropdown-toggle:after, .btn.btn-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-danger.active.dropdown-toggle:after, .btn.btn-danger.show.dropdown-toggle:after, .show > .btn.btn-danger.dropdown-toggle:after {
+  color: var(--kt-danger-inverse);
+}
+
+.btn.btn-light-danger {
+  color: var(--kt-danger);
+  border-color: var(--kt-danger-light);
+  background-color: var(--kt-danger-light);
+}
+.btn.btn-light-danger i,
+.btn.btn-light-danger .svg-icon {
+  color: var(--kt-danger);
+}
+.btn.btn-light-danger.dropdown-toggle:after {
+  color: var(--kt-danger);
+}
+.btn-check:checked + .btn.btn-light-danger, .btn-check:active + .btn.btn-light-danger, .btn.btn-light-danger:focus:not(.btn-active), .btn.btn-light-danger:hover:not(.btn-active), .btn.btn-light-danger:active:not(.btn-active), .btn.btn-light-danger.active, .btn.btn-light-danger.show, .show > .btn.btn-light-danger {
+  color: var(--kt-danger-inverse);
+  border-color: var(--kt-danger);
+  background-color: var(--kt-danger) !important;
+}
+.btn-check:checked + .btn.btn-light-danger i,
+.btn-check:checked + .btn.btn-light-danger .svg-icon, .btn-check:active + .btn.btn-light-danger i,
+.btn-check:active + .btn.btn-light-danger .svg-icon, .btn.btn-light-danger:focus:not(.btn-active) i,
+.btn.btn-light-danger:focus:not(.btn-active) .svg-icon, .btn.btn-light-danger:hover:not(.btn-active) i,
+.btn.btn-light-danger:hover:not(.btn-active) .svg-icon, .btn.btn-light-danger:active:not(.btn-active) i,
+.btn.btn-light-danger:active:not(.btn-active) .svg-icon, .btn.btn-light-danger.active i,
+.btn.btn-light-danger.active .svg-icon, .btn.btn-light-danger.show i,
+.btn.btn-light-danger.show .svg-icon, .show > .btn.btn-light-danger i,
+.show > .btn.btn-light-danger .svg-icon {
+  color: var(--kt-danger-inverse);
+}
+.btn-check:checked + .btn.btn-light-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-light-danger.dropdown-toggle:after, .btn.btn-light-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-danger.active.dropdown-toggle:after, .btn.btn-light-danger.show.dropdown-toggle:after, .show > .btn.btn-light-danger.dropdown-toggle:after {
+  color: var(--kt-danger-inverse);
+}
+
+.btn.btn-bg-danger {
+  border-color: var(--kt-danger);
+  background-color: var(--kt-danger);
+}
+.btn-check:checked + .btn.btn-active-danger, .btn-check:active + .btn.btn-active-danger, .btn.btn-active-danger:focus:not(.btn-active), .btn.btn-active-danger:hover:not(.btn-active), .btn.btn-active-danger:active:not(.btn-active), .btn.btn-active-danger.active, .btn.btn-active-danger.show, .show > .btn.btn-active-danger {
+  color: var(--kt-danger-inverse);
+  border-color: var(--kt-danger);
+  background-color: var(--kt-danger) !important;
+}
+.btn-check:checked + .btn.btn-active-danger i,
+.btn-check:checked + .btn.btn-active-danger .svg-icon, .btn-check:active + .btn.btn-active-danger i,
+.btn-check:active + .btn.btn-active-danger .svg-icon, .btn.btn-active-danger:focus:not(.btn-active) i,
+.btn.btn-active-danger:focus:not(.btn-active) .svg-icon, .btn.btn-active-danger:hover:not(.btn-active) i,
+.btn.btn-active-danger:hover:not(.btn-active) .svg-icon, .btn.btn-active-danger:active:not(.btn-active) i,
+.btn.btn-active-danger:active:not(.btn-active) .svg-icon, .btn.btn-active-danger.active i,
+.btn.btn-active-danger.active .svg-icon, .btn.btn-active-danger.show i,
+.btn.btn-active-danger.show .svg-icon, .show > .btn.btn-active-danger i,
+.show > .btn.btn-active-danger .svg-icon {
+  color: var(--kt-danger-inverse);
+}
+.btn-check:checked + .btn.btn-active-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-active-danger.dropdown-toggle:after, .btn.btn-active-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-danger.active.dropdown-toggle:after, .btn.btn-active-danger.show.dropdown-toggle:after, .show > .btn.btn-active-danger.dropdown-toggle:after {
+  color: var(--kt-danger-inverse);
+}
+
+.btn-check:checked + .btn.btn-active-light-danger, .btn-check:active + .btn.btn-active-light-danger, .btn.btn-active-light-danger:focus:not(.btn-active), .btn.btn-active-light-danger:hover:not(.btn-active), .btn.btn-active-light-danger:active:not(.btn-active), .btn.btn-active-light-danger.active, .btn.btn-active-light-danger.show, .show > .btn.btn-active-light-danger {
+  color: var(--kt-danger);
+  border-color: var(--kt-danger-light);
+  background-color: var(--kt-danger-light) !important;
+}
+.btn-check:checked + .btn.btn-active-light-danger i,
+.btn-check:checked + .btn.btn-active-light-danger .svg-icon, .btn-check:active + .btn.btn-active-light-danger i,
+.btn-check:active + .btn.btn-active-light-danger .svg-icon, .btn.btn-active-light-danger:focus:not(.btn-active) i,
+.btn.btn-active-light-danger:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-danger:hover:not(.btn-active) i,
+.btn.btn-active-light-danger:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-danger:active:not(.btn-active) i,
+.btn.btn-active-light-danger:active:not(.btn-active) .svg-icon, .btn.btn-active-light-danger.active i,
+.btn.btn-active-light-danger.active .svg-icon, .btn.btn-active-light-danger.show i,
+.btn.btn-active-light-danger.show .svg-icon, .show > .btn.btn-active-light-danger i,
+.show > .btn.btn-active-light-danger .svg-icon {
+  color: var(--kt-danger);
+}
+.btn-check:checked + .btn.btn-active-light-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-danger.dropdown-toggle:after, .btn.btn-active-light-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-danger.active.dropdown-toggle:after, .btn.btn-active-light-danger.show.dropdown-toggle:after, .show > .btn.btn-active-light-danger.dropdown-toggle:after {
+  color: var(--kt-danger);
+}
+
+.btn.btn-outline-danger {
+  color: var(--kt-danger);
+  border-color: var(--kt-danger);
+  background-color: transparent;
+}
+.btn.btn-outline-danger i,
+.btn.btn-outline-danger .svg-icon {
+  color: var(--kt-danger);
+}
+.btn.btn-outline-danger.dropdown-toggle:after {
+  color: var(--kt-danger);
+}
+.btn-check:checked + .btn.btn-outline-danger, .btn-check:active + .btn.btn-outline-danger, .btn.btn-outline-danger:focus:not(.btn-active), .btn.btn-outline-danger:hover:not(.btn-active), .btn.btn-outline-danger:active:not(.btn-active), .btn.btn-outline-danger.active, .btn.btn-outline-danger.show, .show > .btn.btn-outline-danger {
+  color: var(--kt-danger-active);
+  border-color: var(--kt-danger);
+  background-color: var(--kt-danger-light) !important;
+}
+.btn-check:checked + .btn.btn-outline-danger i,
+.btn-check:checked + .btn.btn-outline-danger .svg-icon, .btn-check:active + .btn.btn-outline-danger i,
+.btn-check:active + .btn.btn-outline-danger .svg-icon, .btn.btn-outline-danger:focus:not(.btn-active) i,
+.btn.btn-outline-danger:focus:not(.btn-active) .svg-icon, .btn.btn-outline-danger:hover:not(.btn-active) i,
+.btn.btn-outline-danger:hover:not(.btn-active) .svg-icon, .btn.btn-outline-danger:active:not(.btn-active) i,
+.btn.btn-outline-danger:active:not(.btn-active) .svg-icon, .btn.btn-outline-danger.active i,
+.btn.btn-outline-danger.active .svg-icon, .btn.btn-outline-danger.show i,
+.btn.btn-outline-danger.show .svg-icon, .show > .btn.btn-outline-danger i,
+.show > .btn.btn-outline-danger .svg-icon {
+  color: var(--kt-danger-active);
+}
+.btn-check:checked + .btn.btn-outline-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-outline-danger.dropdown-toggle:after, .btn.btn-outline-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-danger.active.dropdown-toggle:after, .btn.btn-outline-danger.show.dropdown-toggle:after, .show > .btn.btn-outline-danger.dropdown-toggle:after {
+  color: var(--kt-danger-active);
+}
+
+.btn.btn-dark {
+  color: var(--kt-dark-inverse);
+  border-color: var(--kt-dark);
+  background-color: var(--kt-dark);
+}
+.btn.btn-dark i,
+.btn.btn-dark .svg-icon {
+  color: var(--kt-dark-inverse);
+}
+.btn.btn-dark.dropdown-toggle:after {
+  color: var(--kt-dark-inverse);
+}
+.btn-check:checked + .btn.btn-dark, .btn-check:active + .btn.btn-dark, .btn.btn-dark:focus:not(.btn-active), .btn.btn-dark:hover:not(.btn-active), .btn.btn-dark:active:not(.btn-active), .btn.btn-dark.active, .btn.btn-dark.show, .show > .btn.btn-dark {
+  color: var(--kt-dark-inverse);
+  border-color: var(--kt-dark-active);
+  background-color: var(--kt-dark-active) !important;
+}
+.btn-check:checked + .btn.btn-dark i,
+.btn-check:checked + .btn.btn-dark .svg-icon, .btn-check:active + .btn.btn-dark i,
+.btn-check:active + .btn.btn-dark .svg-icon, .btn.btn-dark:focus:not(.btn-active) i,
+.btn.btn-dark:focus:not(.btn-active) .svg-icon, .btn.btn-dark:hover:not(.btn-active) i,
+.btn.btn-dark:hover:not(.btn-active) .svg-icon, .btn.btn-dark:active:not(.btn-active) i,
+.btn.btn-dark:active:not(.btn-active) .svg-icon, .btn.btn-dark.active i,
+.btn.btn-dark.active .svg-icon, .btn.btn-dark.show i,
+.btn.btn-dark.show .svg-icon, .show > .btn.btn-dark i,
+.show > .btn.btn-dark .svg-icon {
+  color: var(--kt-dark-inverse);
+}
+.btn-check:checked + .btn.btn-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-dark.dropdown-toggle:after, .btn.btn-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-dark.active.dropdown-toggle:after, .btn.btn-dark.show.dropdown-toggle:after, .show > .btn.btn-dark.dropdown-toggle:after {
+  color: var(--kt-dark-inverse);
+}
+
+.btn.btn-light-dark {
+  color: var(--kt-dark);
+  border-color: var(--kt-dark-light);
+  background-color: var(--kt-dark-light);
+}
+.btn.btn-light-dark i,
+.btn.btn-light-dark .svg-icon {
+  color: var(--kt-dark);
+}
+.btn.btn-light-dark.dropdown-toggle:after {
+  color: var(--kt-dark);
+}
+.btn-check:checked + .btn.btn-light-dark, .btn-check:active + .btn.btn-light-dark, .btn.btn-light-dark:focus:not(.btn-active), .btn.btn-light-dark:hover:not(.btn-active), .btn.btn-light-dark:active:not(.btn-active), .btn.btn-light-dark.active, .btn.btn-light-dark.show, .show > .btn.btn-light-dark {
+  color: var(--kt-dark-inverse);
+  border-color: var(--kt-dark);
+  background-color: var(--kt-dark) !important;
+}
+.btn-check:checked + .btn.btn-light-dark i,
+.btn-check:checked + .btn.btn-light-dark .svg-icon, .btn-check:active + .btn.btn-light-dark i,
+.btn-check:active + .btn.btn-light-dark .svg-icon, .btn.btn-light-dark:focus:not(.btn-active) i,
+.btn.btn-light-dark:focus:not(.btn-active) .svg-icon, .btn.btn-light-dark:hover:not(.btn-active) i,
+.btn.btn-light-dark:hover:not(.btn-active) .svg-icon, .btn.btn-light-dark:active:not(.btn-active) i,
+.btn.btn-light-dark:active:not(.btn-active) .svg-icon, .btn.btn-light-dark.active i,
+.btn.btn-light-dark.active .svg-icon, .btn.btn-light-dark.show i,
+.btn.btn-light-dark.show .svg-icon, .show > .btn.btn-light-dark i,
+.show > .btn.btn-light-dark .svg-icon {
+  color: var(--kt-dark-inverse);
+}
+.btn-check:checked + .btn.btn-light-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-light-dark.dropdown-toggle:after, .btn.btn-light-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-dark.active.dropdown-toggle:after, .btn.btn-light-dark.show.dropdown-toggle:after, .show > .btn.btn-light-dark.dropdown-toggle:after {
+  color: var(--kt-dark-inverse);
+}
+
+.btn.btn-bg-dark {
+  border-color: var(--kt-dark);
+  background-color: var(--kt-dark);
+}
+.btn-check:checked + .btn.btn-active-dark, .btn-check:active + .btn.btn-active-dark, .btn.btn-active-dark:focus:not(.btn-active), .btn.btn-active-dark:hover:not(.btn-active), .btn.btn-active-dark:active:not(.btn-active), .btn.btn-active-dark.active, .btn.btn-active-dark.show, .show > .btn.btn-active-dark {
+  color: var(--kt-dark-inverse);
+  border-color: var(--kt-dark);
+  background-color: var(--kt-dark) !important;
+}
+.btn-check:checked + .btn.btn-active-dark i,
+.btn-check:checked + .btn.btn-active-dark .svg-icon, .btn-check:active + .btn.btn-active-dark i,
+.btn-check:active + .btn.btn-active-dark .svg-icon, .btn.btn-active-dark:focus:not(.btn-active) i,
+.btn.btn-active-dark:focus:not(.btn-active) .svg-icon, .btn.btn-active-dark:hover:not(.btn-active) i,
+.btn.btn-active-dark:hover:not(.btn-active) .svg-icon, .btn.btn-active-dark:active:not(.btn-active) i,
+.btn.btn-active-dark:active:not(.btn-active) .svg-icon, .btn.btn-active-dark.active i,
+.btn.btn-active-dark.active .svg-icon, .btn.btn-active-dark.show i,
+.btn.btn-active-dark.show .svg-icon, .show > .btn.btn-active-dark i,
+.show > .btn.btn-active-dark .svg-icon {
+  color: var(--kt-dark-inverse);
+}
+.btn-check:checked + .btn.btn-active-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-active-dark.dropdown-toggle:after, .btn.btn-active-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-dark.active.dropdown-toggle:after, .btn.btn-active-dark.show.dropdown-toggle:after, .show > .btn.btn-active-dark.dropdown-toggle:after {
+  color: var(--kt-dark-inverse);
+}
+
+.btn-check:checked + .btn.btn-active-light-dark, .btn-check:active + .btn.btn-active-light-dark, .btn.btn-active-light-dark:focus:not(.btn-active), .btn.btn-active-light-dark:hover:not(.btn-active), .btn.btn-active-light-dark:active:not(.btn-active), .btn.btn-active-light-dark.active, .btn.btn-active-light-dark.show, .show > .btn.btn-active-light-dark {
+  color: var(--kt-dark);
+  border-color: var(--kt-dark-light);
+  background-color: var(--kt-dark-light) !important;
+}
+.btn-check:checked + .btn.btn-active-light-dark i,
+.btn-check:checked + .btn.btn-active-light-dark .svg-icon, .btn-check:active + .btn.btn-active-light-dark i,
+.btn-check:active + .btn.btn-active-light-dark .svg-icon, .btn.btn-active-light-dark:focus:not(.btn-active) i,
+.btn.btn-active-light-dark:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-dark:hover:not(.btn-active) i,
+.btn.btn-active-light-dark:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-dark:active:not(.btn-active) i,
+.btn.btn-active-light-dark:active:not(.btn-active) .svg-icon, .btn.btn-active-light-dark.active i,
+.btn.btn-active-light-dark.active .svg-icon, .btn.btn-active-light-dark.show i,
+.btn.btn-active-light-dark.show .svg-icon, .show > .btn.btn-active-light-dark i,
+.show > .btn.btn-active-light-dark .svg-icon {
+  color: var(--kt-dark);
+}
+.btn-check:checked + .btn.btn-active-light-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-dark.dropdown-toggle:after, .btn.btn-active-light-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-dark.active.dropdown-toggle:after, .btn.btn-active-light-dark.show.dropdown-toggle:after, .show > .btn.btn-active-light-dark.dropdown-toggle:after {
+  color: var(--kt-dark);
+}
+
+.btn.btn-outline-dark {
+  color: var(--kt-dark);
+  border-color: var(--kt-dark);
+  background-color: transparent;
+}
+.btn.btn-outline-dark i,
+.btn.btn-outline-dark .svg-icon {
+  color: var(--kt-dark);
+}
+.btn.btn-outline-dark.dropdown-toggle:after {
+  color: var(--kt-dark);
+}
+.btn-check:checked + .btn.btn-outline-dark, .btn-check:active + .btn.btn-outline-dark, .btn.btn-outline-dark:focus:not(.btn-active), .btn.btn-outline-dark:hover:not(.btn-active), .btn.btn-outline-dark:active:not(.btn-active), .btn.btn-outline-dark.active, .btn.btn-outline-dark.show, .show > .btn.btn-outline-dark {
+  color: var(--kt-dark-active);
+  border-color: var(--kt-dark);
+  background-color: var(--kt-dark-light) !important;
+}
+.btn-check:checked + .btn.btn-outline-dark i,
+.btn-check:checked + .btn.btn-outline-dark .svg-icon, .btn-check:active + .btn.btn-outline-dark i,
+.btn-check:active + .btn.btn-outline-dark .svg-icon, .btn.btn-outline-dark:focus:not(.btn-active) i,
+.btn.btn-outline-dark:focus:not(.btn-active) .svg-icon, .btn.btn-outline-dark:hover:not(.btn-active) i,
+.btn.btn-outline-dark:hover:not(.btn-active) .svg-icon, .btn.btn-outline-dark:active:not(.btn-active) i,
+.btn.btn-outline-dark:active:not(.btn-active) .svg-icon, .btn.btn-outline-dark.active i,
+.btn.btn-outline-dark.active .svg-icon, .btn.btn-outline-dark.show i,
+.btn.btn-outline-dark.show .svg-icon, .show > .btn.btn-outline-dark i,
+.show > .btn.btn-outline-dark .svg-icon {
+  color: var(--kt-dark-active);
+}
+.btn-check:checked + .btn.btn-outline-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-outline-dark.dropdown-toggle:after, .btn.btn-outline-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline-dark.active.dropdown-toggle:after, .btn.btn-outline-dark.show.dropdown-toggle:after, .show > .btn.btn-outline-dark.dropdown-toggle:after {
+  color: var(--kt-dark-active);
+}
+
+.btn.btn-color-white {
+  color: var(--kt-text-white);
+}
+.btn.btn-color-white i,
+.btn.btn-color-white .svg-icon {
+  color: var(--kt-text-white);
+}
+.btn.btn-color-white.dropdown-toggle:after {
+  color: var(--kt-text-white);
+}
+.btn-check:checked + .btn.btn-active-color-white, .btn-check:active + .btn.btn-active-color-white, .btn.btn-active-color-white:focus:not(.btn-active), .btn.btn-active-color-white:hover:not(.btn-active), .btn.btn-active-color-white:active:not(.btn-active), .btn.btn-active-color-white.active, .btn.btn-active-color-white.show, .show > .btn.btn-active-color-white {
+  color: var(--kt-text-white);
+}
+.btn-check:checked + .btn.btn-active-color-white i,
+.btn-check:checked + .btn.btn-active-color-white .svg-icon, .btn-check:active + .btn.btn-active-color-white i,
+.btn-check:active + .btn.btn-active-color-white .svg-icon, .btn.btn-active-color-white:focus:not(.btn-active) i,
+.btn.btn-active-color-white:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-white:hover:not(.btn-active) i,
+.btn.btn-active-color-white:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-white:active:not(.btn-active) i,
+.btn.btn-active-color-white:active:not(.btn-active) .svg-icon, .btn.btn-active-color-white.active i,
+.btn.btn-active-color-white.active .svg-icon, .btn.btn-active-color-white.show i,
+.btn.btn-active-color-white.show .svg-icon, .show > .btn.btn-active-color-white i,
+.show > .btn.btn-active-color-white .svg-icon {
+  color: var(--kt-text-white);
+}
+.btn-check:checked + .btn.btn-active-color-white.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-white.dropdown-toggle:after, .btn.btn-active-color-white:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-white:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-white:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-white.active.dropdown-toggle:after, .btn.btn-active-color-white.show.dropdown-toggle:after, .show > .btn.btn-active-color-white.dropdown-toggle:after {
+  color: var(--kt-text-white);
+}
+
+.btn.btn-icon-white i,
+.btn.btn-icon-white .svg-icon {
+  color: var(--kt-text-white);
+}
+.btn.btn-icon-white.dropdown-toggle:after {
+  color: var(--kt-text-white);
+}
+.btn-check:checked + .btn.btn-active-icon-white i,
+.btn-check:checked + .btn.btn-active-icon-white .svg-icon, .btn-check:active + .btn.btn-active-icon-white i,
+.btn-check:active + .btn.btn-active-icon-white .svg-icon, .btn.btn-active-icon-white:focus:not(.btn-active) i,
+.btn.btn-active-icon-white:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-white:hover:not(.btn-active) i,
+.btn.btn-active-icon-white:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-white:active:not(.btn-active) i,
+.btn.btn-active-icon-white:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-white.active i,
+.btn.btn-active-icon-white.active .svg-icon, .btn.btn-active-icon-white.show i,
+.btn.btn-active-icon-white.show .svg-icon, .show > .btn.btn-active-icon-white i,
+.show > .btn.btn-active-icon-white .svg-icon {
+  color: var(--kt-text-white);
+}
+.btn-check:checked + .btn.btn-active-icon-white.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-white.dropdown-toggle:after, .btn.btn-active-icon-white:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-white:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-white:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-white.active.dropdown-toggle:after, .btn.btn-active-icon-white.show.dropdown-toggle:after, .show > .btn.btn-active-icon-white.dropdown-toggle:after {
+  color: var(--kt-text-white);
+}
+
+.btn.btn-text-white {
+  color: var(--kt-text-white);
+}
+.btn-check:checked + .btn.btn-active-text-white, .btn-check:active + .btn.btn-active-text-white, .btn.btn-active-text-white:focus:not(.btn-active), .btn.btn-active-text-white:hover:not(.btn-active), .btn.btn-active-text-white:active:not(.btn-active), .btn.btn-active-text-white.active, .btn.btn-active-text-white.show, .show > .btn.btn-active-text-white {
+  color: var(--kt-text-white);
+}
+
+.btn.btn-color-primary {
+  color: var(--kt-text-primary);
+}
+.btn.btn-color-primary i,
+.btn.btn-color-primary .svg-icon {
+  color: var(--kt-text-primary);
+}
+.btn.btn-color-primary.dropdown-toggle:after {
+  color: var(--kt-text-primary);
+}
+.btn-check:checked + .btn.btn-active-color-primary, .btn-check:active + .btn.btn-active-color-primary, .btn.btn-active-color-primary:focus:not(.btn-active), .btn.btn-active-color-primary:hover:not(.btn-active), .btn.btn-active-color-primary:active:not(.btn-active), .btn.btn-active-color-primary.active, .btn.btn-active-color-primary.show, .show > .btn.btn-active-color-primary {
+  color: var(--kt-text-primary);
+}
+.btn-check:checked + .btn.btn-active-color-primary i,
+.btn-check:checked + .btn.btn-active-color-primary .svg-icon, .btn-check:active + .btn.btn-active-color-primary i,
+.btn-check:active + .btn.btn-active-color-primary .svg-icon, .btn.btn-active-color-primary:focus:not(.btn-active) i,
+.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:hover:not(.btn-active) i,
+.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:active:not(.btn-active) i,
+.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-color-primary.active i,
+.btn.btn-active-color-primary.active .svg-icon, .btn.btn-active-color-primary.show i,
+.btn.btn-active-color-primary.show .svg-icon, .show > .btn.btn-active-color-primary i,
+.show > .btn.btn-active-color-primary .svg-icon {
+  color: var(--kt-text-primary);
+}
+.btn-check:checked + .btn.btn-active-color-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-primary.dropdown-toggle:after, .btn.btn-active-color-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-primary.active.dropdown-toggle:after, .btn.btn-active-color-primary.show.dropdown-toggle:after, .show > .btn.btn-active-color-primary.dropdown-toggle:after {
+  color: var(--kt-text-primary);
+}
+
+.btn.btn-icon-primary i,
+.btn.btn-icon-primary .svg-icon {
+  color: var(--kt-text-primary);
+}
+.btn.btn-icon-primary.dropdown-toggle:after {
+  color: var(--kt-text-primary);
+}
+.btn-check:checked + .btn.btn-active-icon-primary i,
+.btn-check:checked + .btn.btn-active-icon-primary .svg-icon, .btn-check:active + .btn.btn-active-icon-primary i,
+.btn-check:active + .btn.btn-active-icon-primary .svg-icon, .btn.btn-active-icon-primary:focus:not(.btn-active) i,
+.btn.btn-active-icon-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary:hover:not(.btn-active) i,
+.btn.btn-active-icon-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary:active:not(.btn-active) i,
+.btn.btn-active-icon-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary.active i,
+.btn.btn-active-icon-primary.active .svg-icon, .btn.btn-active-icon-primary.show i,
+.btn.btn-active-icon-primary.show .svg-icon, .show > .btn.btn-active-icon-primary i,
+.show > .btn.btn-active-icon-primary .svg-icon {
+  color: var(--kt-text-primary);
+}
+.btn-check:checked + .btn.btn-active-icon-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-primary.dropdown-toggle:after, .btn.btn-active-icon-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-primary.active.dropdown-toggle:after, .btn.btn-active-icon-primary.show.dropdown-toggle:after, .show > .btn.btn-active-icon-primary.dropdown-toggle:after {
+  color: var(--kt-text-primary);
+}
+
+.btn.btn-text-primary {
+  color: var(--kt-text-primary);
+}
+.btn-check:checked + .btn.btn-active-text-primary, .btn-check:active + .btn.btn-active-text-primary, .btn.btn-active-text-primary:focus:not(.btn-active), .btn.btn-active-text-primary:hover:not(.btn-active), .btn.btn-active-text-primary:active:not(.btn-active), .btn.btn-active-text-primary.active, .btn.btn-active-text-primary.show, .show > .btn.btn-active-text-primary {
+  color: var(--kt-text-primary);
+}
+
+.btn.btn-color-secondary {
+  color: var(--kt-text-secondary);
+}
+.btn.btn-color-secondary i,
+.btn.btn-color-secondary .svg-icon {
+  color: var(--kt-text-secondary);
+}
+.btn.btn-color-secondary.dropdown-toggle:after {
+  color: var(--kt-text-secondary);
+}
+.btn-check:checked + .btn.btn-active-color-secondary, .btn-check:active + .btn.btn-active-color-secondary, .btn.btn-active-color-secondary:focus:not(.btn-active), .btn.btn-active-color-secondary:hover:not(.btn-active), .btn.btn-active-color-secondary:active:not(.btn-active), .btn.btn-active-color-secondary.active, .btn.btn-active-color-secondary.show, .show > .btn.btn-active-color-secondary {
+  color: var(--kt-text-secondary);
+}
+.btn-check:checked + .btn.btn-active-color-secondary i,
+.btn-check:checked + .btn.btn-active-color-secondary .svg-icon, .btn-check:active + .btn.btn-active-color-secondary i,
+.btn-check:active + .btn.btn-active-color-secondary .svg-icon, .btn.btn-active-color-secondary:focus:not(.btn-active) i,
+.btn.btn-active-color-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-secondary:hover:not(.btn-active) i,
+.btn.btn-active-color-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-secondary:active:not(.btn-active) i,
+.btn.btn-active-color-secondary:active:not(.btn-active) .svg-icon, .btn.btn-active-color-secondary.active i,
+.btn.btn-active-color-secondary.active .svg-icon, .btn.btn-active-color-secondary.show i,
+.btn.btn-active-color-secondary.show .svg-icon, .show > .btn.btn-active-color-secondary i,
+.show > .btn.btn-active-color-secondary .svg-icon {
+  color: var(--kt-text-secondary);
+}
+.btn-check:checked + .btn.btn-active-color-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-secondary.dropdown-toggle:after, .btn.btn-active-color-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-secondary.active.dropdown-toggle:after, .btn.btn-active-color-secondary.show.dropdown-toggle:after, .show > .btn.btn-active-color-secondary.dropdown-toggle:after {
+  color: var(--kt-text-secondary);
+}
+
+.btn.btn-icon-secondary i,
+.btn.btn-icon-secondary .svg-icon {
+  color: var(--kt-text-secondary);
+}
+.btn.btn-icon-secondary.dropdown-toggle:after {
+  color: var(--kt-text-secondary);
+}
+.btn-check:checked + .btn.btn-active-icon-secondary i,
+.btn-check:checked + .btn.btn-active-icon-secondary .svg-icon, .btn-check:active + .btn.btn-active-icon-secondary i,
+.btn-check:active + .btn.btn-active-icon-secondary .svg-icon, .btn.btn-active-icon-secondary:focus:not(.btn-active) i,
+.btn.btn-active-icon-secondary:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-secondary:hover:not(.btn-active) i,
+.btn.btn-active-icon-secondary:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-secondary:active:not(.btn-active) i,
+.btn.btn-active-icon-secondary:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-secondary.active i,
+.btn.btn-active-icon-secondary.active .svg-icon, .btn.btn-active-icon-secondary.show i,
+.btn.btn-active-icon-secondary.show .svg-icon, .show > .btn.btn-active-icon-secondary i,
+.show > .btn.btn-active-icon-secondary .svg-icon {
+  color: var(--kt-text-secondary);
+}
+.btn-check:checked + .btn.btn-active-icon-secondary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-secondary.dropdown-toggle:after, .btn.btn-active-icon-secondary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-secondary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-secondary.active.dropdown-toggle:after, .btn.btn-active-icon-secondary.show.dropdown-toggle:after, .show > .btn.btn-active-icon-secondary.dropdown-toggle:after {
+  color: var(--kt-text-secondary);
+}
+
+.btn.btn-text-secondary {
+  color: var(--kt-text-secondary);
+}
+.btn-check:checked + .btn.btn-active-text-secondary, .btn-check:active + .btn.btn-active-text-secondary, .btn.btn-active-text-secondary:focus:not(.btn-active), .btn.btn-active-text-secondary:hover:not(.btn-active), .btn.btn-active-text-secondary:active:not(.btn-active), .btn.btn-active-text-secondary.active, .btn.btn-active-text-secondary.show, .show > .btn.btn-active-text-secondary {
+  color: var(--kt-text-secondary);
+}
+
+.btn.btn-color-light {
+  color: var(--kt-text-light);
+}
+.btn.btn-color-light i,
+.btn.btn-color-light .svg-icon {
+  color: var(--kt-text-light);
+}
+.btn.btn-color-light.dropdown-toggle:after {
+  color: var(--kt-text-light);
+}
+.btn-check:checked + .btn.btn-active-color-light, .btn-check:active + .btn.btn-active-color-light, .btn.btn-active-color-light:focus:not(.btn-active), .btn.btn-active-color-light:hover:not(.btn-active), .btn.btn-active-color-light:active:not(.btn-active), .btn.btn-active-color-light.active, .btn.btn-active-color-light.show, .show > .btn.btn-active-color-light {
+  color: var(--kt-text-light);
+}
+.btn-check:checked + .btn.btn-active-color-light i,
+.btn-check:checked + .btn.btn-active-color-light .svg-icon, .btn-check:active + .btn.btn-active-color-light i,
+.btn-check:active + .btn.btn-active-color-light .svg-icon, .btn.btn-active-color-light:focus:not(.btn-active) i,
+.btn.btn-active-color-light:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-light:hover:not(.btn-active) i,
+.btn.btn-active-color-light:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-light:active:not(.btn-active) i,
+.btn.btn-active-color-light:active:not(.btn-active) .svg-icon, .btn.btn-active-color-light.active i,
+.btn.btn-active-color-light.active .svg-icon, .btn.btn-active-color-light.show i,
+.btn.btn-active-color-light.show .svg-icon, .show > .btn.btn-active-color-light i,
+.show > .btn.btn-active-color-light .svg-icon {
+  color: var(--kt-text-light);
+}
+.btn-check:checked + .btn.btn-active-color-light.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-light.dropdown-toggle:after, .btn.btn-active-color-light:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-light:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-light:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-light.active.dropdown-toggle:after, .btn.btn-active-color-light.show.dropdown-toggle:after, .show > .btn.btn-active-color-light.dropdown-toggle:after {
+  color: var(--kt-text-light);
+}
+
+.btn.btn-icon-light i,
+.btn.btn-icon-light .svg-icon {
+  color: var(--kt-text-light);
+}
+.btn.btn-icon-light.dropdown-toggle:after {
+  color: var(--kt-text-light);
+}
+.btn-check:checked + .btn.btn-active-icon-light i,
+.btn-check:checked + .btn.btn-active-icon-light .svg-icon, .btn-check:active + .btn.btn-active-icon-light i,
+.btn-check:active + .btn.btn-active-icon-light .svg-icon, .btn.btn-active-icon-light:focus:not(.btn-active) i,
+.btn.btn-active-icon-light:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-light:hover:not(.btn-active) i,
+.btn.btn-active-icon-light:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-light:active:not(.btn-active) i,
+.btn.btn-active-icon-light:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-light.active i,
+.btn.btn-active-icon-light.active .svg-icon, .btn.btn-active-icon-light.show i,
+.btn.btn-active-icon-light.show .svg-icon, .show > .btn.btn-active-icon-light i,
+.show > .btn.btn-active-icon-light .svg-icon {
+  color: var(--kt-text-light);
+}
+.btn-check:checked + .btn.btn-active-icon-light.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-light.dropdown-toggle:after, .btn.btn-active-icon-light:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-light:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-light:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-light.active.dropdown-toggle:after, .btn.btn-active-icon-light.show.dropdown-toggle:after, .show > .btn.btn-active-icon-light.dropdown-toggle:after {
+  color: var(--kt-text-light);
+}
+
+.btn.btn-text-light {
+  color: var(--kt-text-light);
+}
+.btn-check:checked + .btn.btn-active-text-light, .btn-check:active + .btn.btn-active-text-light, .btn.btn-active-text-light:focus:not(.btn-active), .btn.btn-active-text-light:hover:not(.btn-active), .btn.btn-active-text-light:active:not(.btn-active), .btn.btn-active-text-light.active, .btn.btn-active-text-light.show, .show > .btn.btn-active-text-light {
+  color: var(--kt-text-light);
+}
+
+.btn.btn-color-success {
+  color: var(--kt-text-success);
+}
+.btn.btn-color-success i,
+.btn.btn-color-success .svg-icon {
+  color: var(--kt-text-success);
+}
+.btn.btn-color-success.dropdown-toggle:after {
+  color: var(--kt-text-success);
+}
+.btn-check:checked + .btn.btn-active-color-success, .btn-check:active + .btn.btn-active-color-success, .btn.btn-active-color-success:focus:not(.btn-active), .btn.btn-active-color-success:hover:not(.btn-active), .btn.btn-active-color-success:active:not(.btn-active), .btn.btn-active-color-success.active, .btn.btn-active-color-success.show, .show > .btn.btn-active-color-success {
+  color: var(--kt-text-success);
+}
+.btn-check:checked + .btn.btn-active-color-success i,
+.btn-check:checked + .btn.btn-active-color-success .svg-icon, .btn-check:active + .btn.btn-active-color-success i,
+.btn-check:active + .btn.btn-active-color-success .svg-icon, .btn.btn-active-color-success:focus:not(.btn-active) i,
+.btn.btn-active-color-success:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-success:hover:not(.btn-active) i,
+.btn.btn-active-color-success:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-success:active:not(.btn-active) i,
+.btn.btn-active-color-success:active:not(.btn-active) .svg-icon, .btn.btn-active-color-success.active i,
+.btn.btn-active-color-success.active .svg-icon, .btn.btn-active-color-success.show i,
+.btn.btn-active-color-success.show .svg-icon, .show > .btn.btn-active-color-success i,
+.show > .btn.btn-active-color-success .svg-icon {
+  color: var(--kt-text-success);
+}
+.btn-check:checked + .btn.btn-active-color-success.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-success.dropdown-toggle:after, .btn.btn-active-color-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-success.active.dropdown-toggle:after, .btn.btn-active-color-success.show.dropdown-toggle:after, .show > .btn.btn-active-color-success.dropdown-toggle:after {
+  color: var(--kt-text-success);
+}
+
+.btn.btn-icon-success i,
+.btn.btn-icon-success .svg-icon {
+  color: var(--kt-text-success);
+}
+.btn.btn-icon-success.dropdown-toggle:after {
+  color: var(--kt-text-success);
+}
+.btn-check:checked + .btn.btn-active-icon-success i,
+.btn-check:checked + .btn.btn-active-icon-success .svg-icon, .btn-check:active + .btn.btn-active-icon-success i,
+.btn-check:active + .btn.btn-active-icon-success .svg-icon, .btn.btn-active-icon-success:focus:not(.btn-active) i,
+.btn.btn-active-icon-success:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-success:hover:not(.btn-active) i,
+.btn.btn-active-icon-success:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-success:active:not(.btn-active) i,
+.btn.btn-active-icon-success:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-success.active i,
+.btn.btn-active-icon-success.active .svg-icon, .btn.btn-active-icon-success.show i,
+.btn.btn-active-icon-success.show .svg-icon, .show > .btn.btn-active-icon-success i,
+.show > .btn.btn-active-icon-success .svg-icon {
+  color: var(--kt-text-success);
+}
+.btn-check:checked + .btn.btn-active-icon-success.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-success.dropdown-toggle:after, .btn.btn-active-icon-success:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-success:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-success:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-success.active.dropdown-toggle:after, .btn.btn-active-icon-success.show.dropdown-toggle:after, .show > .btn.btn-active-icon-success.dropdown-toggle:after {
+  color: var(--kt-text-success);
+}
+
+.btn.btn-text-success {
+  color: var(--kt-text-success);
+}
+.btn-check:checked + .btn.btn-active-text-success, .btn-check:active + .btn.btn-active-text-success, .btn.btn-active-text-success:focus:not(.btn-active), .btn.btn-active-text-success:hover:not(.btn-active), .btn.btn-active-text-success:active:not(.btn-active), .btn.btn-active-text-success.active, .btn.btn-active-text-success.show, .show > .btn.btn-active-text-success {
+  color: var(--kt-text-success);
+}
+
+.btn.btn-color-info {
+  color: var(--kt-text-info);
+}
+.btn.btn-color-info i,
+.btn.btn-color-info .svg-icon {
+  color: var(--kt-text-info);
+}
+.btn.btn-color-info.dropdown-toggle:after {
+  color: var(--kt-text-info);
+}
+.btn-check:checked + .btn.btn-active-color-info, .btn-check:active + .btn.btn-active-color-info, .btn.btn-active-color-info:focus:not(.btn-active), .btn.btn-active-color-info:hover:not(.btn-active), .btn.btn-active-color-info:active:not(.btn-active), .btn.btn-active-color-info.active, .btn.btn-active-color-info.show, .show > .btn.btn-active-color-info {
+  color: var(--kt-text-info);
+}
+.btn-check:checked + .btn.btn-active-color-info i,
+.btn-check:checked + .btn.btn-active-color-info .svg-icon, .btn-check:active + .btn.btn-active-color-info i,
+.btn-check:active + .btn.btn-active-color-info .svg-icon, .btn.btn-active-color-info:focus:not(.btn-active) i,
+.btn.btn-active-color-info:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-info:hover:not(.btn-active) i,
+.btn.btn-active-color-info:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-info:active:not(.btn-active) i,
+.btn.btn-active-color-info:active:not(.btn-active) .svg-icon, .btn.btn-active-color-info.active i,
+.btn.btn-active-color-info.active .svg-icon, .btn.btn-active-color-info.show i,
+.btn.btn-active-color-info.show .svg-icon, .show > .btn.btn-active-color-info i,
+.show > .btn.btn-active-color-info .svg-icon {
+  color: var(--kt-text-info);
+}
+.btn-check:checked + .btn.btn-active-color-info.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-info.dropdown-toggle:after, .btn.btn-active-color-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-info.active.dropdown-toggle:after, .btn.btn-active-color-info.show.dropdown-toggle:after, .show > .btn.btn-active-color-info.dropdown-toggle:after {
+  color: var(--kt-text-info);
+}
+
+.btn.btn-icon-info i,
+.btn.btn-icon-info .svg-icon {
+  color: var(--kt-text-info);
+}
+.btn.btn-icon-info.dropdown-toggle:after {
+  color: var(--kt-text-info);
+}
+.btn-check:checked + .btn.btn-active-icon-info i,
+.btn-check:checked + .btn.btn-active-icon-info .svg-icon, .btn-check:active + .btn.btn-active-icon-info i,
+.btn-check:active + .btn.btn-active-icon-info .svg-icon, .btn.btn-active-icon-info:focus:not(.btn-active) i,
+.btn.btn-active-icon-info:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-info:hover:not(.btn-active) i,
+.btn.btn-active-icon-info:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-info:active:not(.btn-active) i,
+.btn.btn-active-icon-info:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-info.active i,
+.btn.btn-active-icon-info.active .svg-icon, .btn.btn-active-icon-info.show i,
+.btn.btn-active-icon-info.show .svg-icon, .show > .btn.btn-active-icon-info i,
+.show > .btn.btn-active-icon-info .svg-icon {
+  color: var(--kt-text-info);
+}
+.btn-check:checked + .btn.btn-active-icon-info.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-info.dropdown-toggle:after, .btn.btn-active-icon-info:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-info:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-info:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-info.active.dropdown-toggle:after, .btn.btn-active-icon-info.show.dropdown-toggle:after, .show > .btn.btn-active-icon-info.dropdown-toggle:after {
+  color: var(--kt-text-info);
+}
+
+.btn.btn-text-info {
+  color: var(--kt-text-info);
+}
+.btn-check:checked + .btn.btn-active-text-info, .btn-check:active + .btn.btn-active-text-info, .btn.btn-active-text-info:focus:not(.btn-active), .btn.btn-active-text-info:hover:not(.btn-active), .btn.btn-active-text-info:active:not(.btn-active), .btn.btn-active-text-info.active, .btn.btn-active-text-info.show, .show > .btn.btn-active-text-info {
+  color: var(--kt-text-info);
+}
+
+.btn.btn-color-warning {
+  color: var(--kt-text-warning);
+}
+.btn.btn-color-warning i,
+.btn.btn-color-warning .svg-icon {
+  color: var(--kt-text-warning);
+}
+.btn.btn-color-warning.dropdown-toggle:after {
+  color: var(--kt-text-warning);
+}
+.btn-check:checked + .btn.btn-active-color-warning, .btn-check:active + .btn.btn-active-color-warning, .btn.btn-active-color-warning:focus:not(.btn-active), .btn.btn-active-color-warning:hover:not(.btn-active), .btn.btn-active-color-warning:active:not(.btn-active), .btn.btn-active-color-warning.active, .btn.btn-active-color-warning.show, .show > .btn.btn-active-color-warning {
+  color: var(--kt-text-warning);
+}
+.btn-check:checked + .btn.btn-active-color-warning i,
+.btn-check:checked + .btn.btn-active-color-warning .svg-icon, .btn-check:active + .btn.btn-active-color-warning i,
+.btn-check:active + .btn.btn-active-color-warning .svg-icon, .btn.btn-active-color-warning:focus:not(.btn-active) i,
+.btn.btn-active-color-warning:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-warning:hover:not(.btn-active) i,
+.btn.btn-active-color-warning:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-warning:active:not(.btn-active) i,
+.btn.btn-active-color-warning:active:not(.btn-active) .svg-icon, .btn.btn-active-color-warning.active i,
+.btn.btn-active-color-warning.active .svg-icon, .btn.btn-active-color-warning.show i,
+.btn.btn-active-color-warning.show .svg-icon, .show > .btn.btn-active-color-warning i,
+.show > .btn.btn-active-color-warning .svg-icon {
+  color: var(--kt-text-warning);
+}
+.btn-check:checked + .btn.btn-active-color-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-warning.dropdown-toggle:after, .btn.btn-active-color-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-warning.active.dropdown-toggle:after, .btn.btn-active-color-warning.show.dropdown-toggle:after, .show > .btn.btn-active-color-warning.dropdown-toggle:after {
+  color: var(--kt-text-warning);
+}
+
+.btn.btn-icon-warning i,
+.btn.btn-icon-warning .svg-icon {
+  color: var(--kt-text-warning);
+}
+.btn.btn-icon-warning.dropdown-toggle:after {
+  color: var(--kt-text-warning);
+}
+.btn-check:checked + .btn.btn-active-icon-warning i,
+.btn-check:checked + .btn.btn-active-icon-warning .svg-icon, .btn-check:active + .btn.btn-active-icon-warning i,
+.btn-check:active + .btn.btn-active-icon-warning .svg-icon, .btn.btn-active-icon-warning:focus:not(.btn-active) i,
+.btn.btn-active-icon-warning:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-warning:hover:not(.btn-active) i,
+.btn.btn-active-icon-warning:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-warning:active:not(.btn-active) i,
+.btn.btn-active-icon-warning:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-warning.active i,
+.btn.btn-active-icon-warning.active .svg-icon, .btn.btn-active-icon-warning.show i,
+.btn.btn-active-icon-warning.show .svg-icon, .show > .btn.btn-active-icon-warning i,
+.show > .btn.btn-active-icon-warning .svg-icon {
+  color: var(--kt-text-warning);
+}
+.btn-check:checked + .btn.btn-active-icon-warning.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-warning.dropdown-toggle:after, .btn.btn-active-icon-warning:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-warning:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-warning:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-warning.active.dropdown-toggle:after, .btn.btn-active-icon-warning.show.dropdown-toggle:after, .show > .btn.btn-active-icon-warning.dropdown-toggle:after {
+  color: var(--kt-text-warning);
+}
+
+.btn.btn-text-warning {
+  color: var(--kt-text-warning);
+}
+.btn-check:checked + .btn.btn-active-text-warning, .btn-check:active + .btn.btn-active-text-warning, .btn.btn-active-text-warning:focus:not(.btn-active), .btn.btn-active-text-warning:hover:not(.btn-active), .btn.btn-active-text-warning:active:not(.btn-active), .btn.btn-active-text-warning.active, .btn.btn-active-text-warning.show, .show > .btn.btn-active-text-warning {
+  color: var(--kt-text-warning);
+}
+
+.btn.btn-color-danger {
+  color: var(--kt-text-danger);
+}
+.btn.btn-color-danger i,
+.btn.btn-color-danger .svg-icon {
+  color: var(--kt-text-danger);
+}
+.btn.btn-color-danger.dropdown-toggle:after {
+  color: var(--kt-text-danger);
+}
+.btn-check:checked + .btn.btn-active-color-danger, .btn-check:active + .btn.btn-active-color-danger, .btn.btn-active-color-danger:focus:not(.btn-active), .btn.btn-active-color-danger:hover:not(.btn-active), .btn.btn-active-color-danger:active:not(.btn-active), .btn.btn-active-color-danger.active, .btn.btn-active-color-danger.show, .show > .btn.btn-active-color-danger {
+  color: var(--kt-text-danger);
+}
+.btn-check:checked + .btn.btn-active-color-danger i,
+.btn-check:checked + .btn.btn-active-color-danger .svg-icon, .btn-check:active + .btn.btn-active-color-danger i,
+.btn-check:active + .btn.btn-active-color-danger .svg-icon, .btn.btn-active-color-danger:focus:not(.btn-active) i,
+.btn.btn-active-color-danger:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-danger:hover:not(.btn-active) i,
+.btn.btn-active-color-danger:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-danger:active:not(.btn-active) i,
+.btn.btn-active-color-danger:active:not(.btn-active) .svg-icon, .btn.btn-active-color-danger.active i,
+.btn.btn-active-color-danger.active .svg-icon, .btn.btn-active-color-danger.show i,
+.btn.btn-active-color-danger.show .svg-icon, .show > .btn.btn-active-color-danger i,
+.show > .btn.btn-active-color-danger .svg-icon {
+  color: var(--kt-text-danger);
+}
+.btn-check:checked + .btn.btn-active-color-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-danger.dropdown-toggle:after, .btn.btn-active-color-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-danger.active.dropdown-toggle:after, .btn.btn-active-color-danger.show.dropdown-toggle:after, .show > .btn.btn-active-color-danger.dropdown-toggle:after {
+  color: var(--kt-text-danger);
+}
+
+.btn.btn-icon-danger i,
+.btn.btn-icon-danger .svg-icon {
+  color: var(--kt-text-danger);
+}
+.btn.btn-icon-danger.dropdown-toggle:after {
+  color: var(--kt-text-danger);
+}
+.btn-check:checked + .btn.btn-active-icon-danger i,
+.btn-check:checked + .btn.btn-active-icon-danger .svg-icon, .btn-check:active + .btn.btn-active-icon-danger i,
+.btn-check:active + .btn.btn-active-icon-danger .svg-icon, .btn.btn-active-icon-danger:focus:not(.btn-active) i,
+.btn.btn-active-icon-danger:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-danger:hover:not(.btn-active) i,
+.btn.btn-active-icon-danger:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-danger:active:not(.btn-active) i,
+.btn.btn-active-icon-danger:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-danger.active i,
+.btn.btn-active-icon-danger.active .svg-icon, .btn.btn-active-icon-danger.show i,
+.btn.btn-active-icon-danger.show .svg-icon, .show > .btn.btn-active-icon-danger i,
+.show > .btn.btn-active-icon-danger .svg-icon {
+  color: var(--kt-text-danger);
+}
+.btn-check:checked + .btn.btn-active-icon-danger.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-danger.dropdown-toggle:after, .btn.btn-active-icon-danger:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-danger:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-danger:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-danger.active.dropdown-toggle:after, .btn.btn-active-icon-danger.show.dropdown-toggle:after, .show > .btn.btn-active-icon-danger.dropdown-toggle:after {
+  color: var(--kt-text-danger);
+}
+
+.btn.btn-text-danger {
+  color: var(--kt-text-danger);
+}
+.btn-check:checked + .btn.btn-active-text-danger, .btn-check:active + .btn.btn-active-text-danger, .btn.btn-active-text-danger:focus:not(.btn-active), .btn.btn-active-text-danger:hover:not(.btn-active), .btn.btn-active-text-danger:active:not(.btn-active), .btn.btn-active-text-danger.active, .btn.btn-active-text-danger.show, .show > .btn.btn-active-text-danger {
+  color: var(--kt-text-danger);
+}
+
+.btn.btn-color-dark {
+  color: var(--kt-text-dark);
+}
+.btn.btn-color-dark i,
+.btn.btn-color-dark .svg-icon {
+  color: var(--kt-text-dark);
+}
+.btn.btn-color-dark.dropdown-toggle:after {
+  color: var(--kt-text-dark);
+}
+.btn-check:checked + .btn.btn-active-color-dark, .btn-check:active + .btn.btn-active-color-dark, .btn.btn-active-color-dark:focus:not(.btn-active), .btn.btn-active-color-dark:hover:not(.btn-active), .btn.btn-active-color-dark:active:not(.btn-active), .btn.btn-active-color-dark.active, .btn.btn-active-color-dark.show, .show > .btn.btn-active-color-dark {
+  color: var(--kt-text-dark);
+}
+.btn-check:checked + .btn.btn-active-color-dark i,
+.btn-check:checked + .btn.btn-active-color-dark .svg-icon, .btn-check:active + .btn.btn-active-color-dark i,
+.btn-check:active + .btn.btn-active-color-dark .svg-icon, .btn.btn-active-color-dark:focus:not(.btn-active) i,
+.btn.btn-active-color-dark:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-dark:hover:not(.btn-active) i,
+.btn.btn-active-color-dark:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-dark:active:not(.btn-active) i,
+.btn.btn-active-color-dark:active:not(.btn-active) .svg-icon, .btn.btn-active-color-dark.active i,
+.btn.btn-active-color-dark.active .svg-icon, .btn.btn-active-color-dark.show i,
+.btn.btn-active-color-dark.show .svg-icon, .show > .btn.btn-active-color-dark i,
+.show > .btn.btn-active-color-dark .svg-icon {
+  color: var(--kt-text-dark);
+}
+.btn-check:checked + .btn.btn-active-color-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-dark.dropdown-toggle:after, .btn.btn-active-color-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-dark.active.dropdown-toggle:after, .btn.btn-active-color-dark.show.dropdown-toggle:after, .show > .btn.btn-active-color-dark.dropdown-toggle:after {
+  color: var(--kt-text-dark);
+}
+
+.btn.btn-icon-dark i,
+.btn.btn-icon-dark .svg-icon {
+  color: var(--kt-text-dark);
+}
+.btn.btn-icon-dark.dropdown-toggle:after {
+  color: var(--kt-text-dark);
+}
+.btn-check:checked + .btn.btn-active-icon-dark i,
+.btn-check:checked + .btn.btn-active-icon-dark .svg-icon, .btn-check:active + .btn.btn-active-icon-dark i,
+.btn-check:active + .btn.btn-active-icon-dark .svg-icon, .btn.btn-active-icon-dark:focus:not(.btn-active) i,
+.btn.btn-active-icon-dark:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-dark:hover:not(.btn-active) i,
+.btn.btn-active-icon-dark:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-dark:active:not(.btn-active) i,
+.btn.btn-active-icon-dark:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-dark.active i,
+.btn.btn-active-icon-dark.active .svg-icon, .btn.btn-active-icon-dark.show i,
+.btn.btn-active-icon-dark.show .svg-icon, .show > .btn.btn-active-icon-dark i,
+.show > .btn.btn-active-icon-dark .svg-icon {
+  color: var(--kt-text-dark);
+}
+.btn-check:checked + .btn.btn-active-icon-dark.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-dark.dropdown-toggle:after, .btn.btn-active-icon-dark:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-dark:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-dark:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-dark.active.dropdown-toggle:after, .btn.btn-active-icon-dark.show.dropdown-toggle:after, .show > .btn.btn-active-icon-dark.dropdown-toggle:after {
+  color: var(--kt-text-dark);
+}
+
+.btn.btn-text-dark {
+  color: var(--kt-text-dark);
+}
+.btn-check:checked + .btn.btn-active-text-dark, .btn-check:active + .btn.btn-active-text-dark, .btn.btn-active-text-dark:focus:not(.btn-active), .btn.btn-active-text-dark:hover:not(.btn-active), .btn.btn-active-text-dark:active:not(.btn-active), .btn.btn-active-text-dark.active, .btn.btn-active-text-dark.show, .show > .btn.btn-active-text-dark {
+  color: var(--kt-text-dark);
+}
+
+.btn.btn-color-muted {
+  color: var(--kt-text-muted);
+}
+.btn.btn-color-muted i,
+.btn.btn-color-muted .svg-icon {
+  color: var(--kt-text-muted);
+}
+.btn.btn-color-muted.dropdown-toggle:after {
+  color: var(--kt-text-muted);
+}
+.btn-check:checked + .btn.btn-active-color-muted, .btn-check:active + .btn.btn-active-color-muted, .btn.btn-active-color-muted:focus:not(.btn-active), .btn.btn-active-color-muted:hover:not(.btn-active), .btn.btn-active-color-muted:active:not(.btn-active), .btn.btn-active-color-muted.active, .btn.btn-active-color-muted.show, .show > .btn.btn-active-color-muted {
+  color: var(--kt-text-muted);
+}
+.btn-check:checked + .btn.btn-active-color-muted i,
+.btn-check:checked + .btn.btn-active-color-muted .svg-icon, .btn-check:active + .btn.btn-active-color-muted i,
+.btn-check:active + .btn.btn-active-color-muted .svg-icon, .btn.btn-active-color-muted:focus:not(.btn-active) i,
+.btn.btn-active-color-muted:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-muted:hover:not(.btn-active) i,
+.btn.btn-active-color-muted:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-muted:active:not(.btn-active) i,
+.btn.btn-active-color-muted:active:not(.btn-active) .svg-icon, .btn.btn-active-color-muted.active i,
+.btn.btn-active-color-muted.active .svg-icon, .btn.btn-active-color-muted.show i,
+.btn.btn-active-color-muted.show .svg-icon, .show > .btn.btn-active-color-muted i,
+.show > .btn.btn-active-color-muted .svg-icon {
+  color: var(--kt-text-muted);
+}
+.btn-check:checked + .btn.btn-active-color-muted.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-muted.dropdown-toggle:after, .btn.btn-active-color-muted:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-muted:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-muted:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-muted.active.dropdown-toggle:after, .btn.btn-active-color-muted.show.dropdown-toggle:after, .show > .btn.btn-active-color-muted.dropdown-toggle:after {
+  color: var(--kt-text-muted);
+}
+
+.btn.btn-icon-muted i,
+.btn.btn-icon-muted .svg-icon {
+  color: var(--kt-text-muted);
+}
+.btn.btn-icon-muted.dropdown-toggle:after {
+  color: var(--kt-text-muted);
+}
+.btn-check:checked + .btn.btn-active-icon-muted i,
+.btn-check:checked + .btn.btn-active-icon-muted .svg-icon, .btn-check:active + .btn.btn-active-icon-muted i,
+.btn-check:active + .btn.btn-active-icon-muted .svg-icon, .btn.btn-active-icon-muted:focus:not(.btn-active) i,
+.btn.btn-active-icon-muted:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-muted:hover:not(.btn-active) i,
+.btn.btn-active-icon-muted:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-muted:active:not(.btn-active) i,
+.btn.btn-active-icon-muted:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-muted.active i,
+.btn.btn-active-icon-muted.active .svg-icon, .btn.btn-active-icon-muted.show i,
+.btn.btn-active-icon-muted.show .svg-icon, .show > .btn.btn-active-icon-muted i,
+.show > .btn.btn-active-icon-muted .svg-icon {
+  color: var(--kt-text-muted);
+}
+.btn-check:checked + .btn.btn-active-icon-muted.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-muted.dropdown-toggle:after, .btn.btn-active-icon-muted:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-muted:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-muted:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-muted.active.dropdown-toggle:after, .btn.btn-active-icon-muted.show.dropdown-toggle:after, .show > .btn.btn-active-icon-muted.dropdown-toggle:after {
+  color: var(--kt-text-muted);
+}
+
+.btn.btn-text-muted {
+  color: var(--kt-text-muted);
+}
+.btn-check:checked + .btn.btn-active-text-muted, .btn-check:active + .btn.btn-active-text-muted, .btn.btn-active-text-muted:focus:not(.btn-active), .btn.btn-active-text-muted:hover:not(.btn-active), .btn.btn-active-text-muted:active:not(.btn-active), .btn.btn-active-text-muted.active, .btn.btn-active-text-muted.show, .show > .btn.btn-active-text-muted {
+  color: var(--kt-text-muted);
+}
+
+.btn.btn-color-gray-100 {
+  color: var(--kt-text-gray-100);
+}
+.btn.btn-color-gray-100 i,
+.btn.btn-color-gray-100 .svg-icon {
+  color: var(--kt-text-gray-100);
+}
+.btn.btn-color-gray-100.dropdown-toggle:after {
+  color: var(--kt-text-gray-100);
+}
+.btn-check:checked + .btn.btn-active-color-gray-100, .btn-check:active + .btn.btn-active-color-gray-100, .btn.btn-active-color-gray-100:focus:not(.btn-active), .btn.btn-active-color-gray-100:hover:not(.btn-active), .btn.btn-active-color-gray-100:active:not(.btn-active), .btn.btn-active-color-gray-100.active, .btn.btn-active-color-gray-100.show, .show > .btn.btn-active-color-gray-100 {
+  color: var(--kt-text-gray-100);
+}
+.btn-check:checked + .btn.btn-active-color-gray-100 i,
+.btn-check:checked + .btn.btn-active-color-gray-100 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-100 i,
+.btn-check:active + .btn.btn-active-color-gray-100 .svg-icon, .btn.btn-active-color-gray-100:focus:not(.btn-active) i,
+.btn.btn-active-color-gray-100:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-100:hover:not(.btn-active) i,
+.btn.btn-active-color-gray-100:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-100:active:not(.btn-active) i,
+.btn.btn-active-color-gray-100:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-100.active i,
+.btn.btn-active-color-gray-100.active .svg-icon, .btn.btn-active-color-gray-100.show i,
+.btn.btn-active-color-gray-100.show .svg-icon, .show > .btn.btn-active-color-gray-100 i,
+.show > .btn.btn-active-color-gray-100 .svg-icon {
+  color: var(--kt-text-gray-100);
+}
+.btn-check:checked + .btn.btn-active-color-gray-100.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-100.dropdown-toggle:after, .btn.btn-active-color-gray-100:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-100:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-100:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-100.active.dropdown-toggle:after, .btn.btn-active-color-gray-100.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-100.dropdown-toggle:after {
+  color: var(--kt-text-gray-100);
+}
+
+.btn.btn-icon-gray-100 i,
+.btn.btn-icon-gray-100 .svg-icon {
+  color: var(--kt-text-gray-100);
+}
+.btn.btn-icon-gray-100.dropdown-toggle:after {
+  color: var(--kt-text-gray-100);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-100 i,
+.btn-check:checked + .btn.btn-active-icon-gray-100 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-100 i,
+.btn-check:active + .btn.btn-active-icon-gray-100 .svg-icon, .btn.btn-active-icon-gray-100:focus:not(.btn-active) i,
+.btn.btn-active-icon-gray-100:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-100:hover:not(.btn-active) i,
+.btn.btn-active-icon-gray-100:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-100:active:not(.btn-active) i,
+.btn.btn-active-icon-gray-100:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-100.active i,
+.btn.btn-active-icon-gray-100.active .svg-icon, .btn.btn-active-icon-gray-100.show i,
+.btn.btn-active-icon-gray-100.show .svg-icon, .show > .btn.btn-active-icon-gray-100 i,
+.show > .btn.btn-active-icon-gray-100 .svg-icon {
+  color: var(--kt-text-gray-100);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-100.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-100.dropdown-toggle:after, .btn.btn-active-icon-gray-100:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-100:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-100:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-100.active.dropdown-toggle:after, .btn.btn-active-icon-gray-100.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-100.dropdown-toggle:after {
+  color: var(--kt-text-gray-100);
+}
+
+.btn.btn-text-gray-100 {
+  color: var(--kt-text-gray-100);
+}
+.btn-check:checked + .btn.btn-active-text-gray-100, .btn-check:active + .btn.btn-active-text-gray-100, .btn.btn-active-text-gray-100:focus:not(.btn-active), .btn.btn-active-text-gray-100:hover:not(.btn-active), .btn.btn-active-text-gray-100:active:not(.btn-active), .btn.btn-active-text-gray-100.active, .btn.btn-active-text-gray-100.show, .show > .btn.btn-active-text-gray-100 {
+  color: var(--kt-text-gray-100);
+}
+
+.btn.btn-color-gray-200 {
+  color: var(--kt-text-gray-200);
+}
+.btn.btn-color-gray-200 i,
+.btn.btn-color-gray-200 .svg-icon {
+  color: var(--kt-text-gray-200);
+}
+.btn.btn-color-gray-200.dropdown-toggle:after {
+  color: var(--kt-text-gray-200);
+}
+.btn-check:checked + .btn.btn-active-color-gray-200, .btn-check:active + .btn.btn-active-color-gray-200, .btn.btn-active-color-gray-200:focus:not(.btn-active), .btn.btn-active-color-gray-200:hover:not(.btn-active), .btn.btn-active-color-gray-200:active:not(.btn-active), .btn.btn-active-color-gray-200.active, .btn.btn-active-color-gray-200.show, .show > .btn.btn-active-color-gray-200 {
+  color: var(--kt-text-gray-200);
+}
+.btn-check:checked + .btn.btn-active-color-gray-200 i,
+.btn-check:checked + .btn.btn-active-color-gray-200 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-200 i,
+.btn-check:active + .btn.btn-active-color-gray-200 .svg-icon, .btn.btn-active-color-gray-200:focus:not(.btn-active) i,
+.btn.btn-active-color-gray-200:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-200:hover:not(.btn-active) i,
+.btn.btn-active-color-gray-200:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-200:active:not(.btn-active) i,
+.btn.btn-active-color-gray-200:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-200.active i,
+.btn.btn-active-color-gray-200.active .svg-icon, .btn.btn-active-color-gray-200.show i,
+.btn.btn-active-color-gray-200.show .svg-icon, .show > .btn.btn-active-color-gray-200 i,
+.show > .btn.btn-active-color-gray-200 .svg-icon {
+  color: var(--kt-text-gray-200);
+}
+.btn-check:checked + .btn.btn-active-color-gray-200.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-200.dropdown-toggle:after, .btn.btn-active-color-gray-200:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-200:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-200:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-200.active.dropdown-toggle:after, .btn.btn-active-color-gray-200.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-200.dropdown-toggle:after {
+  color: var(--kt-text-gray-200);
+}
+
+.btn.btn-icon-gray-200 i,
+.btn.btn-icon-gray-200 .svg-icon {
+  color: var(--kt-text-gray-200);
+}
+.btn.btn-icon-gray-200.dropdown-toggle:after {
+  color: var(--kt-text-gray-200);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-200 i,
+.btn-check:checked + .btn.btn-active-icon-gray-200 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-200 i,
+.btn-check:active + .btn.btn-active-icon-gray-200 .svg-icon, .btn.btn-active-icon-gray-200:focus:not(.btn-active) i,
+.btn.btn-active-icon-gray-200:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-200:hover:not(.btn-active) i,
+.btn.btn-active-icon-gray-200:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-200:active:not(.btn-active) i,
+.btn.btn-active-icon-gray-200:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-200.active i,
+.btn.btn-active-icon-gray-200.active .svg-icon, .btn.btn-active-icon-gray-200.show i,
+.btn.btn-active-icon-gray-200.show .svg-icon, .show > .btn.btn-active-icon-gray-200 i,
+.show > .btn.btn-active-icon-gray-200 .svg-icon {
+  color: var(--kt-text-gray-200);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-200.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-200.dropdown-toggle:after, .btn.btn-active-icon-gray-200:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-200:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-200:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-200.active.dropdown-toggle:after, .btn.btn-active-icon-gray-200.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-200.dropdown-toggle:after {
+  color: var(--kt-text-gray-200);
+}
+
+.btn.btn-text-gray-200 {
+  color: var(--kt-text-gray-200);
+}
+.btn-check:checked + .btn.btn-active-text-gray-200, .btn-check:active + .btn.btn-active-text-gray-200, .btn.btn-active-text-gray-200:focus:not(.btn-active), .btn.btn-active-text-gray-200:hover:not(.btn-active), .btn.btn-active-text-gray-200:active:not(.btn-active), .btn.btn-active-text-gray-200.active, .btn.btn-active-text-gray-200.show, .show > .btn.btn-active-text-gray-200 {
+  color: var(--kt-text-gray-200);
+}
+
+.btn.btn-color-gray-300 {
+  color: var(--kt-text-gray-300);
+}
+.btn.btn-color-gray-300 i,
+.btn.btn-color-gray-300 .svg-icon {
+  color: var(--kt-text-gray-300);
+}
+.btn.btn-color-gray-300.dropdown-toggle:after {
+  color: var(--kt-text-gray-300);
+}
+.btn-check:checked + .btn.btn-active-color-gray-300, .btn-check:active + .btn.btn-active-color-gray-300, .btn.btn-active-color-gray-300:focus:not(.btn-active), .btn.btn-active-color-gray-300:hover:not(.btn-active), .btn.btn-active-color-gray-300:active:not(.btn-active), .btn.btn-active-color-gray-300.active, .btn.btn-active-color-gray-300.show, .show > .btn.btn-active-color-gray-300 {
+  color: var(--kt-text-gray-300);
+}
+.btn-check:checked + .btn.btn-active-color-gray-300 i,
+.btn-check:checked + .btn.btn-active-color-gray-300 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-300 i,
+.btn-check:active + .btn.btn-active-color-gray-300 .svg-icon, .btn.btn-active-color-gray-300:focus:not(.btn-active) i,
+.btn.btn-active-color-gray-300:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-300:hover:not(.btn-active) i,
+.btn.btn-active-color-gray-300:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-300:active:not(.btn-active) i,
+.btn.btn-active-color-gray-300:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-300.active i,
+.btn.btn-active-color-gray-300.active .svg-icon, .btn.btn-active-color-gray-300.show i,
+.btn.btn-active-color-gray-300.show .svg-icon, .show > .btn.btn-active-color-gray-300 i,
+.show > .btn.btn-active-color-gray-300 .svg-icon {
+  color: var(--kt-text-gray-300);
+}
+.btn-check:checked + .btn.btn-active-color-gray-300.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-300.dropdown-toggle:after, .btn.btn-active-color-gray-300:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-300:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-300:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-300.active.dropdown-toggle:after, .btn.btn-active-color-gray-300.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-300.dropdown-toggle:after {
+  color: var(--kt-text-gray-300);
+}
+
+.btn.btn-icon-gray-300 i,
+.btn.btn-icon-gray-300 .svg-icon {
+  color: var(--kt-text-gray-300);
+}
+.btn.btn-icon-gray-300.dropdown-toggle:after {
+  color: var(--kt-text-gray-300);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-300 i,
+.btn-check:checked + .btn.btn-active-icon-gray-300 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-300 i,
+.btn-check:active + .btn.btn-active-icon-gray-300 .svg-icon, .btn.btn-active-icon-gray-300:focus:not(.btn-active) i,
+.btn.btn-active-icon-gray-300:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-300:hover:not(.btn-active) i,
+.btn.btn-active-icon-gray-300:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-300:active:not(.btn-active) i,
+.btn.btn-active-icon-gray-300:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-300.active i,
+.btn.btn-active-icon-gray-300.active .svg-icon, .btn.btn-active-icon-gray-300.show i,
+.btn.btn-active-icon-gray-300.show .svg-icon, .show > .btn.btn-active-icon-gray-300 i,
+.show > .btn.btn-active-icon-gray-300 .svg-icon {
+  color: var(--kt-text-gray-300);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-300.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-300.dropdown-toggle:after, .btn.btn-active-icon-gray-300:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-300:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-300:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-300.active.dropdown-toggle:after, .btn.btn-active-icon-gray-300.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-300.dropdown-toggle:after {
+  color: var(--kt-text-gray-300);
+}
+
+.btn.btn-text-gray-300 {
+  color: var(--kt-text-gray-300);
+}
+.btn-check:checked + .btn.btn-active-text-gray-300, .btn-check:active + .btn.btn-active-text-gray-300, .btn.btn-active-text-gray-300:focus:not(.btn-active), .btn.btn-active-text-gray-300:hover:not(.btn-active), .btn.btn-active-text-gray-300:active:not(.btn-active), .btn.btn-active-text-gray-300.active, .btn.btn-active-text-gray-300.show, .show > .btn.btn-active-text-gray-300 {
+  color: var(--kt-text-gray-300);
+}
+
+.btn.btn-color-gray-400 {
+  color: var(--kt-text-gray-400);
+}
+.btn.btn-color-gray-400 i,
+.btn.btn-color-gray-400 .svg-icon {
+  color: var(--kt-text-gray-400);
+}
+.btn.btn-color-gray-400.dropdown-toggle:after {
+  color: var(--kt-text-gray-400);
+}
+.btn-check:checked + .btn.btn-active-color-gray-400, .btn-check:active + .btn.btn-active-color-gray-400, .btn.btn-active-color-gray-400:focus:not(.btn-active), .btn.btn-active-color-gray-400:hover:not(.btn-active), .btn.btn-active-color-gray-400:active:not(.btn-active), .btn.btn-active-color-gray-400.active, .btn.btn-active-color-gray-400.show, .show > .btn.btn-active-color-gray-400 {
+  color: var(--kt-text-gray-400);
+}
+.btn-check:checked + .btn.btn-active-color-gray-400 i,
+.btn-check:checked + .btn.btn-active-color-gray-400 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-400 i,
+.btn-check:active + .btn.btn-active-color-gray-400 .svg-icon, .btn.btn-active-color-gray-400:focus:not(.btn-active) i,
+.btn.btn-active-color-gray-400:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-400:hover:not(.btn-active) i,
+.btn.btn-active-color-gray-400:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-400:active:not(.btn-active) i,
+.btn.btn-active-color-gray-400:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-400.active i,
+.btn.btn-active-color-gray-400.active .svg-icon, .btn.btn-active-color-gray-400.show i,
+.btn.btn-active-color-gray-400.show .svg-icon, .show > .btn.btn-active-color-gray-400 i,
+.show > .btn.btn-active-color-gray-400 .svg-icon {
+  color: var(--kt-text-gray-400);
+}
+.btn-check:checked + .btn.btn-active-color-gray-400.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-400.dropdown-toggle:after, .btn.btn-active-color-gray-400:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-400:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-400:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-400.active.dropdown-toggle:after, .btn.btn-active-color-gray-400.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-400.dropdown-toggle:after {
+  color: var(--kt-text-gray-400);
+}
+
+.btn.btn-icon-gray-400 i,
+.btn.btn-icon-gray-400 .svg-icon {
+  color: var(--kt-text-gray-400);
+}
+.btn.btn-icon-gray-400.dropdown-toggle:after {
+  color: var(--kt-text-gray-400);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-400 i,
+.btn-check:checked + .btn.btn-active-icon-gray-400 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-400 i,
+.btn-check:active + .btn.btn-active-icon-gray-400 .svg-icon, .btn.btn-active-icon-gray-400:focus:not(.btn-active) i,
+.btn.btn-active-icon-gray-400:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-400:hover:not(.btn-active) i,
+.btn.btn-active-icon-gray-400:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-400:active:not(.btn-active) i,
+.btn.btn-active-icon-gray-400:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-400.active i,
+.btn.btn-active-icon-gray-400.active .svg-icon, .btn.btn-active-icon-gray-400.show i,
+.btn.btn-active-icon-gray-400.show .svg-icon, .show > .btn.btn-active-icon-gray-400 i,
+.show > .btn.btn-active-icon-gray-400 .svg-icon {
+  color: var(--kt-text-gray-400);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-400.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-400.dropdown-toggle:after, .btn.btn-active-icon-gray-400:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-400:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-400:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-400.active.dropdown-toggle:after, .btn.btn-active-icon-gray-400.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-400.dropdown-toggle:after {
+  color: var(--kt-text-gray-400);
+}
+
+.btn.btn-text-gray-400 {
+  color: var(--kt-text-gray-400);
+}
+.btn-check:checked + .btn.btn-active-text-gray-400, .btn-check:active + .btn.btn-active-text-gray-400, .btn.btn-active-text-gray-400:focus:not(.btn-active), .btn.btn-active-text-gray-400:hover:not(.btn-active), .btn.btn-active-text-gray-400:active:not(.btn-active), .btn.btn-active-text-gray-400.active, .btn.btn-active-text-gray-400.show, .show > .btn.btn-active-text-gray-400 {
+  color: var(--kt-text-gray-400);
+}
+
+.btn.btn-color-gray-500 {
+  color: var(--kt-text-gray-500);
+}
+.btn.btn-color-gray-500 i,
+.btn.btn-color-gray-500 .svg-icon {
+  color: var(--kt-text-gray-500);
+}
+.btn.btn-color-gray-500.dropdown-toggle:after {
+  color: var(--kt-text-gray-500);
+}
+.btn-check:checked + .btn.btn-active-color-gray-500, .btn-check:active + .btn.btn-active-color-gray-500, .btn.btn-active-color-gray-500:focus:not(.btn-active), .btn.btn-active-color-gray-500:hover:not(.btn-active), .btn.btn-active-color-gray-500:active:not(.btn-active), .btn.btn-active-color-gray-500.active, .btn.btn-active-color-gray-500.show, .show > .btn.btn-active-color-gray-500 {
+  color: var(--kt-text-gray-500);
+}
+.btn-check:checked + .btn.btn-active-color-gray-500 i,
+.btn-check:checked + .btn.btn-active-color-gray-500 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-500 i,
+.btn-check:active + .btn.btn-active-color-gray-500 .svg-icon, .btn.btn-active-color-gray-500:focus:not(.btn-active) i,
+.btn.btn-active-color-gray-500:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-500:hover:not(.btn-active) i,
+.btn.btn-active-color-gray-500:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-500:active:not(.btn-active) i,
+.btn.btn-active-color-gray-500:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-500.active i,
+.btn.btn-active-color-gray-500.active .svg-icon, .btn.btn-active-color-gray-500.show i,
+.btn.btn-active-color-gray-500.show .svg-icon, .show > .btn.btn-active-color-gray-500 i,
+.show > .btn.btn-active-color-gray-500 .svg-icon {
+  color: var(--kt-text-gray-500);
+}
+.btn-check:checked + .btn.btn-active-color-gray-500.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-500.dropdown-toggle:after, .btn.btn-active-color-gray-500:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-500:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-500:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-500.active.dropdown-toggle:after, .btn.btn-active-color-gray-500.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-500.dropdown-toggle:after {
+  color: var(--kt-text-gray-500);
+}
+
+.btn.btn-icon-gray-500 i,
+.btn.btn-icon-gray-500 .svg-icon {
+  color: var(--kt-text-gray-500);
+}
+.btn.btn-icon-gray-500.dropdown-toggle:after {
+  color: var(--kt-text-gray-500);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-500 i,
+.btn-check:checked + .btn.btn-active-icon-gray-500 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-500 i,
+.btn-check:active + .btn.btn-active-icon-gray-500 .svg-icon, .btn.btn-active-icon-gray-500:focus:not(.btn-active) i,
+.btn.btn-active-icon-gray-500:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-500:hover:not(.btn-active) i,
+.btn.btn-active-icon-gray-500:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-500:active:not(.btn-active) i,
+.btn.btn-active-icon-gray-500:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-500.active i,
+.btn.btn-active-icon-gray-500.active .svg-icon, .btn.btn-active-icon-gray-500.show i,
+.btn.btn-active-icon-gray-500.show .svg-icon, .show > .btn.btn-active-icon-gray-500 i,
+.show > .btn.btn-active-icon-gray-500 .svg-icon {
+  color: var(--kt-text-gray-500);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-500.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-500.dropdown-toggle:after, .btn.btn-active-icon-gray-500:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-500:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-500:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-500.active.dropdown-toggle:after, .btn.btn-active-icon-gray-500.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-500.dropdown-toggle:after {
+  color: var(--kt-text-gray-500);
+}
+
+.btn.btn-text-gray-500 {
+  color: var(--kt-text-gray-500);
+}
+.btn-check:checked + .btn.btn-active-text-gray-500, .btn-check:active + .btn.btn-active-text-gray-500, .btn.btn-active-text-gray-500:focus:not(.btn-active), .btn.btn-active-text-gray-500:hover:not(.btn-active), .btn.btn-active-text-gray-500:active:not(.btn-active), .btn.btn-active-text-gray-500.active, .btn.btn-active-text-gray-500.show, .show > .btn.btn-active-text-gray-500 {
+  color: var(--kt-text-gray-500);
+}
+
+.btn.btn-color-gray-600 {
+  color: var(--kt-text-gray-600);
+}
+.btn.btn-color-gray-600 i,
+.btn.btn-color-gray-600 .svg-icon {
+  color: var(--kt-text-gray-600);
+}
+.btn.btn-color-gray-600.dropdown-toggle:after {
+  color: var(--kt-text-gray-600);
+}
+.btn-check:checked + .btn.btn-active-color-gray-600, .btn-check:active + .btn.btn-active-color-gray-600, .btn.btn-active-color-gray-600:focus:not(.btn-active), .btn.btn-active-color-gray-600:hover:not(.btn-active), .btn.btn-active-color-gray-600:active:not(.btn-active), .btn.btn-active-color-gray-600.active, .btn.btn-active-color-gray-600.show, .show > .btn.btn-active-color-gray-600 {
+  color: var(--kt-text-gray-600);
+}
+.btn-check:checked + .btn.btn-active-color-gray-600 i,
+.btn-check:checked + .btn.btn-active-color-gray-600 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-600 i,
+.btn-check:active + .btn.btn-active-color-gray-600 .svg-icon, .btn.btn-active-color-gray-600:focus:not(.btn-active) i,
+.btn.btn-active-color-gray-600:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-600:hover:not(.btn-active) i,
+.btn.btn-active-color-gray-600:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-600:active:not(.btn-active) i,
+.btn.btn-active-color-gray-600:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-600.active i,
+.btn.btn-active-color-gray-600.active .svg-icon, .btn.btn-active-color-gray-600.show i,
+.btn.btn-active-color-gray-600.show .svg-icon, .show > .btn.btn-active-color-gray-600 i,
+.show > .btn.btn-active-color-gray-600 .svg-icon {
+  color: var(--kt-text-gray-600);
+}
+.btn-check:checked + .btn.btn-active-color-gray-600.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-600.dropdown-toggle:after, .btn.btn-active-color-gray-600:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-600:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-600:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-600.active.dropdown-toggle:after, .btn.btn-active-color-gray-600.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-600.dropdown-toggle:after {
+  color: var(--kt-text-gray-600);
+}
+
+.btn.btn-icon-gray-600 i,
+.btn.btn-icon-gray-600 .svg-icon {
+  color: var(--kt-text-gray-600);
+}
+.btn.btn-icon-gray-600.dropdown-toggle:after {
+  color: var(--kt-text-gray-600);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-600 i,
+.btn-check:checked + .btn.btn-active-icon-gray-600 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-600 i,
+.btn-check:active + .btn.btn-active-icon-gray-600 .svg-icon, .btn.btn-active-icon-gray-600:focus:not(.btn-active) i,
+.btn.btn-active-icon-gray-600:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-600:hover:not(.btn-active) i,
+.btn.btn-active-icon-gray-600:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-600:active:not(.btn-active) i,
+.btn.btn-active-icon-gray-600:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-600.active i,
+.btn.btn-active-icon-gray-600.active .svg-icon, .btn.btn-active-icon-gray-600.show i,
+.btn.btn-active-icon-gray-600.show .svg-icon, .show > .btn.btn-active-icon-gray-600 i,
+.show > .btn.btn-active-icon-gray-600 .svg-icon {
+  color: var(--kt-text-gray-600);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-600.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-600.dropdown-toggle:after, .btn.btn-active-icon-gray-600:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-600:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-600:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-600.active.dropdown-toggle:after, .btn.btn-active-icon-gray-600.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-600.dropdown-toggle:after {
+  color: var(--kt-text-gray-600);
+}
+
+.btn.btn-text-gray-600 {
+  color: var(--kt-text-gray-600);
+}
+.btn-check:checked + .btn.btn-active-text-gray-600, .btn-check:active + .btn.btn-active-text-gray-600, .btn.btn-active-text-gray-600:focus:not(.btn-active), .btn.btn-active-text-gray-600:hover:not(.btn-active), .btn.btn-active-text-gray-600:active:not(.btn-active), .btn.btn-active-text-gray-600.active, .btn.btn-active-text-gray-600.show, .show > .btn.btn-active-text-gray-600 {
+  color: var(--kt-text-gray-600);
+}
+
+.btn.btn-color-gray-700 {
+  color: var(--kt-text-gray-700);
+}
+.btn.btn-color-gray-700 i,
+.btn.btn-color-gray-700 .svg-icon {
+  color: var(--kt-text-gray-700);
+}
+.btn.btn-color-gray-700.dropdown-toggle:after {
+  color: var(--kt-text-gray-700);
+}
+.btn-check:checked + .btn.btn-active-color-gray-700, .btn-check:active + .btn.btn-active-color-gray-700, .btn.btn-active-color-gray-700:focus:not(.btn-active), .btn.btn-active-color-gray-700:hover:not(.btn-active), .btn.btn-active-color-gray-700:active:not(.btn-active), .btn.btn-active-color-gray-700.active, .btn.btn-active-color-gray-700.show, .show > .btn.btn-active-color-gray-700 {
+  color: var(--kt-text-gray-700);
+}
+.btn-check:checked + .btn.btn-active-color-gray-700 i,
+.btn-check:checked + .btn.btn-active-color-gray-700 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-700 i,
+.btn-check:active + .btn.btn-active-color-gray-700 .svg-icon, .btn.btn-active-color-gray-700:focus:not(.btn-active) i,
+.btn.btn-active-color-gray-700:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-700:hover:not(.btn-active) i,
+.btn.btn-active-color-gray-700:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-700:active:not(.btn-active) i,
+.btn.btn-active-color-gray-700:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-700.active i,
+.btn.btn-active-color-gray-700.active .svg-icon, .btn.btn-active-color-gray-700.show i,
+.btn.btn-active-color-gray-700.show .svg-icon, .show > .btn.btn-active-color-gray-700 i,
+.show > .btn.btn-active-color-gray-700 .svg-icon {
+  color: var(--kt-text-gray-700);
+}
+.btn-check:checked + .btn.btn-active-color-gray-700.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-700.dropdown-toggle:after, .btn.btn-active-color-gray-700:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-700:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-700:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-700.active.dropdown-toggle:after, .btn.btn-active-color-gray-700.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-700.dropdown-toggle:after {
+  color: var(--kt-text-gray-700);
+}
+
+.btn.btn-icon-gray-700 i,
+.btn.btn-icon-gray-700 .svg-icon {
+  color: var(--kt-text-gray-700);
+}
+.btn.btn-icon-gray-700.dropdown-toggle:after {
+  color: var(--kt-text-gray-700);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-700 i,
+.btn-check:checked + .btn.btn-active-icon-gray-700 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-700 i,
+.btn-check:active + .btn.btn-active-icon-gray-700 .svg-icon, .btn.btn-active-icon-gray-700:focus:not(.btn-active) i,
+.btn.btn-active-icon-gray-700:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-700:hover:not(.btn-active) i,
+.btn.btn-active-icon-gray-700:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-700:active:not(.btn-active) i,
+.btn.btn-active-icon-gray-700:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-700.active i,
+.btn.btn-active-icon-gray-700.active .svg-icon, .btn.btn-active-icon-gray-700.show i,
+.btn.btn-active-icon-gray-700.show .svg-icon, .show > .btn.btn-active-icon-gray-700 i,
+.show > .btn.btn-active-icon-gray-700 .svg-icon {
+  color: var(--kt-text-gray-700);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-700.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-700.dropdown-toggle:after, .btn.btn-active-icon-gray-700:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-700:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-700:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-700.active.dropdown-toggle:after, .btn.btn-active-icon-gray-700.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-700.dropdown-toggle:after {
+  color: var(--kt-text-gray-700);
+}
+
+.btn.btn-text-gray-700 {
+  color: var(--kt-text-gray-700);
+}
+.btn-check:checked + .btn.btn-active-text-gray-700, .btn-check:active + .btn.btn-active-text-gray-700, .btn.btn-active-text-gray-700:focus:not(.btn-active), .btn.btn-active-text-gray-700:hover:not(.btn-active), .btn.btn-active-text-gray-700:active:not(.btn-active), .btn.btn-active-text-gray-700.active, .btn.btn-active-text-gray-700.show, .show > .btn.btn-active-text-gray-700 {
+  color: var(--kt-text-gray-700);
+}
+
+.btn.btn-color-gray-800 {
+  color: var(--kt-text-gray-800);
+}
+.btn.btn-color-gray-800 i,
+.btn.btn-color-gray-800 .svg-icon {
+  color: var(--kt-text-gray-800);
+}
+.btn.btn-color-gray-800.dropdown-toggle:after {
+  color: var(--kt-text-gray-800);
+}
+.btn-check:checked + .btn.btn-active-color-gray-800, .btn-check:active + .btn.btn-active-color-gray-800, .btn.btn-active-color-gray-800:focus:not(.btn-active), .btn.btn-active-color-gray-800:hover:not(.btn-active), .btn.btn-active-color-gray-800:active:not(.btn-active), .btn.btn-active-color-gray-800.active, .btn.btn-active-color-gray-800.show, .show > .btn.btn-active-color-gray-800 {
+  color: var(--kt-text-gray-800);
+}
+.btn-check:checked + .btn.btn-active-color-gray-800 i,
+.btn-check:checked + .btn.btn-active-color-gray-800 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-800 i,
+.btn-check:active + .btn.btn-active-color-gray-800 .svg-icon, .btn.btn-active-color-gray-800:focus:not(.btn-active) i,
+.btn.btn-active-color-gray-800:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-800:hover:not(.btn-active) i,
+.btn.btn-active-color-gray-800:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-800:active:not(.btn-active) i,
+.btn.btn-active-color-gray-800:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-800.active i,
+.btn.btn-active-color-gray-800.active .svg-icon, .btn.btn-active-color-gray-800.show i,
+.btn.btn-active-color-gray-800.show .svg-icon, .show > .btn.btn-active-color-gray-800 i,
+.show > .btn.btn-active-color-gray-800 .svg-icon {
+  color: var(--kt-text-gray-800);
+}
+.btn-check:checked + .btn.btn-active-color-gray-800.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-800.dropdown-toggle:after, .btn.btn-active-color-gray-800:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-800:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-800:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-800.active.dropdown-toggle:after, .btn.btn-active-color-gray-800.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-800.dropdown-toggle:after {
+  color: var(--kt-text-gray-800);
+}
+
+.btn.btn-icon-gray-800 i,
+.btn.btn-icon-gray-800 .svg-icon {
+  color: var(--kt-text-gray-800);
+}
+.btn.btn-icon-gray-800.dropdown-toggle:after {
+  color: var(--kt-text-gray-800);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-800 i,
+.btn-check:checked + .btn.btn-active-icon-gray-800 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-800 i,
+.btn-check:active + .btn.btn-active-icon-gray-800 .svg-icon, .btn.btn-active-icon-gray-800:focus:not(.btn-active) i,
+.btn.btn-active-icon-gray-800:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-800:hover:not(.btn-active) i,
+.btn.btn-active-icon-gray-800:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-800:active:not(.btn-active) i,
+.btn.btn-active-icon-gray-800:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-800.active i,
+.btn.btn-active-icon-gray-800.active .svg-icon, .btn.btn-active-icon-gray-800.show i,
+.btn.btn-active-icon-gray-800.show .svg-icon, .show > .btn.btn-active-icon-gray-800 i,
+.show > .btn.btn-active-icon-gray-800 .svg-icon {
+  color: var(--kt-text-gray-800);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-800.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-800.dropdown-toggle:after, .btn.btn-active-icon-gray-800:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-800:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-800:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-800.active.dropdown-toggle:after, .btn.btn-active-icon-gray-800.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-800.dropdown-toggle:after {
+  color: var(--kt-text-gray-800);
+}
+
+.btn.btn-text-gray-800 {
+  color: var(--kt-text-gray-800);
+}
+.btn-check:checked + .btn.btn-active-text-gray-800, .btn-check:active + .btn.btn-active-text-gray-800, .btn.btn-active-text-gray-800:focus:not(.btn-active), .btn.btn-active-text-gray-800:hover:not(.btn-active), .btn.btn-active-text-gray-800:active:not(.btn-active), .btn.btn-active-text-gray-800.active, .btn.btn-active-text-gray-800.show, .show > .btn.btn-active-text-gray-800 {
+  color: var(--kt-text-gray-800);
+}
+
+.btn.btn-color-gray-900 {
+  color: var(--kt-text-gray-900);
+}
+.btn.btn-color-gray-900 i,
+.btn.btn-color-gray-900 .svg-icon {
+  color: var(--kt-text-gray-900);
+}
+.btn.btn-color-gray-900.dropdown-toggle:after {
+  color: var(--kt-text-gray-900);
+}
+.btn-check:checked + .btn.btn-active-color-gray-900, .btn-check:active + .btn.btn-active-color-gray-900, .btn.btn-active-color-gray-900:focus:not(.btn-active), .btn.btn-active-color-gray-900:hover:not(.btn-active), .btn.btn-active-color-gray-900:active:not(.btn-active), .btn.btn-active-color-gray-900.active, .btn.btn-active-color-gray-900.show, .show > .btn.btn-active-color-gray-900 {
+  color: var(--kt-text-gray-900);
+}
+.btn-check:checked + .btn.btn-active-color-gray-900 i,
+.btn-check:checked + .btn.btn-active-color-gray-900 .svg-icon, .btn-check:active + .btn.btn-active-color-gray-900 i,
+.btn-check:active + .btn.btn-active-color-gray-900 .svg-icon, .btn.btn-active-color-gray-900:focus:not(.btn-active) i,
+.btn.btn-active-color-gray-900:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-900:hover:not(.btn-active) i,
+.btn.btn-active-color-gray-900:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-900:active:not(.btn-active) i,
+.btn.btn-active-color-gray-900:active:not(.btn-active) .svg-icon, .btn.btn-active-color-gray-900.active i,
+.btn.btn-active-color-gray-900.active .svg-icon, .btn.btn-active-color-gray-900.show i,
+.btn.btn-active-color-gray-900.show .svg-icon, .show > .btn.btn-active-color-gray-900 i,
+.show > .btn.btn-active-color-gray-900 .svg-icon {
+  color: var(--kt-text-gray-900);
+}
+.btn-check:checked + .btn.btn-active-color-gray-900.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-gray-900.dropdown-toggle:after, .btn.btn-active-color-gray-900:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-900:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-900:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-gray-900.active.dropdown-toggle:after, .btn.btn-active-color-gray-900.show.dropdown-toggle:after, .show > .btn.btn-active-color-gray-900.dropdown-toggle:after {
+  color: var(--kt-text-gray-900);
+}
+
+.btn.btn-icon-gray-900 i,
+.btn.btn-icon-gray-900 .svg-icon {
+  color: var(--kt-text-gray-900);
+}
+.btn.btn-icon-gray-900.dropdown-toggle:after {
+  color: var(--kt-text-gray-900);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-900 i,
+.btn-check:checked + .btn.btn-active-icon-gray-900 .svg-icon, .btn-check:active + .btn.btn-active-icon-gray-900 i,
+.btn-check:active + .btn.btn-active-icon-gray-900 .svg-icon, .btn.btn-active-icon-gray-900:focus:not(.btn-active) i,
+.btn.btn-active-icon-gray-900:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-900:hover:not(.btn-active) i,
+.btn.btn-active-icon-gray-900:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-900:active:not(.btn-active) i,
+.btn.btn-active-icon-gray-900:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-gray-900.active i,
+.btn.btn-active-icon-gray-900.active .svg-icon, .btn.btn-active-icon-gray-900.show i,
+.btn.btn-active-icon-gray-900.show .svg-icon, .show > .btn.btn-active-icon-gray-900 i,
+.show > .btn.btn-active-icon-gray-900 .svg-icon {
+  color: var(--kt-text-gray-900);
+}
+.btn-check:checked + .btn.btn-active-icon-gray-900.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-gray-900.dropdown-toggle:after, .btn.btn-active-icon-gray-900:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-900:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-900:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-gray-900.active.dropdown-toggle:after, .btn.btn-active-icon-gray-900.show.dropdown-toggle:after, .show > .btn.btn-active-icon-gray-900.dropdown-toggle:after {
+  color: var(--kt-text-gray-900);
+}
+
+.btn.btn-text-gray-900 {
+  color: var(--kt-text-gray-900);
+}
+.btn-check:checked + .btn.btn-active-text-gray-900, .btn-check:active + .btn.btn-active-text-gray-900, .btn.btn-active-text-gray-900:focus:not(.btn-active), .btn.btn-active-text-gray-900:hover:not(.btn-active), .btn.btn-active-text-gray-900:active:not(.btn-active), .btn.btn-active-text-gray-900.active, .btn.btn-active-text-gray-900.show, .show > .btn.btn-active-text-gray-900 {
+  color: var(--kt-text-gray-900);
+}
+
+.btn.btn-outline.btn-outline-dashed {
+  border-width: 1px;
+  border-style: dashed;
+}
+.btn-check:checked + .btn.btn-outline.btn-outline-dashed, .btn-check:active + .btn.btn-outline.btn-outline-dashed, .btn.btn-outline.btn-outline-dashed:focus:not(.btn-active), .btn.btn-outline.btn-outline-dashed:hover:not(.btn-active), .btn.btn-outline.btn-outline-dashed:active:not(.btn-active), .btn.btn-outline.btn-outline-dashed.active, .btn.btn-outline.btn-outline-dashed.show, .show > .btn.btn-outline.btn-outline-dashed {
+  border-color: var(--kt-primary);
+}
+
+.btn.btn-facebook {
+  color: #ffffff;
+  border-color: #3b5998;
+  background-color: #3b5998;
+}
+.btn.btn-facebook i,
+.btn.btn-facebook .svg-icon {
+  color: #ffffff;
+}
+.btn.btn-facebook.dropdown-toggle:after {
+  color: #ffffff;
+}
+.btn-check:checked + .btn.btn-facebook, .btn-check:active + .btn.btn-facebook, .btn.btn-facebook:focus:not(.btn-active), .btn.btn-facebook:hover:not(.btn-active), .btn.btn-facebook:active:not(.btn-active), .btn.btn-facebook.active, .btn.btn-facebook.show, .show > .btn.btn-facebook {
+  border-color: #30497c;
+  background-color: #30497c !important;
+}
+
+.btn.btn-light-facebook {
+  color: #3b5998;
+  border-color: rgba(59, 89, 152, 0.1);
+  background-color: rgba(59, 89, 152, 0.1);
+}
+.btn.btn-light-facebook i,
+.btn.btn-light-facebook .svg-icon {
+  color: #3b5998;
+}
+.btn.btn-light-facebook.dropdown-toggle:after {
+  color: #3b5998;
+}
+.btn-check:checked + .btn.btn-light-facebook, .btn-check:active + .btn.btn-light-facebook, .btn.btn-light-facebook:focus:not(.btn-active), .btn.btn-light-facebook:hover:not(.btn-active), .btn.btn-light-facebook:active:not(.btn-active), .btn.btn-light-facebook.active, .btn.btn-light-facebook.show, .show > .btn.btn-light-facebook {
+  color: #ffffff;
+  border-color: #3b5998;
+  background-color: #3b5998 !important;
+}
+.btn-check:checked + .btn.btn-light-facebook i,
+.btn-check:checked + .btn.btn-light-facebook .svg-icon, .btn-check:active + .btn.btn-light-facebook i,
+.btn-check:active + .btn.btn-light-facebook .svg-icon, .btn.btn-light-facebook:focus:not(.btn-active) i,
+.btn.btn-light-facebook:focus:not(.btn-active) .svg-icon, .btn.btn-light-facebook:hover:not(.btn-active) i,
+.btn.btn-light-facebook:hover:not(.btn-active) .svg-icon, .btn.btn-light-facebook:active:not(.btn-active) i,
+.btn.btn-light-facebook:active:not(.btn-active) .svg-icon, .btn.btn-light-facebook.active i,
+.btn.btn-light-facebook.active .svg-icon, .btn.btn-light-facebook.show i,
+.btn.btn-light-facebook.show .svg-icon, .show > .btn.btn-light-facebook i,
+.show > .btn.btn-light-facebook .svg-icon {
+  color: #ffffff;
+}
+.btn-check:checked + .btn.btn-light-facebook.dropdown-toggle:after, .btn-check:active + .btn.btn-light-facebook.dropdown-toggle:after, .btn.btn-light-facebook:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-facebook:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-facebook:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-facebook.active.dropdown-toggle:after, .btn.btn-light-facebook.show.dropdown-toggle:after, .show > .btn.btn-light-facebook.dropdown-toggle:after {
+  color: #ffffff;
+}
+
+.btn.btn-google {
+  color: #ffffff;
+  border-color: #dd4b39;
+  background-color: #dd4b39;
+}
+.btn.btn-google i,
+.btn.btn-google .svg-icon {
+  color: #ffffff;
+}
+.btn.btn-google.dropdown-toggle:after {
+  color: #ffffff;
+}
+.btn-check:checked + .btn.btn-google, .btn-check:active + .btn.btn-google, .btn.btn-google:focus:not(.btn-active), .btn.btn-google:hover:not(.btn-active), .btn.btn-google:active:not(.btn-active), .btn.btn-google.active, .btn.btn-google.show, .show > .btn.btn-google {
+  border-color: #cd3623;
+  background-color: #cd3623 !important;
+}
+
+.btn.btn-light-google {
+  color: #dd4b39;
+  border-color: rgba(221, 75, 57, 0.1);
+  background-color: rgba(221, 75, 57, 0.1);
+}
+.btn.btn-light-google i,
+.btn.btn-light-google .svg-icon {
+  color: #dd4b39;
+}
+.btn.btn-light-google.dropdown-toggle:after {
+  color: #dd4b39;
+}
+.btn-check:checked + .btn.btn-light-google, .btn-check:active + .btn.btn-light-google, .btn.btn-light-google:focus:not(.btn-active), .btn.btn-light-google:hover:not(.btn-active), .btn.btn-light-google:active:not(.btn-active), .btn.btn-light-google.active, .btn.btn-light-google.show, .show > .btn.btn-light-google {
+  color: #ffffff;
+  border-color: #dd4b39;
+  background-color: #dd4b39 !important;
+}
+.btn-check:checked + .btn.btn-light-google i,
+.btn-check:checked + .btn.btn-light-google .svg-icon, .btn-check:active + .btn.btn-light-google i,
+.btn-check:active + .btn.btn-light-google .svg-icon, .btn.btn-light-google:focus:not(.btn-active) i,
+.btn.btn-light-google:focus:not(.btn-active) .svg-icon, .btn.btn-light-google:hover:not(.btn-active) i,
+.btn.btn-light-google:hover:not(.btn-active) .svg-icon, .btn.btn-light-google:active:not(.btn-active) i,
+.btn.btn-light-google:active:not(.btn-active) .svg-icon, .btn.btn-light-google.active i,
+.btn.btn-light-google.active .svg-icon, .btn.btn-light-google.show i,
+.btn.btn-light-google.show .svg-icon, .show > .btn.btn-light-google i,
+.show > .btn.btn-light-google .svg-icon {
+  color: #ffffff;
+}
+.btn-check:checked + .btn.btn-light-google.dropdown-toggle:after, .btn-check:active + .btn.btn-light-google.dropdown-toggle:after, .btn.btn-light-google:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-google:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-google:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-google.active.dropdown-toggle:after, .btn.btn-light-google.show.dropdown-toggle:after, .show > .btn.btn-light-google.dropdown-toggle:after {
+  color: #ffffff;
+}
+
+.btn.btn-twitter {
+  color: #ffffff;
+  border-color: #1da1f2;
+  background-color: #1da1f2;
+}
+.btn.btn-twitter i,
+.btn.btn-twitter .svg-icon {
+  color: #ffffff;
+}
+.btn.btn-twitter.dropdown-toggle:after {
+  color: #ffffff;
+}
+.btn-check:checked + .btn.btn-twitter, .btn-check:active + .btn.btn-twitter, .btn.btn-twitter:focus:not(.btn-active), .btn.btn-twitter:hover:not(.btn-active), .btn.btn-twitter:active:not(.btn-active), .btn.btn-twitter.active, .btn.btn-twitter.show, .show > .btn.btn-twitter {
+  border-color: #0d8ddc;
+  background-color: #0d8ddc !important;
+}
+
+.btn.btn-light-twitter {
+  color: #1da1f2;
+  border-color: rgba(29, 161, 242, 0.1);
+  background-color: rgba(29, 161, 242, 0.1);
+}
+.btn.btn-light-twitter i,
+.btn.btn-light-twitter .svg-icon {
+  color: #1da1f2;
+}
+.btn.btn-light-twitter.dropdown-toggle:after {
+  color: #1da1f2;
+}
+.btn-check:checked + .btn.btn-light-twitter, .btn-check:active + .btn.btn-light-twitter, .btn.btn-light-twitter:focus:not(.btn-active), .btn.btn-light-twitter:hover:not(.btn-active), .btn.btn-light-twitter:active:not(.btn-active), .btn.btn-light-twitter.active, .btn.btn-light-twitter.show, .show > .btn.btn-light-twitter {
+  color: #ffffff;
+  border-color: #1da1f2;
+  background-color: #1da1f2 !important;
+}
+.btn-check:checked + .btn.btn-light-twitter i,
+.btn-check:checked + .btn.btn-light-twitter .svg-icon, .btn-check:active + .btn.btn-light-twitter i,
+.btn-check:active + .btn.btn-light-twitter .svg-icon, .btn.btn-light-twitter:focus:not(.btn-active) i,
+.btn.btn-light-twitter:focus:not(.btn-active) .svg-icon, .btn.btn-light-twitter:hover:not(.btn-active) i,
+.btn.btn-light-twitter:hover:not(.btn-active) .svg-icon, .btn.btn-light-twitter:active:not(.btn-active) i,
+.btn.btn-light-twitter:active:not(.btn-active) .svg-icon, .btn.btn-light-twitter.active i,
+.btn.btn-light-twitter.active .svg-icon, .btn.btn-light-twitter.show i,
+.btn.btn-light-twitter.show .svg-icon, .show > .btn.btn-light-twitter i,
+.show > .btn.btn-light-twitter .svg-icon {
+  color: #ffffff;
+}
+.btn-check:checked + .btn.btn-light-twitter.dropdown-toggle:after, .btn-check:active + .btn.btn-light-twitter.dropdown-toggle:after, .btn.btn-light-twitter:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-twitter:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-twitter:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-twitter.active.dropdown-toggle:after, .btn.btn-light-twitter.show.dropdown-toggle:after, .show > .btn.btn-light-twitter.dropdown-toggle:after {
+  color: #ffffff;
+}
+
+.btn.btn-instagram {
+  color: #ffffff;
+  border-color: #e1306c;
+  background-color: #e1306c;
+}
+.btn.btn-instagram i,
+.btn.btn-instagram .svg-icon {
+  color: #ffffff;
+}
+.btn.btn-instagram.dropdown-toggle:after {
+  color: #ffffff;
+}
+.btn-check:checked + .btn.btn-instagram, .btn-check:active + .btn.btn-instagram, .btn.btn-instagram:focus:not(.btn-active), .btn.btn-instagram:hover:not(.btn-active), .btn.btn-instagram:active:not(.btn-active), .btn.btn-instagram.active, .btn.btn-instagram.show, .show > .btn.btn-instagram {
+  border-color: #cd1e59;
+  background-color: #cd1e59 !important;
+}
+
+.btn.btn-light-instagram {
+  color: #e1306c;
+  border-color: rgba(225, 48, 108, 0.1);
+  background-color: rgba(225, 48, 108, 0.1);
+}
+.btn.btn-light-instagram i,
+.btn.btn-light-instagram .svg-icon {
+  color: #e1306c;
+}
+.btn.btn-light-instagram.dropdown-toggle:after {
+  color: #e1306c;
+}
+.btn-check:checked + .btn.btn-light-instagram, .btn-check:active + .btn.btn-light-instagram, .btn.btn-light-instagram:focus:not(.btn-active), .btn.btn-light-instagram:hover:not(.btn-active), .btn.btn-light-instagram:active:not(.btn-active), .btn.btn-light-instagram.active, .btn.btn-light-instagram.show, .show > .btn.btn-light-instagram {
+  color: #ffffff;
+  border-color: #e1306c;
+  background-color: #e1306c !important;
+}
+.btn-check:checked + .btn.btn-light-instagram i,
+.btn-check:checked + .btn.btn-light-instagram .svg-icon, .btn-check:active + .btn.btn-light-instagram i,
+.btn-check:active + .btn.btn-light-instagram .svg-icon, .btn.btn-light-instagram:focus:not(.btn-active) i,
+.btn.btn-light-instagram:focus:not(.btn-active) .svg-icon, .btn.btn-light-instagram:hover:not(.btn-active) i,
+.btn.btn-light-instagram:hover:not(.btn-active) .svg-icon, .btn.btn-light-instagram:active:not(.btn-active) i,
+.btn.btn-light-instagram:active:not(.btn-active) .svg-icon, .btn.btn-light-instagram.active i,
+.btn.btn-light-instagram.active .svg-icon, .btn.btn-light-instagram.show i,
+.btn.btn-light-instagram.show .svg-icon, .show > .btn.btn-light-instagram i,
+.show > .btn.btn-light-instagram .svg-icon {
+  color: #ffffff;
+}
+.btn-check:checked + .btn.btn-light-instagram.dropdown-toggle:after, .btn-check:active + .btn.btn-light-instagram.dropdown-toggle:after, .btn.btn-light-instagram:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-instagram:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-instagram:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-instagram.active.dropdown-toggle:after, .btn.btn-light-instagram.show.dropdown-toggle:after, .show > .btn.btn-light-instagram.dropdown-toggle:after {
+  color: #ffffff;
+}
+
+.btn.btn-youtube {
+  color: #ffffff;
+  border-color: #ff0000;
+  background-color: #ff0000;
+}
+.btn.btn-youtube i,
+.btn.btn-youtube .svg-icon {
+  color: #ffffff;
+}
+.btn.btn-youtube.dropdown-toggle:after {
+  color: #ffffff;
+}
+.btn-check:checked + .btn.btn-youtube, .btn-check:active + .btn.btn-youtube, .btn.btn-youtube:focus:not(.btn-active), .btn.btn-youtube:hover:not(.btn-active), .btn.btn-youtube:active:not(.btn-active), .btn.btn-youtube.active, .btn.btn-youtube.show, .show > .btn.btn-youtube {
+  border-color: #d90000;
+  background-color: #d90000 !important;
+}
+
+.btn.btn-light-youtube {
+  color: #ff0000;
+  border-color: rgba(255, 0, 0, 0.1);
+  background-color: rgba(255, 0, 0, 0.1);
+}
+.btn.btn-light-youtube i,
+.btn.btn-light-youtube .svg-icon {
+  color: #ff0000;
+}
+.btn.btn-light-youtube.dropdown-toggle:after {
+  color: #ff0000;
+}
+.btn-check:checked + .btn.btn-light-youtube, .btn-check:active + .btn.btn-light-youtube, .btn.btn-light-youtube:focus:not(.btn-active), .btn.btn-light-youtube:hover:not(.btn-active), .btn.btn-light-youtube:active:not(.btn-active), .btn.btn-light-youtube.active, .btn.btn-light-youtube.show, .show > .btn.btn-light-youtube {
+  color: #ffffff;
+  border-color: #ff0000;
+  background-color: #ff0000 !important;
+}
+.btn-check:checked + .btn.btn-light-youtube i,
+.btn-check:checked + .btn.btn-light-youtube .svg-icon, .btn-check:active + .btn.btn-light-youtube i,
+.btn-check:active + .btn.btn-light-youtube .svg-icon, .btn.btn-light-youtube:focus:not(.btn-active) i,
+.btn.btn-light-youtube:focus:not(.btn-active) .svg-icon, .btn.btn-light-youtube:hover:not(.btn-active) i,
+.btn.btn-light-youtube:hover:not(.btn-active) .svg-icon, .btn.btn-light-youtube:active:not(.btn-active) i,
+.btn.btn-light-youtube:active:not(.btn-active) .svg-icon, .btn.btn-light-youtube.active i,
+.btn.btn-light-youtube.active .svg-icon, .btn.btn-light-youtube.show i,
+.btn.btn-light-youtube.show .svg-icon, .show > .btn.btn-light-youtube i,
+.show > .btn.btn-light-youtube .svg-icon {
+  color: #ffffff;
+}
+.btn-check:checked + .btn.btn-light-youtube.dropdown-toggle:after, .btn-check:active + .btn.btn-light-youtube.dropdown-toggle:after, .btn.btn-light-youtube:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-youtube:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-youtube:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-youtube.active.dropdown-toggle:after, .btn.btn-light-youtube.show.dropdown-toggle:after, .show > .btn.btn-light-youtube.dropdown-toggle:after {
+  color: #ffffff;
+}
+
+.btn.btn-linkedin {
+  color: #ffffff;
+  border-color: #0077b5;
+  background-color: #0077b5;
+}
+.btn.btn-linkedin i,
+.btn.btn-linkedin .svg-icon {
+  color: #ffffff;
+}
+.btn.btn-linkedin.dropdown-toggle:after {
+  color: #ffffff;
+}
+.btn-check:checked + .btn.btn-linkedin, .btn-check:active + .btn.btn-linkedin, .btn.btn-linkedin:focus:not(.btn-active), .btn.btn-linkedin:hover:not(.btn-active), .btn.btn-linkedin:active:not(.btn-active), .btn.btn-linkedin.active, .btn.btn-linkedin.show, .show > .btn.btn-linkedin {
+  border-color: #005e8f;
+  background-color: #005e8f !important;
+}
+
+.btn.btn-light-linkedin {
+  color: #0077b5;
+  border-color: rgba(0, 119, 181, 0.1);
+  background-color: rgba(0, 119, 181, 0.1);
+}
+.btn.btn-light-linkedin i,
+.btn.btn-light-linkedin .svg-icon {
+  color: #0077b5;
+}
+.btn.btn-light-linkedin.dropdown-toggle:after {
+  color: #0077b5;
+}
+.btn-check:checked + .btn.btn-light-linkedin, .btn-check:active + .btn.btn-light-linkedin, .btn.btn-light-linkedin:focus:not(.btn-active), .btn.btn-light-linkedin:hover:not(.btn-active), .btn.btn-light-linkedin:active:not(.btn-active), .btn.btn-light-linkedin.active, .btn.btn-light-linkedin.show, .show > .btn.btn-light-linkedin {
+  color: #ffffff;
+  border-color: #0077b5;
+  background-color: #0077b5 !important;
+}
+.btn-check:checked + .btn.btn-light-linkedin i,
+.btn-check:checked + .btn.btn-light-linkedin .svg-icon, .btn-check:active + .btn.btn-light-linkedin i,
+.btn-check:active + .btn.btn-light-linkedin .svg-icon, .btn.btn-light-linkedin:focus:not(.btn-active) i,
+.btn.btn-light-linkedin:focus:not(.btn-active) .svg-icon, .btn.btn-light-linkedin:hover:not(.btn-active) i,
+.btn.btn-light-linkedin:hover:not(.btn-active) .svg-icon, .btn.btn-light-linkedin:active:not(.btn-active) i,
+.btn.btn-light-linkedin:active:not(.btn-active) .svg-icon, .btn.btn-light-linkedin.active i,
+.btn.btn-light-linkedin.active .svg-icon, .btn.btn-light-linkedin.show i,
+.btn.btn-light-linkedin.show .svg-icon, .show > .btn.btn-light-linkedin i,
+.show > .btn.btn-light-linkedin .svg-icon {
+  color: #ffffff;
+}
+.btn-check:checked + .btn.btn-light-linkedin.dropdown-toggle:after, .btn-check:active + .btn.btn-light-linkedin.dropdown-toggle:after, .btn.btn-light-linkedin:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-linkedin:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-linkedin:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-linkedin.active.dropdown-toggle:after, .btn.btn-light-linkedin.show.dropdown-toggle:after, .show > .btn.btn-light-linkedin.dropdown-toggle:after {
+  color: #ffffff;
+}
+
+code:not([class*=language-]) {
+  font-weight: 400;
+  color: var(--kt-code-color);
+  line-height: inherit;
+  font-size: inherit;
+  background-color: var(--kt-code-bg);
+  padding: 0.1rem 0.4rem;
+  margin: 0 0.5rem;
+  box-shadow: var(--kt-code-box-shadow);
+  border-radius: 0.3rem;
+}
+
+.form-label {
+  color: var(--kt-form-label-color);
+}
+
+.col-form-label {
+  color: var(--kt-form-label-color);
+}
+
+.form-text {
+  color: var(--kt-form-text-color);
+}
+
+.form-control {
+  color: var(--kt-input-color);
+  background-color: var(--kt-input-bg);
+  border: 1px solid var(--kt-input-border-color);
+  box-shadow: none !important;
+}
+.form-control:focus {
+  color: var(--kt-input-focus-color);
+  background-color: var(--kt-input-focus-bg);
+  border-color: var(--kt-input-focus-border-color);
+}
+.form-control::placeholder {
+  color: var(--kt-input-placeholder-color);
+}
+.form-control:disabled, .form-control[readonly] {
+  color: var(--kt-input-disabled-color);
+  background-color: var(--kt-input-disabled-bg);
+  border-color: var(--kt-input-disabled-border-color);
+}
+.form-control::file-selector-button {
+  color: var(--kt-form-file-button-color);
+  background-color: var(--kt-form-file-button-bg);
+}
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+  background-color: var(--kt-form-file-button-hover-bg);
+}
+
+.form-control-plaintext {
+  color: var(--kt-input-plaintext-color);
+}
+
+.form-select {
+  color: var(--kt-form-select-color);
+  background-color: var(--kt-form-select-bg);
+  background-image: var(--kt-form-select-indicator);
+  border: 1px solid var(--kt-form-select-border-color);
+  box-shadow: var(--kt-form-select-box-shadow);
+  appearance: none;
+}
+.form-select:focus {
+  border-color: var(--kt-form-select-focus-border-color);
+  box-shadow: var(--kt-form-select-box-shadow), var(--kt-form-select-focus-box-shadow);
+}
+.form-select:disabled {
+  color: var(--kt-form-select-disabled-color);
+  background-color: var(--kt-form-select-disabled-bg);
+  border-color: var(--kt-form-select-disabled-border-color);
+}
+.form-select:-moz-focusring {
+  text-shadow: 0 0 0 var(--kt-form-select-color);
+}
+
+.form-check-input {
+  background-color: var(--kt-form-check-input-bg);
+  border: var(--kt-form-check-input-border);
+}
+.form-check-input:active {
+  filter: var(--kt-form-check-input-active-filter);
+}
+.form-check-input:focus {
+  border-color: var(--kt-form-check-input-focus-border);
+  box-shadow: var(--kt-form-check-input-focus-box-shadow);
+}
+.form-check-input:checked {
+  background-color: var(--kt-form-check-input-checked-bg-color);
+  border-color: var(--kt-form-check-input-checked-border-color);
+}
+.form-check-input:checked[type=checkbox] {
+  background-image: var(--kt-form-check-input-checked-bg-image);
+}
+.form-check-input:checked[type=radio] {
+  background-image: var(--kt-form-check-radio-checked-bg-image);
+}
+.form-check-input[type=checkbox]:indeterminate {
+  background-color: var(--kt-form-check-input-indeterminate-bg-color);
+  border-color: var(--kt-form-check-input-indeterminate-border-color);
+  background-image: var(--kt-form-check-input-indeterminate-bg-image);
+}
+.form-check-input:disabled {
+  opacity: var(--kt-form-check-input-disabled-opacity);
+}
+.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
+  opacity: var(--kt-form-check-label-disabled-opacity);
+}
+
+.form-check-label {
+  color: var(--kt-orm-check-label-color);
+}
+
+.form-switch .form-check-input {
+  background-image: var(--kt-form-switch-bg-image);
+}
+.form-switch .form-check-input:focus {
+  background-image: var(--kt-form-switch-focus-bg-image);
+}
+.form-switch .form-check-input:checked {
+  background-image: var(--kt-form-switch-checked-bg-image);
+}
+
+.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
+  opacity: var(--kt-form-check-btn-check-disabled-opacity);
+}
+
+.form-floating .form-control.form-control-solid::placeholder {
+  color: transparent;
+}
+
+.input-group-text {
+  color: var(--kt-input-group-addon-color);
+  background-color: var(--kt-input-group-addon-bg);
+  border: 1px solid var(--kt-input-group-addon-border-color);
+}
+
+.dropdown.show > .form-control {
+  color: var(--kt-input-focus-color);
+  background-color: var(--kt-input-focus-bg);
+  border-color: var(--kt-input-focus-border-color);
+}
+.form-control[readonly] {
+  background-color: var(--kt-input-readonly-bg);
+}
+.form-control.form-control-solid {
+  background-color: var(--kt-input-solid-bg);
+  border-color: var(--kt-input-solid-bg);
+  color: var(--kt-input-solid-color);
+  transition: color 0.2s ease;
+}
+.form-control.form-control-solid::placeholder {
+  color: var(--kt-input-solid-placeholder-color);
+}
+.form-control.form-control-solid::-moz-placeholder {
+  color: var(--kt-input-solid-placeholder-color);
+  opacity: 1;
+}
+.dropdown.show > .form-control.form-control-solid, .form-control.form-control-solid:active, .form-control.form-control-solid.active, .form-control.form-control-solid:focus, .form-control.form-control-solid.focus {
+  background-color: var(--kt-input-solid-bg-focus);
+  border-color: var(--kt-input-solid-bg-focus);
+  color: var(--kt-input-solid-color);
+  transition: color 0.2s ease;
+}
+.form-control.form-control-transparent {
+  background-color: transparent;
+  border-color: transparent;
+}
+.dropdown.show > .form-control.form-control-transparent, .form-control.form-control-transparent:active, .form-control.form-control-transparent.active, .form-control.form-control-transparent:focus, .form-control.form-control-transparent.focus {
+  background-color: transparent;
+  border-color: transparent;
+}
+.form-control.form-control-flush {
+  border: 0;
+  background-color: transparent;
+  outline: none !important;
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.placeholder-gray-500::placeholder {
+  color: var(--kt-gray-500);
+}
+.placeholder-gray-500::-moz-placeholder {
+  color: var(--kt-gray-500);
+  opacity: 1;
+}
+
+.placeholder-white::placeholder {
+  color: #ffffff;
+}
+.placeholder-white::-moz-placeholder {
+  color: #ffffff;
+  opacity: 1;
+}
+
+.resize-none {
+  resize: none;
+}
+
+.form-control-solid-bg {
+  background-color: var(--kt-input-solid-bg);
+}
+
+.form-select {
+  box-shadow: none !important;
+}
+.form-select.form-select-solid {
+  background-color: var(--kt-input-solid-bg);
+  border-color: var(--kt-input-solid-bg);
+  color: var(--kt-input-solid-color);
+  transition: color 0.2s ease;
+}
+.form-select.form-select-solid::placeholder {
+  color: var(--kt-input-solid-placeholder-color);
+}
+.form-select.form-select-solid::-moz-placeholder {
+  color: var(--kt-input-solid-placeholder-color);
+  opacity: 1;
+}
+.dropdown.show > .form-select.form-select-solid, .form-select.form-select-solid:active, .form-select.form-select-solid.active, .form-select.form-select-solid:focus, .form-select.form-select-solid.focus {
+  background-color: var(--kt-input-solid-bg-focus);
+  border-color: var(--kt-input-solid-bg-focus) !important;
+  color: var(--kt-input-solid-color);
+  transition: color 0.2s ease;
+}
+.form-select.form-select-transparent {
+  background-color: transparent;
+  border-color: transparent;
+  color: #5E6278;
+}
+.form-select.form-select-transparent::placeholder {
+  color: var(--kt-input-placeholder-color);
+}
+.form-select.form-select-transparent::-moz-placeholder {
+  color: var(--kt-input-placeholder-color);
+  opacity: 1;
+}
+.dropdown.show > .form-select.form-select-transparent, .form-select.form-select-transparent:active, .form-select.form-select-transparent.active, .form-select.form-select-transparent:focus, .form-select.form-select-transparent.focus {
+  background-color: transparent;
+  border-color: transparent !important;
+  color: #5E6278;
+}
+
+.form-check:not(.form-switch) .form-check-input[type=checkbox] {
+  background-size: 60% 60%;
+}
+
+.form-check-custom {
+  display: flex;
+  align-items: center;
+  padding-left: 0;
+  margin: 0;
+}
+.form-check-custom .form-check-input {
+  margin: 0;
+  float: none;
+  flex-shrink: 0;
+}
+.form-check-custom .form-check-label {
+  margin-left: 0.55rem;
+}
+.form-check-custom.form-check-sm .form-check-input {
+  height: 1.55rem;
+  width: 1.55rem;
+}
+.form-check-custom.form-check-lg .form-check-input {
+  height: 2.25rem;
+  width: 2.25rem;
+}
+.form-check-custom.form-check-solid .form-check-input {
+  border: 0;
+  background-color: var(--kt-form-check-input-bg-solid);
+}
+.form-check-custom.form-check-solid .form-check-input:active, .form-check-custom.form-check-solid .form-check-input:focus {
+  filter: none;
+  background-color: var(--kt-form-check-input-bg-solid);
+}
+.form-check-custom.form-check-solid .form-check-input:checked {
+  background-color: var(--kt-form-check-input-checked-bg-color-solid);
+}
+.form-check-custom.form-check-success .form-check-input:checked {
+  background-color: var(--kt-success);
+}
+.form-check-custom.form-check-danger .form-check-input:checked {
+  background-color: var(--kt-danger);
+}
+.form-check-custom.form-check-warning .form-check-input:checked {
+  background-color: var(--kt-warning);
+}
+
+.form-switch.form-check-solid .form-check-input {
+  height: 2.25rem;
+  background-image: var(--kt-form-switch-bg-image-solid);
+  border-radius: 3.25rem;
+}
+.form-switch.form-check-solid .form-check-input:checked {
+  filter: none;
+  background-image: var(--kt-form-switch-checked-bg-image);
+}
+.form-switch.form-check-solid.form-switch-sm .form-check-input {
+  height: 1.5rem;
+  width: 2.5rem;
+}
+.form-switch.form-check-solid.form-switch-lg .form-check-input {
+  height: 2.75rem;
+  width: 3.75rem;
+}
+
+.form-check-clip {
+  position: relative;
+  overflow: hidden;
+}
+.form-check-clip .form-check-label {
+  padding-top: 0.5rem;
+  font-size: 1.05rem;
+  color: var(--kt-form-label-color);
+  font-weight: 500;
+}
+.form-check-clip .form-check-wrapper {
+  border-radius: 0.625rem;
+  border: 2px solid transparent;
+  transition: all 0.2s ease-in-out;
+  cursor: pointer;
+  overflow: hidden;
+}
+.form-check-clip .form-check-indicator {
+  transition: all 0.2s ease-in-out;
+  position: absolute;
+  top: 0;
+  right: 0;
+  opacity: 0;
+  width: 1.75rem;
+  height: 1.75rem;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  background-size: 50%;
+  background-image: var(--kt-form-check-input-checked-bg-image);
+  background-color: var(--kt-primary);
+  border-bottom-left-radius: 0.625rem;
+  border-top-right-radius: 0.625rem;
+}
+.form-check-clip .form-check-indicator.form-check-indicator-sm {
+  width: 1.55rem;
+  height: 1.55rem;
+}
+.form-check-clip .form-check-indicator.form-check-indicator-lg {
+  width: 2.25rem;
+  height: 2.25rem;
+}
+.form-check-clip .form-check-content {
+  width: 100%;
+}
+.form-check-clip .btn-check:checked + div {
+  border: 2px solid var(--kt-primary);
+  transition: all 0.2s ease-in-out;
+}
+.form-check-clip .btn-check:checked + div .form-check-indicator {
+  transition: all 0.2s ease-in-out;
+  opacity: 1;
+}
+.form-check-clip .btn-check:disabled + div {
+  transition: all 0.2s ease-in-out;
+  opacity: var(--kt-form-check-btn-check-disabled-opacity);
+}
+
+.form-check-image {
+  position: relative;
+  overflow: hidden;
+}
+.form-check-image img {
+  max-width: 100%;
+}
+.form-check-image .form-check-wrapper {
+  border-radius: 0.625rem;
+  border: 2px solid transparent;
+  transition: all 0.2s ease-in-out;
+  cursor: pointer;
+  overflow: hidden;
+  margin-bottom: 0.75rem;
+}
+.form-check-image .form-check-rounded {
+  border-radius: 0.625rem;
+}
+.form-check-image .form-check-label {
+  font-weight: 600;
+  margin-left: 0.5rem;
+}
+.form-check-image.active .form-check-wrapper {
+  border-color: var(--kt-primary);
+}
+.form-check-image.form-check-success.active .form-check-wrapper {
+  border-color: var(--kt-success);
+}
+.form-check-image.form-check-danger.active .form-check-wrapper {
+  border-color: var(--kt-danger);
+}
+.form-check-image.disabled {
+  opacity: var(--kt-form-check-btn-check-disabled-opacity);
+}
+
+.input-group.input-group-solid {
+  border-radius: 0.475rem;
+}
+.input-group.input-group-solid.input-group-sm {
+  border-radius: 0.425rem;
+}
+.input-group.input-group-solid.input-group-lg {
+  border-radius: 0.625rem;
+}
+.input-group.input-group-solid .input-group-text {
+  background-color: var(--kt-input-solid-bg);
+  border-color: var(--kt-input-solid-bg);
+}
+.input-group.input-group-solid .input-group-text + .form-control {
+  border-left-color: var(--kt-input-border-color);
+}
+.input-group.input-group-solid .form-control {
+  background-color: var(--kt-input-solid-bg);
+  border-color: var(--kt-input-solid-bg);
+}
+.input-group.input-group-solid .form-control + .input-group-text {
+  border-left-color: var(--kt-input-border-color);
+}
+
+.form-floating .form-control.form-control-solid::placeholder {
+  color: transparent;
+}
+
+.required:after {
+  content: "*";
+  position: relative;
+  font-size: inherit;
+  color: var(--kt-danger);
+  padding-left: 0.25rem;
+  font-weight: 600;
+}
+
+.modal {
+  --bs-modal-color: var(--kt-modal-content-color);
+  --bs-modal-bg: var(--kt-modal-content-bg);
+  --bs-modal-border-color: var(--kt-modal-content-border-color);
+  --bs-modal-box-shadow: var(--kt-modal-content-box-shadow-xs);
+  --bs-modal-header-border-color: var(--kt-modal-header-border-color);
+  --bs-modal-footer-bg: var(--kt-modal-footer-bg);
+  --bs-modal-footer-border-color: var(--kt-modal-footer-border-color);
+}
+
+.modal-dialog {
+  outline: none !important;
+}
+
+.modal-header {
+  align-items: center;
+  justify-content: space-between;
+  border-top-left-radius: 0.475rem;
+  border-top-right-radius: 0.475rem;
+  border-bottom: 1px solid var(--kt-modal-header-border-color);
+}
+.modal-header h1, .modal-header .h1, .modal-header h2, .modal-header .h2, .modal-header h3, .modal-header .h3, .modal-header h4, .modal-header .h4, .modal-header h5, .modal-header .h5, .modal-header h6, .modal-header .h6 {
+  margin-bottom: 0;
+}
+
+.modal-content {
+  color: var(--kt-modal-color);
+  background-color: var(--kt-modal-bg);
+  border: 0 solid var(--kt-modal-border-color);
+  box-shadow: var(--kt-modal-box-shadow);
+}
+
+.modal-footer {
+  background-color: var(--kt-modal-footer-bg);
+  border-top: 1px solid var(--bs-modal-footer-border-color);
+}
+
+.modal-backdrop {
+  --bs-backdrop-bg: var(--kt-modal-backdrop-bg);
+  --bs-backdrop-opacity: var(--kt-modal-backdrop-opacity);
+}
+
+@media (min-width: 576px) {
+  .modal-content {
+    box-shadow: var(--kt-modal-box-shadow-sm-up);
+  }
+}
+.modal-rounded {
+  border-radius: 0.475rem !important;
+}
+
+.progress {
+  --bs-progress-bg: var(--kt-progress-bg);
+  --bs-progress-box-shadow: var(--kt-progress-box-shadow);
+  --bs-progress-bar-color: var(--kt-progress-bar-color);
+  --bs-progress-bar-bg: var(--kt-progress-bar-bg);
+}
+
+.progress-vertical {
+  display: flex;
+  align-items: stretch;
+  justify-content: space-between;
+}
+.progress-vertical .progress {
+  height: 100%;
+  border-radius: 0.475rem;
+  display: flex;
+  align-items: flex-end;
+  margin-right: 1rem;
+}
+.progress-vertical .progress:last-child {
+  margin-right: 0;
+}
+.progress-vertical .progress .progress-bar {
+  width: 8px;
+  border-radius: 0.475rem;
+}
+
+.table {
+  --bs-table-color: var(--kt-table-color);
+  --bs-table-bg: var(--kt-table-bg);
+  --bs-table-border-color: var(--kt-table-border-color);
+  --bs-table-accent-bg: var(--kt-table-accent-bg);
+  --bs-table-striped-color: var(--kt-table-striped-color);
+  --bs-table-striped-bg: var(--kt-table-striped-bg);
+  --bs-table-active-color: var(--kt-table-active-color);
+  --bs-table-active-bg: var(--kt-table-active-bg);
+  --bs-table-hover-color: var(--kt-table-hover-color);
+  --bs-table-hover-bg: var(--kt-table-hover-bg);
+}
+.table > :not(:first-child) {
+  border-color: transparent;
+  border-width: 0;
+  border-style: none;
+}
+.table > :not(:last-child) > :last-child > * {
+  border-bottom-color: inherit;
+}
+.table tr, .table th, .table td {
+  border-color: inherit;
+  border-width: inherit;
+  border-style: inherit;
+  text-transform: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  color: inherit;
+  height: inherit;
+  min-height: inherit;
+}
+.table tr:first-child, .table th:first-child, .table td:first-child {
+  padding-left: 0;
+}
+.table tr:last-child, .table th:last-child, .table td:last-child {
+  padding-right: 0;
+}
+.table tfoot tr:last-child,
+.table tbody tr:last-child {
+  border-bottom: 0 !important;
+}
+.table tfoot tr:last-child th, .table tfoot tr:last-child td,
+.table tbody tr:last-child th,
+.table tbody tr:last-child td {
+  border-bottom: 0 !important;
+}
+.table tfoot th, .table tfoot td {
+  border-top: inherit;
+}
+.table.table-rounded {
+  border-radius: 0.475rem;
+  border-spacing: 0;
+  border-collapse: separate;
+}
+.table.table-flush tr, .table.table-flush th, .table.table-flush td {
+  padding: inherit;
+}
+.table.table-row-bordered tr {
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: var(--kt-border-color);
+}
+.table.table-row-bordered tfoot th, .table.table-row-bordered tfoot td {
+  border-top-width: 1px !important;
+}
+.table.table-row-dashed tr {
+  border-bottom-width: 1px;
+  border-bottom-style: dashed;
+  border-bottom-color: var(--kt-border-color);
+}
+.table.table-row-dashed tfoot th, .table.table-row-dashed tfoot td {
+  border-top-width: 1px !important;
+}
+.table.table-row-gray-100 tr {
+  border-bottom-color: var(--kt-gray-100);
+}
+.table.table-row-gray-200 tr {
+  border-bottom-color: var(--kt-gray-200);
+}
+.table.table-row-gray-300 tr {
+  border-bottom-color: var(--kt-gray-300);
+}
+.table.table-row-gray-400 tr {
+  border-bottom-color: var(--kt-gray-400);
+}
+.table.table-row-gray-500 tr {
+  border-bottom-color: var(--kt-gray-500);
+}
+.table.table-row-gray-600 tr {
+  border-bottom-color: var(--kt-gray-600);
+}
+.table.table-row-gray-700 tr {
+  border-bottom-color: var(--kt-gray-700);
+}
+.table.table-row-gray-800 tr {
+  border-bottom-color: var(--kt-gray-800);
+}
+.table.table-row-gray-900 tr {
+  border-bottom-color: var(--kt-gray-900);
+}
+
+.table-layout-fixed {
+  table-layout: fixed;
+}
+
+.table-sort:after {
+  opacity: 0;
+}
+
+.table-sort,
+.table-sort-asc,
+.table-sort-desc {
+  vertical-align: middle;
+}
+.table-sort:after,
+.table-sort-asc:after,
+.table-sort-desc:after {
+  position: relative;
+  display: inline-block;
+  width: 0.75rem;
+  height: 0.75rem;
+  content: " ";
+  bottom: auto;
+  right: auto;
+  left: auto;
+  margin-left: 0.5rem;
+}
+
+.table-sort-asc:after {
+  opacity: 1;
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-muted);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e");
+}
+
+.table-sort-desc:after {
+  opacity: 1;
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-text-muted);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e");
+}
+
+.table-loading-message {
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  border-radius: 0.475rem;
+  box-shadow: var(--kt-table-loading-message-box-shadow);
+  background-color: var(--kt-table-loading-message-bg);
+  color: var(--kt-table-loading-message-color);
+  font-weight: 600;
+  margin: 0 !important;
+  width: auto;
+  padding: 0.85rem 2rem !important;
+  transform: translateX(-50%) translateY(-50%);
+}
+
+.table-loading {
+  position: relative;
+}
+.table-loading .table-loading-message {
+  display: block;
+}
+
+.table.g-0 th, .table.g-0 td {
+  padding: 0rem;
+}
+.table.g-0 th.dtr-control, .table.g-0 td.dtr-control {
+  padding-left: 0rem !important;
+}
+
+.table.gy-0 th, .table.gy-0 td {
+  padding-top: 0rem;
+  padding-bottom: 0rem;
+}
+
+.table.gx-0 th, .table.gx-0 td {
+  padding-left: 0rem;
+  padding-right: 0rem;
+}
+.table.gx-0 th.dtr-control, .table.gx-0 td.dtr-control {
+  padding-left: 0rem !important;
+}
+
+.table.gs-0 th:first-child, .table.gs-0 td:first-child {
+  padding-left: 0rem;
+}
+.table.gs-0 th:last-child, .table.gs-0 td:last-child {
+  padding-right: 0rem;
+}
+.table.gs-0 th.dtr-control:first-child, .table.gs-0 td.dtr-control:first-child {
+  padding-left: 0rem !important;
+}
+
+.table.g-1 th, .table.g-1 td {
+  padding: 0.25rem;
+}
+.table.g-1 th.dtr-control, .table.g-1 td.dtr-control {
+  padding-left: 0.25rem !important;
+}
+
+.table.gy-1 th, .table.gy-1 td {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.table.gx-1 th, .table.gx-1 td {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.table.gx-1 th.dtr-control, .table.gx-1 td.dtr-control {
+  padding-left: 0.25rem !important;
+}
+
+.table.gs-1 th:first-child, .table.gs-1 td:first-child {
+  padding-left: 0.25rem;
+}
+.table.gs-1 th:last-child, .table.gs-1 td:last-child {
+  padding-right: 0.25rem;
+}
+.table.gs-1 th.dtr-control:first-child, .table.gs-1 td.dtr-control:first-child {
+  padding-left: 0.25rem !important;
+}
+
+.table.g-2 th, .table.g-2 td {
+  padding: 0.5rem;
+}
+.table.g-2 th.dtr-control, .table.g-2 td.dtr-control {
+  padding-left: 0.5rem !important;
+}
+
+.table.gy-2 th, .table.gy-2 td {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.table.gx-2 th, .table.gx-2 td {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.table.gx-2 th.dtr-control, .table.gx-2 td.dtr-control {
+  padding-left: 0.5rem !important;
+}
+
+.table.gs-2 th:first-child, .table.gs-2 td:first-child {
+  padding-left: 0.5rem;
+}
+.table.gs-2 th:last-child, .table.gs-2 td:last-child {
+  padding-right: 0.5rem;
+}
+.table.gs-2 th.dtr-control:first-child, .table.gs-2 td.dtr-control:first-child {
+  padding-left: 0.5rem !important;
+}
+
+.table.g-3 th, .table.g-3 td {
+  padding: 0.75rem;
+}
+.table.g-3 th.dtr-control, .table.g-3 td.dtr-control {
+  padding-left: 0.75rem !important;
+}
+
+.table.gy-3 th, .table.gy-3 td {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.table.gx-3 th, .table.gx-3 td {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.table.gx-3 th.dtr-control, .table.gx-3 td.dtr-control {
+  padding-left: 0.75rem !important;
+}
+
+.table.gs-3 th:first-child, .table.gs-3 td:first-child {
+  padding-left: 0.75rem;
+}
+.table.gs-3 th:last-child, .table.gs-3 td:last-child {
+  padding-right: 0.75rem;
+}
+.table.gs-3 th.dtr-control:first-child, .table.gs-3 td.dtr-control:first-child {
+  padding-left: 0.75rem !important;
+}
+
+.table.g-4 th, .table.g-4 td {
+  padding: 1rem;
+}
+.table.g-4 th.dtr-control, .table.g-4 td.dtr-control {
+  padding-left: 1rem !important;
+}
+
+.table.gy-4 th, .table.gy-4 td {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.table.gx-4 th, .table.gx-4 td {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.table.gx-4 th.dtr-control, .table.gx-4 td.dtr-control {
+  padding-left: 1rem !important;
+}
+
+.table.gs-4 th:first-child, .table.gs-4 td:first-child {
+  padding-left: 1rem;
+}
+.table.gs-4 th:last-child, .table.gs-4 td:last-child {
+  padding-right: 1rem;
+}
+.table.gs-4 th.dtr-control:first-child, .table.gs-4 td.dtr-control:first-child {
+  padding-left: 1rem !important;
+}
+
+.table.g-5 th, .table.g-5 td {
+  padding: 1.25rem;
+}
+.table.g-5 th.dtr-control, .table.g-5 td.dtr-control {
+  padding-left: 1.25rem !important;
+}
+
+.table.gy-5 th, .table.gy-5 td {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.table.gx-5 th, .table.gx-5 td {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+.table.gx-5 th.dtr-control, .table.gx-5 td.dtr-control {
+  padding-left: 1.25rem !important;
+}
+
+.table.gs-5 th:first-child, .table.gs-5 td:first-child {
+  padding-left: 1.25rem;
+}
+.table.gs-5 th:last-child, .table.gs-5 td:last-child {
+  padding-right: 1.25rem;
+}
+.table.gs-5 th.dtr-control:first-child, .table.gs-5 td.dtr-control:first-child {
+  padding-left: 1.25rem !important;
+}
+
+.table.g-6 th, .table.g-6 td {
+  padding: 1.5rem;
+}
+.table.g-6 th.dtr-control, .table.g-6 td.dtr-control {
+  padding-left: 1.5rem !important;
+}
+
+.table.gy-6 th, .table.gy-6 td {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
+.table.gx-6 th, .table.gx-6 td {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+.table.gx-6 th.dtr-control, .table.gx-6 td.dtr-control {
+  padding-left: 1.5rem !important;
+}
+
+.table.gs-6 th:first-child, .table.gs-6 td:first-child {
+  padding-left: 1.5rem;
+}
+.table.gs-6 th:last-child, .table.gs-6 td:last-child {
+  padding-right: 1.5rem;
+}
+.table.gs-6 th.dtr-control:first-child, .table.gs-6 td.dtr-control:first-child {
+  padding-left: 1.5rem !important;
+}
+
+.table.g-7 th, .table.g-7 td {
+  padding: 1.75rem;
+}
+.table.g-7 th.dtr-control, .table.g-7 td.dtr-control {
+  padding-left: 1.75rem !important;
+}
+
+.table.gy-7 th, .table.gy-7 td {
+  padding-top: 1.75rem;
+  padding-bottom: 1.75rem;
+}
+
+.table.gx-7 th, .table.gx-7 td {
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
+}
+.table.gx-7 th.dtr-control, .table.gx-7 td.dtr-control {
+  padding-left: 1.75rem !important;
+}
+
+.table.gs-7 th:first-child, .table.gs-7 td:first-child {
+  padding-left: 1.75rem;
+}
+.table.gs-7 th:last-child, .table.gs-7 td:last-child {
+  padding-right: 1.75rem;
+}
+.table.gs-7 th.dtr-control:first-child, .table.gs-7 td.dtr-control:first-child {
+  padding-left: 1.75rem !important;
+}
+
+.table.g-8 th, .table.g-8 td {
+  padding: 2rem;
+}
+.table.g-8 th.dtr-control, .table.g-8 td.dtr-control {
+  padding-left: 2rem !important;
+}
+
+.table.gy-8 th, .table.gy-8 td {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+.table.gx-8 th, .table.gx-8 td {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+.table.gx-8 th.dtr-control, .table.gx-8 td.dtr-control {
+  padding-left: 2rem !important;
+}
+
+.table.gs-8 th:first-child, .table.gs-8 td:first-child {
+  padding-left: 2rem;
+}
+.table.gs-8 th:last-child, .table.gs-8 td:last-child {
+  padding-right: 2rem;
+}
+.table.gs-8 th.dtr-control:first-child, .table.gs-8 td.dtr-control:first-child {
+  padding-left: 2rem !important;
+}
+
+.table.g-9 th, .table.g-9 td {
+  padding: 2.25rem;
+}
+.table.g-9 th.dtr-control, .table.g-9 td.dtr-control {
+  padding-left: 2.25rem !important;
+}
+
+.table.gy-9 th, .table.gy-9 td {
+  padding-top: 2.25rem;
+  padding-bottom: 2.25rem;
+}
+
+.table.gx-9 th, .table.gx-9 td {
+  padding-left: 2.25rem;
+  padding-right: 2.25rem;
+}
+.table.gx-9 th.dtr-control, .table.gx-9 td.dtr-control {
+  padding-left: 2.25rem !important;
+}
+
+.table.gs-9 th:first-child, .table.gs-9 td:first-child {
+  padding-left: 2.25rem;
+}
+.table.gs-9 th:last-child, .table.gs-9 td:last-child {
+  padding-right: 2.25rem;
+}
+.table.gs-9 th.dtr-control:first-child, .table.gs-9 td.dtr-control:first-child {
+  padding-left: 2.25rem !important;
+}
+
+.table.g-10 th, .table.g-10 td {
+  padding: 2.5rem;
+}
+.table.g-10 th.dtr-control, .table.g-10 td.dtr-control {
+  padding-left: 2.5rem !important;
+}
+
+.table.gy-10 th, .table.gy-10 td {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
+
+.table.gx-10 th, .table.gx-10 td {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+.table.gx-10 th.dtr-control, .table.gx-10 td.dtr-control {
+  padding-left: 2.5rem !important;
+}
+
+.table.gs-10 th:first-child, .table.gs-10 td:first-child {
+  padding-left: 2.5rem;
+}
+.table.gs-10 th:last-child, .table.gs-10 td:last-child {
+  padding-right: 2.5rem;
+}
+.table.gs-10 th.dtr-control:first-child, .table.gs-10 td.dtr-control:first-child {
+  padding-left: 2.5rem !important;
+}
+
+@media (min-width: 576px) {
+  .table.g-sm-0 th, .table.g-sm-0 td {
+    padding: 0rem;
+  }
+  .table.g-sm-0 th.dtr-control, .table.g-sm-0 td.dtr-control {
+    padding-left: 0rem !important;
+  }
+  .table.gy-sm-0 th, .table.gy-sm-0 td {
+    padding-top: 0rem;
+    padding-bottom: 0rem;
+  }
+  .table.gx-sm-0 th, .table.gx-sm-0 td {
+    padding-left: 0rem;
+    padding-right: 0rem;
+  }
+  .table.gx-sm-0 th.dtr-control, .table.gx-sm-0 td.dtr-control {
+    padding-left: 0rem !important;
+  }
+  .table.gs-sm-0 th:first-child, .table.gs-sm-0 td:first-child {
+    padding-left: 0rem;
+  }
+  .table.gs-sm-0 th:last-child, .table.gs-sm-0 td:last-child {
+    padding-right: 0rem;
+  }
+  .table.gs-sm-0 th.dtr-control:first-child, .table.gs-sm-0 td.dtr-control:first-child {
+    padding-left: 0rem !important;
+  }
+  .table.g-sm-1 th, .table.g-sm-1 td {
+    padding: 0.25rem;
+  }
+  .table.g-sm-1 th.dtr-control, .table.g-sm-1 td.dtr-control {
+    padding-left: 0.25rem !important;
+  }
+  .table.gy-sm-1 th, .table.gy-sm-1 td {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+  .table.gx-sm-1 th, .table.gx-sm-1 td {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+  .table.gx-sm-1 th.dtr-control, .table.gx-sm-1 td.dtr-control {
+    padding-left: 0.25rem !important;
+  }
+  .table.gs-sm-1 th:first-child, .table.gs-sm-1 td:first-child {
+    padding-left: 0.25rem;
+  }
+  .table.gs-sm-1 th:last-child, .table.gs-sm-1 td:last-child {
+    padding-right: 0.25rem;
+  }
+  .table.gs-sm-1 th.dtr-control:first-child, .table.gs-sm-1 td.dtr-control:first-child {
+    padding-left: 0.25rem !important;
+  }
+  .table.g-sm-2 th, .table.g-sm-2 td {
+    padding: 0.5rem;
+  }
+  .table.g-sm-2 th.dtr-control, .table.g-sm-2 td.dtr-control {
+    padding-left: 0.5rem !important;
+  }
+  .table.gy-sm-2 th, .table.gy-sm-2 td {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+  .table.gx-sm-2 th, .table.gx-sm-2 td {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+  .table.gx-sm-2 th.dtr-control, .table.gx-sm-2 td.dtr-control {
+    padding-left: 0.5rem !important;
+  }
+  .table.gs-sm-2 th:first-child, .table.gs-sm-2 td:first-child {
+    padding-left: 0.5rem;
+  }
+  .table.gs-sm-2 th:last-child, .table.gs-sm-2 td:last-child {
+    padding-right: 0.5rem;
+  }
+  .table.gs-sm-2 th.dtr-control:first-child, .table.gs-sm-2 td.dtr-control:first-child {
+    padding-left: 0.5rem !important;
+  }
+  .table.g-sm-3 th, .table.g-sm-3 td {
+    padding: 0.75rem;
+  }
+  .table.g-sm-3 th.dtr-control, .table.g-sm-3 td.dtr-control {
+    padding-left: 0.75rem !important;
+  }
+  .table.gy-sm-3 th, .table.gy-sm-3 td {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+  .table.gx-sm-3 th, .table.gx-sm-3 td {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+  .table.gx-sm-3 th.dtr-control, .table.gx-sm-3 td.dtr-control {
+    padding-left: 0.75rem !important;
+  }
+  .table.gs-sm-3 th:first-child, .table.gs-sm-3 td:first-child {
+    padding-left: 0.75rem;
+  }
+  .table.gs-sm-3 th:last-child, .table.gs-sm-3 td:last-child {
+    padding-right: 0.75rem;
+  }
+  .table.gs-sm-3 th.dtr-control:first-child, .table.gs-sm-3 td.dtr-control:first-child {
+    padding-left: 0.75rem !important;
+  }
+  .table.g-sm-4 th, .table.g-sm-4 td {
+    padding: 1rem;
+  }
+  .table.g-sm-4 th.dtr-control, .table.g-sm-4 td.dtr-control {
+    padding-left: 1rem !important;
+  }
+  .table.gy-sm-4 th, .table.gy-sm-4 td {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+  .table.gx-sm-4 th, .table.gx-sm-4 td {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+  .table.gx-sm-4 th.dtr-control, .table.gx-sm-4 td.dtr-control {
+    padding-left: 1rem !important;
+  }
+  .table.gs-sm-4 th:first-child, .table.gs-sm-4 td:first-child {
+    padding-left: 1rem;
+  }
+  .table.gs-sm-4 th:last-child, .table.gs-sm-4 td:last-child {
+    padding-right: 1rem;
+  }
+  .table.gs-sm-4 th.dtr-control:first-child, .table.gs-sm-4 td.dtr-control:first-child {
+    padding-left: 1rem !important;
+  }
+  .table.g-sm-5 th, .table.g-sm-5 td {
+    padding: 1.25rem;
+  }
+  .table.g-sm-5 th.dtr-control, .table.g-sm-5 td.dtr-control {
+    padding-left: 1.25rem !important;
+  }
+  .table.gy-sm-5 th, .table.gy-sm-5 td {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+  .table.gx-sm-5 th, .table.gx-sm-5 td {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+  .table.gx-sm-5 th.dtr-control, .table.gx-sm-5 td.dtr-control {
+    padding-left: 1.25rem !important;
+  }
+  .table.gs-sm-5 th:first-child, .table.gs-sm-5 td:first-child {
+    padding-left: 1.25rem;
+  }
+  .table.gs-sm-5 th:last-child, .table.gs-sm-5 td:last-child {
+    padding-right: 1.25rem;
+  }
+  .table.gs-sm-5 th.dtr-control:first-child, .table.gs-sm-5 td.dtr-control:first-child {
+    padding-left: 1.25rem !important;
+  }
+  .table.g-sm-6 th, .table.g-sm-6 td {
+    padding: 1.5rem;
+  }
+  .table.g-sm-6 th.dtr-control, .table.g-sm-6 td.dtr-control {
+    padding-left: 1.5rem !important;
+  }
+  .table.gy-sm-6 th, .table.gy-sm-6 td {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+  .table.gx-sm-6 th, .table.gx-sm-6 td {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+  .table.gx-sm-6 th.dtr-control, .table.gx-sm-6 td.dtr-control {
+    padding-left: 1.5rem !important;
+  }
+  .table.gs-sm-6 th:first-child, .table.gs-sm-6 td:first-child {
+    padding-left: 1.5rem;
+  }
+  .table.gs-sm-6 th:last-child, .table.gs-sm-6 td:last-child {
+    padding-right: 1.5rem;
+  }
+  .table.gs-sm-6 th.dtr-control:first-child, .table.gs-sm-6 td.dtr-control:first-child {
+    padding-left: 1.5rem !important;
+  }
+  .table.g-sm-7 th, .table.g-sm-7 td {
+    padding: 1.75rem;
+  }
+  .table.g-sm-7 th.dtr-control, .table.g-sm-7 td.dtr-control {
+    padding-left: 1.75rem !important;
+  }
+  .table.gy-sm-7 th, .table.gy-sm-7 td {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+  .table.gx-sm-7 th, .table.gx-sm-7 td {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+  .table.gx-sm-7 th.dtr-control, .table.gx-sm-7 td.dtr-control {
+    padding-left: 1.75rem !important;
+  }
+  .table.gs-sm-7 th:first-child, .table.gs-sm-7 td:first-child {
+    padding-left: 1.75rem;
+  }
+  .table.gs-sm-7 th:last-child, .table.gs-sm-7 td:last-child {
+    padding-right: 1.75rem;
+  }
+  .table.gs-sm-7 th.dtr-control:first-child, .table.gs-sm-7 td.dtr-control:first-child {
+    padding-left: 1.75rem !important;
+  }
+  .table.g-sm-8 th, .table.g-sm-8 td {
+    padding: 2rem;
+  }
+  .table.g-sm-8 th.dtr-control, .table.g-sm-8 td.dtr-control {
+    padding-left: 2rem !important;
+  }
+  .table.gy-sm-8 th, .table.gy-sm-8 td {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+  .table.gx-sm-8 th, .table.gx-sm-8 td {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+  .table.gx-sm-8 th.dtr-control, .table.gx-sm-8 td.dtr-control {
+    padding-left: 2rem !important;
+  }
+  .table.gs-sm-8 th:first-child, .table.gs-sm-8 td:first-child {
+    padding-left: 2rem;
+  }
+  .table.gs-sm-8 th:last-child, .table.gs-sm-8 td:last-child {
+    padding-right: 2rem;
+  }
+  .table.gs-sm-8 th.dtr-control:first-child, .table.gs-sm-8 td.dtr-control:first-child {
+    padding-left: 2rem !important;
+  }
+  .table.g-sm-9 th, .table.g-sm-9 td {
+    padding: 2.25rem;
+  }
+  .table.g-sm-9 th.dtr-control, .table.g-sm-9 td.dtr-control {
+    padding-left: 2.25rem !important;
+  }
+  .table.gy-sm-9 th, .table.gy-sm-9 td {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+  .table.gx-sm-9 th, .table.gx-sm-9 td {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+  .table.gx-sm-9 th.dtr-control, .table.gx-sm-9 td.dtr-control {
+    padding-left: 2.25rem !important;
+  }
+  .table.gs-sm-9 th:first-child, .table.gs-sm-9 td:first-child {
+    padding-left: 2.25rem;
+  }
+  .table.gs-sm-9 th:last-child, .table.gs-sm-9 td:last-child {
+    padding-right: 2.25rem;
+  }
+  .table.gs-sm-9 th.dtr-control:first-child, .table.gs-sm-9 td.dtr-control:first-child {
+    padding-left: 2.25rem !important;
+  }
+  .table.g-sm-10 th, .table.g-sm-10 td {
+    padding: 2.5rem;
+  }
+  .table.g-sm-10 th.dtr-control, .table.g-sm-10 td.dtr-control {
+    padding-left: 2.5rem !important;
+  }
+  .table.gy-sm-10 th, .table.gy-sm-10 td {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+  .table.gx-sm-10 th, .table.gx-sm-10 td {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+  .table.gx-sm-10 th.dtr-control, .table.gx-sm-10 td.dtr-control {
+    padding-left: 2.5rem !important;
+  }
+  .table.gs-sm-10 th:first-child, .table.gs-sm-10 td:first-child {
+    padding-left: 2.5rem;
+  }
+  .table.gs-sm-10 th:last-child, .table.gs-sm-10 td:last-child {
+    padding-right: 2.5rem;
+  }
+  .table.gs-sm-10 th.dtr-control:first-child, .table.gs-sm-10 td.dtr-control:first-child {
+    padding-left: 2.5rem !important;
+  }
+}
+@media (min-width: 768px) {
+  .table.g-md-0 th, .table.g-md-0 td {
+    padding: 0rem;
+  }
+  .table.g-md-0 th.dtr-control, .table.g-md-0 td.dtr-control {
+    padding-left: 0rem !important;
+  }
+  .table.gy-md-0 th, .table.gy-md-0 td {
+    padding-top: 0rem;
+    padding-bottom: 0rem;
+  }
+  .table.gx-md-0 th, .table.gx-md-0 td {
+    padding-left: 0rem;
+    padding-right: 0rem;
+  }
+  .table.gx-md-0 th.dtr-control, .table.gx-md-0 td.dtr-control {
+    padding-left: 0rem !important;
+  }
+  .table.gs-md-0 th:first-child, .table.gs-md-0 td:first-child {
+    padding-left: 0rem;
+  }
+  .table.gs-md-0 th:last-child, .table.gs-md-0 td:last-child {
+    padding-right: 0rem;
+  }
+  .table.gs-md-0 th.dtr-control:first-child, .table.gs-md-0 td.dtr-control:first-child {
+    padding-left: 0rem !important;
+  }
+  .table.g-md-1 th, .table.g-md-1 td {
+    padding: 0.25rem;
+  }
+  .table.g-md-1 th.dtr-control, .table.g-md-1 td.dtr-control {
+    padding-left: 0.25rem !important;
+  }
+  .table.gy-md-1 th, .table.gy-md-1 td {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+  .table.gx-md-1 th, .table.gx-md-1 td {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+  .table.gx-md-1 th.dtr-control, .table.gx-md-1 td.dtr-control {
+    padding-left: 0.25rem !important;
+  }
+  .table.gs-md-1 th:first-child, .table.gs-md-1 td:first-child {
+    padding-left: 0.25rem;
+  }
+  .table.gs-md-1 th:last-child, .table.gs-md-1 td:last-child {
+    padding-right: 0.25rem;
+  }
+  .table.gs-md-1 th.dtr-control:first-child, .table.gs-md-1 td.dtr-control:first-child {
+    padding-left: 0.25rem !important;
+  }
+  .table.g-md-2 th, .table.g-md-2 td {
+    padding: 0.5rem;
+  }
+  .table.g-md-2 th.dtr-control, .table.g-md-2 td.dtr-control {
+    padding-left: 0.5rem !important;
+  }
+  .table.gy-md-2 th, .table.gy-md-2 td {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+  .table.gx-md-2 th, .table.gx-md-2 td {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+  .table.gx-md-2 th.dtr-control, .table.gx-md-2 td.dtr-control {
+    padding-left: 0.5rem !important;
+  }
+  .table.gs-md-2 th:first-child, .table.gs-md-2 td:first-child {
+    padding-left: 0.5rem;
+  }
+  .table.gs-md-2 th:last-child, .table.gs-md-2 td:last-child {
+    padding-right: 0.5rem;
+  }
+  .table.gs-md-2 th.dtr-control:first-child, .table.gs-md-2 td.dtr-control:first-child {
+    padding-left: 0.5rem !important;
+  }
+  .table.g-md-3 th, .table.g-md-3 td {
+    padding: 0.75rem;
+  }
+  .table.g-md-3 th.dtr-control, .table.g-md-3 td.dtr-control {
+    padding-left: 0.75rem !important;
+  }
+  .table.gy-md-3 th, .table.gy-md-3 td {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+  .table.gx-md-3 th, .table.gx-md-3 td {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+  .table.gx-md-3 th.dtr-control, .table.gx-md-3 td.dtr-control {
+    padding-left: 0.75rem !important;
+  }
+  .table.gs-md-3 th:first-child, .table.gs-md-3 td:first-child {
+    padding-left: 0.75rem;
+  }
+  .table.gs-md-3 th:last-child, .table.gs-md-3 td:last-child {
+    padding-right: 0.75rem;
+  }
+  .table.gs-md-3 th.dtr-control:first-child, .table.gs-md-3 td.dtr-control:first-child {
+    padding-left: 0.75rem !important;
+  }
+  .table.g-md-4 th, .table.g-md-4 td {
+    padding: 1rem;
+  }
+  .table.g-md-4 th.dtr-control, .table.g-md-4 td.dtr-control {
+    padding-left: 1rem !important;
+  }
+  .table.gy-md-4 th, .table.gy-md-4 td {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+  .table.gx-md-4 th, .table.gx-md-4 td {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+  .table.gx-md-4 th.dtr-control, .table.gx-md-4 td.dtr-control {
+    padding-left: 1rem !important;
+  }
+  .table.gs-md-4 th:first-child, .table.gs-md-4 td:first-child {
+    padding-left: 1rem;
+  }
+  .table.gs-md-4 th:last-child, .table.gs-md-4 td:last-child {
+    padding-right: 1rem;
+  }
+  .table.gs-md-4 th.dtr-control:first-child, .table.gs-md-4 td.dtr-control:first-child {
+    padding-left: 1rem !important;
+  }
+  .table.g-md-5 th, .table.g-md-5 td {
+    padding: 1.25rem;
+  }
+  .table.g-md-5 th.dtr-control, .table.g-md-5 td.dtr-control {
+    padding-left: 1.25rem !important;
+  }
+  .table.gy-md-5 th, .table.gy-md-5 td {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+  .table.gx-md-5 th, .table.gx-md-5 td {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+  .table.gx-md-5 th.dtr-control, .table.gx-md-5 td.dtr-control {
+    padding-left: 1.25rem !important;
+  }
+  .table.gs-md-5 th:first-child, .table.gs-md-5 td:first-child {
+    padding-left: 1.25rem;
+  }
+  .table.gs-md-5 th:last-child, .table.gs-md-5 td:last-child {
+    padding-right: 1.25rem;
+  }
+  .table.gs-md-5 th.dtr-control:first-child, .table.gs-md-5 td.dtr-control:first-child {
+    padding-left: 1.25rem !important;
+  }
+  .table.g-md-6 th, .table.g-md-6 td {
+    padding: 1.5rem;
+  }
+  .table.g-md-6 th.dtr-control, .table.g-md-6 td.dtr-control {
+    padding-left: 1.5rem !important;
+  }
+  .table.gy-md-6 th, .table.gy-md-6 td {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+  .table.gx-md-6 th, .table.gx-md-6 td {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+  .table.gx-md-6 th.dtr-control, .table.gx-md-6 td.dtr-control {
+    padding-left: 1.5rem !important;
+  }
+  .table.gs-md-6 th:first-child, .table.gs-md-6 td:first-child {
+    padding-left: 1.5rem;
+  }
+  .table.gs-md-6 th:last-child, .table.gs-md-6 td:last-child {
+    padding-right: 1.5rem;
+  }
+  .table.gs-md-6 th.dtr-control:first-child, .table.gs-md-6 td.dtr-control:first-child {
+    padding-left: 1.5rem !important;
+  }
+  .table.g-md-7 th, .table.g-md-7 td {
+    padding: 1.75rem;
+  }
+  .table.g-md-7 th.dtr-control, .table.g-md-7 td.dtr-control {
+    padding-left: 1.75rem !important;
+  }
+  .table.gy-md-7 th, .table.gy-md-7 td {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+  .table.gx-md-7 th, .table.gx-md-7 td {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+  .table.gx-md-7 th.dtr-control, .table.gx-md-7 td.dtr-control {
+    padding-left: 1.75rem !important;
+  }
+  .table.gs-md-7 th:first-child, .table.gs-md-7 td:first-child {
+    padding-left: 1.75rem;
+  }
+  .table.gs-md-7 th:last-child, .table.gs-md-7 td:last-child {
+    padding-right: 1.75rem;
+  }
+  .table.gs-md-7 th.dtr-control:first-child, .table.gs-md-7 td.dtr-control:first-child {
+    padding-left: 1.75rem !important;
+  }
+  .table.g-md-8 th, .table.g-md-8 td {
+    padding: 2rem;
+  }
+  .table.g-md-8 th.dtr-control, .table.g-md-8 td.dtr-control {
+    padding-left: 2rem !important;
+  }
+  .table.gy-md-8 th, .table.gy-md-8 td {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+  .table.gx-md-8 th, .table.gx-md-8 td {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+  .table.gx-md-8 th.dtr-control, .table.gx-md-8 td.dtr-control {
+    padding-left: 2rem !important;
+  }
+  .table.gs-md-8 th:first-child, .table.gs-md-8 td:first-child {
+    padding-left: 2rem;
+  }
+  .table.gs-md-8 th:last-child, .table.gs-md-8 td:last-child {
+    padding-right: 2rem;
+  }
+  .table.gs-md-8 th.dtr-control:first-child, .table.gs-md-8 td.dtr-control:first-child {
+    padding-left: 2rem !important;
+  }
+  .table.g-md-9 th, .table.g-md-9 td {
+    padding: 2.25rem;
+  }
+  .table.g-md-9 th.dtr-control, .table.g-md-9 td.dtr-control {
+    padding-left: 2.25rem !important;
+  }
+  .table.gy-md-9 th, .table.gy-md-9 td {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+  .table.gx-md-9 th, .table.gx-md-9 td {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+  .table.gx-md-9 th.dtr-control, .table.gx-md-9 td.dtr-control {
+    padding-left: 2.25rem !important;
+  }
+  .table.gs-md-9 th:first-child, .table.gs-md-9 td:first-child {
+    padding-left: 2.25rem;
+  }
+  .table.gs-md-9 th:last-child, .table.gs-md-9 td:last-child {
+    padding-right: 2.25rem;
+  }
+  .table.gs-md-9 th.dtr-control:first-child, .table.gs-md-9 td.dtr-control:first-child {
+    padding-left: 2.25rem !important;
+  }
+  .table.g-md-10 th, .table.g-md-10 td {
+    padding: 2.5rem;
+  }
+  .table.g-md-10 th.dtr-control, .table.g-md-10 td.dtr-control {
+    padding-left: 2.5rem !important;
+  }
+  .table.gy-md-10 th, .table.gy-md-10 td {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+  .table.gx-md-10 th, .table.gx-md-10 td {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+  .table.gx-md-10 th.dtr-control, .table.gx-md-10 td.dtr-control {
+    padding-left: 2.5rem !important;
+  }
+  .table.gs-md-10 th:first-child, .table.gs-md-10 td:first-child {
+    padding-left: 2.5rem;
+  }
+  .table.gs-md-10 th:last-child, .table.gs-md-10 td:last-child {
+    padding-right: 2.5rem;
+  }
+  .table.gs-md-10 th.dtr-control:first-child, .table.gs-md-10 td.dtr-control:first-child {
+    padding-left: 2.5rem !important;
+  }
+}
+@media (min-width: 992px) {
+  .table.g-lg-0 th, .table.g-lg-0 td {
+    padding: 0rem;
+  }
+  .table.g-lg-0 th.dtr-control, .table.g-lg-0 td.dtr-control {
+    padding-left: 0rem !important;
+  }
+  .table.gy-lg-0 th, .table.gy-lg-0 td {
+    padding-top: 0rem;
+    padding-bottom: 0rem;
+  }
+  .table.gx-lg-0 th, .table.gx-lg-0 td {
+    padding-left: 0rem;
+    padding-right: 0rem;
+  }
+  .table.gx-lg-0 th.dtr-control, .table.gx-lg-0 td.dtr-control {
+    padding-left: 0rem !important;
+  }
+  .table.gs-lg-0 th:first-child, .table.gs-lg-0 td:first-child {
+    padding-left: 0rem;
+  }
+  .table.gs-lg-0 th:last-child, .table.gs-lg-0 td:last-child {
+    padding-right: 0rem;
+  }
+  .table.gs-lg-0 th.dtr-control:first-child, .table.gs-lg-0 td.dtr-control:first-child {
+    padding-left: 0rem !important;
+  }
+  .table.g-lg-1 th, .table.g-lg-1 td {
+    padding: 0.25rem;
+  }
+  .table.g-lg-1 th.dtr-control, .table.g-lg-1 td.dtr-control {
+    padding-left: 0.25rem !important;
+  }
+  .table.gy-lg-1 th, .table.gy-lg-1 td {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+  .table.gx-lg-1 th, .table.gx-lg-1 td {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+  .table.gx-lg-1 th.dtr-control, .table.gx-lg-1 td.dtr-control {
+    padding-left: 0.25rem !important;
+  }
+  .table.gs-lg-1 th:first-child, .table.gs-lg-1 td:first-child {
+    padding-left: 0.25rem;
+  }
+  .table.gs-lg-1 th:last-child, .table.gs-lg-1 td:last-child {
+    padding-right: 0.25rem;
+  }
+  .table.gs-lg-1 th.dtr-control:first-child, .table.gs-lg-1 td.dtr-control:first-child {
+    padding-left: 0.25rem !important;
+  }
+  .table.g-lg-2 th, .table.g-lg-2 td {
+    padding: 0.5rem;
+  }
+  .table.g-lg-2 th.dtr-control, .table.g-lg-2 td.dtr-control {
+    padding-left: 0.5rem !important;
+  }
+  .table.gy-lg-2 th, .table.gy-lg-2 td {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+  .table.gx-lg-2 th, .table.gx-lg-2 td {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+  .table.gx-lg-2 th.dtr-control, .table.gx-lg-2 td.dtr-control {
+    padding-left: 0.5rem !important;
+  }
+  .table.gs-lg-2 th:first-child, .table.gs-lg-2 td:first-child {
+    padding-left: 0.5rem;
+  }
+  .table.gs-lg-2 th:last-child, .table.gs-lg-2 td:last-child {
+    padding-right: 0.5rem;
+  }
+  .table.gs-lg-2 th.dtr-control:first-child, .table.gs-lg-2 td.dtr-control:first-child {
+    padding-left: 0.5rem !important;
+  }
+  .table.g-lg-3 th, .table.g-lg-3 td {
+    padding: 0.75rem;
+  }
+  .table.g-lg-3 th.dtr-control, .table.g-lg-3 td.dtr-control {
+    padding-left: 0.75rem !important;
+  }
+  .table.gy-lg-3 th, .table.gy-lg-3 td {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+  .table.gx-lg-3 th, .table.gx-lg-3 td {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+  .table.gx-lg-3 th.dtr-control, .table.gx-lg-3 td.dtr-control {
+    padding-left: 0.75rem !important;
+  }
+  .table.gs-lg-3 th:first-child, .table.gs-lg-3 td:first-child {
+    padding-left: 0.75rem;
+  }
+  .table.gs-lg-3 th:last-child, .table.gs-lg-3 td:last-child {
+    padding-right: 0.75rem;
+  }
+  .table.gs-lg-3 th.dtr-control:first-child, .table.gs-lg-3 td.dtr-control:first-child {
+    padding-left: 0.75rem !important;
+  }
+  .table.g-lg-4 th, .table.g-lg-4 td {
+    padding: 1rem;
+  }
+  .table.g-lg-4 th.dtr-control, .table.g-lg-4 td.dtr-control {
+    padding-left: 1rem !important;
+  }
+  .table.gy-lg-4 th, .table.gy-lg-4 td {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+  .table.gx-lg-4 th, .table.gx-lg-4 td {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+  .table.gx-lg-4 th.dtr-control, .table.gx-lg-4 td.dtr-control {
+    padding-left: 1rem !important;
+  }
+  .table.gs-lg-4 th:first-child, .table.gs-lg-4 td:first-child {
+    padding-left: 1rem;
+  }
+  .table.gs-lg-4 th:last-child, .table.gs-lg-4 td:last-child {
+    padding-right: 1rem;
+  }
+  .table.gs-lg-4 th.dtr-control:first-child, .table.gs-lg-4 td.dtr-control:first-child {
+    padding-left: 1rem !important;
+  }
+  .table.g-lg-5 th, .table.g-lg-5 td {
+    padding: 1.25rem;
+  }
+  .table.g-lg-5 th.dtr-control, .table.g-lg-5 td.dtr-control {
+    padding-left: 1.25rem !important;
+  }
+  .table.gy-lg-5 th, .table.gy-lg-5 td {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+  .table.gx-lg-5 th, .table.gx-lg-5 td {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+  .table.gx-lg-5 th.dtr-control, .table.gx-lg-5 td.dtr-control {
+    padding-left: 1.25rem !important;
+  }
+  .table.gs-lg-5 th:first-child, .table.gs-lg-5 td:first-child {
+    padding-left: 1.25rem;
+  }
+  .table.gs-lg-5 th:last-child, .table.gs-lg-5 td:last-child {
+    padding-right: 1.25rem;
+  }
+  .table.gs-lg-5 th.dtr-control:first-child, .table.gs-lg-5 td.dtr-control:first-child {
+    padding-left: 1.25rem !important;
+  }
+  .table.g-lg-6 th, .table.g-lg-6 td {
+    padding: 1.5rem;
+  }
+  .table.g-lg-6 th.dtr-control, .table.g-lg-6 td.dtr-control {
+    padding-left: 1.5rem !important;
+  }
+  .table.gy-lg-6 th, .table.gy-lg-6 td {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+  .table.gx-lg-6 th, .table.gx-lg-6 td {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+  .table.gx-lg-6 th.dtr-control, .table.gx-lg-6 td.dtr-control {
+    padding-left: 1.5rem !important;
+  }
+  .table.gs-lg-6 th:first-child, .table.gs-lg-6 td:first-child {
+    padding-left: 1.5rem;
+  }
+  .table.gs-lg-6 th:last-child, .table.gs-lg-6 td:last-child {
+    padding-right: 1.5rem;
+  }
+  .table.gs-lg-6 th.dtr-control:first-child, .table.gs-lg-6 td.dtr-control:first-child {
+    padding-left: 1.5rem !important;
+  }
+  .table.g-lg-7 th, .table.g-lg-7 td {
+    padding: 1.75rem;
+  }
+  .table.g-lg-7 th.dtr-control, .table.g-lg-7 td.dtr-control {
+    padding-left: 1.75rem !important;
+  }
+  .table.gy-lg-7 th, .table.gy-lg-7 td {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+  .table.gx-lg-7 th, .table.gx-lg-7 td {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+  .table.gx-lg-7 th.dtr-control, .table.gx-lg-7 td.dtr-control {
+    padding-left: 1.75rem !important;
+  }
+  .table.gs-lg-7 th:first-child, .table.gs-lg-7 td:first-child {
+    padding-left: 1.75rem;
+  }
+  .table.gs-lg-7 th:last-child, .table.gs-lg-7 td:last-child {
+    padding-right: 1.75rem;
+  }
+  .table.gs-lg-7 th.dtr-control:first-child, .table.gs-lg-7 td.dtr-control:first-child {
+    padding-left: 1.75rem !important;
+  }
+  .table.g-lg-8 th, .table.g-lg-8 td {
+    padding: 2rem;
+  }
+  .table.g-lg-8 th.dtr-control, .table.g-lg-8 td.dtr-control {
+    padding-left: 2rem !important;
+  }
+  .table.gy-lg-8 th, .table.gy-lg-8 td {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+  .table.gx-lg-8 th, .table.gx-lg-8 td {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+  .table.gx-lg-8 th.dtr-control, .table.gx-lg-8 td.dtr-control {
+    padding-left: 2rem !important;
+  }
+  .table.gs-lg-8 th:first-child, .table.gs-lg-8 td:first-child {
+    padding-left: 2rem;
+  }
+  .table.gs-lg-8 th:last-child, .table.gs-lg-8 td:last-child {
+    padding-right: 2rem;
+  }
+  .table.gs-lg-8 th.dtr-control:first-child, .table.gs-lg-8 td.dtr-control:first-child {
+    padding-left: 2rem !important;
+  }
+  .table.g-lg-9 th, .table.g-lg-9 td {
+    padding: 2.25rem;
+  }
+  .table.g-lg-9 th.dtr-control, .table.g-lg-9 td.dtr-control {
+    padding-left: 2.25rem !important;
+  }
+  .table.gy-lg-9 th, .table.gy-lg-9 td {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+  .table.gx-lg-9 th, .table.gx-lg-9 td {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+  .table.gx-lg-9 th.dtr-control, .table.gx-lg-9 td.dtr-control {
+    padding-left: 2.25rem !important;
+  }
+  .table.gs-lg-9 th:first-child, .table.gs-lg-9 td:first-child {
+    padding-left: 2.25rem;
+  }
+  .table.gs-lg-9 th:last-child, .table.gs-lg-9 td:last-child {
+    padding-right: 2.25rem;
+  }
+  .table.gs-lg-9 th.dtr-control:first-child, .table.gs-lg-9 td.dtr-control:first-child {
+    padding-left: 2.25rem !important;
+  }
+  .table.g-lg-10 th, .table.g-lg-10 td {
+    padding: 2.5rem;
+  }
+  .table.g-lg-10 th.dtr-control, .table.g-lg-10 td.dtr-control {
+    padding-left: 2.5rem !important;
+  }
+  .table.gy-lg-10 th, .table.gy-lg-10 td {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+  .table.gx-lg-10 th, .table.gx-lg-10 td {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+  .table.gx-lg-10 th.dtr-control, .table.gx-lg-10 td.dtr-control {
+    padding-left: 2.5rem !important;
+  }
+  .table.gs-lg-10 th:first-child, .table.gs-lg-10 td:first-child {
+    padding-left: 2.5rem;
+  }
+  .table.gs-lg-10 th:last-child, .table.gs-lg-10 td:last-child {
+    padding-right: 2.5rem;
+  }
+  .table.gs-lg-10 th.dtr-control:first-child, .table.gs-lg-10 td.dtr-control:first-child {
+    padding-left: 2.5rem !important;
+  }
+}
+@media (min-width: 1200px) {
+  .table.g-xl-0 th, .table.g-xl-0 td {
+    padding: 0rem;
+  }
+  .table.g-xl-0 th.dtr-control, .table.g-xl-0 td.dtr-control {
+    padding-left: 0rem !important;
+  }
+  .table.gy-xl-0 th, .table.gy-xl-0 td {
+    padding-top: 0rem;
+    padding-bottom: 0rem;
+  }
+  .table.gx-xl-0 th, .table.gx-xl-0 td {
+    padding-left: 0rem;
+    padding-right: 0rem;
+  }
+  .table.gx-xl-0 th.dtr-control, .table.gx-xl-0 td.dtr-control {
+    padding-left: 0rem !important;
+  }
+  .table.gs-xl-0 th:first-child, .table.gs-xl-0 td:first-child {
+    padding-left: 0rem;
+  }
+  .table.gs-xl-0 th:last-child, .table.gs-xl-0 td:last-child {
+    padding-right: 0rem;
+  }
+  .table.gs-xl-0 th.dtr-control:first-child, .table.gs-xl-0 td.dtr-control:first-child {
+    padding-left: 0rem !important;
+  }
+  .table.g-xl-1 th, .table.g-xl-1 td {
+    padding: 0.25rem;
+  }
+  .table.g-xl-1 th.dtr-control, .table.g-xl-1 td.dtr-control {
+    padding-left: 0.25rem !important;
+  }
+  .table.gy-xl-1 th, .table.gy-xl-1 td {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+  .table.gx-xl-1 th, .table.gx-xl-1 td {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+  .table.gx-xl-1 th.dtr-control, .table.gx-xl-1 td.dtr-control {
+    padding-left: 0.25rem !important;
+  }
+  .table.gs-xl-1 th:first-child, .table.gs-xl-1 td:first-child {
+    padding-left: 0.25rem;
+  }
+  .table.gs-xl-1 th:last-child, .table.gs-xl-1 td:last-child {
+    padding-right: 0.25rem;
+  }
+  .table.gs-xl-1 th.dtr-control:first-child, .table.gs-xl-1 td.dtr-control:first-child {
+    padding-left: 0.25rem !important;
+  }
+  .table.g-xl-2 th, .table.g-xl-2 td {
+    padding: 0.5rem;
+  }
+  .table.g-xl-2 th.dtr-control, .table.g-xl-2 td.dtr-control {
+    padding-left: 0.5rem !important;
+  }
+  .table.gy-xl-2 th, .table.gy-xl-2 td {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+  .table.gx-xl-2 th, .table.gx-xl-2 td {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+  .table.gx-xl-2 th.dtr-control, .table.gx-xl-2 td.dtr-control {
+    padding-left: 0.5rem !important;
+  }
+  .table.gs-xl-2 th:first-child, .table.gs-xl-2 td:first-child {
+    padding-left: 0.5rem;
+  }
+  .table.gs-xl-2 th:last-child, .table.gs-xl-2 td:last-child {
+    padding-right: 0.5rem;
+  }
+  .table.gs-xl-2 th.dtr-control:first-child, .table.gs-xl-2 td.dtr-control:first-child {
+    padding-left: 0.5rem !important;
+  }
+  .table.g-xl-3 th, .table.g-xl-3 td {
+    padding: 0.75rem;
+  }
+  .table.g-xl-3 th.dtr-control, .table.g-xl-3 td.dtr-control {
+    padding-left: 0.75rem !important;
+  }
+  .table.gy-xl-3 th, .table.gy-xl-3 td {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+  .table.gx-xl-3 th, .table.gx-xl-3 td {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+  .table.gx-xl-3 th.dtr-control, .table.gx-xl-3 td.dtr-control {
+    padding-left: 0.75rem !important;
+  }
+  .table.gs-xl-3 th:first-child, .table.gs-xl-3 td:first-child {
+    padding-left: 0.75rem;
+  }
+  .table.gs-xl-3 th:last-child, .table.gs-xl-3 td:last-child {
+    padding-right: 0.75rem;
+  }
+  .table.gs-xl-3 th.dtr-control:first-child, .table.gs-xl-3 td.dtr-control:first-child {
+    padding-left: 0.75rem !important;
+  }
+  .table.g-xl-4 th, .table.g-xl-4 td {
+    padding: 1rem;
+  }
+  .table.g-xl-4 th.dtr-control, .table.g-xl-4 td.dtr-control {
+    padding-left: 1rem !important;
+  }
+  .table.gy-xl-4 th, .table.gy-xl-4 td {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+  .table.gx-xl-4 th, .table.gx-xl-4 td {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+  .table.gx-xl-4 th.dtr-control, .table.gx-xl-4 td.dtr-control {
+    padding-left: 1rem !important;
+  }
+  .table.gs-xl-4 th:first-child, .table.gs-xl-4 td:first-child {
+    padding-left: 1rem;
+  }
+  .table.gs-xl-4 th:last-child, .table.gs-xl-4 td:last-child {
+    padding-right: 1rem;
+  }
+  .table.gs-xl-4 th.dtr-control:first-child, .table.gs-xl-4 td.dtr-control:first-child {
+    padding-left: 1rem !important;
+  }
+  .table.g-xl-5 th, .table.g-xl-5 td {
+    padding: 1.25rem;
+  }
+  .table.g-xl-5 th.dtr-control, .table.g-xl-5 td.dtr-control {
+    padding-left: 1.25rem !important;
+  }
+  .table.gy-xl-5 th, .table.gy-xl-5 td {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+  .table.gx-xl-5 th, .table.gx-xl-5 td {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+  .table.gx-xl-5 th.dtr-control, .table.gx-xl-5 td.dtr-control {
+    padding-left: 1.25rem !important;
+  }
+  .table.gs-xl-5 th:first-child, .table.gs-xl-5 td:first-child {
+    padding-left: 1.25rem;
+  }
+  .table.gs-xl-5 th:last-child, .table.gs-xl-5 td:last-child {
+    padding-right: 1.25rem;
+  }
+  .table.gs-xl-5 th.dtr-control:first-child, .table.gs-xl-5 td.dtr-control:first-child {
+    padding-left: 1.25rem !important;
+  }
+  .table.g-xl-6 th, .table.g-xl-6 td {
+    padding: 1.5rem;
+  }
+  .table.g-xl-6 th.dtr-control, .table.g-xl-6 td.dtr-control {
+    padding-left: 1.5rem !important;
+  }
+  .table.gy-xl-6 th, .table.gy-xl-6 td {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+  .table.gx-xl-6 th, .table.gx-xl-6 td {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+  .table.gx-xl-6 th.dtr-control, .table.gx-xl-6 td.dtr-control {
+    padding-left: 1.5rem !important;
+  }
+  .table.gs-xl-6 th:first-child, .table.gs-xl-6 td:first-child {
+    padding-left: 1.5rem;
+  }
+  .table.gs-xl-6 th:last-child, .table.gs-xl-6 td:last-child {
+    padding-right: 1.5rem;
+  }
+  .table.gs-xl-6 th.dtr-control:first-child, .table.gs-xl-6 td.dtr-control:first-child {
+    padding-left: 1.5rem !important;
+  }
+  .table.g-xl-7 th, .table.g-xl-7 td {
+    padding: 1.75rem;
+  }
+  .table.g-xl-7 th.dtr-control, .table.g-xl-7 td.dtr-control {
+    padding-left: 1.75rem !important;
+  }
+  .table.gy-xl-7 th, .table.gy-xl-7 td {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+  .table.gx-xl-7 th, .table.gx-xl-7 td {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+  .table.gx-xl-7 th.dtr-control, .table.gx-xl-7 td.dtr-control {
+    padding-left: 1.75rem !important;
+  }
+  .table.gs-xl-7 th:first-child, .table.gs-xl-7 td:first-child {
+    padding-left: 1.75rem;
+  }
+  .table.gs-xl-7 th:last-child, .table.gs-xl-7 td:last-child {
+    padding-right: 1.75rem;
+  }
+  .table.gs-xl-7 th.dtr-control:first-child, .table.gs-xl-7 td.dtr-control:first-child {
+    padding-left: 1.75rem !important;
+  }
+  .table.g-xl-8 th, .table.g-xl-8 td {
+    padding: 2rem;
+  }
+  .table.g-xl-8 th.dtr-control, .table.g-xl-8 td.dtr-control {
+    padding-left: 2rem !important;
+  }
+  .table.gy-xl-8 th, .table.gy-xl-8 td {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+  .table.gx-xl-8 th, .table.gx-xl-8 td {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+  .table.gx-xl-8 th.dtr-control, .table.gx-xl-8 td.dtr-control {
+    padding-left: 2rem !important;
+  }
+  .table.gs-xl-8 th:first-child, .table.gs-xl-8 td:first-child {
+    padding-left: 2rem;
+  }
+  .table.gs-xl-8 th:last-child, .table.gs-xl-8 td:last-child {
+    padding-right: 2rem;
+  }
+  .table.gs-xl-8 th.dtr-control:first-child, .table.gs-xl-8 td.dtr-control:first-child {
+    padding-left: 2rem !important;
+  }
+  .table.g-xl-9 th, .table.g-xl-9 td {
+    padding: 2.25rem;
+  }
+  .table.g-xl-9 th.dtr-control, .table.g-xl-9 td.dtr-control {
+    padding-left: 2.25rem !important;
+  }
+  .table.gy-xl-9 th, .table.gy-xl-9 td {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+  .table.gx-xl-9 th, .table.gx-xl-9 td {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+  .table.gx-xl-9 th.dtr-control, .table.gx-xl-9 td.dtr-control {
+    padding-left: 2.25rem !important;
+  }
+  .table.gs-xl-9 th:first-child, .table.gs-xl-9 td:first-child {
+    padding-left: 2.25rem;
+  }
+  .table.gs-xl-9 th:last-child, .table.gs-xl-9 td:last-child {
+    padding-right: 2.25rem;
+  }
+  .table.gs-xl-9 th.dtr-control:first-child, .table.gs-xl-9 td.dtr-control:first-child {
+    padding-left: 2.25rem !important;
+  }
+  .table.g-xl-10 th, .table.g-xl-10 td {
+    padding: 2.5rem;
+  }
+  .table.g-xl-10 th.dtr-control, .table.g-xl-10 td.dtr-control {
+    padding-left: 2.5rem !important;
+  }
+  .table.gy-xl-10 th, .table.gy-xl-10 td {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+  .table.gx-xl-10 th, .table.gx-xl-10 td {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+  .table.gx-xl-10 th.dtr-control, .table.gx-xl-10 td.dtr-control {
+    padding-left: 2.5rem !important;
+  }
+  .table.gs-xl-10 th:first-child, .table.gs-xl-10 td:first-child {
+    padding-left: 2.5rem;
+  }
+  .table.gs-xl-10 th:last-child, .table.gs-xl-10 td:last-child {
+    padding-right: 2.5rem;
+  }
+  .table.gs-xl-10 th.dtr-control:first-child, .table.gs-xl-10 td.dtr-control:first-child {
+    padding-left: 2.5rem !important;
+  }
+}
+@media (min-width: 1400px) {
+  .table.g-xxl-0 th, .table.g-xxl-0 td {
+    padding: 0rem;
+  }
+  .table.g-xxl-0 th.dtr-control, .table.g-xxl-0 td.dtr-control {
+    padding-left: 0rem !important;
+  }
+  .table.gy-xxl-0 th, .table.gy-xxl-0 td {
+    padding-top: 0rem;
+    padding-bottom: 0rem;
+  }
+  .table.gx-xxl-0 th, .table.gx-xxl-0 td {
+    padding-left: 0rem;
+    padding-right: 0rem;
+  }
+  .table.gx-xxl-0 th.dtr-control, .table.gx-xxl-0 td.dtr-control {
+    padding-left: 0rem !important;
+  }
+  .table.gs-xxl-0 th:first-child, .table.gs-xxl-0 td:first-child {
+    padding-left: 0rem;
+  }
+  .table.gs-xxl-0 th:last-child, .table.gs-xxl-0 td:last-child {
+    padding-right: 0rem;
+  }
+  .table.gs-xxl-0 th.dtr-control:first-child, .table.gs-xxl-0 td.dtr-control:first-child {
+    padding-left: 0rem !important;
+  }
+  .table.g-xxl-1 th, .table.g-xxl-1 td {
+    padding: 0.25rem;
+  }
+  .table.g-xxl-1 th.dtr-control, .table.g-xxl-1 td.dtr-control {
+    padding-left: 0.25rem !important;
+  }
+  .table.gy-xxl-1 th, .table.gy-xxl-1 td {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+  .table.gx-xxl-1 th, .table.gx-xxl-1 td {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+  .table.gx-xxl-1 th.dtr-control, .table.gx-xxl-1 td.dtr-control {
+    padding-left: 0.25rem !important;
+  }
+  .table.gs-xxl-1 th:first-child, .table.gs-xxl-1 td:first-child {
+    padding-left: 0.25rem;
+  }
+  .table.gs-xxl-1 th:last-child, .table.gs-xxl-1 td:last-child {
+    padding-right: 0.25rem;
+  }
+  .table.gs-xxl-1 th.dtr-control:first-child, .table.gs-xxl-1 td.dtr-control:first-child {
+    padding-left: 0.25rem !important;
+  }
+  .table.g-xxl-2 th, .table.g-xxl-2 td {
+    padding: 0.5rem;
+  }
+  .table.g-xxl-2 th.dtr-control, .table.g-xxl-2 td.dtr-control {
+    padding-left: 0.5rem !important;
+  }
+  .table.gy-xxl-2 th, .table.gy-xxl-2 td {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+  .table.gx-xxl-2 th, .table.gx-xxl-2 td {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+  .table.gx-xxl-2 th.dtr-control, .table.gx-xxl-2 td.dtr-control {
+    padding-left: 0.5rem !important;
+  }
+  .table.gs-xxl-2 th:first-child, .table.gs-xxl-2 td:first-child {
+    padding-left: 0.5rem;
+  }
+  .table.gs-xxl-2 th:last-child, .table.gs-xxl-2 td:last-child {
+    padding-right: 0.5rem;
+  }
+  .table.gs-xxl-2 th.dtr-control:first-child, .table.gs-xxl-2 td.dtr-control:first-child {
+    padding-left: 0.5rem !important;
+  }
+  .table.g-xxl-3 th, .table.g-xxl-3 td {
+    padding: 0.75rem;
+  }
+  .table.g-xxl-3 th.dtr-control, .table.g-xxl-3 td.dtr-control {
+    padding-left: 0.75rem !important;
+  }
+  .table.gy-xxl-3 th, .table.gy-xxl-3 td {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+  .table.gx-xxl-3 th, .table.gx-xxl-3 td {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+  .table.gx-xxl-3 th.dtr-control, .table.gx-xxl-3 td.dtr-control {
+    padding-left: 0.75rem !important;
+  }
+  .table.gs-xxl-3 th:first-child, .table.gs-xxl-3 td:first-child {
+    padding-left: 0.75rem;
+  }
+  .table.gs-xxl-3 th:last-child, .table.gs-xxl-3 td:last-child {
+    padding-right: 0.75rem;
+  }
+  .table.gs-xxl-3 th.dtr-control:first-child, .table.gs-xxl-3 td.dtr-control:first-child {
+    padding-left: 0.75rem !important;
+  }
+  .table.g-xxl-4 th, .table.g-xxl-4 td {
+    padding: 1rem;
+  }
+  .table.g-xxl-4 th.dtr-control, .table.g-xxl-4 td.dtr-control {
+    padding-left: 1rem !important;
+  }
+  .table.gy-xxl-4 th, .table.gy-xxl-4 td {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+  .table.gx-xxl-4 th, .table.gx-xxl-4 td {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+  .table.gx-xxl-4 th.dtr-control, .table.gx-xxl-4 td.dtr-control {
+    padding-left: 1rem !important;
+  }
+  .table.gs-xxl-4 th:first-child, .table.gs-xxl-4 td:first-child {
+    padding-left: 1rem;
+  }
+  .table.gs-xxl-4 th:last-child, .table.gs-xxl-4 td:last-child {
+    padding-right: 1rem;
+  }
+  .table.gs-xxl-4 th.dtr-control:first-child, .table.gs-xxl-4 td.dtr-control:first-child {
+    padding-left: 1rem !important;
+  }
+  .table.g-xxl-5 th, .table.g-xxl-5 td {
+    padding: 1.25rem;
+  }
+  .table.g-xxl-5 th.dtr-control, .table.g-xxl-5 td.dtr-control {
+    padding-left: 1.25rem !important;
+  }
+  .table.gy-xxl-5 th, .table.gy-xxl-5 td {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+  .table.gx-xxl-5 th, .table.gx-xxl-5 td {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+  .table.gx-xxl-5 th.dtr-control, .table.gx-xxl-5 td.dtr-control {
+    padding-left: 1.25rem !important;
+  }
+  .table.gs-xxl-5 th:first-child, .table.gs-xxl-5 td:first-child {
+    padding-left: 1.25rem;
+  }
+  .table.gs-xxl-5 th:last-child, .table.gs-xxl-5 td:last-child {
+    padding-right: 1.25rem;
+  }
+  .table.gs-xxl-5 th.dtr-control:first-child, .table.gs-xxl-5 td.dtr-control:first-child {
+    padding-left: 1.25rem !important;
+  }
+  .table.g-xxl-6 th, .table.g-xxl-6 td {
+    padding: 1.5rem;
+  }
+  .table.g-xxl-6 th.dtr-control, .table.g-xxl-6 td.dtr-control {
+    padding-left: 1.5rem !important;
+  }
+  .table.gy-xxl-6 th, .table.gy-xxl-6 td {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+  .table.gx-xxl-6 th, .table.gx-xxl-6 td {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+  .table.gx-xxl-6 th.dtr-control, .table.gx-xxl-6 td.dtr-control {
+    padding-left: 1.5rem !important;
+  }
+  .table.gs-xxl-6 th:first-child, .table.gs-xxl-6 td:first-child {
+    padding-left: 1.5rem;
+  }
+  .table.gs-xxl-6 th:last-child, .table.gs-xxl-6 td:last-child {
+    padding-right: 1.5rem;
+  }
+  .table.gs-xxl-6 th.dtr-control:first-child, .table.gs-xxl-6 td.dtr-control:first-child {
+    padding-left: 1.5rem !important;
+  }
+  .table.g-xxl-7 th, .table.g-xxl-7 td {
+    padding: 1.75rem;
+  }
+  .table.g-xxl-7 th.dtr-control, .table.g-xxl-7 td.dtr-control {
+    padding-left: 1.75rem !important;
+  }
+  .table.gy-xxl-7 th, .table.gy-xxl-7 td {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+  .table.gx-xxl-7 th, .table.gx-xxl-7 td {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+  .table.gx-xxl-7 th.dtr-control, .table.gx-xxl-7 td.dtr-control {
+    padding-left: 1.75rem !important;
+  }
+  .table.gs-xxl-7 th:first-child, .table.gs-xxl-7 td:first-child {
+    padding-left: 1.75rem;
+  }
+  .table.gs-xxl-7 th:last-child, .table.gs-xxl-7 td:last-child {
+    padding-right: 1.75rem;
+  }
+  .table.gs-xxl-7 th.dtr-control:first-child, .table.gs-xxl-7 td.dtr-control:first-child {
+    padding-left: 1.75rem !important;
+  }
+  .table.g-xxl-8 th, .table.g-xxl-8 td {
+    padding: 2rem;
+  }
+  .table.g-xxl-8 th.dtr-control, .table.g-xxl-8 td.dtr-control {
+    padding-left: 2rem !important;
+  }
+  .table.gy-xxl-8 th, .table.gy-xxl-8 td {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+  .table.gx-xxl-8 th, .table.gx-xxl-8 td {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+  .table.gx-xxl-8 th.dtr-control, .table.gx-xxl-8 td.dtr-control {
+    padding-left: 2rem !important;
+  }
+  .table.gs-xxl-8 th:first-child, .table.gs-xxl-8 td:first-child {
+    padding-left: 2rem;
+  }
+  .table.gs-xxl-8 th:last-child, .table.gs-xxl-8 td:last-child {
+    padding-right: 2rem;
+  }
+  .table.gs-xxl-8 th.dtr-control:first-child, .table.gs-xxl-8 td.dtr-control:first-child {
+    padding-left: 2rem !important;
+  }
+  .table.g-xxl-9 th, .table.g-xxl-9 td {
+    padding: 2.25rem;
+  }
+  .table.g-xxl-9 th.dtr-control, .table.g-xxl-9 td.dtr-control {
+    padding-left: 2.25rem !important;
+  }
+  .table.gy-xxl-9 th, .table.gy-xxl-9 td {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+  .table.gx-xxl-9 th, .table.gx-xxl-9 td {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+  .table.gx-xxl-9 th.dtr-control, .table.gx-xxl-9 td.dtr-control {
+    padding-left: 2.25rem !important;
+  }
+  .table.gs-xxl-9 th:first-child, .table.gs-xxl-9 td:first-child {
+    padding-left: 2.25rem;
+  }
+  .table.gs-xxl-9 th:last-child, .table.gs-xxl-9 td:last-child {
+    padding-right: 2.25rem;
+  }
+  .table.gs-xxl-9 th.dtr-control:first-child, .table.gs-xxl-9 td.dtr-control:first-child {
+    padding-left: 2.25rem !important;
+  }
+  .table.g-xxl-10 th, .table.g-xxl-10 td {
+    padding: 2.5rem;
+  }
+  .table.g-xxl-10 th.dtr-control, .table.g-xxl-10 td.dtr-control {
+    padding-left: 2.5rem !important;
+  }
+  .table.gy-xxl-10 th, .table.gy-xxl-10 td {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+  .table.gx-xxl-10 th, .table.gx-xxl-10 td {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+  .table.gx-xxl-10 th.dtr-control, .table.gx-xxl-10 td.dtr-control {
+    padding-left: 2.5rem !important;
+  }
+  .table.gs-xxl-10 th:first-child, .table.gs-xxl-10 td:first-child {
+    padding-left: 2.5rem;
+  }
+  .table.gs-xxl-10 th:last-child, .table.gs-xxl-10 td:last-child {
+    padding-right: 2.5rem;
+  }
+  .table.gs-xxl-10 th.dtr-control:first-child, .table.gs-xxl-10 td.dtr-control:first-child {
+    padding-left: 2.5rem !important;
+  }
+}
+.popover {
+  --bs-popover-bg: var(--kt-popover-bg);
+  --bs-popover-border-color: var(--kt-popover-border-color);
+  --bs-popover-box-shadow: var(--kt-popover-box-shadow);
+  --bs-popover-header-color: var(--kt-popover-header-color);
+  --bs-popover-header-bg: var(--kt-popover-header-bg);
+  --bs-popover-body-color: var(--kt-popover-body-color);
+  --bs-popover-arrow-border: var(--kt-popover-bg);
+}
+.popover .popover-header {
+  font-size: 1rem;
+  font-weight: 500;
+  border-bottom: 1px solid var(--kt-popover-header-border-color);
+}
+.popover .popover-dismiss {
+  position: absolute;
+  top: 0.85rem;
+  right: 0.85rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-500);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-gray-500%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-gray-500%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
+  mask-size: 50%;
+  -webkit-mask-size: 50%;
+}
+.popover .popover-dismiss:hover {
+  background-color: var(--kt-primary);
+}
+.popover .popover-dismiss + .popover-header {
+  padding-right: 2.75rem;
+}
+
+.popover-inverse {
+  background-color: var(--kt-gray-900);
+  border: 0;
+}
+.popover-inverse .popover-header {
+  background-color: var(--kt-gray-900);
+  color: var(--kt-gray-200);
+  border-bottom-color: var(--kt-gray-800);
+}
+.popover-inverse .popover-body {
+  color: var(--kt-gray-400);
+}
+.popover-inverse.bs-popover-top > .popover-arrow::before, .popover-inverse.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
+  border-top-color: var(--kt-gray-100);
+}
+.popover-inverse.bs-popover-top > .popover-arrow::after, .popover-inverse.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+  border-top-color: var(--kt-gray-900);
+}
+.popover-inverse.bs-popover-end > .popover-arrow::before, .popover-inverse.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
+  border-right-color: var(--kt-gray-100);
+}
+.popover-inverse.bs-popover-end > .popover-arrow::after, .popover-inverse.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+  border-right-color: var(--kt-gray-900);
+}
+.popover-inverse.bs-popover-bottom > .popover-arrow::before, .popover-inverse.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
+  border-bottom-color: var(--kt-gray-100);
+}
+.popover-inverse.bs-popover-bottom > .popover-arrow::after, .popover-inverse.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+  border-bottom-color: var(--kt-gray-900);
+}
+.popover-inverse.bs-popover-bottom .popover-header::before, .popover-inverse.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
+  border-bottom-color: var(--kt-gray-900);
+}
+.popover-inverse.bs-popover-start > .popover-arrow::before, .popover-inverse.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
+  border-left-color: var(--kt-gray-100);
+}
+.popover-inverse.bs-popover-start > .popover-arrow::after, .popover-inverse.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+  border-left-color: var(--kt-gray-900);
+}
+
+.tooltip {
+  --bs-tooltip-color: var(--kt-tooltip-color);
+  --bs-tooltip-bg: var(--kt-tooltip-bg);
+  --bs-tooltip-opacity: var(--kt-tooltip-opacity);
+}
+.tooltip .tooltip-inner {
+  box-shadow: var(--kt-tooltip-box-shadow);
+}
+.tooltip.tooltop-auto-width .tooltip-inner {
+  white-space: nowrap;
+  max-width: none;
+}
+.tooltip.tooltip-inverse .tooltip-inner {
+  color: var(--kt-dark-inverse);
+  background-color: var(--kt-dark);
+}
+.tooltip.tooltip-inverse.bs-tooltip-top .tooltip-arrow::before, .tooltip.tooltip-inverse.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
+  border-top-color: var(--kt-dark);
+}
+.tooltip.tooltip-inverse.bs-tooltip-end .tooltip-arrow::before, .tooltip.tooltip-inverse.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
+  border-right-color: var(--kt-dark);
+}
+.tooltip.tooltip-inverse.bs-tooltip-bottom .tooltip-arrow::before, .tooltip.tooltip-inverse.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
+  border-bottom-color: var(--kt-dark);
+}
+.tooltip.tooltip-inverse.bs-tooltip-start .tooltip-arrow::before, .tooltip.tooltip-inverse.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
+  border-left-color: var(--kt-dark);
+}
+
+.accordion {
+  --bs-accordion-color: var(--kt-accordion-color);
+  --bs-accordion-bg: var(--kt-accordion-bg);
+  --bs-accordion-border-color: var(--kt-accordion-border-color);
+  --bs-accordion-btn-color: var(--kt-accordion-color);
+  --bs-accordion-btn-bg: var(--kt-accordion-button-bg);
+  --bs-accordion-btn-icon: var(--kt-accordion-button-icon);
+  --bs-accordion-btn-active-icon: var(--kt-accordion-button-active-icon);
+  --bs-accordion-btn-focus-border-color: var(--kt-accordion-button-focus-border-color);
+  --bs-accordion-btn-focus-box-shadow: var(--kt-accordion-button-focus-box-shadow);
+  --bs-accordion-active-color: var(--kt-accordion-button-active-color);
+  --bs-accordion-active-bg: var(--kt-accordion-button-active-bg);
+}
+.accordion .accordion-header {
+  cursor: pointer;
+}
+.accordion.accordion-icon-toggle .accordion-icon {
+  display: flex;
+  flex-shrink: 0;
+  transition: all 0.2s ease-in-out;
+  transform: rotate(90deg);
+  align-items: center;
+  justify-content: center;
+}
+.accordion.accordion-icon-toggle .accordion-icon i,
+.accordion.accordion-icon-toggle .accordion-icon .svg-icon {
+  color: var(--kt-primary);
+}
+.accordion.accordion-icon-toggle .collapsed .accordion-icon {
+  transition: all 0.2s ease-in-out;
+  transform: rotate(0);
+}
+.accordion.accordion-icon-toggle .collapsed .accordion-icon i,
+.accordion.accordion-icon-toggle .collapsed .accordion-icon .svg-icon {
+  color: var(--kt-text-muted);
+}
+.accordion.accordion-borderless .accordion-item {
+  border: 0;
+}
+.accordion.accordion-flush .accordion-item {
+  background-color: transparent;
+  border: 0;
+  border-radius: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.feedback {
+  display: none;
+}
+
+.feedback-popup {
+  display: flex;
+  justify-content: center;
+  margin: 0 auto;
+  position: fixed;
+  z-index: 1000;
+  box-shadow: var(--kt-feedback-popup-box-shadow);
+  background-color: var(--kt-feedback-popup-background-color);
+  border-radius: 0.475rem;
+  padding: 1rem 1.25rem;
+}
+
+.feedback-top-center {
+  display: flex;
+  transition: top 0.6s ease;
+  left: 50%;
+  transform: translateX(-50%);
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.feedback-top-center.feedback-shown {
+  top: 0px;
+  transition: top 0.6s ease;
+}
+
+.image-input {
+  position: relative;
+  display: inline-block;
+  border-radius: 0.475rem;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+.image-input:not(.image-input-empty) {
+  background-image: none !important;
+}
+.image-input .image-input-wrapper {
+  width: 120px;
+  height: 120px;
+  border-radius: 0.475rem;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+.image-input [data-kt-image-input-action] {
+  cursor: pointer;
+  position: absolute;
+  transform: translate(-50%, -50%);
+}
+.image-input [data-kt-image-input-action=change] {
+  left: 100%;
+  top: 0;
+}
+.image-input [data-kt-image-input-action=change] input {
+  width: 0 !important;
+  height: 0 !important;
+  overflow: hidden;
+  opacity: 0;
+}
+.image-input [data-kt-image-input-action=cancel],
+.image-input [data-kt-image-input-action=remove] {
+  position: absolute;
+  left: 100%;
+  top: 100%;
+}
+.image-input [data-kt-image-input-action=cancel] {
+  display: none;
+}
+.image-input.image-input-changed [data-kt-image-input-action=cancel] {
+  display: flex;
+}
+.image-input.image-input-changed [data-kt-image-input-action=remove] {
+  display: none;
+}
+.image-input.image-input-empty [data-kt-image-input-action=remove],
+.image-input.image-input-empty [data-kt-image-input-action=cancel] {
+  display: none;
+}
+.image-input.image-input-circle {
+  border-radius: 50%;
+}
+.image-input.image-input-circle .image-input-wrapper {
+  border-radius: 50%;
+}
+.image-input.image-input-circle [data-kt-image-input-action=change] {
+  left: 100%;
+  top: 0;
+  transform: translate(-100%, 0%);
+}
+.image-input.image-input-circle [data-kt-image-input-action=cancel],
+.image-input.image-input-circle [data-kt-image-input-action=remove] {
+  left: 100%;
+  top: 100%;
+  transform: translate(-100%, -100%);
+}
+.image-input.image-input-outline .image-input-wrapper {
+  border: 3px solid var(--kt-body-bg);
+  box-shadow: var(--kt-box-shadow);
+}
+
+.symbol {
+  display: inline-block;
+  flex-shrink: 0;
+  position: relative;
+  border-radius: 0.475rem;
+}
+.symbol .symbol-label {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 500;
+  color: var(--kt-symbol-label-color);
+  background-color: var(--kt-symbol-label-bg);
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: cover;
+  border-radius: 0.475rem;
+}
+.symbol .symbol-label:after {
+  border-radius: 0.475rem;
+}
+.symbol .symbol-badge {
+  position: absolute;
+  border-radius: 100%;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%) translateY(-50%) !important;
+}
+.symbol > img {
+  width: 100%;
+  flex-shrink: 0;
+  display: inline-block;
+  border-radius: 0.475rem;
+}
+.symbol.symbol-square,
+.symbol.symbol-square > img,
+.symbol.symbol-square .symbol-label {
+  border-radius: 0 !important;
+}
+.symbol.symbol-circle,
+.symbol.symbol-circle > img,
+.symbol.symbol-circle .symbol-label {
+  border-radius: 50%;
+}
+.symbol.symbol-circle:after,
+.symbol.symbol-circle > img:after,
+.symbol.symbol-circle .symbol-label:after {
+  border-radius: 50%;
+}
+.symbol > img {
+  width: 50px;
+  height: 50px;
+}
+.symbol .symbol-label {
+  width: 50px;
+  height: 50px;
+}
+.symbol.symbol-fixed .symbol-label {
+  width: 50px;
+  height: 50px;
+}
+.symbol.symbol-fixed > img {
+  width: 50px;
+  height: 50px;
+  max-width: none;
+}
+.symbol.symbol-2by3 .symbol-label {
+  height: 50px;
+  width: 75px;
+}
+.symbol.symbol-2by3 > img {
+  height: 50px;
+  width: 75px;
+  max-width: none;
+}
+.symbol.symbol-20px > img {
+  width: 20px;
+  height: 20px;
+}
+.symbol.symbol-20px .symbol-label {
+  width: 20px;
+  height: 20px;
+}
+.symbol.symbol-20px.symbol-fixed .symbol-label {
+  width: 20px;
+  height: 20px;
+}
+.symbol.symbol-20px.symbol-fixed > img {
+  width: 20px;
+  height: 20px;
+  max-width: none;
+}
+.symbol.symbol-20px.symbol-2by3 .symbol-label {
+  height: 20px;
+  width: 30px;
+}
+.symbol.symbol-20px.symbol-2by3 > img {
+  height: 20px;
+  width: 30px;
+  max-width: none;
+}
+.symbol.symbol-25px > img {
+  width: 25px;
+  height: 25px;
+}
+.symbol.symbol-25px .symbol-label {
+  width: 25px;
+  height: 25px;
+}
+.symbol.symbol-25px.symbol-fixed .symbol-label {
+  width: 25px;
+  height: 25px;
+}
+.symbol.symbol-25px.symbol-fixed > img {
+  width: 25px;
+  height: 25px;
+  max-width: none;
+}
+.symbol.symbol-25px.symbol-2by3 .symbol-label {
+  height: 25px;
+  width: 37.5px;
+}
+.symbol.symbol-25px.symbol-2by3 > img {
+  height: 25px;
+  width: 37.5px;
+  max-width: none;
+}
+.symbol.symbol-30px > img {
+  width: 30px;
+  height: 30px;
+}
+.symbol.symbol-30px .symbol-label {
+  width: 30px;
+  height: 30px;
+}
+.symbol.symbol-30px.symbol-fixed .symbol-label {
+  width: 30px;
+  height: 30px;
+}
+.symbol.symbol-30px.symbol-fixed > img {
+  width: 30px;
+  height: 30px;
+  max-width: none;
+}
+.symbol.symbol-30px.symbol-2by3 .symbol-label {
+  height: 30px;
+  width: 45px;
+}
+.symbol.symbol-30px.symbol-2by3 > img {
+  height: 30px;
+  width: 45px;
+  max-width: none;
+}
+.symbol.symbol-35px > img {
+  width: 35px;
+  height: 35px;
+}
+.symbol.symbol-35px .symbol-label {
+  width: 35px;
+  height: 35px;
+}
+.symbol.symbol-35px.symbol-fixed .symbol-label {
+  width: 35px;
+  height: 35px;
+}
+.symbol.symbol-35px.symbol-fixed > img {
+  width: 35px;
+  height: 35px;
+  max-width: none;
+}
+.symbol.symbol-35px.symbol-2by3 .symbol-label {
+  height: 35px;
+  width: 52.5px;
+}
+.symbol.symbol-35px.symbol-2by3 > img {
+  height: 35px;
+  width: 52.5px;
+  max-width: none;
+}
+.symbol.symbol-40px > img {
+  width: 40px;
+  height: 40px;
+}
+.symbol.symbol-40px .symbol-label {
+  width: 40px;
+  height: 40px;
+}
+.symbol.symbol-40px.symbol-fixed .symbol-label {
+  width: 40px;
+  height: 40px;
+}
+.symbol.symbol-40px.symbol-fixed > img {
+  width: 40px;
+  height: 40px;
+  max-width: none;
+}
+.symbol.symbol-40px.symbol-2by3 .symbol-label {
+  height: 40px;
+  width: 60px;
+}
+.symbol.symbol-40px.symbol-2by3 > img {
+  height: 40px;
+  width: 60px;
+  max-width: none;
+}
+.symbol.symbol-45px > img {
+  width: 45px;
+  height: 45px;
+}
+.symbol.symbol-45px .symbol-label {
+  width: 45px;
+  height: 45px;
+}
+.symbol.symbol-45px.symbol-fixed .symbol-label {
+  width: 45px;
+  height: 45px;
+}
+.symbol.symbol-45px.symbol-fixed > img {
+  width: 45px;
+  height: 45px;
+  max-width: none;
+}
+.symbol.symbol-45px.symbol-2by3 .symbol-label {
+  height: 45px;
+  width: 67.5px;
+}
+.symbol.symbol-45px.symbol-2by3 > img {
+  height: 45px;
+  width: 67.5px;
+  max-width: none;
+}
+.symbol.symbol-50px > img {
+  width: 50px;
+  height: 50px;
+}
+.symbol.symbol-50px .symbol-label {
+  width: 50px;
+  height: 50px;
+}
+.symbol.symbol-50px.symbol-fixed .symbol-label {
+  width: 50px;
+  height: 50px;
+}
+.symbol.symbol-50px.symbol-fixed > img {
+  width: 50px;
+  height: 50px;
+  max-width: none;
+}
+.symbol.symbol-50px.symbol-2by3 .symbol-label {
+  height: 50px;
+  width: 75px;
+}
+.symbol.symbol-50px.symbol-2by3 > img {
+  height: 50px;
+  width: 75px;
+  max-width: none;
+}
+.symbol.symbol-55px > img {
+  width: 55px;
+  height: 55px;
+}
+.symbol.symbol-55px .symbol-label {
+  width: 55px;
+  height: 55px;
+}
+.symbol.symbol-55px.symbol-fixed .symbol-label {
+  width: 55px;
+  height: 55px;
+}
+.symbol.symbol-55px.symbol-fixed > img {
+  width: 55px;
+  height: 55px;
+  max-width: none;
+}
+.symbol.symbol-55px.symbol-2by3 .symbol-label {
+  height: 55px;
+  width: 82.5px;
+}
+.symbol.symbol-55px.symbol-2by3 > img {
+  height: 55px;
+  width: 82.5px;
+  max-width: none;
+}
+.symbol.symbol-60px > img {
+  width: 60px;
+  height: 60px;
+}
+.symbol.symbol-60px .symbol-label {
+  width: 60px;
+  height: 60px;
+}
+.symbol.symbol-60px.symbol-fixed .symbol-label {
+  width: 60px;
+  height: 60px;
+}
+.symbol.symbol-60px.symbol-fixed > img {
+  width: 60px;
+  height: 60px;
+  max-width: none;
+}
+.symbol.symbol-60px.symbol-2by3 .symbol-label {
+  height: 60px;
+  width: 90px;
+}
+.symbol.symbol-60px.symbol-2by3 > img {
+  height: 60px;
+  width: 90px;
+  max-width: none;
+}
+.symbol.symbol-65px > img {
+  width: 65px;
+  height: 65px;
+}
+.symbol.symbol-65px .symbol-label {
+  width: 65px;
+  height: 65px;
+}
+.symbol.symbol-65px.symbol-fixed .symbol-label {
+  width: 65px;
+  height: 65px;
+}
+.symbol.symbol-65px.symbol-fixed > img {
+  width: 65px;
+  height: 65px;
+  max-width: none;
+}
+.symbol.symbol-65px.symbol-2by3 .symbol-label {
+  height: 65px;
+  width: 97.5px;
+}
+.symbol.symbol-65px.symbol-2by3 > img {
+  height: 65px;
+  width: 97.5px;
+  max-width: none;
+}
+.symbol.symbol-70px > img {
+  width: 70px;
+  height: 70px;
+}
+.symbol.symbol-70px .symbol-label {
+  width: 70px;
+  height: 70px;
+}
+.symbol.symbol-70px.symbol-fixed .symbol-label {
+  width: 70px;
+  height: 70px;
+}
+.symbol.symbol-70px.symbol-fixed > img {
+  width: 70px;
+  height: 70px;
+  max-width: none;
+}
+.symbol.symbol-70px.symbol-2by3 .symbol-label {
+  height: 70px;
+  width: 105px;
+}
+.symbol.symbol-70px.symbol-2by3 > img {
+  height: 70px;
+  width: 105px;
+  max-width: none;
+}
+.symbol.symbol-75px > img {
+  width: 75px;
+  height: 75px;
+}
+.symbol.symbol-75px .symbol-label {
+  width: 75px;
+  height: 75px;
+}
+.symbol.symbol-75px.symbol-fixed .symbol-label {
+  width: 75px;
+  height: 75px;
+}
+.symbol.symbol-75px.symbol-fixed > img {
+  width: 75px;
+  height: 75px;
+  max-width: none;
+}
+.symbol.symbol-75px.symbol-2by3 .symbol-label {
+  height: 75px;
+  width: 112.5px;
+}
+.symbol.symbol-75px.symbol-2by3 > img {
+  height: 75px;
+  width: 112.5px;
+  max-width: none;
+}
+.symbol.symbol-100px > img {
+  width: 100px;
+  height: 100px;
+}
+.symbol.symbol-100px .symbol-label {
+  width: 100px;
+  height: 100px;
+}
+.symbol.symbol-100px.symbol-fixed .symbol-label {
+  width: 100px;
+  height: 100px;
+}
+.symbol.symbol-100px.symbol-fixed > img {
+  width: 100px;
+  height: 100px;
+  max-width: none;
+}
+.symbol.symbol-100px.symbol-2by3 .symbol-label {
+  height: 100px;
+  width: 150px;
+}
+.symbol.symbol-100px.symbol-2by3 > img {
+  height: 100px;
+  width: 150px;
+  max-width: none;
+}
+.symbol.symbol-125px > img {
+  width: 125px;
+  height: 125px;
+}
+.symbol.symbol-125px .symbol-label {
+  width: 125px;
+  height: 125px;
+}
+.symbol.symbol-125px.symbol-fixed .symbol-label {
+  width: 125px;
+  height: 125px;
+}
+.symbol.symbol-125px.symbol-fixed > img {
+  width: 125px;
+  height: 125px;
+  max-width: none;
+}
+.symbol.symbol-125px.symbol-2by3 .symbol-label {
+  height: 125px;
+  width: 187.5px;
+}
+.symbol.symbol-125px.symbol-2by3 > img {
+  height: 125px;
+  width: 187.5px;
+  max-width: none;
+}
+.symbol.symbol-150px > img {
+  width: 150px;
+  height: 150px;
+}
+.symbol.symbol-150px .symbol-label {
+  width: 150px;
+  height: 150px;
+}
+.symbol.symbol-150px.symbol-fixed .symbol-label {
+  width: 150px;
+  height: 150px;
+}
+.symbol.symbol-150px.symbol-fixed > img {
+  width: 150px;
+  height: 150px;
+  max-width: none;
+}
+.symbol.symbol-150px.symbol-2by3 .symbol-label {
+  height: 150px;
+  width: 225px;
+}
+.symbol.symbol-150px.symbol-2by3 > img {
+  height: 150px;
+  width: 225px;
+  max-width: none;
+}
+.symbol.symbol-160px > img {
+  width: 160px;
+  height: 160px;
+}
+.symbol.symbol-160px .symbol-label {
+  width: 160px;
+  height: 160px;
+}
+.symbol.symbol-160px.symbol-fixed .symbol-label {
+  width: 160px;
+  height: 160px;
+}
+.symbol.symbol-160px.symbol-fixed > img {
+  width: 160px;
+  height: 160px;
+  max-width: none;
+}
+.symbol.symbol-160px.symbol-2by3 .symbol-label {
+  height: 160px;
+  width: 240px;
+}
+.symbol.symbol-160px.symbol-2by3 > img {
+  height: 160px;
+  width: 240px;
+  max-width: none;
+}
+.symbol.symbol-175px > img {
+  width: 175px;
+  height: 175px;
+}
+.symbol.symbol-175px .symbol-label {
+  width: 175px;
+  height: 175px;
+}
+.symbol.symbol-175px.symbol-fixed .symbol-label {
+  width: 175px;
+  height: 175px;
+}
+.symbol.symbol-175px.symbol-fixed > img {
+  width: 175px;
+  height: 175px;
+  max-width: none;
+}
+.symbol.symbol-175px.symbol-2by3 .symbol-label {
+  height: 175px;
+  width: 262.5px;
+}
+.symbol.symbol-175px.symbol-2by3 > img {
+  height: 175px;
+  width: 262.5px;
+  max-width: none;
+}
+.symbol.symbol-200px > img {
+  width: 200px;
+  height: 200px;
+}
+.symbol.symbol-200px .symbol-label {
+  width: 200px;
+  height: 200px;
+}
+.symbol.symbol-200px.symbol-fixed .symbol-label {
+  width: 200px;
+  height: 200px;
+}
+.symbol.symbol-200px.symbol-fixed > img {
+  width: 200px;
+  height: 200px;
+  max-width: none;
+}
+.symbol.symbol-200px.symbol-2by3 .symbol-label {
+  height: 200px;
+  width: 300px;
+}
+.symbol.symbol-200px.symbol-2by3 > img {
+  height: 200px;
+  width: 300px;
+  max-width: none;
+}
+@media (min-width: 576px) {
+  .symbol.symbol-sm-20px > img {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-sm-20px .symbol-label {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-sm-20px.symbol-fixed .symbol-label {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-sm-20px.symbol-fixed > img {
+    width: 20px;
+    height: 20px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-20px.symbol-2by3 .symbol-label {
+    height: 20px;
+    width: 30px;
+  }
+  .symbol.symbol-sm-20px.symbol-2by3 > img {
+    height: 20px;
+    width: 30px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-25px > img {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-sm-25px .symbol-label {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-sm-25px.symbol-fixed .symbol-label {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-sm-25px.symbol-fixed > img {
+    width: 25px;
+    height: 25px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-25px.symbol-2by3 .symbol-label {
+    height: 25px;
+    width: 37.5px;
+  }
+  .symbol.symbol-sm-25px.symbol-2by3 > img {
+    height: 25px;
+    width: 37.5px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-30px > img {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-sm-30px .symbol-label {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-sm-30px.symbol-fixed .symbol-label {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-sm-30px.symbol-fixed > img {
+    width: 30px;
+    height: 30px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-30px.symbol-2by3 .symbol-label {
+    height: 30px;
+    width: 45px;
+  }
+  .symbol.symbol-sm-30px.symbol-2by3 > img {
+    height: 30px;
+    width: 45px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-35px > img {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-sm-35px .symbol-label {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-sm-35px.symbol-fixed .symbol-label {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-sm-35px.symbol-fixed > img {
+    width: 35px;
+    height: 35px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-35px.symbol-2by3 .symbol-label {
+    height: 35px;
+    width: 52.5px;
+  }
+  .symbol.symbol-sm-35px.symbol-2by3 > img {
+    height: 35px;
+    width: 52.5px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-40px > img {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-sm-40px .symbol-label {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-sm-40px.symbol-fixed .symbol-label {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-sm-40px.symbol-fixed > img {
+    width: 40px;
+    height: 40px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-40px.symbol-2by3 .symbol-label {
+    height: 40px;
+    width: 60px;
+  }
+  .symbol.symbol-sm-40px.symbol-2by3 > img {
+    height: 40px;
+    width: 60px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-45px > img {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-sm-45px .symbol-label {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-sm-45px.symbol-fixed .symbol-label {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-sm-45px.symbol-fixed > img {
+    width: 45px;
+    height: 45px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-45px.symbol-2by3 .symbol-label {
+    height: 45px;
+    width: 67.5px;
+  }
+  .symbol.symbol-sm-45px.symbol-2by3 > img {
+    height: 45px;
+    width: 67.5px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-50px > img {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-sm-50px .symbol-label {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-sm-50px.symbol-fixed .symbol-label {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-sm-50px.symbol-fixed > img {
+    width: 50px;
+    height: 50px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-50px.symbol-2by3 .symbol-label {
+    height: 50px;
+    width: 75px;
+  }
+  .symbol.symbol-sm-50px.symbol-2by3 > img {
+    height: 50px;
+    width: 75px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-55px > img {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-sm-55px .symbol-label {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-sm-55px.symbol-fixed .symbol-label {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-sm-55px.symbol-fixed > img {
+    width: 55px;
+    height: 55px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-55px.symbol-2by3 .symbol-label {
+    height: 55px;
+    width: 82.5px;
+  }
+  .symbol.symbol-sm-55px.symbol-2by3 > img {
+    height: 55px;
+    width: 82.5px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-60px > img {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-sm-60px .symbol-label {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-sm-60px.symbol-fixed .symbol-label {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-sm-60px.symbol-fixed > img {
+    width: 60px;
+    height: 60px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-60px.symbol-2by3 .symbol-label {
+    height: 60px;
+    width: 90px;
+  }
+  .symbol.symbol-sm-60px.symbol-2by3 > img {
+    height: 60px;
+    width: 90px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-65px > img {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-sm-65px .symbol-label {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-sm-65px.symbol-fixed .symbol-label {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-sm-65px.symbol-fixed > img {
+    width: 65px;
+    height: 65px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-65px.symbol-2by3 .symbol-label {
+    height: 65px;
+    width: 97.5px;
+  }
+  .symbol.symbol-sm-65px.symbol-2by3 > img {
+    height: 65px;
+    width: 97.5px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-70px > img {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-sm-70px .symbol-label {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-sm-70px.symbol-fixed .symbol-label {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-sm-70px.symbol-fixed > img {
+    width: 70px;
+    height: 70px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-70px.symbol-2by3 .symbol-label {
+    height: 70px;
+    width: 105px;
+  }
+  .symbol.symbol-sm-70px.symbol-2by3 > img {
+    height: 70px;
+    width: 105px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-75px > img {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-sm-75px .symbol-label {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-sm-75px.symbol-fixed .symbol-label {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-sm-75px.symbol-fixed > img {
+    width: 75px;
+    height: 75px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-75px.symbol-2by3 .symbol-label {
+    height: 75px;
+    width: 112.5px;
+  }
+  .symbol.symbol-sm-75px.symbol-2by3 > img {
+    height: 75px;
+    width: 112.5px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-100px > img {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-sm-100px .symbol-label {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-sm-100px.symbol-fixed .symbol-label {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-sm-100px.symbol-fixed > img {
+    width: 100px;
+    height: 100px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-100px.symbol-2by3 .symbol-label {
+    height: 100px;
+    width: 150px;
+  }
+  .symbol.symbol-sm-100px.symbol-2by3 > img {
+    height: 100px;
+    width: 150px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-125px > img {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-sm-125px .symbol-label {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-sm-125px.symbol-fixed .symbol-label {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-sm-125px.symbol-fixed > img {
+    width: 125px;
+    height: 125px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-125px.symbol-2by3 .symbol-label {
+    height: 125px;
+    width: 187.5px;
+  }
+  .symbol.symbol-sm-125px.symbol-2by3 > img {
+    height: 125px;
+    width: 187.5px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-150px > img {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-sm-150px .symbol-label {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-sm-150px.symbol-fixed .symbol-label {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-sm-150px.symbol-fixed > img {
+    width: 150px;
+    height: 150px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-150px.symbol-2by3 .symbol-label {
+    height: 150px;
+    width: 225px;
+  }
+  .symbol.symbol-sm-150px.symbol-2by3 > img {
+    height: 150px;
+    width: 225px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-160px > img {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-sm-160px .symbol-label {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-sm-160px.symbol-fixed .symbol-label {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-sm-160px.symbol-fixed > img {
+    width: 160px;
+    height: 160px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-160px.symbol-2by3 .symbol-label {
+    height: 160px;
+    width: 240px;
+  }
+  .symbol.symbol-sm-160px.symbol-2by3 > img {
+    height: 160px;
+    width: 240px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-175px > img {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-sm-175px .symbol-label {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-sm-175px.symbol-fixed .symbol-label {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-sm-175px.symbol-fixed > img {
+    width: 175px;
+    height: 175px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-175px.symbol-2by3 .symbol-label {
+    height: 175px;
+    width: 262.5px;
+  }
+  .symbol.symbol-sm-175px.symbol-2by3 > img {
+    height: 175px;
+    width: 262.5px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-200px > img {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-sm-200px .symbol-label {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-sm-200px.symbol-fixed .symbol-label {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-sm-200px.symbol-fixed > img {
+    width: 200px;
+    height: 200px;
+    max-width: none;
+  }
+  .symbol.symbol-sm-200px.symbol-2by3 .symbol-label {
+    height: 200px;
+    width: 300px;
+  }
+  .symbol.symbol-sm-200px.symbol-2by3 > img {
+    height: 200px;
+    width: 300px;
+    max-width: none;
+  }
+}
+@media (min-width: 768px) {
+  .symbol.symbol-md-20px > img {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-md-20px .symbol-label {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-md-20px.symbol-fixed .symbol-label {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-md-20px.symbol-fixed > img {
+    width: 20px;
+    height: 20px;
+    max-width: none;
+  }
+  .symbol.symbol-md-20px.symbol-2by3 .symbol-label {
+    height: 20px;
+    width: 30px;
+  }
+  .symbol.symbol-md-20px.symbol-2by3 > img {
+    height: 20px;
+    width: 30px;
+    max-width: none;
+  }
+  .symbol.symbol-md-25px > img {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-md-25px .symbol-label {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-md-25px.symbol-fixed .symbol-label {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-md-25px.symbol-fixed > img {
+    width: 25px;
+    height: 25px;
+    max-width: none;
+  }
+  .symbol.symbol-md-25px.symbol-2by3 .symbol-label {
+    height: 25px;
+    width: 37.5px;
+  }
+  .symbol.symbol-md-25px.symbol-2by3 > img {
+    height: 25px;
+    width: 37.5px;
+    max-width: none;
+  }
+  .symbol.symbol-md-30px > img {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-md-30px .symbol-label {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-md-30px.symbol-fixed .symbol-label {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-md-30px.symbol-fixed > img {
+    width: 30px;
+    height: 30px;
+    max-width: none;
+  }
+  .symbol.symbol-md-30px.symbol-2by3 .symbol-label {
+    height: 30px;
+    width: 45px;
+  }
+  .symbol.symbol-md-30px.symbol-2by3 > img {
+    height: 30px;
+    width: 45px;
+    max-width: none;
+  }
+  .symbol.symbol-md-35px > img {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-md-35px .symbol-label {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-md-35px.symbol-fixed .symbol-label {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-md-35px.symbol-fixed > img {
+    width: 35px;
+    height: 35px;
+    max-width: none;
+  }
+  .symbol.symbol-md-35px.symbol-2by3 .symbol-label {
+    height: 35px;
+    width: 52.5px;
+  }
+  .symbol.symbol-md-35px.symbol-2by3 > img {
+    height: 35px;
+    width: 52.5px;
+    max-width: none;
+  }
+  .symbol.symbol-md-40px > img {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-md-40px .symbol-label {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-md-40px.symbol-fixed .symbol-label {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-md-40px.symbol-fixed > img {
+    width: 40px;
+    height: 40px;
+    max-width: none;
+  }
+  .symbol.symbol-md-40px.symbol-2by3 .symbol-label {
+    height: 40px;
+    width: 60px;
+  }
+  .symbol.symbol-md-40px.symbol-2by3 > img {
+    height: 40px;
+    width: 60px;
+    max-width: none;
+  }
+  .symbol.symbol-md-45px > img {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-md-45px .symbol-label {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-md-45px.symbol-fixed .symbol-label {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-md-45px.symbol-fixed > img {
+    width: 45px;
+    height: 45px;
+    max-width: none;
+  }
+  .symbol.symbol-md-45px.symbol-2by3 .symbol-label {
+    height: 45px;
+    width: 67.5px;
+  }
+  .symbol.symbol-md-45px.symbol-2by3 > img {
+    height: 45px;
+    width: 67.5px;
+    max-width: none;
+  }
+  .symbol.symbol-md-50px > img {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-md-50px .symbol-label {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-md-50px.symbol-fixed .symbol-label {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-md-50px.symbol-fixed > img {
+    width: 50px;
+    height: 50px;
+    max-width: none;
+  }
+  .symbol.symbol-md-50px.symbol-2by3 .symbol-label {
+    height: 50px;
+    width: 75px;
+  }
+  .symbol.symbol-md-50px.symbol-2by3 > img {
+    height: 50px;
+    width: 75px;
+    max-width: none;
+  }
+  .symbol.symbol-md-55px > img {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-md-55px .symbol-label {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-md-55px.symbol-fixed .symbol-label {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-md-55px.symbol-fixed > img {
+    width: 55px;
+    height: 55px;
+    max-width: none;
+  }
+  .symbol.symbol-md-55px.symbol-2by3 .symbol-label {
+    height: 55px;
+    width: 82.5px;
+  }
+  .symbol.symbol-md-55px.symbol-2by3 > img {
+    height: 55px;
+    width: 82.5px;
+    max-width: none;
+  }
+  .symbol.symbol-md-60px > img {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-md-60px .symbol-label {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-md-60px.symbol-fixed .symbol-label {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-md-60px.symbol-fixed > img {
+    width: 60px;
+    height: 60px;
+    max-width: none;
+  }
+  .symbol.symbol-md-60px.symbol-2by3 .symbol-label {
+    height: 60px;
+    width: 90px;
+  }
+  .symbol.symbol-md-60px.symbol-2by3 > img {
+    height: 60px;
+    width: 90px;
+    max-width: none;
+  }
+  .symbol.symbol-md-65px > img {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-md-65px .symbol-label {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-md-65px.symbol-fixed .symbol-label {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-md-65px.symbol-fixed > img {
+    width: 65px;
+    height: 65px;
+    max-width: none;
+  }
+  .symbol.symbol-md-65px.symbol-2by3 .symbol-label {
+    height: 65px;
+    width: 97.5px;
+  }
+  .symbol.symbol-md-65px.symbol-2by3 > img {
+    height: 65px;
+    width: 97.5px;
+    max-width: none;
+  }
+  .symbol.symbol-md-70px > img {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-md-70px .symbol-label {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-md-70px.symbol-fixed .symbol-label {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-md-70px.symbol-fixed > img {
+    width: 70px;
+    height: 70px;
+    max-width: none;
+  }
+  .symbol.symbol-md-70px.symbol-2by3 .symbol-label {
+    height: 70px;
+    width: 105px;
+  }
+  .symbol.symbol-md-70px.symbol-2by3 > img {
+    height: 70px;
+    width: 105px;
+    max-width: none;
+  }
+  .symbol.symbol-md-75px > img {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-md-75px .symbol-label {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-md-75px.symbol-fixed .symbol-label {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-md-75px.symbol-fixed > img {
+    width: 75px;
+    height: 75px;
+    max-width: none;
+  }
+  .symbol.symbol-md-75px.symbol-2by3 .symbol-label {
+    height: 75px;
+    width: 112.5px;
+  }
+  .symbol.symbol-md-75px.symbol-2by3 > img {
+    height: 75px;
+    width: 112.5px;
+    max-width: none;
+  }
+  .symbol.symbol-md-100px > img {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-md-100px .symbol-label {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-md-100px.symbol-fixed .symbol-label {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-md-100px.symbol-fixed > img {
+    width: 100px;
+    height: 100px;
+    max-width: none;
+  }
+  .symbol.symbol-md-100px.symbol-2by3 .symbol-label {
+    height: 100px;
+    width: 150px;
+  }
+  .symbol.symbol-md-100px.symbol-2by3 > img {
+    height: 100px;
+    width: 150px;
+    max-width: none;
+  }
+  .symbol.symbol-md-125px > img {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-md-125px .symbol-label {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-md-125px.symbol-fixed .symbol-label {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-md-125px.symbol-fixed > img {
+    width: 125px;
+    height: 125px;
+    max-width: none;
+  }
+  .symbol.symbol-md-125px.symbol-2by3 .symbol-label {
+    height: 125px;
+    width: 187.5px;
+  }
+  .symbol.symbol-md-125px.symbol-2by3 > img {
+    height: 125px;
+    width: 187.5px;
+    max-width: none;
+  }
+  .symbol.symbol-md-150px > img {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-md-150px .symbol-label {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-md-150px.symbol-fixed .symbol-label {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-md-150px.symbol-fixed > img {
+    width: 150px;
+    height: 150px;
+    max-width: none;
+  }
+  .symbol.symbol-md-150px.symbol-2by3 .symbol-label {
+    height: 150px;
+    width: 225px;
+  }
+  .symbol.symbol-md-150px.symbol-2by3 > img {
+    height: 150px;
+    width: 225px;
+    max-width: none;
+  }
+  .symbol.symbol-md-160px > img {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-md-160px .symbol-label {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-md-160px.symbol-fixed .symbol-label {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-md-160px.symbol-fixed > img {
+    width: 160px;
+    height: 160px;
+    max-width: none;
+  }
+  .symbol.symbol-md-160px.symbol-2by3 .symbol-label {
+    height: 160px;
+    width: 240px;
+  }
+  .symbol.symbol-md-160px.symbol-2by3 > img {
+    height: 160px;
+    width: 240px;
+    max-width: none;
+  }
+  .symbol.symbol-md-175px > img {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-md-175px .symbol-label {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-md-175px.symbol-fixed .symbol-label {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-md-175px.symbol-fixed > img {
+    width: 175px;
+    height: 175px;
+    max-width: none;
+  }
+  .symbol.symbol-md-175px.symbol-2by3 .symbol-label {
+    height: 175px;
+    width: 262.5px;
+  }
+  .symbol.symbol-md-175px.symbol-2by3 > img {
+    height: 175px;
+    width: 262.5px;
+    max-width: none;
+  }
+  .symbol.symbol-md-200px > img {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-md-200px .symbol-label {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-md-200px.symbol-fixed .symbol-label {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-md-200px.symbol-fixed > img {
+    width: 200px;
+    height: 200px;
+    max-width: none;
+  }
+  .symbol.symbol-md-200px.symbol-2by3 .symbol-label {
+    height: 200px;
+    width: 300px;
+  }
+  .symbol.symbol-md-200px.symbol-2by3 > img {
+    height: 200px;
+    width: 300px;
+    max-width: none;
+  }
+}
+@media (min-width: 992px) {
+  .symbol.symbol-lg-20px > img {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-lg-20px .symbol-label {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-lg-20px.symbol-fixed .symbol-label {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-lg-20px.symbol-fixed > img {
+    width: 20px;
+    height: 20px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-20px.symbol-2by3 .symbol-label {
+    height: 20px;
+    width: 30px;
+  }
+  .symbol.symbol-lg-20px.symbol-2by3 > img {
+    height: 20px;
+    width: 30px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-25px > img {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-lg-25px .symbol-label {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-lg-25px.symbol-fixed .symbol-label {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-lg-25px.symbol-fixed > img {
+    width: 25px;
+    height: 25px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-25px.symbol-2by3 .symbol-label {
+    height: 25px;
+    width: 37.5px;
+  }
+  .symbol.symbol-lg-25px.symbol-2by3 > img {
+    height: 25px;
+    width: 37.5px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-30px > img {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-lg-30px .symbol-label {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-lg-30px.symbol-fixed .symbol-label {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-lg-30px.symbol-fixed > img {
+    width: 30px;
+    height: 30px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-30px.symbol-2by3 .symbol-label {
+    height: 30px;
+    width: 45px;
+  }
+  .symbol.symbol-lg-30px.symbol-2by3 > img {
+    height: 30px;
+    width: 45px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-35px > img {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-lg-35px .symbol-label {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-lg-35px.symbol-fixed .symbol-label {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-lg-35px.symbol-fixed > img {
+    width: 35px;
+    height: 35px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-35px.symbol-2by3 .symbol-label {
+    height: 35px;
+    width: 52.5px;
+  }
+  .symbol.symbol-lg-35px.symbol-2by3 > img {
+    height: 35px;
+    width: 52.5px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-40px > img {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-lg-40px .symbol-label {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-lg-40px.symbol-fixed .symbol-label {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-lg-40px.symbol-fixed > img {
+    width: 40px;
+    height: 40px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-40px.symbol-2by3 .symbol-label {
+    height: 40px;
+    width: 60px;
+  }
+  .symbol.symbol-lg-40px.symbol-2by3 > img {
+    height: 40px;
+    width: 60px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-45px > img {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-lg-45px .symbol-label {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-lg-45px.symbol-fixed .symbol-label {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-lg-45px.symbol-fixed > img {
+    width: 45px;
+    height: 45px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-45px.symbol-2by3 .symbol-label {
+    height: 45px;
+    width: 67.5px;
+  }
+  .symbol.symbol-lg-45px.symbol-2by3 > img {
+    height: 45px;
+    width: 67.5px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-50px > img {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-lg-50px .symbol-label {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-lg-50px.symbol-fixed .symbol-label {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-lg-50px.symbol-fixed > img {
+    width: 50px;
+    height: 50px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-50px.symbol-2by3 .symbol-label {
+    height: 50px;
+    width: 75px;
+  }
+  .symbol.symbol-lg-50px.symbol-2by3 > img {
+    height: 50px;
+    width: 75px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-55px > img {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-lg-55px .symbol-label {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-lg-55px.symbol-fixed .symbol-label {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-lg-55px.symbol-fixed > img {
+    width: 55px;
+    height: 55px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-55px.symbol-2by3 .symbol-label {
+    height: 55px;
+    width: 82.5px;
+  }
+  .symbol.symbol-lg-55px.symbol-2by3 > img {
+    height: 55px;
+    width: 82.5px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-60px > img {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-lg-60px .symbol-label {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-lg-60px.symbol-fixed .symbol-label {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-lg-60px.symbol-fixed > img {
+    width: 60px;
+    height: 60px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-60px.symbol-2by3 .symbol-label {
+    height: 60px;
+    width: 90px;
+  }
+  .symbol.symbol-lg-60px.symbol-2by3 > img {
+    height: 60px;
+    width: 90px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-65px > img {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-lg-65px .symbol-label {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-lg-65px.symbol-fixed .symbol-label {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-lg-65px.symbol-fixed > img {
+    width: 65px;
+    height: 65px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-65px.symbol-2by3 .symbol-label {
+    height: 65px;
+    width: 97.5px;
+  }
+  .symbol.symbol-lg-65px.symbol-2by3 > img {
+    height: 65px;
+    width: 97.5px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-70px > img {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-lg-70px .symbol-label {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-lg-70px.symbol-fixed .symbol-label {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-lg-70px.symbol-fixed > img {
+    width: 70px;
+    height: 70px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-70px.symbol-2by3 .symbol-label {
+    height: 70px;
+    width: 105px;
+  }
+  .symbol.symbol-lg-70px.symbol-2by3 > img {
+    height: 70px;
+    width: 105px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-75px > img {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-lg-75px .symbol-label {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-lg-75px.symbol-fixed .symbol-label {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-lg-75px.symbol-fixed > img {
+    width: 75px;
+    height: 75px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-75px.symbol-2by3 .symbol-label {
+    height: 75px;
+    width: 112.5px;
+  }
+  .symbol.symbol-lg-75px.symbol-2by3 > img {
+    height: 75px;
+    width: 112.5px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-100px > img {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-lg-100px .symbol-label {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-lg-100px.symbol-fixed .symbol-label {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-lg-100px.symbol-fixed > img {
+    width: 100px;
+    height: 100px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-100px.symbol-2by3 .symbol-label {
+    height: 100px;
+    width: 150px;
+  }
+  .symbol.symbol-lg-100px.symbol-2by3 > img {
+    height: 100px;
+    width: 150px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-125px > img {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-lg-125px .symbol-label {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-lg-125px.symbol-fixed .symbol-label {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-lg-125px.symbol-fixed > img {
+    width: 125px;
+    height: 125px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-125px.symbol-2by3 .symbol-label {
+    height: 125px;
+    width: 187.5px;
+  }
+  .symbol.symbol-lg-125px.symbol-2by3 > img {
+    height: 125px;
+    width: 187.5px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-150px > img {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-lg-150px .symbol-label {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-lg-150px.symbol-fixed .symbol-label {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-lg-150px.symbol-fixed > img {
+    width: 150px;
+    height: 150px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-150px.symbol-2by3 .symbol-label {
+    height: 150px;
+    width: 225px;
+  }
+  .symbol.symbol-lg-150px.symbol-2by3 > img {
+    height: 150px;
+    width: 225px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-160px > img {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-lg-160px .symbol-label {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-lg-160px.symbol-fixed .symbol-label {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-lg-160px.symbol-fixed > img {
+    width: 160px;
+    height: 160px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-160px.symbol-2by3 .symbol-label {
+    height: 160px;
+    width: 240px;
+  }
+  .symbol.symbol-lg-160px.symbol-2by3 > img {
+    height: 160px;
+    width: 240px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-175px > img {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-lg-175px .symbol-label {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-lg-175px.symbol-fixed .symbol-label {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-lg-175px.symbol-fixed > img {
+    width: 175px;
+    height: 175px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-175px.symbol-2by3 .symbol-label {
+    height: 175px;
+    width: 262.5px;
+  }
+  .symbol.symbol-lg-175px.symbol-2by3 > img {
+    height: 175px;
+    width: 262.5px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-200px > img {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-lg-200px .symbol-label {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-lg-200px.symbol-fixed .symbol-label {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-lg-200px.symbol-fixed > img {
+    width: 200px;
+    height: 200px;
+    max-width: none;
+  }
+  .symbol.symbol-lg-200px.symbol-2by3 .symbol-label {
+    height: 200px;
+    width: 300px;
+  }
+  .symbol.symbol-lg-200px.symbol-2by3 > img {
+    height: 200px;
+    width: 300px;
+    max-width: none;
+  }
+}
+@media (min-width: 1200px) {
+  .symbol.symbol-xl-20px > img {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-xl-20px .symbol-label {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-xl-20px.symbol-fixed .symbol-label {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-xl-20px.symbol-fixed > img {
+    width: 20px;
+    height: 20px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-20px.symbol-2by3 .symbol-label {
+    height: 20px;
+    width: 30px;
+  }
+  .symbol.symbol-xl-20px.symbol-2by3 > img {
+    height: 20px;
+    width: 30px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-25px > img {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-xl-25px .symbol-label {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-xl-25px.symbol-fixed .symbol-label {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-xl-25px.symbol-fixed > img {
+    width: 25px;
+    height: 25px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-25px.symbol-2by3 .symbol-label {
+    height: 25px;
+    width: 37.5px;
+  }
+  .symbol.symbol-xl-25px.symbol-2by3 > img {
+    height: 25px;
+    width: 37.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-30px > img {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-xl-30px .symbol-label {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-xl-30px.symbol-fixed .symbol-label {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-xl-30px.symbol-fixed > img {
+    width: 30px;
+    height: 30px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-30px.symbol-2by3 .symbol-label {
+    height: 30px;
+    width: 45px;
+  }
+  .symbol.symbol-xl-30px.symbol-2by3 > img {
+    height: 30px;
+    width: 45px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-35px > img {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-xl-35px .symbol-label {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-xl-35px.symbol-fixed .symbol-label {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-xl-35px.symbol-fixed > img {
+    width: 35px;
+    height: 35px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-35px.symbol-2by3 .symbol-label {
+    height: 35px;
+    width: 52.5px;
+  }
+  .symbol.symbol-xl-35px.symbol-2by3 > img {
+    height: 35px;
+    width: 52.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-40px > img {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-xl-40px .symbol-label {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-xl-40px.symbol-fixed .symbol-label {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-xl-40px.symbol-fixed > img {
+    width: 40px;
+    height: 40px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-40px.symbol-2by3 .symbol-label {
+    height: 40px;
+    width: 60px;
+  }
+  .symbol.symbol-xl-40px.symbol-2by3 > img {
+    height: 40px;
+    width: 60px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-45px > img {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-xl-45px .symbol-label {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-xl-45px.symbol-fixed .symbol-label {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-xl-45px.symbol-fixed > img {
+    width: 45px;
+    height: 45px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-45px.symbol-2by3 .symbol-label {
+    height: 45px;
+    width: 67.5px;
+  }
+  .symbol.symbol-xl-45px.symbol-2by3 > img {
+    height: 45px;
+    width: 67.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-50px > img {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-xl-50px .symbol-label {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-xl-50px.symbol-fixed .symbol-label {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-xl-50px.symbol-fixed > img {
+    width: 50px;
+    height: 50px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-50px.symbol-2by3 .symbol-label {
+    height: 50px;
+    width: 75px;
+  }
+  .symbol.symbol-xl-50px.symbol-2by3 > img {
+    height: 50px;
+    width: 75px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-55px > img {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-xl-55px .symbol-label {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-xl-55px.symbol-fixed .symbol-label {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-xl-55px.symbol-fixed > img {
+    width: 55px;
+    height: 55px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-55px.symbol-2by3 .symbol-label {
+    height: 55px;
+    width: 82.5px;
+  }
+  .symbol.symbol-xl-55px.symbol-2by3 > img {
+    height: 55px;
+    width: 82.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-60px > img {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-xl-60px .symbol-label {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-xl-60px.symbol-fixed .symbol-label {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-xl-60px.symbol-fixed > img {
+    width: 60px;
+    height: 60px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-60px.symbol-2by3 .symbol-label {
+    height: 60px;
+    width: 90px;
+  }
+  .symbol.symbol-xl-60px.symbol-2by3 > img {
+    height: 60px;
+    width: 90px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-65px > img {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-xl-65px .symbol-label {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-xl-65px.symbol-fixed .symbol-label {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-xl-65px.symbol-fixed > img {
+    width: 65px;
+    height: 65px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-65px.symbol-2by3 .symbol-label {
+    height: 65px;
+    width: 97.5px;
+  }
+  .symbol.symbol-xl-65px.symbol-2by3 > img {
+    height: 65px;
+    width: 97.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-70px > img {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-xl-70px .symbol-label {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-xl-70px.symbol-fixed .symbol-label {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-xl-70px.symbol-fixed > img {
+    width: 70px;
+    height: 70px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-70px.symbol-2by3 .symbol-label {
+    height: 70px;
+    width: 105px;
+  }
+  .symbol.symbol-xl-70px.symbol-2by3 > img {
+    height: 70px;
+    width: 105px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-75px > img {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-xl-75px .symbol-label {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-xl-75px.symbol-fixed .symbol-label {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-xl-75px.symbol-fixed > img {
+    width: 75px;
+    height: 75px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-75px.symbol-2by3 .symbol-label {
+    height: 75px;
+    width: 112.5px;
+  }
+  .symbol.symbol-xl-75px.symbol-2by3 > img {
+    height: 75px;
+    width: 112.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-100px > img {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-xl-100px .symbol-label {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-xl-100px.symbol-fixed .symbol-label {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-xl-100px.symbol-fixed > img {
+    width: 100px;
+    height: 100px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-100px.symbol-2by3 .symbol-label {
+    height: 100px;
+    width: 150px;
+  }
+  .symbol.symbol-xl-100px.symbol-2by3 > img {
+    height: 100px;
+    width: 150px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-125px > img {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-xl-125px .symbol-label {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-xl-125px.symbol-fixed .symbol-label {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-xl-125px.symbol-fixed > img {
+    width: 125px;
+    height: 125px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-125px.symbol-2by3 .symbol-label {
+    height: 125px;
+    width: 187.5px;
+  }
+  .symbol.symbol-xl-125px.symbol-2by3 > img {
+    height: 125px;
+    width: 187.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-150px > img {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-xl-150px .symbol-label {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-xl-150px.symbol-fixed .symbol-label {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-xl-150px.symbol-fixed > img {
+    width: 150px;
+    height: 150px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-150px.symbol-2by3 .symbol-label {
+    height: 150px;
+    width: 225px;
+  }
+  .symbol.symbol-xl-150px.symbol-2by3 > img {
+    height: 150px;
+    width: 225px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-160px > img {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-xl-160px .symbol-label {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-xl-160px.symbol-fixed .symbol-label {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-xl-160px.symbol-fixed > img {
+    width: 160px;
+    height: 160px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-160px.symbol-2by3 .symbol-label {
+    height: 160px;
+    width: 240px;
+  }
+  .symbol.symbol-xl-160px.symbol-2by3 > img {
+    height: 160px;
+    width: 240px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-175px > img {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-xl-175px .symbol-label {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-xl-175px.symbol-fixed .symbol-label {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-xl-175px.symbol-fixed > img {
+    width: 175px;
+    height: 175px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-175px.symbol-2by3 .symbol-label {
+    height: 175px;
+    width: 262.5px;
+  }
+  .symbol.symbol-xl-175px.symbol-2by3 > img {
+    height: 175px;
+    width: 262.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-200px > img {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-xl-200px .symbol-label {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-xl-200px.symbol-fixed .symbol-label {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-xl-200px.symbol-fixed > img {
+    width: 200px;
+    height: 200px;
+    max-width: none;
+  }
+  .symbol.symbol-xl-200px.symbol-2by3 .symbol-label {
+    height: 200px;
+    width: 300px;
+  }
+  .symbol.symbol-xl-200px.symbol-2by3 > img {
+    height: 200px;
+    width: 300px;
+    max-width: none;
+  }
+}
+@media (min-width: 1400px) {
+  .symbol.symbol-xxl-20px > img {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-xxl-20px .symbol-label {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-xxl-20px.symbol-fixed .symbol-label {
+    width: 20px;
+    height: 20px;
+  }
+  .symbol.symbol-xxl-20px.symbol-fixed > img {
+    width: 20px;
+    height: 20px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-20px.symbol-2by3 .symbol-label {
+    height: 20px;
+    width: 30px;
+  }
+  .symbol.symbol-xxl-20px.symbol-2by3 > img {
+    height: 20px;
+    width: 30px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-25px > img {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-xxl-25px .symbol-label {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-xxl-25px.symbol-fixed .symbol-label {
+    width: 25px;
+    height: 25px;
+  }
+  .symbol.symbol-xxl-25px.symbol-fixed > img {
+    width: 25px;
+    height: 25px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-25px.symbol-2by3 .symbol-label {
+    height: 25px;
+    width: 37.5px;
+  }
+  .symbol.symbol-xxl-25px.symbol-2by3 > img {
+    height: 25px;
+    width: 37.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-30px > img {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-xxl-30px .symbol-label {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-xxl-30px.symbol-fixed .symbol-label {
+    width: 30px;
+    height: 30px;
+  }
+  .symbol.symbol-xxl-30px.symbol-fixed > img {
+    width: 30px;
+    height: 30px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-30px.symbol-2by3 .symbol-label {
+    height: 30px;
+    width: 45px;
+  }
+  .symbol.symbol-xxl-30px.symbol-2by3 > img {
+    height: 30px;
+    width: 45px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-35px > img {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-xxl-35px .symbol-label {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-xxl-35px.symbol-fixed .symbol-label {
+    width: 35px;
+    height: 35px;
+  }
+  .symbol.symbol-xxl-35px.symbol-fixed > img {
+    width: 35px;
+    height: 35px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-35px.symbol-2by3 .symbol-label {
+    height: 35px;
+    width: 52.5px;
+  }
+  .symbol.symbol-xxl-35px.symbol-2by3 > img {
+    height: 35px;
+    width: 52.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-40px > img {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-xxl-40px .symbol-label {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-xxl-40px.symbol-fixed .symbol-label {
+    width: 40px;
+    height: 40px;
+  }
+  .symbol.symbol-xxl-40px.symbol-fixed > img {
+    width: 40px;
+    height: 40px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-40px.symbol-2by3 .symbol-label {
+    height: 40px;
+    width: 60px;
+  }
+  .symbol.symbol-xxl-40px.symbol-2by3 > img {
+    height: 40px;
+    width: 60px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-45px > img {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-xxl-45px .symbol-label {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-xxl-45px.symbol-fixed .symbol-label {
+    width: 45px;
+    height: 45px;
+  }
+  .symbol.symbol-xxl-45px.symbol-fixed > img {
+    width: 45px;
+    height: 45px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-45px.symbol-2by3 .symbol-label {
+    height: 45px;
+    width: 67.5px;
+  }
+  .symbol.symbol-xxl-45px.symbol-2by3 > img {
+    height: 45px;
+    width: 67.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-50px > img {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-xxl-50px .symbol-label {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-xxl-50px.symbol-fixed .symbol-label {
+    width: 50px;
+    height: 50px;
+  }
+  .symbol.symbol-xxl-50px.symbol-fixed > img {
+    width: 50px;
+    height: 50px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-50px.symbol-2by3 .symbol-label {
+    height: 50px;
+    width: 75px;
+  }
+  .symbol.symbol-xxl-50px.symbol-2by3 > img {
+    height: 50px;
+    width: 75px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-55px > img {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-xxl-55px .symbol-label {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-xxl-55px.symbol-fixed .symbol-label {
+    width: 55px;
+    height: 55px;
+  }
+  .symbol.symbol-xxl-55px.symbol-fixed > img {
+    width: 55px;
+    height: 55px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-55px.symbol-2by3 .symbol-label {
+    height: 55px;
+    width: 82.5px;
+  }
+  .symbol.symbol-xxl-55px.symbol-2by3 > img {
+    height: 55px;
+    width: 82.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-60px > img {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-xxl-60px .symbol-label {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-xxl-60px.symbol-fixed .symbol-label {
+    width: 60px;
+    height: 60px;
+  }
+  .symbol.symbol-xxl-60px.symbol-fixed > img {
+    width: 60px;
+    height: 60px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-60px.symbol-2by3 .symbol-label {
+    height: 60px;
+    width: 90px;
+  }
+  .symbol.symbol-xxl-60px.symbol-2by3 > img {
+    height: 60px;
+    width: 90px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-65px > img {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-xxl-65px .symbol-label {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-xxl-65px.symbol-fixed .symbol-label {
+    width: 65px;
+    height: 65px;
+  }
+  .symbol.symbol-xxl-65px.symbol-fixed > img {
+    width: 65px;
+    height: 65px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-65px.symbol-2by3 .symbol-label {
+    height: 65px;
+    width: 97.5px;
+  }
+  .symbol.symbol-xxl-65px.symbol-2by3 > img {
+    height: 65px;
+    width: 97.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-70px > img {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-xxl-70px .symbol-label {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-xxl-70px.symbol-fixed .symbol-label {
+    width: 70px;
+    height: 70px;
+  }
+  .symbol.symbol-xxl-70px.symbol-fixed > img {
+    width: 70px;
+    height: 70px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-70px.symbol-2by3 .symbol-label {
+    height: 70px;
+    width: 105px;
+  }
+  .symbol.symbol-xxl-70px.symbol-2by3 > img {
+    height: 70px;
+    width: 105px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-75px > img {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-xxl-75px .symbol-label {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-xxl-75px.symbol-fixed .symbol-label {
+    width: 75px;
+    height: 75px;
+  }
+  .symbol.symbol-xxl-75px.symbol-fixed > img {
+    width: 75px;
+    height: 75px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-75px.symbol-2by3 .symbol-label {
+    height: 75px;
+    width: 112.5px;
+  }
+  .symbol.symbol-xxl-75px.symbol-2by3 > img {
+    height: 75px;
+    width: 112.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-100px > img {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-xxl-100px .symbol-label {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-xxl-100px.symbol-fixed .symbol-label {
+    width: 100px;
+    height: 100px;
+  }
+  .symbol.symbol-xxl-100px.symbol-fixed > img {
+    width: 100px;
+    height: 100px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-100px.symbol-2by3 .symbol-label {
+    height: 100px;
+    width: 150px;
+  }
+  .symbol.symbol-xxl-100px.symbol-2by3 > img {
+    height: 100px;
+    width: 150px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-125px > img {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-xxl-125px .symbol-label {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-xxl-125px.symbol-fixed .symbol-label {
+    width: 125px;
+    height: 125px;
+  }
+  .symbol.symbol-xxl-125px.symbol-fixed > img {
+    width: 125px;
+    height: 125px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-125px.symbol-2by3 .symbol-label {
+    height: 125px;
+    width: 187.5px;
+  }
+  .symbol.symbol-xxl-125px.symbol-2by3 > img {
+    height: 125px;
+    width: 187.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-150px > img {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-xxl-150px .symbol-label {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-xxl-150px.symbol-fixed .symbol-label {
+    width: 150px;
+    height: 150px;
+  }
+  .symbol.symbol-xxl-150px.symbol-fixed > img {
+    width: 150px;
+    height: 150px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-150px.symbol-2by3 .symbol-label {
+    height: 150px;
+    width: 225px;
+  }
+  .symbol.symbol-xxl-150px.symbol-2by3 > img {
+    height: 150px;
+    width: 225px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-160px > img {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-xxl-160px .symbol-label {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-xxl-160px.symbol-fixed .symbol-label {
+    width: 160px;
+    height: 160px;
+  }
+  .symbol.symbol-xxl-160px.symbol-fixed > img {
+    width: 160px;
+    height: 160px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-160px.symbol-2by3 .symbol-label {
+    height: 160px;
+    width: 240px;
+  }
+  .symbol.symbol-xxl-160px.symbol-2by3 > img {
+    height: 160px;
+    width: 240px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-175px > img {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-xxl-175px .symbol-label {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-xxl-175px.symbol-fixed .symbol-label {
+    width: 175px;
+    height: 175px;
+  }
+  .symbol.symbol-xxl-175px.symbol-fixed > img {
+    width: 175px;
+    height: 175px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-175px.symbol-2by3 .symbol-label {
+    height: 175px;
+    width: 262.5px;
+  }
+  .symbol.symbol-xxl-175px.symbol-2by3 > img {
+    height: 175px;
+    width: 262.5px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-200px > img {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-xxl-200px .symbol-label {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-xxl-200px.symbol-fixed .symbol-label {
+    width: 200px;
+    height: 200px;
+  }
+  .symbol.symbol-xxl-200px.symbol-fixed > img {
+    width: 200px;
+    height: 200px;
+    max-width: none;
+  }
+  .symbol.symbol-xxl-200px.symbol-2by3 .symbol-label {
+    height: 200px;
+    width: 300px;
+  }
+  .symbol.symbol-xxl-200px.symbol-2by3 > img {
+    height: 200px;
+    width: 300px;
+    max-width: none;
+  }
+}
+
+.symbol-group {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin-left: 10px;
+}
+.symbol-group .symbol {
+  position: relative;
+  z-index: 0;
+  margin-left: -10px;
+  transition: all 0.3s ease;
+}
+.symbol-group .symbol:hover {
+  transition: all 0.3s ease;
+  z-index: 1;
+}
+.symbol-group .symbol-badge {
+  border: 2px solid var(--kt-body-bg);
+}
+.symbol-group .symbol-label {
+  position: relative;
+}
+.symbol-group .symbol-label:after {
+  display: block;
+  content: " ";
+  border-radius: inherit;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  border: 2px solid var(--kt-symbol-border-color);
+  -webkit-background-clip: padding-box; /* for Safari */
+  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
+}
+.symbol-group.symbol-hover .symbol {
+  cursor: pointer;
+}
+
+.pulse {
+  position: relative;
+}
+.pulse.pulse-white .pulse-ring {
+  border-color: #ffffff;
+}
+.pulse.pulse-light .pulse-ring {
+  border-color: #f5f8fa;
+}
+.pulse.pulse-primary .pulse-ring {
+  border-color: #009ef7;
+}
+.pulse.pulse-secondary .pulse-ring {
+  border-color: #E4E6EF;
+}
+.pulse.pulse-success .pulse-ring {
+  border-color: #50cd89;
+}
+.pulse.pulse-info .pulse-ring {
+  border-color: #7239ea;
+}
+.pulse.pulse-warning .pulse-ring {
+  border-color: #ffc700;
+}
+.pulse.pulse-danger .pulse-ring {
+  border-color: #f1416c;
+}
+.pulse.pulse-dark .pulse-ring {
+  border-color: #181C32;
+}
+
+.pulse-ring {
+  display: block;
+  border-radius: 40px;
+  height: 40px;
+  width: 40px;
+  position: absolute;
+  animation: animation-pulse 3.5s ease-out;
+  animation-iteration-count: infinite;
+  opacity: 0;
+  border-width: 3px;
+  border-style: solid;
+  border-color: var(--kt-gray-500);
+}
+
+@keyframes animation-pulse {
+  0% {
+    -webkit-transform: scale(0.1, 0.1);
+    opacity: 0;
+  }
+  60% {
+    -webkit-transform: scale(0.1, 0.1);
+    opacity: 0;
+  }
+  65% {
+    opacity: 1;
+  }
+  100% {
+    -webkit-transform: scale(1.2, 1.2);
+    opacity: 0;
+  }
+}
+[data-kt-app-page-loading=true],
+.page-loading * {
+  transition: none !important;
+}
+
+.page-loader {
+  background: var(--kt-body-bg);
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  display: none;
+}
+.page-loader [data-kt-app-page-loading=true], .page-loading .page-loader {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.scrolltop {
+  position: fixed;
+  display: none;
+  cursor: pointer;
+  z-index: 105;
+  justify-content: center;
+  align-items: center;
+  width: 36px;
+  height: 36px;
+  bottom: 43px;
+  right: 7px;
+  background-color: var(--kt-scrolltop-bg-color);
+  box-shadow: var(--kt-scrolltop-box-shadow);
+  opacity: 0;
+  transition: color 0.2s ease;
+  border-radius: 0.475rem;
+}
+.scrolltop .svg-icon {
+  color: var(--kt-scrolltop-icon-color);
+}
+.scrolltop .svg-icon svg {
+  height: 24px;
+  width: 24px;
+}
+.scrolltop > i {
+  font-size: 1.3rem;
+  color: var(--kt-scrolltop-icon-color);
+}
+.scrolltop:hover {
+  background-color: var(--kt-scrolltop-bg-color-hover);
+}
+.scrolltop:hover .svg-icon,
+.scrolltop:hover i {
+  color: var(--kt-scrolltop-icon-color-hover);
+}
+[data-kt-scrolltop=on] .scrolltop {
+  opacity: var(--kt-scrolltop-opacity-on);
+  animation: animation-scrolltop 0.4s ease-out 1;
+  display: flex;
+}
+[data-kt-scrolltop=on] .scrolltop:hover {
+  transition: color 0.2s ease;
+  opacity: var(--kt-scrolltop-opacity-hover);
+}
+
+@media (max-width: 991.98px) {
+  .scrolltop {
+    bottom: 23px;
+    right: 5px;
+    width: 30px;
+    height: 30px;
+  }
+}
+@keyframes animation-scrolltop {
+  from {
+    margin-bottom: -15px;
+  }
+  to {
+    margin-bottom: 0;
+  }
+}
+.svg-icon {
+  line-height: 1;
+  color: var(--kt-text-muted);
+}
+.svg-icon svg {
+  height: 1.15rem;
+  width: 1.15rem;
+}
+.svg-icon.svg-icon-white {
+  color: var(--kt-text-white);
+}
+.svg-icon.svg-icon-primary {
+  color: var(--kt-text-primary);
+}
+.svg-icon.svg-icon-secondary {
+  color: var(--kt-text-secondary);
+}
+.svg-icon.svg-icon-light {
+  color: var(--kt-text-light);
+}
+.svg-icon.svg-icon-success {
+  color: var(--kt-text-success);
+}
+.svg-icon.svg-icon-info {
+  color: var(--kt-text-info);
+}
+.svg-icon.svg-icon-warning {
+  color: var(--kt-text-warning);
+}
+.svg-icon.svg-icon-danger {
+  color: var(--kt-text-danger);
+}
+.svg-icon.svg-icon-dark {
+  color: var(--kt-text-dark);
+}
+.svg-icon.svg-icon-muted {
+  color: var(--kt-text-muted);
+}
+.svg-icon.svg-icon-gray-100 {
+  color: var(--kt-text-gray-100);
+}
+.svg-icon.svg-icon-gray-200 {
+  color: var(--kt-text-gray-200);
+}
+.svg-icon.svg-icon-gray-300 {
+  color: var(--kt-text-gray-300);
+}
+.svg-icon.svg-icon-gray-400 {
+  color: var(--kt-text-gray-400);
+}
+.svg-icon.svg-icon-gray-500 {
+  color: var(--kt-text-gray-500);
+}
+.svg-icon.svg-icon-gray-600 {
+  color: var(--kt-text-gray-600);
+}
+.svg-icon.svg-icon-gray-700 {
+  color: var(--kt-text-gray-700);
+}
+.svg-icon.svg-icon-gray-800 {
+  color: var(--kt-text-gray-800);
+}
+.svg-icon.svg-icon-gray-900 {
+  color: var(--kt-text-gray-900);
+}
+.svg-icon.svg-icon-1 svg {
+  height: 1.75rem !important;
+  width: 1.75rem !important;
+}
+.svg-icon.svg-icon-2 svg {
+  height: 1.5rem !important;
+  width: 1.5rem !important;
+}
+.svg-icon.svg-icon-3 svg {
+  height: 1.35rem !important;
+  width: 1.35rem !important;
+}
+.svg-icon.svg-icon-4 svg {
+  height: 1.25rem !important;
+  width: 1.25rem !important;
+}
+.svg-icon.svg-icon-5 svg {
+  height: 1.15rem !important;
+  width: 1.15rem !important;
+}
+.svg-icon.svg-icon-6 svg {
+  height: 1.075rem !important;
+  width: 1.075rem !important;
+}
+.svg-icon.svg-icon-7 svg {
+  height: 0.95rem !important;
+  width: 0.95rem !important;
+}
+.svg-icon.svg-icon-8 svg {
+  height: 0.85rem !important;
+  width: 0.85rem !important;
+}
+.svg-icon.svg-icon-9 svg {
+  height: 0.75rem !important;
+  width: 0.75rem !important;
+}
+.svg-icon.svg-icon-10 svg {
+  height: 0.5rem !important;
+  width: 0.5rem !important;
+}
+.svg-icon.svg-icon-base svg {
+  height: 1rem !important;
+  width: 1rem !important;
+}
+.svg-icon.svg-icon-fluid svg {
+  height: 100% !important;
+  width: 100% !important;
+}
+.svg-icon.svg-icon-2x svg {
+  height: 2rem !important;
+  width: 2rem !important;
+}
+.svg-icon.svg-icon-2qx svg {
+  height: 2.25rem !important;
+  width: 2.25rem !important;
+}
+.svg-icon.svg-icon-2hx svg {
+  height: 2.5rem !important;
+  width: 2.5rem !important;
+}
+.svg-icon.svg-icon-2tx svg {
+  height: 2.75rem !important;
+  width: 2.75rem !important;
+}
+.svg-icon.svg-icon-3x svg {
+  height: 3rem !important;
+  width: 3rem !important;
+}
+.svg-icon.svg-icon-3qx svg {
+  height: 3.25rem !important;
+  width: 3.25rem !important;
+}
+.svg-icon.svg-icon-3hx svg {
+  height: 3.5rem !important;
+  width: 3.5rem !important;
+}
+.svg-icon.svg-icon-3tx svg {
+  height: 3.75rem !important;
+  width: 3.75rem !important;
+}
+.svg-icon.svg-icon-4x svg {
+  height: 4rem !important;
+  width: 4rem !important;
+}
+.svg-icon.svg-icon-4qx svg {
+  height: 4.25rem !important;
+  width: 4.25rem !important;
+}
+.svg-icon.svg-icon-4hx svg {
+  height: 4.5rem !important;
+  width: 4.5rem !important;
+}
+.svg-icon.svg-icon-4tx svg {
+  height: 4.75rem !important;
+  width: 4.75rem !important;
+}
+.svg-icon.svg-icon-5x svg {
+  height: 5rem !important;
+  width: 5rem !important;
+}
+.svg-icon.svg-icon-5qx svg {
+  height: 5.25rem !important;
+  width: 5.25rem !important;
+}
+.svg-icon.svg-icon-5hx svg {
+  height: 5.5rem !important;
+  width: 5.5rem !important;
+}
+.svg-icon.svg-icon-5tx svg {
+  height: 5.75rem !important;
+  width: 5.75rem !important;
+}
+@media (min-width: 576px) {
+  .svg-icon.svg-icon-sm-1 svg {
+    height: 1.75rem !important;
+    width: 1.75rem !important;
+  }
+  .svg-icon.svg-icon-sm-2 svg {
+    height: 1.5rem !important;
+    width: 1.5rem !important;
+  }
+  .svg-icon.svg-icon-sm-3 svg {
+    height: 1.35rem !important;
+    width: 1.35rem !important;
+  }
+  .svg-icon.svg-icon-sm-4 svg {
+    height: 1.25rem !important;
+    width: 1.25rem !important;
+  }
+  .svg-icon.svg-icon-sm-5 svg {
+    height: 1.15rem !important;
+    width: 1.15rem !important;
+  }
+  .svg-icon.svg-icon-sm-6 svg {
+    height: 1.075rem !important;
+    width: 1.075rem !important;
+  }
+  .svg-icon.svg-icon-sm-7 svg {
+    height: 0.95rem !important;
+    width: 0.95rem !important;
+  }
+  .svg-icon.svg-icon-sm-8 svg {
+    height: 0.85rem !important;
+    width: 0.85rem !important;
+  }
+  .svg-icon.svg-icon-sm-9 svg {
+    height: 0.75rem !important;
+    width: 0.75rem !important;
+  }
+  .svg-icon.svg-icon-sm-10 svg {
+    height: 0.5rem !important;
+    width: 0.5rem !important;
+  }
+  .svg-icon.svg-icon-sm-base svg {
+    height: 1rem !important;
+    width: 1rem !important;
+  }
+  .svg-icon.svg-icon-sm-fluid svg {
+    height: 100% !important;
+    width: 100% !important;
+  }
+  .svg-icon.svg-icon-sm-2x svg {
+    height: 2rem !important;
+    width: 2rem !important;
+  }
+  .svg-icon.svg-icon-sm-2qx svg {
+    height: 2.25rem !important;
+    width: 2.25rem !important;
+  }
+  .svg-icon.svg-icon-sm-2hx svg {
+    height: 2.5rem !important;
+    width: 2.5rem !important;
+  }
+  .svg-icon.svg-icon-sm-2tx svg {
+    height: 2.75rem !important;
+    width: 2.75rem !important;
+  }
+  .svg-icon.svg-icon-sm-3x svg {
+    height: 3rem !important;
+    width: 3rem !important;
+  }
+  .svg-icon.svg-icon-sm-3qx svg {
+    height: 3.25rem !important;
+    width: 3.25rem !important;
+  }
+  .svg-icon.svg-icon-sm-3hx svg {
+    height: 3.5rem !important;
+    width: 3.5rem !important;
+  }
+  .svg-icon.svg-icon-sm-3tx svg {
+    height: 3.75rem !important;
+    width: 3.75rem !important;
+  }
+  .svg-icon.svg-icon-sm-4x svg {
+    height: 4rem !important;
+    width: 4rem !important;
+  }
+  .svg-icon.svg-icon-sm-4qx svg {
+    height: 4.25rem !important;
+    width: 4.25rem !important;
+  }
+  .svg-icon.svg-icon-sm-4hx svg {
+    height: 4.5rem !important;
+    width: 4.5rem !important;
+  }
+  .svg-icon.svg-icon-sm-4tx svg {
+    height: 4.75rem !important;
+    width: 4.75rem !important;
+  }
+  .svg-icon.svg-icon-sm-5x svg {
+    height: 5rem !important;
+    width: 5rem !important;
+  }
+  .svg-icon.svg-icon-sm-5qx svg {
+    height: 5.25rem !important;
+    width: 5.25rem !important;
+  }
+  .svg-icon.svg-icon-sm-5hx svg {
+    height: 5.5rem !important;
+    width: 5.5rem !important;
+  }
+  .svg-icon.svg-icon-sm-5tx svg {
+    height: 5.75rem !important;
+    width: 5.75rem !important;
+  }
+}
+@media (min-width: 768px) {
+  .svg-icon.svg-icon-md-1 svg {
+    height: 1.75rem !important;
+    width: 1.75rem !important;
+  }
+  .svg-icon.svg-icon-md-2 svg {
+    height: 1.5rem !important;
+    width: 1.5rem !important;
+  }
+  .svg-icon.svg-icon-md-3 svg {
+    height: 1.35rem !important;
+    width: 1.35rem !important;
+  }
+  .svg-icon.svg-icon-md-4 svg {
+    height: 1.25rem !important;
+    width: 1.25rem !important;
+  }
+  .svg-icon.svg-icon-md-5 svg {
+    height: 1.15rem !important;
+    width: 1.15rem !important;
+  }
+  .svg-icon.svg-icon-md-6 svg {
+    height: 1.075rem !important;
+    width: 1.075rem !important;
+  }
+  .svg-icon.svg-icon-md-7 svg {
+    height: 0.95rem !important;
+    width: 0.95rem !important;
+  }
+  .svg-icon.svg-icon-md-8 svg {
+    height: 0.85rem !important;
+    width: 0.85rem !important;
+  }
+  .svg-icon.svg-icon-md-9 svg {
+    height: 0.75rem !important;
+    width: 0.75rem !important;
+  }
+  .svg-icon.svg-icon-md-10 svg {
+    height: 0.5rem !important;
+    width: 0.5rem !important;
+  }
+  .svg-icon.svg-icon-md-base svg {
+    height: 1rem !important;
+    width: 1rem !important;
+  }
+  .svg-icon.svg-icon-md-fluid svg {
+    height: 100% !important;
+    width: 100% !important;
+  }
+  .svg-icon.svg-icon-md-2x svg {
+    height: 2rem !important;
+    width: 2rem !important;
+  }
+  .svg-icon.svg-icon-md-2qx svg {
+    height: 2.25rem !important;
+    width: 2.25rem !important;
+  }
+  .svg-icon.svg-icon-md-2hx svg {
+    height: 2.5rem !important;
+    width: 2.5rem !important;
+  }
+  .svg-icon.svg-icon-md-2tx svg {
+    height: 2.75rem !important;
+    width: 2.75rem !important;
+  }
+  .svg-icon.svg-icon-md-3x svg {
+    height: 3rem !important;
+    width: 3rem !important;
+  }
+  .svg-icon.svg-icon-md-3qx svg {
+    height: 3.25rem !important;
+    width: 3.25rem !important;
+  }
+  .svg-icon.svg-icon-md-3hx svg {
+    height: 3.5rem !important;
+    width: 3.5rem !important;
+  }
+  .svg-icon.svg-icon-md-3tx svg {
+    height: 3.75rem !important;
+    width: 3.75rem !important;
+  }
+  .svg-icon.svg-icon-md-4x svg {
+    height: 4rem !important;
+    width: 4rem !important;
+  }
+  .svg-icon.svg-icon-md-4qx svg {
+    height: 4.25rem !important;
+    width: 4.25rem !important;
+  }
+  .svg-icon.svg-icon-md-4hx svg {
+    height: 4.5rem !important;
+    width: 4.5rem !important;
+  }
+  .svg-icon.svg-icon-md-4tx svg {
+    height: 4.75rem !important;
+    width: 4.75rem !important;
+  }
+  .svg-icon.svg-icon-md-5x svg {
+    height: 5rem !important;
+    width: 5rem !important;
+  }
+  .svg-icon.svg-icon-md-5qx svg {
+    height: 5.25rem !important;
+    width: 5.25rem !important;
+  }
+  .svg-icon.svg-icon-md-5hx svg {
+    height: 5.5rem !important;
+    width: 5.5rem !important;
+  }
+  .svg-icon.svg-icon-md-5tx svg {
+    height: 5.75rem !important;
+    width: 5.75rem !important;
+  }
+}
+@media (min-width: 992px) {
+  .svg-icon.svg-icon-lg-1 svg {
+    height: 1.75rem !important;
+    width: 1.75rem !important;
+  }
+  .svg-icon.svg-icon-lg-2 svg {
+    height: 1.5rem !important;
+    width: 1.5rem !important;
+  }
+  .svg-icon.svg-icon-lg-3 svg {
+    height: 1.35rem !important;
+    width: 1.35rem !important;
+  }
+  .svg-icon.svg-icon-lg-4 svg {
+    height: 1.25rem !important;
+    width: 1.25rem !important;
+  }
+  .svg-icon.svg-icon-lg-5 svg {
+    height: 1.15rem !important;
+    width: 1.15rem !important;
+  }
+  .svg-icon.svg-icon-lg-6 svg {
+    height: 1.075rem !important;
+    width: 1.075rem !important;
+  }
+  .svg-icon.svg-icon-lg-7 svg {
+    height: 0.95rem !important;
+    width: 0.95rem !important;
+  }
+  .svg-icon.svg-icon-lg-8 svg {
+    height: 0.85rem !important;
+    width: 0.85rem !important;
+  }
+  .svg-icon.svg-icon-lg-9 svg {
+    height: 0.75rem !important;
+    width: 0.75rem !important;
+  }
+  .svg-icon.svg-icon-lg-10 svg {
+    height: 0.5rem !important;
+    width: 0.5rem !important;
+  }
+  .svg-icon.svg-icon-lg-base svg {
+    height: 1rem !important;
+    width: 1rem !important;
+  }
+  .svg-icon.svg-icon-lg-fluid svg {
+    height: 100% !important;
+    width: 100% !important;
+  }
+  .svg-icon.svg-icon-lg-2x svg {
+    height: 2rem !important;
+    width: 2rem !important;
+  }
+  .svg-icon.svg-icon-lg-2qx svg {
+    height: 2.25rem !important;
+    width: 2.25rem !important;
+  }
+  .svg-icon.svg-icon-lg-2hx svg {
+    height: 2.5rem !important;
+    width: 2.5rem !important;
+  }
+  .svg-icon.svg-icon-lg-2tx svg {
+    height: 2.75rem !important;
+    width: 2.75rem !important;
+  }
+  .svg-icon.svg-icon-lg-3x svg {
+    height: 3rem !important;
+    width: 3rem !important;
+  }
+  .svg-icon.svg-icon-lg-3qx svg {
+    height: 3.25rem !important;
+    width: 3.25rem !important;
+  }
+  .svg-icon.svg-icon-lg-3hx svg {
+    height: 3.5rem !important;
+    width: 3.5rem !important;
+  }
+  .svg-icon.svg-icon-lg-3tx svg {
+    height: 3.75rem !important;
+    width: 3.75rem !important;
+  }
+  .svg-icon.svg-icon-lg-4x svg {
+    height: 4rem !important;
+    width: 4rem !important;
+  }
+  .svg-icon.svg-icon-lg-4qx svg {
+    height: 4.25rem !important;
+    width: 4.25rem !important;
+  }
+  .svg-icon.svg-icon-lg-4hx svg {
+    height: 4.5rem !important;
+    width: 4.5rem !important;
+  }
+  .svg-icon.svg-icon-lg-4tx svg {
+    height: 4.75rem !important;
+    width: 4.75rem !important;
+  }
+  .svg-icon.svg-icon-lg-5x svg {
+    height: 5rem !important;
+    width: 5rem !important;
+  }
+  .svg-icon.svg-icon-lg-5qx svg {
+    height: 5.25rem !important;
+    width: 5.25rem !important;
+  }
+  .svg-icon.svg-icon-lg-5hx svg {
+    height: 5.5rem !important;
+    width: 5.5rem !important;
+  }
+  .svg-icon.svg-icon-lg-5tx svg {
+    height: 5.75rem !important;
+    width: 5.75rem !important;
+  }
+}
+@media (min-width: 1200px) {
+  .svg-icon.svg-icon-xl-1 svg {
+    height: 1.75rem !important;
+    width: 1.75rem !important;
+  }
+  .svg-icon.svg-icon-xl-2 svg {
+    height: 1.5rem !important;
+    width: 1.5rem !important;
+  }
+  .svg-icon.svg-icon-xl-3 svg {
+    height: 1.35rem !important;
+    width: 1.35rem !important;
+  }
+  .svg-icon.svg-icon-xl-4 svg {
+    height: 1.25rem !important;
+    width: 1.25rem !important;
+  }
+  .svg-icon.svg-icon-xl-5 svg {
+    height: 1.15rem !important;
+    width: 1.15rem !important;
+  }
+  .svg-icon.svg-icon-xl-6 svg {
+    height: 1.075rem !important;
+    width: 1.075rem !important;
+  }
+  .svg-icon.svg-icon-xl-7 svg {
+    height: 0.95rem !important;
+    width: 0.95rem !important;
+  }
+  .svg-icon.svg-icon-xl-8 svg {
+    height: 0.85rem !important;
+    width: 0.85rem !important;
+  }
+  .svg-icon.svg-icon-xl-9 svg {
+    height: 0.75rem !important;
+    width: 0.75rem !important;
+  }
+  .svg-icon.svg-icon-xl-10 svg {
+    height: 0.5rem !important;
+    width: 0.5rem !important;
+  }
+  .svg-icon.svg-icon-xl-base svg {
+    height: 1rem !important;
+    width: 1rem !important;
+  }
+  .svg-icon.svg-icon-xl-fluid svg {
+    height: 100% !important;
+    width: 100% !important;
+  }
+  .svg-icon.svg-icon-xl-2x svg {
+    height: 2rem !important;
+    width: 2rem !important;
+  }
+  .svg-icon.svg-icon-xl-2qx svg {
+    height: 2.25rem !important;
+    width: 2.25rem !important;
+  }
+  .svg-icon.svg-icon-xl-2hx svg {
+    height: 2.5rem !important;
+    width: 2.5rem !important;
+  }
+  .svg-icon.svg-icon-xl-2tx svg {
+    height: 2.75rem !important;
+    width: 2.75rem !important;
+  }
+  .svg-icon.svg-icon-xl-3x svg {
+    height: 3rem !important;
+    width: 3rem !important;
+  }
+  .svg-icon.svg-icon-xl-3qx svg {
+    height: 3.25rem !important;
+    width: 3.25rem !important;
+  }
+  .svg-icon.svg-icon-xl-3hx svg {
+    height: 3.5rem !important;
+    width: 3.5rem !important;
+  }
+  .svg-icon.svg-icon-xl-3tx svg {
+    height: 3.75rem !important;
+    width: 3.75rem !important;
+  }
+  .svg-icon.svg-icon-xl-4x svg {
+    height: 4rem !important;
+    width: 4rem !important;
+  }
+  .svg-icon.svg-icon-xl-4qx svg {
+    height: 4.25rem !important;
+    width: 4.25rem !important;
+  }
+  .svg-icon.svg-icon-xl-4hx svg {
+    height: 4.5rem !important;
+    width: 4.5rem !important;
+  }
+  .svg-icon.svg-icon-xl-4tx svg {
+    height: 4.75rem !important;
+    width: 4.75rem !important;
+  }
+  .svg-icon.svg-icon-xl-5x svg {
+    height: 5rem !important;
+    width: 5rem !important;
+  }
+  .svg-icon.svg-icon-xl-5qx svg {
+    height: 5.25rem !important;
+    width: 5.25rem !important;
+  }
+  .svg-icon.svg-icon-xl-5hx svg {
+    height: 5.5rem !important;
+    width: 5.5rem !important;
+  }
+  .svg-icon.svg-icon-xl-5tx svg {
+    height: 5.75rem !important;
+    width: 5.75rem !important;
+  }
+}
+@media (min-width: 1400px) {
+  .svg-icon.svg-icon-xxl-1 svg {
+    height: 1.75rem !important;
+    width: 1.75rem !important;
+  }
+  .svg-icon.svg-icon-xxl-2 svg {
+    height: 1.5rem !important;
+    width: 1.5rem !important;
+  }
+  .svg-icon.svg-icon-xxl-3 svg {
+    height: 1.35rem !important;
+    width: 1.35rem !important;
+  }
+  .svg-icon.svg-icon-xxl-4 svg {
+    height: 1.25rem !important;
+    width: 1.25rem !important;
+  }
+  .svg-icon.svg-icon-xxl-5 svg {
+    height: 1.15rem !important;
+    width: 1.15rem !important;
+  }
+  .svg-icon.svg-icon-xxl-6 svg {
+    height: 1.075rem !important;
+    width: 1.075rem !important;
+  }
+  .svg-icon.svg-icon-xxl-7 svg {
+    height: 0.95rem !important;
+    width: 0.95rem !important;
+  }
+  .svg-icon.svg-icon-xxl-8 svg {
+    height: 0.85rem !important;
+    width: 0.85rem !important;
+  }
+  .svg-icon.svg-icon-xxl-9 svg {
+    height: 0.75rem !important;
+    width: 0.75rem !important;
+  }
+  .svg-icon.svg-icon-xxl-10 svg {
+    height: 0.5rem !important;
+    width: 0.5rem !important;
+  }
+  .svg-icon.svg-icon-xxl-base svg {
+    height: 1rem !important;
+    width: 1rem !important;
+  }
+  .svg-icon.svg-icon-xxl-fluid svg {
+    height: 100% !important;
+    width: 100% !important;
+  }
+  .svg-icon.svg-icon-xxl-2x svg {
+    height: 2rem !important;
+    width: 2rem !important;
+  }
+  .svg-icon.svg-icon-xxl-2qx svg {
+    height: 2.25rem !important;
+    width: 2.25rem !important;
+  }
+  .svg-icon.svg-icon-xxl-2hx svg {
+    height: 2.5rem !important;
+    width: 2.5rem !important;
+  }
+  .svg-icon.svg-icon-xxl-2tx svg {
+    height: 2.75rem !important;
+    width: 2.75rem !important;
+  }
+  .svg-icon.svg-icon-xxl-3x svg {
+    height: 3rem !important;
+    width: 3rem !important;
+  }
+  .svg-icon.svg-icon-xxl-3qx svg {
+    height: 3.25rem !important;
+    width: 3.25rem !important;
+  }
+  .svg-icon.svg-icon-xxl-3hx svg {
+    height: 3.5rem !important;
+    width: 3.5rem !important;
+  }
+  .svg-icon.svg-icon-xxl-3tx svg {
+    height: 3.75rem !important;
+    width: 3.75rem !important;
+  }
+  .svg-icon.svg-icon-xxl-4x svg {
+    height: 4rem !important;
+    width: 4rem !important;
+  }
+  .svg-icon.svg-icon-xxl-4qx svg {
+    height: 4.25rem !important;
+    width: 4.25rem !important;
+  }
+  .svg-icon.svg-icon-xxl-4hx svg {
+    height: 4.5rem !important;
+    width: 4.5rem !important;
+  }
+  .svg-icon.svg-icon-xxl-4tx svg {
+    height: 4.75rem !important;
+    width: 4.75rem !important;
+  }
+  .svg-icon.svg-icon-xxl-5x svg {
+    height: 5rem !important;
+    width: 5rem !important;
+  }
+  .svg-icon.svg-icon-xxl-5qx svg {
+    height: 5.25rem !important;
+    width: 5.25rem !important;
+  }
+  .svg-icon.svg-icon-xxl-5hx svg {
+    height: 5.5rem !important;
+    width: 5.5rem !important;
+  }
+  .svg-icon.svg-icon-xxl-5tx svg {
+    height: 5.75rem !important;
+    width: 5.75rem !important;
+  }
+}
+
+.fixed-top {
+  position: fixed;
+  z-index: 101;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+@media (min-width: 576px) {
+  .fixed-top-sm {
+    position: fixed;
+    z-index: 101;
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+}
+@media (min-width: 768px) {
+  .fixed-top-md {
+    position: fixed;
+    z-index: 101;
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+}
+@media (min-width: 992px) {
+  .fixed-top-lg {
+    position: fixed;
+    z-index: 101;
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .fixed-top-xl {
+    position: fixed;
+    z-index: 101;
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+}
+@media (min-width: 1400px) {
+  .fixed-top-xxl {
+    position: fixed;
+    z-index: 101;
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+}
+.timeline .timeline-item {
+  position: relative;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  align-items: flex-start;
+}
+.timeline .timeline-item:last-child .timeline-line {
+  bottom: 100%;
+}
+.timeline .timeline-line {
+  display: block;
+  content: " ";
+  justify-content: center;
+  position: absolute;
+  z-index: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  transform: translate(50%);
+  border-left-width: 1px;
+  border-left-style: dashed;
+  border-left-color: var(--kt-gray-300);
+}
+.timeline .timeline-icon {
+  z-index: 1;
+  flex-shrink: 0;
+  margin-right: 1rem;
+}
+.timeline .timeline-content {
+  width: 100%;
+  overflow: auto;
+  margin-bottom: 1.5rem;
+}
+.timeline.timeline-center .timeline-item {
+  align-items: center;
+}
+.timeline.timeline-center .timeline-item:first-child .timeline-line {
+  top: 50%;
+}
+.timeline.timeline-center .timeline-item:last-child .timeline-line {
+  bottom: 50%;
+}
+
+.timeline-label {
+  position: relative;
+}
+.timeline-label:before {
+  content: "";
+  position: absolute;
+  left: 51px;
+  width: 3px;
+  top: 0;
+  bottom: 0;
+  background-color: var(--kt-gray-200);
+}
+.timeline-label .timeline-item {
+  display: flex;
+  align-items: flex-start;
+  position: relative;
+  margin-bottom: 1.7rem;
+}
+.timeline-label .timeline-item:last-child {
+  margin-bottom: 0;
+}
+.timeline-label .timeline-label {
+  width: 50px;
+  flex-shrink: 0;
+  position: relative;
+  color: var(--kt-gray-800);
+}
+.timeline-label .timeline-badge {
+  flex-shrink: 0;
+  background-color: var(--kt-body-bg);
+  width: 1rem;
+  height: 1rem;
+  border-radius: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1;
+  position: relative;
+  margin-top: 1px;
+  margin-left: -0.5rem;
+  padding: 3px !important;
+  border: 6px solid var(--kt-body-bg) !important;
+}
+.timeline-label .timeline-badge span {
+  display: block;
+  border-radius: 100%;
+  width: 6px;
+  height: 6px;
+  background-color: var(--kt-gray-200);
+}
+.timeline-label .timeline-content {
+  flex-grow: 1;
+}
+
+.overlay {
+  position: relative;
+}
+.overlay .overlay-layer {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--kt-overlay-bg);
+  transition: all 0.3s ease;
+  opacity: 0;
+}
+.overlay.overlay-show .overlay-layer, .overlay.overlay-block .overlay-layer, .overlay:hover .overlay-layer {
+  transition: all 0.3s ease;
+  opacity: 1;
+}
+.overlay.overlay-block {
+  cursor: wait;
+}
+
+.bullet {
+  display: inline-block;
+  background-color: var(--kt-bullet-bg-color);
+  border-radius: 6px;
+  width: 8px;
+  height: 4px;
+  flex-shrink: 0;
+}
+
+.bullet-dot {
+  width: 4px;
+  height: 4px;
+  border-radius: 100% !important;
+}
+
+.bullet-vertical {
+  width: 4px;
+  height: 8px;
+}
+
+.bullet-line {
+  width: 5px;
+  height: 1px;
+  border-radius: 0;
+}
+
+.drawer {
+  display: flex !important;
+  overflow: auto;
+  z-index: 110;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  background-color: var(--kt-drawer-bg-color);
+  transition: transform 0.3s ease-in-out;
+}
+.drawer.drawer-start {
+  left: 0;
+  transform: translateX(-100%);
+}
+.drawer.drawer-end {
+  right: 0;
+  transform: translateX(100%);
+}
+.drawer.drawer-on {
+  transform: none;
+  box-shadow: var(--kt-drawer-box-shadow);
+  transition: transform 0.3s ease-in-out;
+}
+
+.drawer-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  overflow: hidden;
+  z-index: 109;
+  background-color: var(--kt-drawer-overlay-bg-color);
+  animation: animation-drawer-fade-in 0.3s ease-in-out 1;
+}
+
+[data-kt-drawer=true] {
+  display: none;
+}
+
+@keyframes animation-drawer-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@media (max-width: 991.98px) {
+  body[data-kt-drawer=on] {
+    overflow: hidden;
+  }
+}
+.badge {
+  --bs-badge-color: var(--kt-badge-color);
+  display: inline-flex;
+  align-items: center;
+}
+.badge.badge-circle, .badge.badge-square {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 1.75rem;
+  min-width: 1.75rem;
+  padding: 0 0.1rem;
+  line-height: 0;
+}
+.badge.badge-circle {
+  border-radius: 50%;
+  padding: 0;
+  min-width: unset;
+  width: 1.75rem;
+}
+.badge.badge-sm {
+  min-width: 1.5rem;
+  font-size: 0.8rem;
+}
+.badge.badge-sm.badge-square {
+  height: 1.5rem;
+}
+.badge.badge-sm.badge-circle {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.badge.badge-lg {
+  min-width: 2rem;
+  font-size: 1rem;
+}
+.badge.badge-lg.badge-square {
+  height: 2rem;
+}
+.badge.badge-lg.badge-circle {
+  width: 2rem;
+  height: 2rem;
+}
+
+.badge-white {
+  color: var(--kt-white-inverse);
+  background-color: var(--kt-white);
+}
+.badge-white.badge-outline {
+  border: 1px solid var(--kt-white);
+  color: var(--kt-white);
+  background-color: transparent;
+}
+
+.badge-light-white {
+  color: var(--kt-white);
+  background-color: var(--kt-white-light);
+}
+
+.badge-light {
+  color: var(--kt-light-inverse);
+  background-color: var(--kt-light);
+}
+.badge-light.badge-outline {
+  border: 1px solid var(--kt-light);
+  color: var(--kt-light);
+  background-color: transparent;
+}
+
+.badge-light-light {
+  color: var(--kt-light);
+  background-color: var(--kt-light-light);
+}
+
+.badge-primary {
+  color: var(--kt-primary-inverse);
+  background-color: var(--kt-primary);
+}
+.badge-primary.badge-outline {
+  border: 1px solid var(--kt-primary);
+  color: var(--kt-primary);
+  background-color: transparent;
+}
+
+.badge-light-primary {
+  color: var(--kt-primary);
+  background-color: var(--kt-primary-light);
+}
+
+.badge-secondary {
+  color: var(--kt-secondary-inverse);
+  background-color: var(--kt-secondary);
+}
+.badge-secondary.badge-outline {
+  border: 1px solid var(--kt-secondary);
+  color: var(--kt-secondary);
+  background-color: transparent;
+}
+
+.badge-light-secondary {
+  color: var(--kt-secondary);
+  background-color: var(--kt-secondary-light);
+}
+
+.badge-success {
+  color: var(--kt-success-inverse);
+  background-color: var(--kt-success);
+}
+.badge-success.badge-outline {
+  border: 1px solid var(--kt-success);
+  color: var(--kt-success);
+  background-color: transparent;
+}
+
+.badge-light-success {
+  color: var(--kt-success);
+  background-color: var(--kt-success-light);
+}
+
+.badge-info {
+  color: var(--kt-info-inverse);
+  background-color: var(--kt-info);
+}
+.badge-info.badge-outline {
+  border: 1px solid var(--kt-info);
+  color: var(--kt-info);
+  background-color: transparent;
+}
+
+.badge-light-info {
+  color: var(--kt-info);
+  background-color: var(--kt-info-light);
+}
+
+.badge-warning {
+  color: var(--kt-warning-inverse);
+  background-color: var(--kt-warning);
+}
+.badge-warning.badge-outline {
+  border: 1px solid var(--kt-warning);
+  color: var(--kt-warning);
+  background-color: transparent;
+}
+
+.badge-light-warning {
+  color: var(--kt-warning);
+  background-color: var(--kt-warning-light);
+}
+
+.badge-danger {
+  color: var(--kt-danger-inverse);
+  background-color: var(--kt-danger);
+}
+.badge-danger.badge-outline {
+  border: 1px solid var(--kt-danger);
+  color: var(--kt-danger);
+  background-color: transparent;
+}
+
+.badge-light-danger {
+  color: var(--kt-danger);
+  background-color: var(--kt-danger-light);
+}
+
+.badge-dark {
+  color: var(--kt-dark-inverse);
+  background-color: var(--kt-dark);
+}
+.badge-dark.badge-outline {
+  border: 1px solid var(--kt-dark);
+  color: var(--kt-dark);
+  background-color: transparent;
+}
+
+.badge-light-dark {
+  color: var(--kt-dark);
+  background-color: var(--kt-dark-light);
+}
+
+.indicator-progress {
+  display: none;
+}
+[data-kt-indicator=on] > .indicator-progress {
+  display: inline-block;
+}
+
+[data-kt-indicator=on] > .indicator-label {
+  display: none;
+}
+
+.rotate {
+  display: inline-flex;
+  align-items: center;
+}
+
+.rotate-90 {
+  transition: transform 0.3s ease;
+  backface-visibility: hidden;
+  will-change: transform;
+}
+.collapsible:not(.collapsed) > .rotate-90, .show > .rotate-90, .active > .rotate-90 {
+  transform: rotateZ(90deg);
+  transition: transform 0.3s ease;
+}
+[direction=rtl] .collapsible:not(.collapsed) > .rotate-90, [direction=rtl] .show > .rotate-90, [direction=rtl] .active > .rotate-90 {
+  transform: rotateZ(-90deg);
+}
+
+.rotate-n90 {
+  transition: transform 0.3s ease;
+  backface-visibility: hidden;
+  will-change: transform;
+}
+.collapsible:not(.collapsed) > .rotate-n90, .show > .rotate-n90, .active > .rotate-n90 {
+  transform: rotateZ(-90deg);
+  transition: transform 0.3s ease;
+}
+[direction=rtl] .collapsible:not(.collapsed) > .rotate-n90, [direction=rtl] .show > .rotate-n90, [direction=rtl] .active > .rotate-n90 {
+  transform: rotateZ(90deg);
+}
+
+.rotate-180 {
+  transition: transform 0.3s ease;
+  backface-visibility: hidden;
+  will-change: transform;
+}
+.collapsible:not(.collapsed) > .rotate-180, .show > .rotate-180, .active > .rotate-180 {
+  transform: rotateZ(180deg);
+  transition: transform 0.3s ease;
+}
+[direction=rtl] .collapsible:not(.collapsed) > .rotate-180, [direction=rtl] .show > .rotate-180, [direction=rtl] .active > .rotate-180 {
+  transform: rotateZ(-180deg);
+}
+
+.rotate-n180 {
+  transition: transform 0.3s ease;
+  backface-visibility: hidden;
+  will-change: transform;
+}
+.collapsible:not(.collapsed) > .rotate-n180, .show > .rotate-n180, .active > .rotate-n180 {
+  transform: rotateZ(-180deg);
+  transition: transform 0.3s ease;
+}
+[direction=rtl] .collapsible:not(.collapsed) > .rotate-n180, [direction=rtl] .show > .rotate-n180, [direction=rtl] .active > .rotate-n180 {
+  transform: rotateZ(180deg);
+}
+
+.rotate-270 {
+  transition: transform 0.3s ease;
+  backface-visibility: hidden;
+  will-change: transform;
+}
+.collapsible:not(.collapsed) > .rotate-270, .show > .rotate-270, .active > .rotate-270 {
+  transform: rotateZ(270deg);
+  transition: transform 0.3s ease;
+}
+[direction=rtl] .collapsible:not(.collapsed) > .rotate-270, [direction=rtl] .show > .rotate-270, [direction=rtl] .active > .rotate-270 {
+  transform: rotateZ(-270deg);
+}
+
+.rotate-n270 {
+  transition: transform 0.3s ease;
+  backface-visibility: hidden;
+  will-change: transform;
+}
+.collapsible:not(.collapsed) > .rotate-n270, .show > .rotate-n270, .active > .rotate-n270 {
+  transform: rotateZ(-270deg);
+  transition: transform 0.3s ease;
+}
+[direction=rtl] .collapsible:not(.collapsed) > .rotate-n270, [direction=rtl] .show > .rotate-n270, [direction=rtl] .active > .rotate-n270 {
+  transform: rotateZ(270deg);
+}
+
+@media (min-width: 992px) {
+  main,
+span,
+ol,
+ul,
+pre,
+div {
+    scrollbar-width: thin;
+    scrollbar-color: var(--kt-scrollbar-color) transparent;
+  }
+  main::-webkit-scrollbar,
+span::-webkit-scrollbar,
+ol::-webkit-scrollbar,
+ul::-webkit-scrollbar,
+pre::-webkit-scrollbar,
+div::-webkit-scrollbar {
+    width: var(--kt-scrollbar-width);
+    height: var(--kt-scrollbar-height);
+  }
+  main::-webkit-scrollbar-thumb,
+span::-webkit-scrollbar-thumb,
+ol::-webkit-scrollbar-thumb,
+ul::-webkit-scrollbar-thumb,
+pre::-webkit-scrollbar-thumb,
+div::-webkit-scrollbar-thumb {
+    background-color: var(--kt-scrollbar-color);
+  }
+  main::-webkit-scrollbar-corner,
+span::-webkit-scrollbar-corner,
+ol::-webkit-scrollbar-corner,
+ul::-webkit-scrollbar-corner,
+pre::-webkit-scrollbar-corner,
+div::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+  main:hover,
+span:hover,
+ol:hover,
+ul:hover,
+pre:hover,
+div:hover {
+    scrollbar-color: var(--kt-scrollbar-hover-color) transparent;
+  }
+  main:hover::-webkit-scrollbar-thumb,
+span:hover::-webkit-scrollbar-thumb,
+ol:hover::-webkit-scrollbar-thumb,
+ul:hover::-webkit-scrollbar-thumb,
+pre:hover::-webkit-scrollbar-thumb,
+div:hover::-webkit-scrollbar-thumb {
+    background-color: var(--kt-scrollbar-hover-color);
+  }
+  main:hover::-webkit-scrollbar-corner,
+span:hover::-webkit-scrollbar-corner,
+ol:hover::-webkit-scrollbar-corner,
+ul:hover::-webkit-scrollbar-corner,
+pre:hover::-webkit-scrollbar-corner,
+div:hover::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+}
+.scroll {
+  overflow: scroll;
+  position: relative;
+}
+@media (max-width: 991.98px) {
+  .scroll {
+    overflow: auto;
+  }
+}
+
+.scroll-x {
+  overflow-x: scroll;
+  position: relative;
+}
+@media (max-width: 991.98px) {
+  .scroll-x {
+    overflow-x: auto;
+  }
+}
+
+.scroll-y {
+  overflow-y: scroll;
+  position: relative;
+}
+@media (max-width: 991.98px) {
+  .scroll-y {
+    overflow-y: auto;
+  }
+}
+
+.hover-scroll {
+  position: relative;
+}
+@media (min-width: 992px) {
+  .hover-scroll {
+    overflow: hidden;
+    border-right: var(--kt-scrollbar-width) solid transparent;
+    border-bottom: var(--kt-scrollbar-height) transparent;
+    margin-right: calc(-1 * var(--kt-scrollbar-width));
+    margin-bottom: calc(-1 * var(--kt-scrollbar-height));
+  }
+  .hover-scroll:hover {
+    overflow: scroll;
+    border-right: 0;
+    border-bottom: 0;
+  }
+  @-moz-document url-prefix() {
+    .hover-scroll {
+      overflow: scroll;
+      position: relative;
+      border-right: 0;
+      border-bottom: 0;
+    }
+  }
+}
+@media (max-width: 991.98px) {
+  .hover-scroll {
+    overflow: auto;
+  }
+}
+
+.hover-scroll-y {
+  position: relative;
+}
+@media (min-width: 992px) {
+  .hover-scroll-y {
+    overflow-y: hidden;
+    border-right: var(--kt-scrollbar-width) solid transparent;
+    margin-right: calc(-1 * var(--kt-scrollbar-width));
+  }
+  .hover-scroll-y:hover {
+    overflow-y: scroll;
+    border-right: 0;
+  }
+  @-moz-document url-prefix() {
+    .hover-scroll-y {
+      overflow-y: scroll;
+      position: relative;
+      border-right: 0;
+    }
+  }
+}
+@media (max-width: 991.98px) {
+  .hover-scroll-y {
+    overflow-y: auto;
+  }
+}
+
+.hover-scroll-x {
+  position: relative;
+}
+@media (min-width: 992px) {
+  .hover-scroll-x {
+    overflow-x: hidden;
+    border-bottom: var(--kt-scrollbar-height) solid transparent;
+  }
+  .hover-scroll-x:hover {
+    overflow-x: scroll;
+    border-bottom: 0;
+  }
+  @-moz-document url-prefix() {
+    .hover-scroll-x {
+      overflow-x: scroll;
+      position: relative;
+      border-bottom: 0;
+    }
+  }
+}
+@media (max-width: 991.98px) {
+  .hover-scroll-x {
+    overflow-x: auto;
+  }
+}
+
+.hover-scroll-overlay-y {
+  overflow-y: hidden;
+  position: relative;
+}
+.hover-scroll-overlay-y::-webkit-scrollbar {
+  width: calc(var(--kt-scrollbar-width) + var(--kt-scrollbar-space));
+}
+.hover-scroll-overlay-y::-webkit-scrollbar-thumb {
+  background-clip: content-box;
+  border-right: var(--kt-scrollbar-space) solid transparent;
+}
+.hover-scroll-overlay-y:hover {
+  overflow-y: overlay;
+}
+@-moz-document url-prefix() {
+  .hover-scroll-overlay-y {
+    overflow-y: scroll;
+    position: relative;
+  }
+}
+
+.scroll-ps {
+  padding-left: var(--kt-scrollbar-width) !important;
+}
+
+.scroll-ms {
+  margin-left: var(--kt-scrollbar-width) !important;
+}
+
+.scroll-mb {
+  margin-bottom: var(--kt-scrollbar-height) !important;
+}
+
+.scroll-pe {
+  padding-right: var(--kt-scrollbar-width) !important;
+}
+
+.scroll-me {
+  margin-right: var(--kt-scrollbar-width) !important;
+}
+
+.scroll-px {
+  padding-left: var(--kt-scrollbar-width) !important;
+  padding-right: var(--kt-scrollbar-width) !important;
+}
+
+.scroll-mx {
+  margin-left: var(--kt-scrollbar-width) !important;
+  margin-right: var(--kt-scrollbar-width) !important;
+}
+
+.rating {
+  display: flex;
+  align-items: center;
+}
+
+.rating-input {
+  position: absolute !important;
+  left: -9999px !important;
+}
+.rating-input[disabled] {
+  display: none;
+}
+
+.rating-label {
+  padding: 0;
+  margin: 0;
+}
+.rating-label > i, .rating-label > .svg-icon {
+  line-height: 1;
+  color: var(--kt-rating-color-default);
+}
+
+label.rating-label {
+  cursor: pointer;
+}
+
+div.rating-label.checked > i, div.rating-label.checked > .svg-icon,
+label.rating-label > i,
+label.rating-label > .svg-icon {
+  color: var(--kt-rating-color-active);
+}
+
+.rating-input:checked ~ .rating-label > i, .rating-input:checked ~ .rating-label > .svg-icon {
+  color: var(--kt-rating-color-default);
+}
+
+.rating:hover label.rating-label > i, .rating:hover label.rating-label > .svg-icon {
+  color: var(--kt-rating-color-active);
+}
+
+label.rating-label:hover ~ .rating-label {
+  color: var(--kt-rating-color-default);
+}
+label.rating-label:hover ~ .rating-label > i, label.rating-label:hover ~ .rating-label > .svg-icon {
+  color: var(--kt-rating-color-default);
+}
+
+.stepper [data-kt-stepper-element=info],
+.stepper [data-kt-stepper-element=content] {
+  display: none;
+}
+.stepper [data-kt-stepper-element=info].current,
+.stepper [data-kt-stepper-element=content].current {
+  display: flex;
+}
+.stepper .stepper-item[data-kt-stepper-action=step] {
+  cursor: pointer;
+}
+.stepper [data-kt-stepper-action=previous] {
+  display: none;
+}
+.stepper [data-kt-stepper-action=next] {
+  display: inline-block;
+}
+.stepper [data-kt-stepper-action=submit] {
+  display: none;
+}
+.stepper.first [data-kt-stepper-action=previous] {
+  display: none;
+}
+.stepper.first [data-kt-stepper-action=next] {
+  display: inline-block;
+}
+.stepper.first [data-kt-stepper-action=submit] {
+  display: none;
+}
+.stepper.between [data-kt-stepper-action=previous] {
+  display: inline-block;
+}
+.stepper.between [data-kt-stepper-action=next] {
+  display: inline-block;
+}
+.stepper.between [data-kt-stepper-action=submit] {
+  display: none;
+}
+.stepper.last [data-kt-stepper-action=previous] {
+  display: inline-block;
+}
+.stepper.last [data-kt-stepper-action=next] {
+  display: none;
+}
+.stepper.last [data-kt-stepper-action=submit] {
+  display: inline-block;
+}
+.stepper.last [data-kt-stepper-action=submit].btn-flex {
+  display: flex;
+}
+
+.stepper.stepper-pills {
+  --kt-stepper-pills-size: 40px;
+  --kt-stepper-icon-border-radius: 9px;
+  --kt-stepper-icon-check-size: 1rem;
+  --kt-stepper-icon-bg-color: var(--kt-primary-light);
+  --kt-stepper-icon-bg-color-current: var(--kt-primary);
+  --kt-stepper-icon-bg-color-completed: var(--kt-primary-light);
+  --kt-stepper-icon-border: 0;
+  --kt-stepper-icon-border-current: 0;
+  --kt-stepper-icon-border-completed: 0;
+  --kt-stepper-icon-number-color: var(--kt-primary);
+  --kt-stepper-icon-number-color-current: var(--kt-white);
+  --kt-stepper-icon-check-color-completed: var(--kt-primary);
+  --kt-stepper-label-title-opacity: 1;
+  --kt-stepper-label-title-opacity-current: 1;
+  --kt-stepper-label-title-opacity-completed: 1;
+  --kt-stepper-label-title-color: var(--kt-gray-800);
+  --kt-stepper-label-title-color-current: var(--kt-gray-600);
+  --kt-stepper-label-title-color-completed: var(--kt-text-muted);
+  --kt-stepper-label-desc-opacity: 1;
+  --kt-stepper-label-desc-opacity-current: 1;
+  --kt-stepper-label-desc-opacity-completed: 1;
+  --kt-stepper-label-desc-color: var(--kt-text-muted);
+  --kt-stepper-label-desc-color-current: var(--kt-text-400);
+  --kt-stepper-label-desc-color-completed: var(--kt-gray-400);
+  --kt-stepper-line-border: 1px dashed var(--kt-gray-300);
+}
+.stepper.stepper-pills .stepper-nav {
+  display: flex;
+}
+.stepper.stepper-pills .stepper-item {
+  display: flex;
+  align-items: center;
+  transition: color 0.2s ease;
+}
+.stepper.stepper-pills .stepper-item .stepper-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: color 0.2s ease;
+  width: var(--kt-stepper-pills-size);
+  height: var(--kt-stepper-pills-size);
+  border-radius: var(--kt-stepper-icon-border-radius);
+  background-color: var(--kt-stepper-icon-bg-color);
+  border: var(--kt-stepper-icon-border);
+  margin-right: 1.5rem;
+}
+.stepper.stepper-pills .stepper-item .stepper-icon .stepper-check {
+  display: none;
+  font-size: var(--kt-stepper-icon-check-size);
+}
+.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
+  font-weight: 600;
+  color: var(--kt-stepper-icon-number-color);
+  font-size: 1.25rem;
+}
+.stepper.stepper-pills .stepper-item .stepper-label {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
+  color: var(--kt-stepper-label-title-color);
+  opacity: var(--kt-stepper-label-title-opacity);
+  font-weight: 600;
+  font-size: 1.25rem;
+  margin-bottom: 0.3rem;
+}
+.stepper.stepper-pills .stepper-item .stepper-label .stepper-desc {
+  opacity: var(--kt-stepper-label-desc-opacity);
+  color: var(--kt-stepper-label-desc-color);
+}
+.stepper.stepper-pills .stepper-item.current {
+  transition: color 0.2s ease;
+}
+.stepper.stepper-pills .stepper-item.current .stepper-icon {
+  transition: color 0.2s ease;
+  background-color: var(--kt-stepper-icon-bg-color-current);
+  border: var(--kt-stepper-icon-border-current);
+}
+.stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-check {
+  display: none;
+}
+.stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-number {
+  color: var(--kt-stepper-icon-number-color-current);
+  font-size: 1.35rem;
+}
+.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
+  opacity: var(--kt-stepper-label-title-opacity-current);
+  color: var(--kt-stepper-label-title-color-current);
+}
+.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-desc {
+  opacity: var(--kt-stepper-label-desc-opacity-current);
+  color: var(--kt-stepper-label-desc-color-current);
+}
+.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon, .stepper.stepper-pills .stepper-item.completed .stepper-icon {
+  transition: color 0.2s ease;
+  background-color: var(--kt-stepper-icon-bg-color-completed);
+  border: var(--kt-stepper-icon-border-completed);
+}
+.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check {
+  color: var(--kt-stepper-icon-check-color-completed);
+  display: inline-block;
+}
+.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-number, .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-number {
+  display: none;
+}
+.stepper.stepper-pills .stepper-item.current:last-child .stepper-label .stepper-title, .stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-title {
+  opacity: var(--kt-stepper-label-title-opacity-completed);
+  color: var(--kt-stepper-label-title-color-completed);
+}
+.stepper.stepper-pills .stepper-item.current:last-child .stepper-label .stepper-desc, .stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-desc {
+  opacity: var(--kt-stepper-label-desc-opacity-completed);
+  color: var(--kt-stepper-label-desc-color-completed);
+}
+.stepper.stepper-pills.stepper-column .stepper-nav {
+  flex-direction: column;
+  align-items: start;
+}
+.stepper.stepper-pills.stepper-column .stepper-item {
+  flex-direction: column;
+  justify-content: start;
+  align-items: stretch;
+  padding: 0;
+  margin: 0;
+}
+.stepper.stepper-pills.stepper-column .stepper-wrapper {
+  display: flex;
+  align-items: center;
+}
+.stepper.stepper-pills.stepper-column .stepper-icon {
+  z-index: 1;
+}
+.stepper.stepper-pills.stepper-column .stepper-line {
+  display: block;
+  flex-grow: 1;
+  margin-left: calc(var(--kt-stepper-pills-size) / 2);
+  border-left: var(--kt-stepper-line-border);
+  margin-top: 2px;
+  margin-bottom: 2px;
+}
+
+.stepper.stepper-links .stepper-nav {
+  display: flex;
+  margin: 0 auto;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.stepper.stepper-links .stepper-nav .stepper-item {
+  position: relative;
+  flex-shrink: 0;
+  margin: 1rem 1.5rem;
+}
+.stepper.stepper-links .stepper-nav .stepper-item:after {
+  content: " ";
+  position: absolute;
+  top: 2.3rem;
+  left: 0;
+  height: 2px;
+  width: 100%;
+  background-color: transparent;
+  transition: color 0.2s ease;
+}
+.stepper.stepper-links .stepper-nav .stepper-item .stepper-title {
+  color: var(--kt-dark);
+  font-weight: 600;
+  font-size: 1.25rem;
+}
+.stepper.stepper-links .stepper-nav .stepper-item.current {
+  transition: color 0.2s ease;
+}
+.stepper.stepper-links .stepper-nav .stepper-item.current .stepper-title {
+  color: var(--kt-primary);
+}
+.stepper.stepper-links .stepper-nav .stepper-item.current:after {
+  background-color: var(--kt-primary);
+}
+.stepper.stepper-links .stepper-nav .stepper-item.completed .stepper-title {
+  color: var(--kt-gray-400);
+}
+
+.toggle.collapsible:not(.collapsed) .toggle-off, .toggle.active .toggle-off {
+  display: none;
+}
+.toggle.collapsible.collapsed .toggle-on, .toggle:not(.collapsible):not(.active) .toggle-on {
+  display: none;
+}
+
+.xehagon {
+  clip-path: polygon(45% 1.3397459622%, 46.5797985667% 0.6030737921%, 48.2635182233% 0.1519224699%, 50% 0%, 51.7364817767% 0.1519224699%, 53.4202014333% 0.6030737921%, 55% 1.3397459622%, 89.6410161514% 21.3397459622%, 91.0688922482% 22.3395555688%, 92.3014605826% 23.5721239031%, 93.3012701892% 25%, 94.0379423592% 26.5797985667%, 94.4890936815% 28.2635182233%, 94.6410161514% 30%, 94.6410161514% 70%, 94.4890936815% 71.7364817767%, 94.0379423592% 73.4202014333%, 93.3012701892% 75%, 92.3014605826% 76.4278760969%, 91.0688922482% 77.6604444312%, 89.6410161514% 78.6602540378%, 55% 98.6602540378%, 53.4202014333% 99.3969262079%, 51.7364817767% 99.8480775301%, 50% 100%, 48.2635182233% 99.8480775301%, 46.5797985667% 99.3969262079%, 45% 98.6602540378%, 10.3589838486% 78.6602540378%, 8.9311077518% 77.6604444312%, 7.6985394174% 76.4278760969%, 6.6987298108% 75%, 5.9620576408% 73.4202014333%, 5.5109063185% 71.7364817767%, 5.3589838486% 70%, 5.3589838486% 30%, 5.5109063185% 28.2635182233%, 5.9620576408% 26.5797985667%, 6.6987298108% 25%, 7.6985394174% 23.5721239031%, 8.9311077518% 22.3395555688%, 10.3589838486% 21.3397459622%);
+}
+
+.octagon {
+  clip-path: polygon(46.1731656763% 0.7612046749%, 47.411809549% 0.3407417371%, 48.6947380778% 0.0855513863%, 50% 0%, 51.3052619222% 0.0855513863%, 52.588190451% 0.3407417371%, 53.8268343237% 0.7612046749%, 82.1111055711% 12.4769334274%, 83.2842712475% 13.0554747147%, 84.3718855375% 13.7821953496%, 85.3553390593% 14.6446609407%, 86.2178046504% 15.6281144625%, 86.9445252853% 16.7157287525%, 87.5230665726% 17.8888944289%, 99.2387953251% 46.1731656763%, 99.6592582629% 47.411809549%, 99.9144486137% 48.6947380778%, 100% 50%, 99.9144486137% 51.3052619222%, 99.6592582629% 52.588190451%, 99.2387953251% 53.8268343237%, 87.5230665726% 82.1111055711%, 86.9445252853% 83.2842712475%, 86.2178046504% 84.3718855375%, 85.3553390593% 85.3553390593%, 84.3718855375% 86.2178046504%, 83.2842712475% 86.9445252853%, 82.1111055711% 87.5230665726%, 53.8268343237% 99.2387953251%, 52.588190451% 99.6592582629%, 51.3052619222% 99.9144486137%, 50% 100%, 48.6947380778% 99.9144486137%, 47.411809549% 99.6592582629%, 46.1731656763% 99.2387953251%, 17.8888944289% 87.5230665726%, 16.7157287525% 86.9445252853%, 15.6281144625% 86.2178046504%, 14.6446609407% 85.3553390593%, 13.7821953496% 84.3718855375%, 13.0554747147% 83.2842712475%, 12.4769334274% 82.1111055711%, 0.7612046749% 53.8268343237%, 0.3407417371% 52.588190451%, 0.0855513863% 51.3052619222%, 0% 50%, 0.0855513863% 48.6947380778%, 0.3407417371% 47.411809549%, 0.7612046749% 46.1731656763%, 12.4769334274% 17.8888944289%, 13.0554747147% 16.7157287525%, 13.7821953496% 15.6281144625%, 14.6446609407% 14.6446609407%, 15.6281144625% 13.7821953496%, 16.7157287525% 13.0554747147%, 17.8888944289% 12.4769334274%);
+}
+
+.ribbon {
+  position: relative;
+}
+.ribbon .ribbon-label {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 5px 10px;
+  position: absolute;
+  z-index: 1;
+  background-color: var(--kt-ribbon-label-bg);
+  box-shadow: var(--kt-ribbon-label-box-shadow);
+  color: var(--kt-primary-inverse);
+  top: 50%;
+  right: 0;
+  transform: translateX(5px) translateY(-50%);
+}
+.ribbon .ribbon-label > .ribbon-inner {
+  z-index: -1;
+  position: absolute;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+.ribbon .ribbon-label:after {
+  border-color: var(--kt-ribbon-label-border-color);
+}
+.ribbon-vertical .ribbon-label {
+  padding: 5px 10px;
+  min-width: 36px;
+  min-height: 46px;
+  text-align: center;
+}
+.ribbon.ribbon-top .ribbon-label {
+  top: 0;
+  transform: translateX(-15px) translateY(-4px);
+  border-bottom-right-radius: 0.475rem;
+  border-bottom-left-radius: 0.475rem;
+}
+.ribbon.ribbon-bottom .ribbon-label {
+  border-top-right-radius: 0.475rem;
+  border-top-left-radius: 0.475rem;
+}
+.ribbon.ribbon-start .ribbon-label {
+  top: 50%;
+  left: 0;
+  right: auto;
+  transform: translateX(-5px) translateY(-50%);
+  border-top-right-radius: 0.475rem;
+  border-bottom-right-radius: 0.475rem;
+}
+.ribbon.ribbon-end .ribbon-label {
+  border-top-left-radius: 0.475rem;
+  border-bottom-left-radius: 0.475rem;
+}
+
+.ribbon.ribbon-clip.ribbon-start .ribbon-label {
+  left: -5px;
+}
+.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner {
+  border-top-right-radius: 0.475rem;
+  border-bottom-right-radius: 0.475rem;
+}
+.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner:before, .ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner:after {
+  content: "";
+  position: absolute;
+  border-style: solid;
+  border-color: transparent !important;
+  bottom: -10px;
+}
+.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner:before {
+  border-width: 0 10px 10px 0;
+  border-right-color: var(--kt-ribbon-clip-bg) !important;
+  left: 0;
+}
+.ribbon.ribbon-clip.ribbon-end .ribbon-label {
+  right: -5px;
+}
+.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner {
+  border-top-left-radius: 0.475rem;
+  border-bottom-left-radius: 0.475rem;
+}
+.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner:before, .ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner:after {
+  content: "";
+  position: absolute;
+  border-style: solid;
+  border-color: transparent !important;
+  bottom: -10px;
+}
+.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner:before {
+  border-width: 0 0 10px 10px;
+  border-left-color: var(--kt-ribbon-clip-bg) !important;
+  right: 0;
+}
+
+.ribbon.ribbon-triangle {
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.ribbon.ribbon-triangle.ribbon-top-start {
+  top: 0;
+  left: 0;
+  width: 4rem;
+  height: 4rem;
+  border-bottom: solid 2rem transparent !important;
+  border-left: solid 2rem transparent;
+  border-right: solid 2rem transparent !important;
+  border-top: solid 2rem transparent;
+}
+.ribbon.ribbon-triangle.ribbon-top-end {
+  top: 0;
+  right: 0;
+  width: 4rem;
+  height: 4rem;
+  border-bottom: solid 2rem transparent !important;
+  border-left: solid 2rem transparent !important;
+  border-right: solid 2rem transparent;
+  border-top: solid 2rem transparent;
+}
+.ribbon.ribbon-triangle.ribbon-bottom-start {
+  bottom: 0;
+  left: 0;
+  width: 4rem;
+  height: 4rem;
+  border-bottom: solid 2rem transparent;
+  border-left: solid 2rem transparent;
+  border-right: solid 2rem transparent !important;
+  border-top: solid 2rem transparent !important;
+}
+.ribbon.ribbon-triangle.ribbon-bottom-end {
+  bottom: 0;
+  right: 0;
+  width: 4rem;
+  height: 4rem;
+  border-bottom: solid 2rem transparent;
+  border-right: solid 2rem transparent;
+  border-left: solid 2rem transparent !important;
+  border-top: solid 2rem transparent !important;
+}
+
+.blockui {
+  position: relative;
+}
+.blockui .blockui-overlay {
+  transition: all 0.3s ease;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--kt-blockui-overlay-bg);
+}
+.blockui .blockui-overlay .spinner-border {
+  height: 1.35rem;
+  width: 1.35rem;
+}
+.blockui .blockui-message {
+  display: flex;
+  align-items: center;
+  border-radius: 0.475rem;
+  box-shadow: var(--kt-dropdown-box-shadow);
+  background-color: var(--kt-tooltip-bg);
+  color: var(--kt-gray-700);
+  font-weight: 600;
+  margin: 0 !important;
+  width: auto;
+  padding: 0.85rem 1.75rem !important;
+}
+.blockui .blockui-message .spinner-border {
+  margin-right: 0.65rem;
+}
+
+.explore-btn-toggle {
+  color: var(--kt-gray-600);
+  background-color: #ffffff;
+}
+.explore-btn-toggle:hover, .explore-btn-toggle:focus, .explore-btn-toggle:active {
+  color: #ffffff;
+  background-color: #00B2FF;
+}
+
+.explore-btn-dismiss {
+  border: 0;
+}
+.explore-btn-dismiss:hover i,
+.explore-btn-dismiss:hover .svg-icon {
+  color: #00B2FF;
+}
+
+.explore-btn-primary {
+  border: 0;
+  color: #ffffff;
+  background-color: #00B2FF;
+}
+.explore-btn-primary:hover {
+  color: #ffffff;
+  background-color: #0098DA;
+}
+
+.explore-btn-secondary {
+  border: 0;
+  color: var(--kt-gray-600);
+  background-color: var(--kt-gray-100);
+}
+.explore-btn-secondary:hover {
+  color: var(--kt-gray-800);
+  background-color: var(--kt-gray-200);
+}
+
+.explore-btn-outline {
+  border: 1px dashed var(--kt-gray-300) !important;
+}
+.explore-btn-outline:hover, .explore-btn-outline.active {
+  border: 1px dashed #50CD89 !important;
+  background-color: #E8FFF3;
+}
+
+.explore-link {
+  color: #00B2FF;
+}
+.explore-link:hover {
+  color: #0098DA;
+}
+
+.explore-link-hover:hover {
+  color: #00B2FF !important;
+}
+
+.explore-icon-success {
+  color: #50CD89;
+}
+
+.explore-icon-danger {
+  color: #F1416C;
+}
+
+.explore-label-free {
+  color: #ffffff;
+  background-color: #FFC700;
+}
+
+.explore-label-pro {
+  color: #ffffff;
+  background-color: #50CD89;
+}
+
+.cookiealert {
+  background: inherit;
+  color: inherit;
+}
+
+@media print {
+  .print-content-only {
+    padding: 0 !important;
+    background: none !important;
+  }
+  .print-content-only .wrapper,
+.print-content-only .page,
+.print-content-only .page-title .content,
+.print-content-only .container,
+.print-content-only .container-xxl,
+.print-content-only .container-fluid,
+.print-content-only .container-sm,
+.print-content-only .container-md,
+.print-content-only .container-lg,
+.print-content-only .container-xl {
+    background: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+  }
+  .print-content-only .aside,
+.print-content-only .sidebar,
+.print-content-only .scrolltop,
+.print-content-only .header,
+.print-content-only .footer,
+.print-content-only .toolbar,
+.print-content-only .drawer,
+.print-content-only .btn {
+    display: none !important;
+  }
+}
+.bg-white {
+  --kt-bg-rgb-color: var(--kt-white-rgb);
+  background-color: var(--kt-white) !important;
+}
+
+.bg-hover-white {
+  cursor: pointer;
+}
+.bg-hover-white:hover {
+  background-color: var(--kt-white) !important;
+}
+
+.bg-active-white.active {
+  background-color: var(--kt-white) !important;
+}
+
+.bg-state-white {
+  cursor: pointer;
+}
+.bg-state-white.active, .bg-state-white:hover {
+  background-color: var(--kt-white) !important;
+}
+
+.bg-light {
+  --kt-bg-rgb-color: var(--kt-light-rgb);
+  background-color: var(--kt-light) !important;
+}
+
+.bg-hover-light {
+  cursor: pointer;
+}
+.bg-hover-light:hover {
+  background-color: var(--kt-light) !important;
+}
+
+.bg-active-light.active {
+  background-color: var(--kt-light) !important;
+}
+
+.bg-state-light {
+  cursor: pointer;
+}
+.bg-state-light.active, .bg-state-light:hover {
+  background-color: var(--kt-light) !important;
+}
+
+.bg-light-primary {
+  background-color: var(--kt-primary-light) !important;
+}
+
+.bg-primary {
+  --kt-bg-rgb-color: var(--kt-primary-rgb);
+  background-color: var(--kt-primary) !important;
+}
+
+.bg-hover-light-primary {
+  cursor: pointer;
+}
+.bg-hover-light-primary:hover {
+  background-color: var(--kt-primary-light) !important;
+}
+
+.bg-state-light-primary {
+  cursor: pointer;
+}
+.bg-state-light-primary.active, .bg-state-light-primary:hover {
+  background-color: var(--kt-primary-light) !important;
+}
+
+.bg-hover-primary {
+  cursor: pointer;
+}
+.bg-hover-primary:hover {
+  background-color: var(--kt-primary) !important;
+}
+
+.bg-active-primary.active {
+  background-color: var(--kt-primary) !important;
+}
+
+.bg-state-primary {
+  cursor: pointer;
+}
+.bg-state-primary.active, .bg-state-primary:hover {
+  background-color: var(--kt-primary) !important;
+}
+
+.bg-light-secondary {
+  background-color: var(--kt-secondary-light) !important;
+}
+
+.bg-secondary {
+  --kt-bg-rgb-color: var(--kt-secondary-rgb);
+  background-color: var(--kt-secondary) !important;
+}
+
+.bg-hover-light-secondary {
+  cursor: pointer;
+}
+.bg-hover-light-secondary:hover {
+  background-color: var(--kt-secondary-light) !important;
+}
+
+.bg-state-light-secondary {
+  cursor: pointer;
+}
+.bg-state-light-secondary.active, .bg-state-light-secondary:hover {
+  background-color: var(--kt-secondary-light) !important;
+}
+
+.bg-hover-secondary {
+  cursor: pointer;
+}
+.bg-hover-secondary:hover {
+  background-color: var(--kt-secondary) !important;
+}
+
+.bg-active-secondary.active {
+  background-color: var(--kt-secondary) !important;
+}
+
+.bg-state-secondary {
+  cursor: pointer;
+}
+.bg-state-secondary.active, .bg-state-secondary:hover {
+  background-color: var(--kt-secondary) !important;
+}
+
+.bg-light-success {
+  background-color: var(--kt-success-light) !important;
+}
+
+.bg-success {
+  --kt-bg-rgb-color: var(--kt-success-rgb);
+  background-color: var(--kt-success) !important;
+}
+
+.bg-hover-light-success {
+  cursor: pointer;
+}
+.bg-hover-light-success:hover {
+  background-color: var(--kt-success-light) !important;
+}
+
+.bg-state-light-success {
+  cursor: pointer;
+}
+.bg-state-light-success.active, .bg-state-light-success:hover {
+  background-color: var(--kt-success-light) !important;
+}
+
+.bg-hover-success {
+  cursor: pointer;
+}
+.bg-hover-success:hover {
+  background-color: var(--kt-success) !important;
+}
+
+.bg-active-success.active {
+  background-color: var(--kt-success) !important;
+}
+
+.bg-state-success {
+  cursor: pointer;
+}
+.bg-state-success.active, .bg-state-success:hover {
+  background-color: var(--kt-success) !important;
+}
+
+.bg-light-info {
+  background-color: var(--kt-info-light) !important;
+}
+
+.bg-info {
+  --kt-bg-rgb-color: var(--kt-info-rgb);
+  background-color: var(--kt-info) !important;
+}
+
+.bg-hover-light-info {
+  cursor: pointer;
+}
+.bg-hover-light-info:hover {
+  background-color: var(--kt-info-light) !important;
+}
+
+.bg-state-light-info {
+  cursor: pointer;
+}
+.bg-state-light-info.active, .bg-state-light-info:hover {
+  background-color: var(--kt-info-light) !important;
+}
+
+.bg-hover-info {
+  cursor: pointer;
+}
+.bg-hover-info:hover {
+  background-color: var(--kt-info) !important;
+}
+
+.bg-active-info.active {
+  background-color: var(--kt-info) !important;
+}
+
+.bg-state-info {
+  cursor: pointer;
+}
+.bg-state-info.active, .bg-state-info:hover {
+  background-color: var(--kt-info) !important;
+}
+
+.bg-light-warning {
+  background-color: var(--kt-warning-light) !important;
+}
+
+.bg-warning {
+  --kt-bg-rgb-color: var(--kt-warning-rgb);
+  background-color: var(--kt-warning) !important;
+}
+
+.bg-hover-light-warning {
+  cursor: pointer;
+}
+.bg-hover-light-warning:hover {
+  background-color: var(--kt-warning-light) !important;
+}
+
+.bg-state-light-warning {
+  cursor: pointer;
+}
+.bg-state-light-warning.active, .bg-state-light-warning:hover {
+  background-color: var(--kt-warning-light) !important;
+}
+
+.bg-hover-warning {
+  cursor: pointer;
+}
+.bg-hover-warning:hover {
+  background-color: var(--kt-warning) !important;
+}
+
+.bg-active-warning.active {
+  background-color: var(--kt-warning) !important;
+}
+
+.bg-state-warning {
+  cursor: pointer;
+}
+.bg-state-warning.active, .bg-state-warning:hover {
+  background-color: var(--kt-warning) !important;
+}
+
+.bg-light-danger {
+  background-color: var(--kt-danger-light) !important;
+}
+
+.bg-danger {
+  --kt-bg-rgb-color: var(--kt-danger-rgb);
+  background-color: var(--kt-danger) !important;
+}
+
+.bg-hover-light-danger {
+  cursor: pointer;
+}
+.bg-hover-light-danger:hover {
+  background-color: var(--kt-danger-light) !important;
+}
+
+.bg-state-light-danger {
+  cursor: pointer;
+}
+.bg-state-light-danger.active, .bg-state-light-danger:hover {
+  background-color: var(--kt-danger-light) !important;
+}
+
+.bg-hover-danger {
+  cursor: pointer;
+}
+.bg-hover-danger:hover {
+  background-color: var(--kt-danger) !important;
+}
+
+.bg-active-danger.active {
+  background-color: var(--kt-danger) !important;
+}
+
+.bg-state-danger {
+  cursor: pointer;
+}
+.bg-state-danger.active, .bg-state-danger:hover {
+  background-color: var(--kt-danger) !important;
+}
+
+.bg-light-dark {
+  background-color: var(--kt-dark-light) !important;
+}
+
+.bg-dark {
+  --kt-bg-rgb-color: var(--kt-dark-rgb);
+  background-color: var(--kt-dark) !important;
+}
+
+.bg-hover-light-dark {
+  cursor: pointer;
+}
+.bg-hover-light-dark:hover {
+  background-color: var(--kt-dark-light) !important;
+}
+
+.bg-state-light-dark {
+  cursor: pointer;
+}
+.bg-state-light-dark.active, .bg-state-light-dark:hover {
+  background-color: var(--kt-dark-light) !important;
+}
+
+.bg-hover-dark {
+  cursor: pointer;
+}
+.bg-hover-dark:hover {
+  background-color: var(--kt-dark) !important;
+}
+
+.bg-active-dark.active {
+  background-color: var(--kt-dark) !important;
+}
+
+.bg-state-dark {
+  cursor: pointer;
+}
+.bg-state-dark.active, .bg-state-dark:hover {
+  background-color: var(--kt-dark) !important;
+}
+
+.bg-gray-100 {
+  background-color: var(--kt-gray-100);
+}
+
+.bg-gray-100i {
+  background-color: var(--kt-gray-100) !important;
+}
+
+.bg-gray-200 {
+  background-color: var(--kt-gray-200);
+}
+
+.bg-gray-200i {
+  background-color: var(--kt-gray-200) !important;
+}
+
+.bg-gray-300 {
+  background-color: var(--kt-gray-300);
+}
+
+.bg-gray-300i {
+  background-color: var(--kt-gray-300) !important;
+}
+
+.bg-gray-400 {
+  background-color: var(--kt-gray-400);
+}
+
+.bg-gray-400i {
+  background-color: var(--kt-gray-400) !important;
+}
+
+.bg-gray-500 {
+  background-color: var(--kt-gray-500);
+}
+
+.bg-gray-500i {
+  background-color: var(--kt-gray-500) !important;
+}
+
+.bg-gray-600 {
+  background-color: var(--kt-gray-600);
+}
+
+.bg-gray-600i {
+  background-color: var(--kt-gray-600) !important;
+}
+
+.bg-gray-700 {
+  background-color: var(--kt-gray-700);
+}
+
+.bg-gray-700i {
+  background-color: var(--kt-gray-700) !important;
+}
+
+.bg-gray-800 {
+  background-color: var(--kt-gray-800);
+}
+
+.bg-gray-800i {
+  background-color: var(--kt-gray-800) !important;
+}
+
+.bg-gray-900 {
+  background-color: var(--kt-gray-900);
+}
+
+.bg-gray-900i {
+  background-color: var(--kt-gray-900) !important;
+}
+
+.bg-opacity-0 {
+  background-color: rgba(var(--kt-bg-rgb-color), 0) !important;
+}
+
+.bg-hover-opacity-0:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0) !important;
+}
+
+.bg-active-opacity-0.active {
+  background-color: rgba(var(--kt-bg-rgb-color), 0) !important;
+}
+
+.bg-state-opacity-0 .active, .bg-state-opacity-0:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0) !important;
+}
+
+.bg-opacity-5 {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.05) !important;
+}
+
+.bg-hover-opacity-5:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.05) !important;
+}
+
+.bg-active-opacity-5.active {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.05) !important;
+}
+
+.bg-state-opacity-5 .active, .bg-state-opacity-5:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.05) !important;
+}
+
+.bg-opacity-10 {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.1) !important;
+}
+
+.bg-hover-opacity-10:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.1) !important;
+}
+
+.bg-active-opacity-10.active {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.1) !important;
+}
+
+.bg-state-opacity-10 .active, .bg-state-opacity-10:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.1) !important;
+}
+
+.bg-opacity-15 {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.15) !important;
+}
+
+.bg-hover-opacity-15:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.15) !important;
+}
+
+.bg-active-opacity-15.active {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.15) !important;
+}
+
+.bg-state-opacity-15 .active, .bg-state-opacity-15:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.15) !important;
+}
+
+.bg-opacity-20 {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.2) !important;
+}
+
+.bg-hover-opacity-20:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.2) !important;
+}
+
+.bg-active-opacity-20.active {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.2) !important;
+}
+
+.bg-state-opacity-20 .active, .bg-state-opacity-20:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.2) !important;
+}
+
+.bg-opacity-25 {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.25) !important;
+}
+
+.bg-hover-opacity-25:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.25) !important;
+}
+
+.bg-active-opacity-25.active {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.25) !important;
+}
+
+.bg-state-opacity-25 .active, .bg-state-opacity-25:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.25) !important;
+}
+
+.bg-opacity-50 {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.5) !important;
+}
+
+.bg-hover-opacity-50:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.5) !important;
+}
+
+.bg-active-opacity-50.active {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.5) !important;
+}
+
+.bg-state-opacity-50 .active, .bg-state-opacity-50:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.5) !important;
+}
+
+.bg-opacity-75 {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.75) !important;
+}
+
+.bg-hover-opacity-75:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.75) !important;
+}
+
+.bg-active-opacity-75.active {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.75) !important;
+}
+
+.bg-state-opacity-75 .active, .bg-state-opacity-75:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 0.75) !important;
+}
+
+.bg-opacity-100 {
+  background-color: rgba(var(--kt-bg-rgb-color), 1) !important;
+}
+
+.bg-hover-opacity-100:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 1) !important;
+}
+
+.bg-active-opacity-100.active {
+  background-color: rgba(var(--kt-bg-rgb-color), 1) !important;
+}
+
+.bg-state-opacity-100 .active, .bg-state-opacity-100:hover {
+  background-color: rgba(var(--kt-bg-rgb-color), 1) !important;
+}
+
+.bg-black {
+  background-color: #000000;
+}
+
+.bg-body {
+  --bg-color: var(--kt-body-bg-rgb);
+  background-color: var(--kt-body-bg) !important;
+}
+
+.bgi-no-repeat {
+  background-repeat: no-repeat;
+}
+
+.bgi-position-y-top {
+  background-position-y: top;
+}
+
+.bgi-position-y-bottom {
+  background-position-y: bottom;
+}
+
+.bgi-position-y-center {
+  background-position-y: center;
+}
+
+.bgi-position-x-start {
+  background-position-x: left;
+}
+
+.bgi-position-x-end {
+  background-position-x: right;
+}
+
+.bgi-position-x-center {
+  background-position-x: center;
+}
+
+.bgi-position-top {
+  background-position: 0 top;
+}
+
+.bgi-position-bottom {
+  background-position: 0 bottom;
+}
+
+.bgi-position-center {
+  background-position: center;
+}
+
+.bgi-size-auto {
+  background-size: auto;
+}
+
+.bgi-size-cover {
+  background-size: cover;
+}
+
+.bgi-size-contain {
+  background-size: contain;
+}
+
+.bgi-attachment-fixed {
+  background-attachment: fixed;
+}
+
+.bgi-attachment-scroll {
+  background-attachment: scroll;
+}
+
+@media (min-width: 576px) {
+  .bgi-size-sm-auto {
+    background-size: auto;
+  }
+  .bgi-size-sm-cover {
+    background-size: cover;
+  }
+  .bgi-size-sm-contain {
+    background-size: contain;
+  }
+  .bgi-attachment-sm-fixed {
+    background-attachment: fixed;
+  }
+  .bgi-attachment-sm-scroll {
+    background-attachment: scroll;
+  }
+}
+@media (min-width: 768px) {
+  .bgi-size-md-auto {
+    background-size: auto;
+  }
+  .bgi-size-md-cover {
+    background-size: cover;
+  }
+  .bgi-size-md-contain {
+    background-size: contain;
+  }
+  .bgi-attachment-md-fixed {
+    background-attachment: fixed;
+  }
+  .bgi-attachment-md-scroll {
+    background-attachment: scroll;
+  }
+}
+@media (min-width: 992px) {
+  .bgi-size-lg-auto {
+    background-size: auto;
+  }
+  .bgi-size-lg-cover {
+    background-size: cover;
+  }
+  .bgi-size-lg-contain {
+    background-size: contain;
+  }
+  .bgi-attachment-lg-fixed {
+    background-attachment: fixed;
+  }
+  .bgi-attachment-lg-scroll {
+    background-attachment: scroll;
+  }
+}
+@media (min-width: 1200px) {
+  .bgi-size-xl-auto {
+    background-size: auto;
+  }
+  .bgi-size-xl-cover {
+    background-size: cover;
+  }
+  .bgi-size-xl-contain {
+    background-size: contain;
+  }
+  .bgi-attachment-xl-fixed {
+    background-attachment: fixed;
+  }
+  .bgi-attachment-xl-scroll {
+    background-attachment: scroll;
+  }
+}
+@media (min-width: 1400px) {
+  .bgi-size-xxl-auto {
+    background-size: auto;
+  }
+  .bgi-size-xxl-cover {
+    background-size: cover;
+  }
+  .bgi-size-xxl-contain {
+    background-size: contain;
+  }
+  .bgi-attachment-xxl-fixed {
+    background-attachment: fixed;
+  }
+  .bgi-attachment-xxl-scroll {
+    background-attachment: scroll;
+  }
+}
+.border-active:not(.active):not(:active):not(:hover):not(:focus) {
+  border-color: transparent !important;
+}
+
+.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
+  cursor: pointer;
+  border-color: transparent !important;
+}
+
+.border-gray-100 {
+  border-color: var(--kt-gray-100) !important;
+}
+
+.border-gray-200 {
+  border-color: var(--kt-gray-200) !important;
+}
+
+.border-gray-300 {
+  border-color: var(--kt-gray-300) !important;
+}
+
+.border-gray-400 {
+  border-color: var(--kt-gray-400) !important;
+}
+
+.border-gray-500 {
+  border-color: var(--kt-gray-500) !important;
+}
+
+.border-gray-600 {
+  border-color: var(--kt-gray-600) !important;
+}
+
+.border-gray-700 {
+  border-color: var(--kt-gray-700) !important;
+}
+
+.border-gray-800 {
+  border-color: var(--kt-gray-800) !important;
+}
+
+.border-gray-900 {
+  border-color: var(--kt-gray-900) !important;
+}
+
+.border-hover-white:hover {
+  border-color: var(--kt-white) !important;
+}
+
+.border-active-white.active {
+  border-color: var(--kt-white) !important;
+}
+
+.border-hover-light:hover {
+  border-color: var(--kt-light) !important;
+}
+
+.border-active-light.active {
+  border-color: var(--kt-light) !important;
+}
+
+.border-hover-primary:hover {
+  border-color: var(--kt-primary) !important;
+}
+
+.border-active-primary.active {
+  border-color: var(--kt-primary) !important;
+}
+
+.border-hover-secondary:hover {
+  border-color: var(--kt-secondary) !important;
+}
+
+.border-active-secondary.active {
+  border-color: var(--kt-secondary) !important;
+}
+
+.border-hover-success:hover {
+  border-color: var(--kt-success) !important;
+}
+
+.border-active-success.active {
+  border-color: var(--kt-success) !important;
+}
+
+.border-hover-info:hover {
+  border-color: var(--kt-info) !important;
+}
+
+.border-active-info.active {
+  border-color: var(--kt-info) !important;
+}
+
+.border-hover-warning:hover {
+  border-color: var(--kt-warning) !important;
+}
+
+.border-active-warning.active {
+  border-color: var(--kt-warning) !important;
+}
+
+.border-hover-danger:hover {
+  border-color: var(--kt-danger) !important;
+}
+
+.border-active-danger.active {
+  border-color: var(--kt-danger) !important;
+}
+
+.border-hover-dark:hover {
+  border-color: var(--kt-dark) !important;
+}
+
+.border-active-dark.active {
+  border-color: var(--kt-dark) !important;
+}
+
+.border-hover-transparent:hover {
+  border-color: transparent !important;
+}
+
+.border-dashed {
+  border-style: dashed !important;
+  border-color: var(--kt-border-dashed-color);
+}
+
+.border-top-dashed {
+  border-top-style: dashed !important;
+}
+
+.border-bottom-dashed {
+  border-bottom-style: dashed !important;
+}
+
+.border-start-dashed {
+  border-left-style: dashed !important;
+}
+
+.border-end-dashed {
+  border-right-style: dashed !important;
+}
+
+.border-dotted {
+  border-style: dotted !important;
+}
+
+.border-top-dotted {
+  border-top-style: dotted !important;
+}
+
+.border-bottom-dotted {
+  border-bottom-style: dotted !important;
+}
+
+.border-start-dotted {
+  border-left-style: dotted !important;
+}
+
+.border-end-dotted {
+  border-right-style: dotted !important;
+}
+
+.border-transparent {
+  border-color: transparent !important;
+}
+
+.border-body {
+  border-color: var(--kt-body-bg) !important;
+}
+
+.rounded-top-0 {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
+
+.rounded-bottom-0 {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+.rounded-start-0 {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+
+.rounded-end-0 {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+.rounded-circle {
+  border-radius: 50% !important;
+}
+
+.flex-root {
+  flex: 1;
+}
+
+.flex-column-auto {
+  flex: none;
+}
+
+.flex-column-fluid {
+  flex: 1 0 auto;
+}
+
+.flex-row-auto {
+  flex: 0 0 auto;
+}
+
+.flex-row-fluid {
+  flex: 1 auto;
+  min-width: 0;
+}
+
+.flex-center {
+  justify-content: center;
+  align-items: center;
+}
+
+.flex-start {
+  justify-content: start;
+  align-items: start;
+}
+
+.flex-end {
+  justify-content: end;
+  align-items: end;
+}
+
+.flex-stack {
+  justify-content: space-between;
+  align-items: center;
+}
+
+@media (min-width: 576px) {
+  .flex-sm-root {
+    flex: 1;
+  }
+  .flex-sm-column-auto {
+    flex: none;
+  }
+  .flex-sm-column-fluid {
+    flex: 1 0 auto;
+  }
+  .flex-sm-row-auto {
+    flex: 0 0 auto;
+  }
+  .flex-sm-row-fluid {
+    flex: 1 auto;
+    min-width: 0;
+  }
+  .flex-sm-center {
+    justify-content: center;
+    align-items: center;
+  }
+  .flex-sm-start {
+    justify-content: start;
+    align-items: start;
+  }
+  .flex-sm-end {
+    justify-content: end;
+    align-items: end;
+  }
+  .flex-sm-stack {
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+@media (min-width: 768px) {
+  .flex-md-root {
+    flex: 1;
+  }
+  .flex-md-column-auto {
+    flex: none;
+  }
+  .flex-md-column-fluid {
+    flex: 1 0 auto;
+  }
+  .flex-md-row-auto {
+    flex: 0 0 auto;
+  }
+  .flex-md-row-fluid {
+    flex: 1 auto;
+    min-width: 0;
+  }
+  .flex-md-center {
+    justify-content: center;
+    align-items: center;
+  }
+  .flex-md-start {
+    justify-content: start;
+    align-items: start;
+  }
+  .flex-md-end {
+    justify-content: end;
+    align-items: end;
+  }
+  .flex-md-stack {
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+@media (min-width: 992px) {
+  .flex-lg-root {
+    flex: 1;
+  }
+  .flex-lg-column-auto {
+    flex: none;
+  }
+  .flex-lg-column-fluid {
+    flex: 1 0 auto;
+  }
+  .flex-lg-row-auto {
+    flex: 0 0 auto;
+  }
+  .flex-lg-row-fluid {
+    flex: 1 auto;
+    min-width: 0;
+  }
+  .flex-lg-center {
+    justify-content: center;
+    align-items: center;
+  }
+  .flex-lg-start {
+    justify-content: start;
+    align-items: start;
+  }
+  .flex-lg-end {
+    justify-content: end;
+    align-items: end;
+  }
+  .flex-lg-stack {
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+@media (min-width: 1200px) {
+  .flex-xl-root {
+    flex: 1;
+  }
+  .flex-xl-column-auto {
+    flex: none;
+  }
+  .flex-xl-column-fluid {
+    flex: 1 0 auto;
+  }
+  .flex-xl-row-auto {
+    flex: 0 0 auto;
+  }
+  .flex-xl-row-fluid {
+    flex: 1 auto;
+    min-width: 0;
+  }
+  .flex-xl-center {
+    justify-content: center;
+    align-items: center;
+  }
+  .flex-xl-start {
+    justify-content: start;
+    align-items: start;
+  }
+  .flex-xl-end {
+    justify-content: end;
+    align-items: end;
+  }
+  .flex-xl-stack {
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+@media (min-width: 1400px) {
+  .flex-xxl-root {
+    flex: 1;
+  }
+  .flex-xxl-column-auto {
+    flex: none;
+  }
+  .flex-xxl-column-fluid {
+    flex: 1 0 auto;
+  }
+  .flex-xxl-row-auto {
+    flex: 0 0 auto;
+  }
+  .flex-xxl-row-fluid {
+    flex: 1 auto;
+    min-width: 0;
+  }
+  .flex-xxl-center {
+    justify-content: center;
+    align-items: center;
+  }
+  .flex-xxl-start {
+    justify-content: start;
+    align-items: start;
+  }
+  .flex-xxl-end {
+    justify-content: end;
+    align-items: end;
+  }
+  .flex-xxl-stack {
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+.flex-equal {
+  flex-grow: 1;
+  flex-basis: 0;
+  flex-shrink: 0;
+}
+
+.shadow-xs {
+  box-shadow: var(--kt-box-shadow-xs);
+}
+
+.shadow-sm {
+  box-shadow: var(--kt-box-shadow-sm);
+}
+
+.shadow {
+  box-shadow: var(--kt-box-shadow);
+}
+
+.shadow-lg {
+  box-shadow: var(--kt-box-shadow-lg);
+}
+
+.text-white {
+  color: var(--kt-text-white) !important;
+}
+
+.text-hover-white {
+  transition: color 0.2s ease;
+}
+.text-hover-white i {
+  transition: color 0.2s ease;
+}
+.text-hover-white:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-white) !important;
+}
+.text-hover-white:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-white) !important;
+}
+.text-hover-white:hover .svg-icon {
+  color: var(--kt-text-white) !important;
+}
+
+.text-active-white {
+  transition: color 0.2s ease;
+}
+.text-active-white i {
+  transition: color 0.2s ease;
+}
+.text-active-white.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-white) !important;
+}
+.text-active-white.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-white) !important;
+}
+.text-active-white.active .svg-icon {
+  color: var(--kt-text-white) !important;
+}
+
+.text-primary {
+  color: var(--kt-text-primary) !important;
+}
+
+.text-inverse-primary {
+  color: var(--kt-primary-inverse) !important;
+}
+
+.text-light-primary {
+  color: var(--kt-primary-light) !important;
+}
+
+.text-hover-primary {
+  transition: color 0.2s ease;
+}
+.text-hover-primary i {
+  transition: color 0.2s ease;
+}
+.text-hover-primary:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-primary) !important;
+}
+.text-hover-primary:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-primary) !important;
+}
+.text-hover-primary:hover .svg-icon {
+  color: var(--kt-text-primary) !important;
+}
+
+.text-active-primary {
+  transition: color 0.2s ease;
+}
+.text-active-primary i {
+  transition: color 0.2s ease;
+}
+.text-active-primary.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-primary) !important;
+}
+.text-active-primary.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-primary) !important;
+}
+.text-active-primary.active .svg-icon {
+  color: var(--kt-text-primary) !important;
+}
+
+.text-secondary {
+  color: var(--kt-text-secondary) !important;
+}
+
+.text-inverse-secondary {
+  color: var(--kt-secondary-inverse) !important;
+}
+
+.text-light-secondary {
+  color: var(--kt-secondary-light) !important;
+}
+
+.text-hover-secondary {
+  transition: color 0.2s ease;
+}
+.text-hover-secondary i {
+  transition: color 0.2s ease;
+}
+.text-hover-secondary:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-secondary) !important;
+}
+.text-hover-secondary:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-secondary) !important;
+}
+.text-hover-secondary:hover .svg-icon {
+  color: var(--kt-text-secondary) !important;
+}
+
+.text-active-secondary {
+  transition: color 0.2s ease;
+}
+.text-active-secondary i {
+  transition: color 0.2s ease;
+}
+.text-active-secondary.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-secondary) !important;
+}
+.text-active-secondary.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-secondary) !important;
+}
+.text-active-secondary.active .svg-icon {
+  color: var(--kt-text-secondary) !important;
+}
+
+.text-light {
+  color: var(--kt-text-light) !important;
+}
+
+.text-inverse-light {
+  color: var(--kt-light-inverse) !important;
+}
+
+.text-hover-light {
+  transition: color 0.2s ease;
+}
+.text-hover-light i {
+  transition: color 0.2s ease;
+}
+.text-hover-light:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-light) !important;
+}
+.text-hover-light:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-light) !important;
+}
+.text-hover-light:hover .svg-icon {
+  color: var(--kt-text-light) !important;
+}
+
+.text-active-light {
+  transition: color 0.2s ease;
+}
+.text-active-light i {
+  transition: color 0.2s ease;
+}
+.text-active-light.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-light) !important;
+}
+.text-active-light.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-light) !important;
+}
+.text-active-light.active .svg-icon {
+  color: var(--kt-text-light) !important;
+}
+
+.text-success {
+  color: var(--kt-text-success) !important;
+}
+
+.text-inverse-success {
+  color: var(--kt-success-inverse) !important;
+}
+
+.text-light-success {
+  color: var(--kt-success-light) !important;
+}
+
+.text-hover-success {
+  transition: color 0.2s ease;
+}
+.text-hover-success i {
+  transition: color 0.2s ease;
+}
+.text-hover-success:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-success) !important;
+}
+.text-hover-success:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-success) !important;
+}
+.text-hover-success:hover .svg-icon {
+  color: var(--kt-text-success) !important;
+}
+
+.text-active-success {
+  transition: color 0.2s ease;
+}
+.text-active-success i {
+  transition: color 0.2s ease;
+}
+.text-active-success.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-success) !important;
+}
+.text-active-success.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-success) !important;
+}
+.text-active-success.active .svg-icon {
+  color: var(--kt-text-success) !important;
+}
+
+.text-info {
+  color: var(--kt-text-info) !important;
+}
+
+.text-inverse-info {
+  color: var(--kt-info-inverse) !important;
+}
+
+.text-light-info {
+  color: var(--kt-info-light) !important;
+}
+
+.text-hover-info {
+  transition: color 0.2s ease;
+}
+.text-hover-info i {
+  transition: color 0.2s ease;
+}
+.text-hover-info:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-info) !important;
+}
+.text-hover-info:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-info) !important;
+}
+.text-hover-info:hover .svg-icon {
+  color: var(--kt-text-info) !important;
+}
+
+.text-active-info {
+  transition: color 0.2s ease;
+}
+.text-active-info i {
+  transition: color 0.2s ease;
+}
+.text-active-info.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-info) !important;
+}
+.text-active-info.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-info) !important;
+}
+.text-active-info.active .svg-icon {
+  color: var(--kt-text-info) !important;
+}
+
+.text-warning {
+  color: var(--kt-text-warning) !important;
+}
+
+.text-inverse-warning {
+  color: var(--kt-warning-inverse) !important;
+}
+
+.text-light-warning {
+  color: var(--kt-warning-light) !important;
+}
+
+.text-hover-warning {
+  transition: color 0.2s ease;
+}
+.text-hover-warning i {
+  transition: color 0.2s ease;
+}
+.text-hover-warning:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-warning) !important;
+}
+.text-hover-warning:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-warning) !important;
+}
+.text-hover-warning:hover .svg-icon {
+  color: var(--kt-text-warning) !important;
+}
+
+.text-active-warning {
+  transition: color 0.2s ease;
+}
+.text-active-warning i {
+  transition: color 0.2s ease;
+}
+.text-active-warning.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-warning) !important;
+}
+.text-active-warning.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-warning) !important;
+}
+.text-active-warning.active .svg-icon {
+  color: var(--kt-text-warning) !important;
+}
+
+.text-danger {
+  color: var(--kt-text-danger) !important;
+}
+
+.text-inverse-danger {
+  color: var(--kt-danger-inverse) !important;
+}
+
+.text-light-danger {
+  color: var(--kt-danger-light) !important;
+}
+
+.text-hover-danger {
+  transition: color 0.2s ease;
+}
+.text-hover-danger i {
+  transition: color 0.2s ease;
+}
+.text-hover-danger:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-danger) !important;
+}
+.text-hover-danger:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-danger) !important;
+}
+.text-hover-danger:hover .svg-icon {
+  color: var(--kt-text-danger) !important;
+}
+
+.text-active-danger {
+  transition: color 0.2s ease;
+}
+.text-active-danger i {
+  transition: color 0.2s ease;
+}
+.text-active-danger.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-danger) !important;
+}
+.text-active-danger.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-danger) !important;
+}
+.text-active-danger.active .svg-icon {
+  color: var(--kt-text-danger) !important;
+}
+
+.text-dark {
+  color: var(--kt-text-dark) !important;
+}
+
+.text-inverse-dark {
+  color: var(--kt-dark-inverse) !important;
+}
+
+.text-light-dark {
+  color: var(--kt-dark-light) !important;
+}
+
+.text-hover-dark {
+  transition: color 0.2s ease;
+}
+.text-hover-dark i {
+  transition: color 0.2s ease;
+}
+.text-hover-dark:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-dark) !important;
+}
+.text-hover-dark:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-dark) !important;
+}
+.text-hover-dark:hover .svg-icon {
+  color: var(--kt-text-dark) !important;
+}
+
+.text-active-dark {
+  transition: color 0.2s ease;
+}
+.text-active-dark i {
+  transition: color 0.2s ease;
+}
+.text-active-dark.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-dark) !important;
+}
+.text-active-dark.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-dark) !important;
+}
+.text-active-dark.active .svg-icon {
+  color: var(--kt-text-dark) !important;
+}
+
+.text-muted {
+  color: var(--kt-text-muted) !important;
+}
+
+.text-hover-muted {
+  transition: color 0.2s ease;
+}
+.text-hover-muted i {
+  transition: color 0.2s ease;
+}
+.text-hover-muted:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-muted) !important;
+}
+.text-hover-muted:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-muted) !important;
+}
+.text-hover-muted:hover .svg-icon {
+  color: var(--kt-text-muted) !important;
+}
+
+.text-active-muted {
+  transition: color 0.2s ease;
+}
+.text-active-muted i {
+  transition: color 0.2s ease;
+}
+.text-active-muted.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-muted) !important;
+}
+.text-active-muted.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-muted) !important;
+}
+.text-active-muted.active .svg-icon {
+  color: var(--kt-text-muted) !important;
+}
+
+.text-gray-100 {
+  color: var(--kt-text-gray-100) !important;
+}
+
+.text-hover-gray-100 {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-100 i {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-100:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-100) !important;
+}
+.text-hover-gray-100:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-100) !important;
+}
+.text-hover-gray-100:hover .svg-icon {
+  color: var(--kt-text-gray-100) !important;
+}
+
+.text-active-gray-100 {
+  transition: color 0.2s ease;
+}
+.text-active-gray-100 i {
+  transition: color 0.2s ease;
+}
+.text-active-gray-100.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-100) !important;
+}
+.text-active-gray-100.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-100) !important;
+}
+.text-active-gray-100.active .svg-icon {
+  color: var(--kt-text-gray-100) !important;
+}
+
+.text-gray-200 {
+  color: var(--kt-text-gray-200) !important;
+}
+
+.text-hover-gray-200 {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-200 i {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-200:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-200) !important;
+}
+.text-hover-gray-200:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-200) !important;
+}
+.text-hover-gray-200:hover .svg-icon {
+  color: var(--kt-text-gray-200) !important;
+}
+
+.text-active-gray-200 {
+  transition: color 0.2s ease;
+}
+.text-active-gray-200 i {
+  transition: color 0.2s ease;
+}
+.text-active-gray-200.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-200) !important;
+}
+.text-active-gray-200.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-200) !important;
+}
+.text-active-gray-200.active .svg-icon {
+  color: var(--kt-text-gray-200) !important;
+}
+
+.text-gray-300 {
+  color: var(--kt-text-gray-300) !important;
+}
+
+.text-hover-gray-300 {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-300 i {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-300:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-300) !important;
+}
+.text-hover-gray-300:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-300) !important;
+}
+.text-hover-gray-300:hover .svg-icon {
+  color: var(--kt-text-gray-300) !important;
+}
+
+.text-active-gray-300 {
+  transition: color 0.2s ease;
+}
+.text-active-gray-300 i {
+  transition: color 0.2s ease;
+}
+.text-active-gray-300.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-300) !important;
+}
+.text-active-gray-300.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-300) !important;
+}
+.text-active-gray-300.active .svg-icon {
+  color: var(--kt-text-gray-300) !important;
+}
+
+.text-gray-400 {
+  color: var(--kt-text-gray-400) !important;
+}
+
+.text-hover-gray-400 {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-400 i {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-400:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-400) !important;
+}
+.text-hover-gray-400:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-400) !important;
+}
+.text-hover-gray-400:hover .svg-icon {
+  color: var(--kt-text-gray-400) !important;
+}
+
+.text-active-gray-400 {
+  transition: color 0.2s ease;
+}
+.text-active-gray-400 i {
+  transition: color 0.2s ease;
+}
+.text-active-gray-400.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-400) !important;
+}
+.text-active-gray-400.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-400) !important;
+}
+.text-active-gray-400.active .svg-icon {
+  color: var(--kt-text-gray-400) !important;
+}
+
+.text-gray-500 {
+  color: var(--kt-text-gray-500) !important;
+}
+
+.text-hover-gray-500 {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-500 i {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-500:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-500) !important;
+}
+.text-hover-gray-500:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-500) !important;
+}
+.text-hover-gray-500:hover .svg-icon {
+  color: var(--kt-text-gray-500) !important;
+}
+
+.text-active-gray-500 {
+  transition: color 0.2s ease;
+}
+.text-active-gray-500 i {
+  transition: color 0.2s ease;
+}
+.text-active-gray-500.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-500) !important;
+}
+.text-active-gray-500.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-500) !important;
+}
+.text-active-gray-500.active .svg-icon {
+  color: var(--kt-text-gray-500) !important;
+}
+
+.text-gray-600 {
+  color: var(--kt-text-gray-600) !important;
+}
+
+.text-hover-gray-600 {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-600 i {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-600:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-600) !important;
+}
+.text-hover-gray-600:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-600) !important;
+}
+.text-hover-gray-600:hover .svg-icon {
+  color: var(--kt-text-gray-600) !important;
+}
+
+.text-active-gray-600 {
+  transition: color 0.2s ease;
+}
+.text-active-gray-600 i {
+  transition: color 0.2s ease;
+}
+.text-active-gray-600.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-600) !important;
+}
+.text-active-gray-600.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-600) !important;
+}
+.text-active-gray-600.active .svg-icon {
+  color: var(--kt-text-gray-600) !important;
+}
+
+.text-gray-700 {
+  color: var(--kt-text-gray-700) !important;
+}
+
+.text-hover-gray-700 {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-700 i {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-700:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-700) !important;
+}
+.text-hover-gray-700:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-700) !important;
+}
+.text-hover-gray-700:hover .svg-icon {
+  color: var(--kt-text-gray-700) !important;
+}
+
+.text-active-gray-700 {
+  transition: color 0.2s ease;
+}
+.text-active-gray-700 i {
+  transition: color 0.2s ease;
+}
+.text-active-gray-700.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-700) !important;
+}
+.text-active-gray-700.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-700) !important;
+}
+.text-active-gray-700.active .svg-icon {
+  color: var(--kt-text-gray-700) !important;
+}
+
+.text-gray-800 {
+  color: var(--kt-text-gray-800) !important;
+}
+
+.text-hover-gray-800 {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-800 i {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-800:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-800) !important;
+}
+.text-hover-gray-800:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-800) !important;
+}
+.text-hover-gray-800:hover .svg-icon {
+  color: var(--kt-text-gray-800) !important;
+}
+
+.text-active-gray-800 {
+  transition: color 0.2s ease;
+}
+.text-active-gray-800 i {
+  transition: color 0.2s ease;
+}
+.text-active-gray-800.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-800) !important;
+}
+.text-active-gray-800.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-800) !important;
+}
+.text-active-gray-800.active .svg-icon {
+  color: var(--kt-text-gray-800) !important;
+}
+
+.text-gray-900 {
+  color: var(--kt-text-gray-900) !important;
+}
+
+.text-hover-gray-900 {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-900 i {
+  transition: color 0.2s ease;
+}
+.text-hover-gray-900:hover {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-900) !important;
+}
+.text-hover-gray-900:hover i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-900) !important;
+}
+.text-hover-gray-900:hover .svg-icon {
+  color: var(--kt-text-gray-900) !important;
+}
+
+.text-active-gray-900 {
+  transition: color 0.2s ease;
+}
+.text-active-gray-900 i {
+  transition: color 0.2s ease;
+}
+.text-active-gray-900.active {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-900) !important;
+}
+.text-active-gray-900.active i {
+  transition: color 0.2s ease;
+  color: var(--kt-text-gray-900) !important;
+}
+.text-active-gray-900.active .svg-icon {
+  color: var(--kt-text-gray-900) !important;
+}
+
+.text-transparent {
+  color: transparent;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.cursor-default {
+  cursor: default;
+}
+
+.cursor-move {
+  cursor: move;
+}
+
+i {
+  line-height: 1;
+  font-size: 1rem;
+  color: var(--kt-text-muted);
+}
+
+a {
+  transition: color 0.2s ease;
+}
+a:hover {
+  transition: color 0.2s ease;
+}
+
+.opacity-active-0.active {
+  opacity: 0 !important;
+}
+
+.opacity-state-0:hover, .opacity-state-0.active {
+  opacity: 0 !important;
+}
+
+.opacity-active-5.active {
+  opacity: 0.05 !important;
+}
+
+.opacity-state-5:hover, .opacity-state-5.active {
+  opacity: 0.05 !important;
+}
+
+.opacity-active-10.active {
+  opacity: 0.1 !important;
+}
+
+.opacity-state-10:hover, .opacity-state-10.active {
+  opacity: 0.1 !important;
+}
+
+.opacity-active-15.active {
+  opacity: 0.15 !important;
+}
+
+.opacity-state-15:hover, .opacity-state-15.active {
+  opacity: 0.15 !important;
+}
+
+.opacity-active-20.active {
+  opacity: 0.2 !important;
+}
+
+.opacity-state-20:hover, .opacity-state-20.active {
+  opacity: 0.2 !important;
+}
+
+.opacity-active-25.active {
+  opacity: 0.25 !important;
+}
+
+.opacity-state-25:hover, .opacity-state-25.active {
+  opacity: 0.25 !important;
+}
+
+.opacity-active-50.active {
+  opacity: 0.5 !important;
+}
+
+.opacity-state-50:hover, .opacity-state-50.active {
+  opacity: 0.5 !important;
+}
+
+.opacity-active-75.active {
+  opacity: 0.75 !important;
+}
+
+.opacity-state-75:hover, .opacity-state-75.active {
+  opacity: 0.75 !important;
+}
+
+.opacity-active-100.active {
+  opacity: 1 !important;
+}
+
+.opacity-state-100:hover, .opacity-state-100.active {
+  opacity: 1 !important;
+}
+
+.transform-90 {
+  transform: rotate(90deg);
+  transform-origin: right top;
+}
+
+:root,
+[data-theme=light] {
+  --kt-app-bg-color: #f5f8fa;
+  --kt-app-blank-bg-color: #ffffff;
+  --kt-app-header-base-bg-color: #ffffff;
+  --kt-app-header-base-bg-color-mobile: #ffffff;
+  --kt-app-header-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
+  --kt-app-header-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
+  --kt-app-toolbar-base-bg-color: #ffffff;
+  --kt-app-toolbar-base-bg-color-mobile: #ffffff;
+  --kt-app-toolbar-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
+  --kt-app-toolbar-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
+  --kt-app-toolbar-base-border-top: 1px solid #eff2f5;
+  --kt-app-toolbar-base-border-top-mobile: 1px solid #eff2f5;
+  --kt-app-footer-bg-color: #ffffff;
+  --kt-app-footer-bg-color-mobile: #ffffff;
+}
+
+[data-theme=dark] {
+  --kt-app-bg-color: #151521;
+  --kt-app-blank-bg-color: #151521;
+  --kt-app-header-base-bg-color: #1e1e2d;
+  --kt-app-header-base-bg-color-mobile: #1e1e2d;
+  --kt-app-header-base-box-shadow: none;
+  --kt-app-header-base-box-shadow-mobile: none;
+  --kt-app-toolbar-base-bg-color: #1a1a27;
+  --kt-app-toolbar-base-bg-color-mobile: #1a1a27;
+  --kt-app-toolbar-base-box-shadow: none;
+  --kt-app-toolbar-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
+  --kt-app-toolbar-base-border-top: 0;
+  --kt-app-toolbar-base-border-top-mobile: 1px solid #eff2f5;
+  --kt-app-footer-bg-color: #1e1e2d;
+  --kt-app-footer-bg-color-mobile: #1e1e2d;
+}
+
+html {
+  font-family: sans-serif;
+  text-size-adjust: 100%;
+}
+
+html,
+body {
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 13px !important;
+  font-weight: 400;
+  font-family: Poppins, Helvetica, "sans-serif";
+}
+@media (max-width: 991.98px) {
+  html,
+body {
+    font-size: 12px !important;
+  }
+}
+@media (max-width: 767.98px) {
+  html,
+body {
+    font-size: 12px !important;
+  }
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+}
+body a:hover,
+body a:active,
+body a:focus {
+  text-decoration: none !important;
+}
+
+canvas {
+  user-select: none;
+}
+
+router-outlet {
+  display: none;
+}
+
+body,
+.app-default {
+  background-color: var(--kt-app-bg-color);
+}
+
+.app-blank {
+  background-color: var(--kt-app-blank-bg-color);
+}
+
+[data-kt-app-reset-transition=true] * {
+  transition: none !important;
+}
+
+.app-page {
+  display: flex;
+}
+
+[data-kt-app-page-loading=on] {
+  overflow: hidden;
+}
+
+[data-kt-app-page-loading=on] * {
+  transition: none !important;
+}
+
+.app-page-loader {
+  background: var(--kt-body-bg);
+  color: var(--kt-body-color);
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 10000;
+  display: none;
+}
+[data-kt-app-page-loading=on] .app-page-loader {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+@media (min-width: 992px) {
+  .app-container {
+    padding-left: 30px !important;
+    padding-right: 30px !important;
+  }
+  .app-container-fit-desktop {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+}
+@media (max-width: 991.98px) {
+  .app-container {
+    max-width: none;
+    padding-left: 20px !important;
+    padding-right: 20px !important;
+  }
+  .app-container-fit-mobile {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+}
+@media print {
+  .app-print-content-only {
+    padding: 0 !important;
+    background: none !important;
+  }
+  .app-print-content-only .app-wrapper,
+.app-print-content-only .app-page,
+.app-print-content-only .app-page-title,
+.app-print-content-only .app-content,
+.app-print-content-only .app-container {
+    background: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+  }
+  .app-print-content-only .app-aside,
+.app-print-content-only .app-aside-panel,
+.app-print-content-only .app-sidebar,
+.app-print-content-only .app-sidebar-panel,
+.app-print-content-only .app-header,
+.app-print-content-only .app-footer,
+.app-print-content-only .app-toolbar,
+.app-print-content-only .drawer,
+.app-print-content-only .scrolltop,
+.app-print-content-only .btn {
+    display: none !important;
+  }
+}
+.app-navbar {
+  display: flex;
+  align-items: stretch;
+}
+.app-navbar .app-navbar-item {
+  display: flex;
+  align-items: center;
+}
+.app-navbar.app-navbar-stretch .app-navbar-item {
+  align-items: stretch;
+}
+
+.app-header {
+  transition: none;
+  display: flex;
+  align-items: stretch;
+}
+
+@media (min-width: 992px) {
+  .app-header {
+    background-color: var(--kt-app-header-base-bg-color);
+    box-shadow: var(--kt-app-header-base-box-shadow);
+    border-bottom: var(--kt-app-header-base-border-bottom);
+  }
+  :root {
+    --kt-app-header-height: 70px;
+    --kt-app-header-height-actual: 70px;
+  }
+  [data-kt-app-header-sticky=on] {
+    --kt-app-header-height: 70px;
+    --kt-app-header-height-actual: 70px;
+  }
+  [data-kt-app-header-sticky=on][data-kt-app-header-stacked=true] {
+    --kt-app-header-height: calc(var(--kt-app-header-primary-height, 0px) + var(--kt-app-header-secondary-height, 0px));
+    --kt-app-header-height-actual: calc(70px + 70px);
+  }
+  [data-kt-app-header-minimize=on] {
+    --kt-app-header-height: 70px;
+  }
+  .app-header {
+    height: var(--kt-app-header-height);
+  }
+  [data-kt-app-header-fixed=true] .app-header {
+    z-index: 100;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+  }
+  [data-kt-app-header-static=true] .app-header {
+    position: relative;
+  }
+  [data-kt-app-header-stacked=true] .app-header {
+    flex-direction: column;
+    height: calc(var(--kt-app-header-primary-height) + var(--kt-app-header-secondary-height, 0px));
+  }
+  [data-kt-app-header-sticky=on] .app-header {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    z-index: 100;
+    background-color: var(--kt-app-header-sticky-bg-color);
+    box-shadow: var(--kt-app-header-sticky-box-shadow);
+    border-bottom: var(--kt-app-header-sticky-border-bottom);
+  }
+  [data-kt-app-header-minimize=on] .app-header {
+    transition: none;
+    z-index: 100;
+    background-color: var(--kt-app-header-minimize-bg-color);
+    box-shadow: var(--kt-app-header-minimize-box-shadow);
+    border-bottom: var(--kt-app-header-minimize-border-bottom);
+  }
+  .app-header .app-header-mobile-drawer {
+    display: flex;
+  }
+  [data-kt-app-header-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header, [data-kt-app-header-fixed=true][data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header {
+    left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px));
+  }
+  body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header, body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header {
+    margin-left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px));
+  }
+  [data-kt-app-header-fixed=true][data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-header=true] .app-header, [data-kt-app-header-fixed=true][data-kt-app-sidebar-panel-sticky=on][data-kt-app-sidebar-panel-push-header=true] .app-header {
+    left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px) + var(--kt-app-sidebar-panel-width) + var(--kt-app-sidebar-panel-gap-start, 0px) + var(--kt-app-sidebar-panel-gap-end, 0px));
+  }
+  body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-header=true] .app-header, body:not([data-kt-app-header-fixed=true])[data-kt-app-sidebar-panel-sticky=on][data-kt-app-sidebar-panel-push-header=true] .app-header {
+    margin-left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px) + var(--kt-app-sidebar-panel-width) + var(--kt-app-sidebar-panel-gap-start, 0px) + var(--kt-app-sidebar-panel-gap-end, 0px));
+  }
+  [data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true] .app-header {
+    box-shadow: none;
+  }
+}
+@media (max-width: 991.98px) {
+  .app-header {
+    background-color: var(--kt-app-header-base-bg-color-mobile);
+    box-shadow: var(--kt-app-header-base-box-shadow-mobile);
+    border-bottom: var(--kt-app-header-base-border-bottom-mobile);
+  }
+  :root {
+    --kt-app-header-height: 60px;
+  }
+  [data-kt-app-header-sticky=on] {
+    --kt-app-header-height: 70px;
+    --kt-app-header-height-actual: 70px;
+  }
+  [data-kt-app-header-minimize=on] {
+    --kt-app-header-height: 70px;
+    --kt-app-header-height-actual: 70px;
+  }
+  .app-header {
+    height: var(--kt-app-header-height);
+    align-items: stretch;
+  }
+  .app-header .app-header-mobile-drawer {
+    display: none;
+  }
+  [data-kt-app-header-stacked=true] .app-header {
+    flex-direction: column;
+  }
+  [data-kt-app-header-fixed-mobile=true] .app-header {
+    z-index: 100;
+    transition: none;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+  }
+  [data-kt-app-header-sticky=on] .app-header {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    z-index: 100;
+    background-color: var(--kt-app-header-sticky-bg-color-mobile);
+    box-shadow: var(--kt-app-header-sticky-box-shadow-mobile);
+    border-bottom: var(--kt-app-header-sticky-border-bottom-mobile);
+  }
+  [data-kt-app-header-minimize=on] .app-header {
+    z-index: 100;
+    transition: none;
+    background-color: var(--kt-app-header-minimize-bg-color-mobile);
+    box-shadow: var(--kt-app-header-minimize-box-shadow-mobile);
+    border-bottom: var(--kt-app-header-minimize-border-bottom-mobile);
+  }
+  [data-kt-app-header-fixed-mobile=true][data-kt-app-toolbar-fixed-mobile=true] .app-header {
+    box-shadow: none;
+  }
+  [data-kt-app-header-fixed-mobile=true][data-kt-app-toolbar-sticky=on] .app-header {
+    box-shadow: none;
+  }
+}
+.app-header-primary {
+  transition: none;
+  display: flex;
+  align-items: stretch;
+}
+
+@media (min-width: 992px) {
+  .app-header-primary {
+    background-color: var(--kt-app-header-primary-base-bg-color);
+    box-shadow: var(--kt-app-header-primary-base-box-shadow);
+    border-bottom: var(--kt-app-header-primary-base-border-bottom);
+  }
+  :root {
+    --kt-app-header-primary-height: 70px;
+  }
+  [data-kt-app-header-sticky=on] {
+    --kt-app-header-primary-height: 70px;
+  }
+  [data-kt-app-header-minimize=on] {
+    --kt-app-header-primary-height: 70px;
+  }
+  [data-kt-app-header-sticky=on][data-kt-app-header-primary-sticky-hide=true] {
+    --kt-app-header-primary-height: 0;
+  }
+  .app-header-primary {
+    height: var(--kt-app-header-primary-height);
+  }
+  [data-kt-app-header-primary-fixed=true] .app-header-primary {
+    z-index: 100;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+  }
+  [data-kt-app-header-primary-static=true] .app-header-primary {
+    position: relative;
+  }
+  [data-kt-app-header-primary-sticky=on] .app-header-primary {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    height: 70px;
+    z-index: 100;
+    background-color: var(--kt-app-header-primary-sticky-bg-color);
+    box-shadow: var(--kt-app-header-primary-sticky-box-shadow);
+    border-bottom: var(--kt-app-header-primary-sticky-border-bottom);
+  }
+  [data-kt-app-header-primary-minimize=on] .app-header-primary {
+    transition: none;
+    height: 70px;
+    z-index: 100;
+    background-color: var(--kt-app-header-primary-minimize-bg-color);
+    box-shadow: var(--kt-app-header-primary-minimize-box-shadow);
+    border-bottom: var(--kt-app-header-primary-minimize-border-bottom);
+  }
+  [data-kt-app-header-sticky=on][data-kt-app-header-primary-sticky-hide=true] .app-header-primary {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header-primary {
+    left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px));
+  }
+  [data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-header=true] .app-header-primary {
+    left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px) + var(--kt-app-sidebar-panel-width) + var(--kt-app-sidebar-panel-gap-start, 0px) + var(--kt-app-sidebar-panel-gap-end, 0px));
+  }
+}
+@media (max-width: 991.98px) {
+  .app-header-primary {
+    flex-grow: 1;
+    background-color: var(--kt-app-header-primary-base-bg-color-mobile);
+    box-shadow: var(--kt-app-header-primary-base-box-shadow-mobile);
+    border-bottom: var(--kt-app-header-primary-base-border-bottom-mobile);
+  }
+}
+.app-header-secondary {
+  transition: none;
+  display: flex;
+  align-items: stretch;
+}
+
+@media (min-width: 992px) {
+  .app-header-secondary {
+    background-color: var(--kt-app-header-secondary-base-bg-color);
+    box-shadow: var(--kt-app-header-secondary-base-box-shadow);
+    border-bottom: var(--kt-app-header-secondary-base-border-bottom);
+  }
+  :root {
+    --kt-app-header-secondary-height: 70px;
+  }
+  [data-kt-app-header-sticky=on] {
+    --kt-app-header-secondary-height: 70px;
+  }
+  [data-kt-app-header-minimize=on] {
+    --kt-app-header-secondary-height: 70px;
+  }
+  [data-kt-app-header-sticky=on][data-kt-app-header-secondary-sticky-hide=true] {
+    --kt-app-header-secondary-height: 0;
+  }
+  .app-header-secondary {
+    height: var(--kt-app-header-secondary-height);
+  }
+  [data-kt-app-header-secondary-fixed=true] .app-header-secondary {
+    z-index: 100;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+  }
+  [data-kt-app-header-secondary-static=true] .app-header-secondary {
+    position: static;
+  }
+  [data-kt-app-header-secondary-sticky=on] .app-header-secondary {
+    transition: none;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    height: 70px;
+    z-index: 100;
+    background-color: var(--kt-app-header-secondary-sticky-bg-color);
+    box-shadow: var(--kt-app-header-secondary-sticky-box-shadow);
+    border-bottom: var(--kt-app-header-secondary-sticky-border-bottom);
+  }
+  [data-kt-app-header-secondary-minimize=on] .app-header-secondary {
+    transition: none;
+    height: 70px;
+    z-index: 100;
+    background-color: var(--kt-app-header-secondary-minimize-bg-color);
+    box-shadow: var(--kt-app-header-secondary-minimize-box-shadow);
+    border-bottom: var(--kt-app-header-secondary-minimize-border-bottom);
+  }
+  [data-kt-app-header-sticky=on][data-kt-app-header-secondary-sticky-hide=true] .app-header-secondary {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header-secondary {
+    left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px));
+  }
+  [data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-header=true] .app-header-secondary {
+    left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px) + var(--kt-app-sidebar-panel-width) + var(--kt-app-sidebar-panel-gap-start, 0px) + var(--kt-app-sidebar-panel-gap-end, 0px));
+  }
+}
+@media (max-width: 991.98px) {
+  .app-header-secondary {
+    flex-grow: 1;
+    background-color: var(--kt-app-header-secondary-base-bg-color-mobile);
+    box-shadow: var(--kt-app-header-secondary-base-box-shadow-mobile);
+    border-left: var(--kt-app-header-secondary-base-border-start-mobile);
+    border-right: var(--kt-app-header-secondary-base-border-end-mobile);
+  }
+}
+.app-toolbar {
+  display: flex;
+  align-items: stretch;
+}
+.app-toolbar.app-toolbar-minimize {
+  transition: none;
+}
+
+@media (min-width: 992px) {
+  .app-toolbar {
+    background-color: var(--kt-app-toolbar-base-bg-color);
+    box-shadow: var(--kt-app-toolbar-base-box-shadow);
+    border-top: var(--kt-app-toolbar-base-border-top);
+    border-bottom: var(--kt-app-toolbar-base-border-bottom);
+  }
+  :root {
+    --kt-app-toolbar-height: 55px;
+    --kt-app-toolbar-height-actual: 55px;
+  }
+  [data-kt-app-toolbar-sticky=on] {
+    --kt-app-toolbar-height: 70px;
+  }
+  [data-kt-app-toolbar-minimize=on] {
+    --kt-app-toolbar-height: 70px;
+  }
+  .app-toolbar {
+    height: var(--kt-app-toolbar-height);
+  }
+  [data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true] .app-toolbar {
+    z-index: 99;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+  }
+  [data-kt-app-toolbar-sticky=on] .app-toolbar {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    z-index: 99;
+    box-shadow: var(--kt-app-toolbar-sticky-box-shadow);
+    background-color: var(--kt-app-toolbar-sticky-bg-color);
+    border-top: var(--kt-app-toolbar-sticky-border-top);
+    border-bottom: var(--kt-app-toolbar-sticky-border-bottom);
+  }
+  [data-kt-app-toolbar-minimize=on] .app-toolbar {
+    transition: none;
+    z-index: 99;
+    box-shadow: var(--kt-app-toolbar-minimize-box-shadow);
+    background-color: var(--kt-app-toolbar-minimize-bg-color);
+    border-top: var(--kt-app-toolbar-minimize-border-top);
+    border-bottom: var(--kt-app-toolbar-minimize-border-bottom);
+  }
+  [data-kt-app-toolbar-fixed=true][data-kt-app-header-fixed=true] .app-toolbar {
+    top: var(--kt-app-header-height);
+  }
+  [data-kt-app-toolbar-sticky=on][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-toolbar=true] .app-toolbar, [data-kt-app-toolbar-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-toolbar=true] .app-toolbar {
+    left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px));
+  }
+  [data-kt-app-toolbar-sticky=on][data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-toolbar=true] .app-toolbar, [data-kt-app-toolbar-fixed=true][data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-toolbar=true] .app-toolbar {
+    left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px) + var(--kt-app-sidebar-panel-width) + var(--kt-app-sidebar-panel-gap-start, 0px) + var(--kt-app-sidebar-panel-gap-end, 0px));
+  }
+  [data-kt-app-toolbar-sticky=on][data-kt-app-aside-fixed=true][data-kt-app-aside-push-toolbar=true] .app-toolbar, [data-kt-app-toolbar-fixed=true][data-kt-app-aside-fixed=true][data-kt-app-aside-push-toolbar=true] .app-toolbar {
+    right: calc(var(--kt-app-aside-width) + var(--kt-app-aside-gap-start, 0px) + var(--kt-app-aside-gap-end, 0px));
+  }
+}
+@media (max-width: 991.98px) {
+  .app-toolbar {
+    z-index: 99;
+    box-shadow: var(--kt-app-toolbar-base-box-shadow-mobile);
+    background-color: var(--kt-app-toolbar-base-bg-color-mobile);
+    border-top: var(--kt-app-toolbar-base-border-top-mobile);
+    border-bottom: var(--kt-app-toolbar-base-border-bottom-mobile);
+  }
+  :root {
+    --kt-app-toolbar-height: ;
+  }
+  [data-kt-app-toolbar-sticky=on] {
+    --kt-app-toolbar-height: 70px;
+  }
+  [data-kt-app-toolbar-minimize=on] {
+    --kt-app-toolbar-height: 70px;
+  }
+  .app-toolbar {
+    height: var(--kt-app-toolbar-height);
+  }
+  [data-kt-app-header-fixed-mobile=true][data-kt-app-toolbar-fixed-mobile=true] .app-toolbar {
+    z-index: 99;
+    position: fixed;
+    top: calc(var(--kt-app-header-height, 0px) + var(--kt-app-header-mobile-height, 0px));
+    left: 0;
+    right: 0;
+  }
+  [data-kt-app-toolbar-sticky=on] .app-toolbar {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: var(--kt-app-header-height, 0px);
+    box-shadow: var(--kt-app-toolbar-sticky-box-shadow-mobile);
+    background-color: var(--kt-app-toolbar-sticky-bg-color-mobile);
+    border-top: var(--kt-app-toolbar-sticky-border-top-mobile);
+    border-bottom: var(--kt-app-toolbar-sticky-border-bottom-mobile);
+    z-index: 99;
+  }
+  [data-kt-app-toolbar-minimize=on] .app-toolbar {
+    transition: none;
+    box-shadow: var(--kt-app-toolbar-minimize-box-shadow-mobile);
+    background-color: var(--kt-app-toolbar-minimize-bg-color-mobile);
+    border-top: var(--kt-app-toolbar-minimize-border-top-mobile);
+    border-bottom: var(--kt-app-toolbar-minimize-border-bottom-mobile);
+    z-index: 99;
+  }
+}
+.app-sidebar {
+  transition: width 0.3s ease;
+}
+
+.app-sidebar-minimize-d-flex,
+.app-sidebar-sticky-d-flex,
+.app-sidebar-collapse-d-flex,
+.app-sidebar-minimize-mobile-d-flex,
+.app-sidebar-collapse-mobile-d-flex {
+  display: none;
+}
+
+@media (min-width: 992px) {
+  .app-sidebar {
+    display: flex;
+    flex-shrink: 0;
+    width: var(--kt-app-sidebar-width);
+    background-color: var(--kt-app-sidebar-base-bg-color);
+    box-shadow: var(--kt-app-sidebar-base-box-shadow);
+    border-left: var(--kt-app-sidebar-base-border-start);
+    border-right: var(--kt-app-sidebar-base-border-end);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :root {
+    --kt-app-sidebar-width: 265px;
+    --kt-app-sidebar-width-actual: 265px;
+    --kt-app-sidebar-gap-start: 0px;
+    --kt-app-sidebar-gap-end: 0px;
+    --kt-app-sidebar-gap-top: 0px;
+    --kt-app-sidebar-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-stacked=true] {
+    --kt-app-sidebar-width: calc(var(--kt-app-sidebar-primary-width) + var(--kt-app-sidebar-secondary-width));
+  }
+  [data-kt-app-sidebar-minimize=on] {
+    --kt-app-sidebar-width: 75px;
+    --kt-app-sidebar-gap-start: 0px;
+    --kt-app-sidebar-gap-end: 0px;
+    --kt-app-sidebar-gap-top: 0px;
+    --kt-app-sidebar-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-sticky=on] {
+    --kt-app-sidebar-width: 300px;
+    --kt-app-sidebar-gap-start: 0px;
+    --kt-app-sidebar-gap-end: 0px;
+    --kt-app-sidebar-gap-top: 0px;
+    --kt-app-sidebar-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-collapse=on] {
+    --kt-app-sidebar-width: 0px;
+  }
+  [data-kt-app-sidebar-static=true] .app-sidebar {
+    position: relative;
+  }
+  [data-kt-app-sidebar-offcanvas=true] .app-sidebar {
+    display: none;
+  }
+  [data-kt-app-sidebar-fixed=true] .app-sidebar {
+    z-index: 105;
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+  }
+  [data-kt-app-sidebar-stacked=true] .app-sidebar {
+    align-items: stretch;
+  }
+  [data-kt-app-sidebar-sticky=on] .app-sidebar {
+    position: fixed;
+    transition: width 0.3s ease;
+    top: auto;
+    bottom: auto;
+    left: auto;
+    z-index: 105;
+    box-shadow: var(--kt-app-sidebar-sticky-box-shadow);
+    border-left: var(--kt-app-sidebar-sticky-border-start);
+    border-right: var(--kt-app-sidebar-sticky-border-end);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-sidebar-minimize=on] .app-sidebar {
+    transition: width 0.3s ease;
+    background-color: var(--kt-app-sidebar-minimize-bg-color);
+    box-shadow: var(--kt-app-sidebar-minimize-box-shadow);
+    border-left: var(--kt-app-sidebar-minimize-border-start);
+    border-right: var(--kt-app-sidebar-minimize-border-end);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-sidebar-hoverable=true] .app-sidebar .app-sidebar-wrapper {
+    width: var(--kt-app-sidebar-width-actual);
+  }
+  [data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) {
+    transition: width 0.3s ease;
+    width: var(--kt-app-sidebar-width-actual);
+  }
+  [data-kt-app-sidebar-collapse=on] .app-sidebar {
+    transition: width 0.3s ease;
+    width: var(--kt-app-sidebar-width-actual);
+    margin-left: calc(-1 * var(--kt-app-sidebar-width-actual));
+  }
+  [data-kt-app-sidebar-minimize=on] .app-sidebar-minimize-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-minimize=on] .app-sidebar-minimize-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-sidebar-sticky=on] .app-sidebar-sticky-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-sticky=on] .app-sidebar-sticky-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-sidebar-collapse=on] .app-sidebar-collapse-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-collapse=on] .app-sidebar-collapse-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-sidebar-fixed=true][data-kt-app-header-fixed=true]:not([data-kt-app-sidebar-push-header=true]) .app-sidebar {
+    top: var(--kt-app-header-height);
+  }
+  [data-kt-app-sidebar-fixed=true][data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true]:not([data-kt-app-sidebar-push-toolbar=true]) .app-sidebar {
+    top: calc(var(--kt-app-header-height) + var(--kt-app-toolbar-height, 0px));
+  }
+}
+@media (max-width: 991.98px) {
+  .app-sidebar {
+    display: none;
+    width: var(--kt-app-sidebar-width);
+    background-color: var(--kt-app-sidebar-base-bg-color-mobile);
+    box-shadow: var(--kt-app-sidebar-base-box-shadow-mobile);
+    border-left: var(--kt-app-sidebar-base-border-start-mobile);
+    border-right: var(--kt-app-sidebar-base-border-end-mobile);
+    z-index: 106;
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :root {
+    --kt-app-sidebar-width: 250px;
+    --kt-app-sidebar-width-actual: 250px;
+    --kt-app-sidebar-gap-start: 0px;
+    --kt-app-sidebar-gap-end: 0px;
+    --kt-app-sidebar-gap-top: 0px;
+    --kt-app-sidebar-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-minimize-mobile=on] {
+    --kt-app-sidebar-width: 75px;
+    --kt-app-sidebar-gap-start: 0px;
+    --kt-app-sidebar-gap-end: 0px;
+    --kt-app-sidebar-gap-top: 0px;
+    --kt-app-sidebar-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-collapse-mobile=on] {
+    --kt-app-sidebar-width: 0px;
+  }
+  [data-kt-app-sidebar-stacked=true] .app-sidebar {
+    align-items: stretch;
+  }
+  [data-kt-app-sidebar-minimize-mobile=on] .app-sidebar {
+    transition: width 0.3s ease;
+    background-color: var(--kt-app-sidebar-minimize-bg-color-mobilee);
+    box-shadow: var(--kt-app-sidebar-minimize-box-shadow-mobile);
+    border-left: var(--kt-app-sidebar-minimize-border-start-mobile);
+    border-right: var(--kt-app-sidebar-minimize-border-end-mobile);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-sidebar-hoverable-mobile=true] .app-sidebar .app-sidebar-wrapper {
+    width: var(--kt-app-sidebar-width-actual);
+  }
+  [data-kt-app-sidebar-hoverable-mobile=true][data-kt-app-sidebar-minimize-mobile=on] .app-sidebar:hover:not(.animating) {
+    transition: width 0.3s ease;
+    width: var(--kt-app-sidebar-width-actual);
+    box-shadow: var(--kt-app-sidebar-minimize-hover-box-shadow-mobile);
+  }
+  [data-kt-app-sidebar-collapse-mobile=on] .app-sidebar {
+    transition: width 0.3s ease;
+    width: var(--kt-app-sidebar-width-actual);
+    margin-left: calc(-1 * var(--kt-app-sidebar-width-actual));
+  }
+  [data-kt-app-sidebar-minimize-mobile=on] .app-sidebar-minimize-mobile-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-minimize-mobile=on] .app-sidebar-minimize-mobile-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-sidebar-collapse-mobile=on] .app-sidebar-collapse-mobile-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-collapse-mobile=on] .app-sidebar-collapse-mobile-d-flex {
+    display: flex !important;
+  }
+}
+.app-sidebar-primary {
+  transition: none;
+  position: relative;
+  flex-shrink: 0;
+}
+
+.app-sidebar-primary-collapse-d-flex,
+.app-sidebar-primary-minimize-d-flex,
+.app-sidebar-primary-collapse-mobile-d-flex,
+.app-sidebar-primary-minimize-mobile-d-flex {
+  display: none;
+}
+
+@media (min-width: 992px) {
+  .app-sidebar-primary {
+    background-color: var(--kt-app-sidebar-primary-base-bg-color);
+    box-shadow: var(--kt-app-sidebar-primary-base-box-shadow);
+    border-left: var(--kt-app-sidebar-primary-base-border-start);
+    border-right: var(--kt-app-sidebar-primary-base-border-end);
+    z-index: 107;
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :root {
+    --kt-app-sidebar-primary-width-actual: 100px;
+  }
+  [data-kt-app-sidebar-stacked=true] {
+    --kt-app-sidebar-primary-width: 100px;
+    --kt-app-sidebar-primary-gap-start: 0px;
+    --kt-app-sidebar-primary-gap-end: 0px;
+    --kt-app-sidebar-primary-gap-top: 0px;
+    --kt-app-sidebar-primary-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-primary-minimize=on] {
+    --kt-app-sidebar-primary-width: 75px;
+    --kt-app-sidebar-primary-gap-start: 0px;
+    --kt-app-sidebar-primary-gap-end: 0px;
+    --kt-app-sidebar-primary-gap-top: 0px;
+    --kt-app-sidebar-primary-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-primary-collapse=on] {
+    --kt-app-sidebar-primary-width: 0px;
+  }
+  .app-sidebar-primary {
+    width: var(--kt-app-sidebar-primary-width);
+  }
+  [data-kt-app-sidebar-primary-collapse=on] .app-sidebar-primary {
+    transition: none;
+    width: var(--kt-app-sidebar-primary-width-actual);
+    margin-left: calc(-1 * var(--kt-app-sidebar-primary-width-actual));
+  }
+  [data-kt-app-sidebar-primary-minimize=on] .app-sidebar-primary {
+    transition: none;
+    background-color: var(--kt-app-sidebar-primary-minimize-bg-color);
+    box-shadow: var(--kt-app-sidebar-primary-minimize-box-shadow);
+    border-left: var(--kt-app-sidebar-primary-minimize-border-start);
+    border-right: var(--kt-app-sidebar-primary-minimize-border-end);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-sidebar-primary-hoverable=true] .app-sidebar-primary .app-sidebar-primary-hoverable {
+    width: var(--kt-app-sidebar-primary-width-actual);
+  }
+  [data-kt-app-sidebar-primary-hoverable=true][data-kt-app-sidebar-primary-minimize=on] .app-sidebar-primary:hover:not(.animating) {
+    transition: none;
+    width: var(--kt-app-sidebar-primary-width-actual);
+    box-shadow: var(--kt-app-sidebar-primary-minimize-hover-box-shadow);
+  }
+  [data-kt-app-sidebar-fixed=true][data-kt-app-header-fixed=true][data-kt-app-sidebar-primary-below-header=true] .app-sidebar-primary {
+    top: var(--kt-app-header-height);
+  }
+  [data-kt-app-sidebar-fixed=true][data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true][data-kt-app-sidebar-primary-below-toolbar=true] .app-sidebar-primary {
+    top: calc(var(--kt-app-header-height) + var(--kt-app-toolbar-height, 0));
+  }
+  [data-kt-app-sidebar-primary-minimize=on] .app-sidebar-primary-minimize-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-primary-minimize=on] .app-sidebar-primary-minimize-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-sidebar-primary-collapse=on] .app-sidebar-primary-collapse-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-primary-collapse=on] .app-sidebar-primary-collapse-d-flex {
+    display: flex !important;
+  }
+}
+@media (max-width: 991.98px) {
+  .app-sidebar-primary {
+    z-index: 108;
+    background-color: var(--kt-app-sidebar-primary-base-bg-color-mobile);
+    box-shadow: var(--kt-app-sidebar-primary-base-box-shadow-mobile);
+    border-left: var(--kt-app-sidebar-primary-base-border-start-mobile);
+    border-right: var(--kt-app-sidebar-primary-base-border-end-mobile);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :root {
+    --kt-app-sidebar-primary-width-actual: 100px;
+  }
+  [data-kt-app-sidebar-stacked=true] {
+    --kt-app-sidebar-primary-width: 100px;
+    --kt-app-sidebar-primary-gap-start: 0px;
+    --kt-app-sidebar-primary-gap-end: 0px;
+    --kt-app-sidebar-primary-gap-top: 0px;
+    --kt-app-sidebar-primary-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-primary-minimize-mobile=on] {
+    --kt-app-sidebar-primary-width: 75px;
+    --kt-app-sidebar-primary-gap-start: 0px;
+    --kt-app-sidebar-primary-gap-end: 0px;
+    --kt-app-sidebar-primary-gap-top: 0px;
+    --kt-app-sidebar-primary-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-primary-collapse-mobile=on] {
+    --kt-app-sidebar-primary-width: 0px;
+  }
+  .app-sidebar-primary {
+    width: var(--kt-app-sidebar-primary-width);
+  }
+  [data-kt-app-sidebar-primary-collapse-mobile=on] .app-sidebar-primary {
+    transition: none;
+    width: var(--kt-app-sidebar-primary-width-actual);
+    margin-left: calc(-1 * var(--kt-app-sidebar-primary-width-actual));
+  }
+  [data-kt-app-sidebar-primary-minimize-mobile=on] .app-sidebar-primary {
+    transition: none;
+    background-color: var(--kt-app-sidebar-primary-minimize-bg-color-mobile);
+    box-shadow: var(--kt-app-sidebar-primary-base-box-shadow-mobile);
+    border-left: var(--kt-app-sidebar-primary-minimize-border-start-mobile);
+    border-left: var(--kt-app-sidebar-primary-minimize-border-end-mobile);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-sidebar-primary-hoverable-mobile=true] .app-sidebar-primary .app-sidebar-primary-hoverable {
+    width: var(--kt-app-sidebar-primary-width-actual);
+  }
+  [data-kt-app-sidebar-primary-hoverable-mobile=true][data-kt-app-sidebar-primary-minimize-mobile=on] .app-sidebar-primary:hover:not(.animating) {
+    transition: none;
+    width: var(--kt-app-sidebar-primary-width-actual);
+    box-shadow: var(--kt-app-sidebar-primary-minimize-hover-box-shadow-mobile);
+  }
+  [data-kt-app-sidebar-primary-minimize-mobile=on] .app-sidebar-primary-minimize-mobile-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-primary-minimize-mobile=on] .app-sidebar-primary-minimize-mobile-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-sidebar-primary-collapse-mobile=on] .app-sidebar-primary-collapse-mobile-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-primary-collapse-mobile=on] .app-sidebar-primary-collapse-mobile-d-flex {
+    display: flex !important;
+  }
+}
+.app-sidebar-secondary {
+  transition: none;
+  position: relative;
+  flex-shrink: 0;
+}
+
+.app-sidebar-secondary-collapse-d-flex,
+.app-sidebar-secondary-minimize-d-flex,
+.app-sidebar-secondary-collapse-mobile-d-flex,
+.app-sidebar-secondary-minimize-mobile-d-flex {
+  display: none;
+}
+
+@media (min-width: 992px) {
+  .app-sidebar-secondary {
+    z-index: 106;
+    background-color: var(--kt-app-sidebar-secondary-base-bg-color);
+    box-shadow: var(--kt-app-sidebar-secondary-base-box-shadow);
+    border-left: var(--kt-app-sidebar-secondary-base-border-start);
+    border-right: var(--kt-app-sidebar-secondary-base-border-end);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :root {
+    --kt-app-sidebar-secondary-width-actual: calc(
+        265px -
+        100px -
+        0px -
+        0px -
+        0px -
+        0px
+    );
+  }
+  [data-kt-app-sidebar-stacked=true] {
+    --kt-app-sidebar-secondary-width: calc(
+        265px -
+        100px -
+        0px -
+        0px -
+        0px -
+        0px
+    );
+    --kt-app-sidebar-secondary-gap-start: 0px;
+    --kt-app-sidebar-secondary-gap-end: 0px;
+    --kt-app-sidebar-secondary-gap-top: 0px;
+    --kt-app-sidebar-secondary-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-secondary-minimize=on] {
+    --kt-app-sidebar-secondary-width: 75px;
+    --kt-app-sidebar-secondary-gap-start: 0px;
+    --kt-app-sidebar-secondary-gap-end: 0px;
+    --kt-app-sidebar-secondary-gap-top: 0px;
+    --kt-app-sidebar-secondary-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-secondary-collapse=on] {
+    --kt-app-sidebar-secondary-width-actual: calc(
+        265px -
+        100px -
+        0px -
+        0px -
+        0px -
+        0px
+    );
+    --kt-app-sidebar-secondary-width: 0px;
+  }
+  .app-sidebar-secondary {
+    width: var(--kt-app-sidebar-secondary-width);
+  }
+  [data-kt-app-sidebar-secondary-collapse=on] .app-sidebar-secondary {
+    transition: none;
+    width: var(--kt-app-sidebar-secondary-width-actual);
+    margin-left: calc(-1 * var(--kt-app-sidebar-secondary-width-actual));
+  }
+  [data-kt-app-sidebar-secondary-minimize=on] .app-sidebar-secondary {
+    transition: none;
+    background-color: var(--kt-app-sidebar-secondary-minimize-bg-color);
+    box-shadow: var(--kt-app-sidebar-secondary-minimize-box-shadow);
+    border-left: var(--kt-app-sidebar-secondary-minimize-border-start);
+    border-right: var(--kt-app-sidebar-secondary-minimize-border-end);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-sidebar-secondary-hoverable=true] .app-sidebar-secondary .app-sidebar-secondary-hoverable {
+    width: var(--kt-app-sidebar-secondary-width-actual);
+  }
+  [data-kt-app-sidebar-secondary-hoverable=true][data-kt-app-sidebar-secondary-minimize=on] .app-sidebar-secondary:hover:not(.animating) {
+    transition: none;
+    width: var(--kt-app-sidebar-secondary-width-actual);
+    box-shadow: var(--kt-app-sidebar-secondary-minimize-hover-box-shadow);
+  }
+  [data-kt-app-sidebar-fixed=true][data-kt-app-header-fixed=true][data-kt-app-sidebar-secondary-below-header=true] .app-sidebar-secondary {
+    top: var(--kt-app-header-height);
+  }
+  [data-kt-app-sidebar-fixed=true][data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true][data-kt-app-sidebar-secondary-below-toolbar=true] .app-sidebar-secondary {
+    top: calc(var(--kt-app-header-height) + var(--kt-app-toolbar-height, 0));
+  }
+  [data-kt-app-sidebar-secondary-minimize=on] .app-sidebar-secondary-minimize-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-secondary-minimize=on] .app-sidebar-secondary-minimize-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-sidebar-secondary-collapse=on] .app-sidebar-secondary-collapse-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-secondary-collapse=on] .app-sidebar-secondary-collapse-d-flex {
+    display: flex !important;
+  }
+}
+@media (max-width: 991.98px) {
+  .app-sidebar-secondary {
+    z-index: 107;
+    background-color: var(--kt-app-sidebar-secondary-base-bg-color-mobile);
+    box-shadow: var(--kt-app-sidebar-secondary-base-box-shadow-mobile);
+    border-left: var(--kt-app-sidebar-secondary-base-border-start-mobile);
+    border-right: var(--kt-app-sidebar-secondary-base-border-end-mobile);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :root {
+    --kt-app-sidebar-secondary-width-actual: calc(
+        250px -
+        100px -
+        0px -
+        0px -
+        0px -
+        0px
+    );
+  }
+  [data-kt-app-sidebar-stacked=true] {
+    --kt-app-sidebar-secondary-width: calc(
+        250px -
+        100px -
+        0px -
+        0px -
+        0px -
+        0px
+    );
+    --kt-app-sidebar-secondary-gap-start: 0px;
+    --kt-app-sidebar-secondary-gap-end: 0px;
+    --kt-app-sidebar-secondary-gap-top: 0px;
+    --kt-app-sidebar-secondary-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-secondary-minimize-mobile=on] {
+    --kt-app-sidebar-secondary-width: 75px;
+    --kt-app-sidebar-secondary-gap-start: 0px;
+    --kt-app-sidebar-secondary-gap-end: 0px;
+    --kt-app-sidebar-secondary-gap-top: 0px;
+    --kt-app-sidebar-secondary-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-secondary-collapse-mobile=on] {
+    --kt-app-sidebar-secondary-width-actual: calc(
+        250px -
+        100px -
+        0px -
+        0px -
+        0px -
+        0px
+    );
+    --kt-app-sidebar-secondary-width: 0px;
+  }
+  .app-sidebar-secondary {
+    width: var(--kt-app-sidebar-secondary-width);
+  }
+  [data-kt-app-sidebar-secondary-collapse-mobile=on] .app-sidebar-secondary {
+    transition: none;
+    width: var(--kt-app-sidebar-secondary-width-actual);
+    margin-left: calc(-1 * var(--kt-app-sidebar-secondary-width-actual));
+  }
+  [data-kt-app-sidebar-secondary-minimize-mobile=on] .app-sidebar-secondary {
+    transition: none;
+    background-color: var(--kt-app-sidebar-secondary-minimize-bg-color-mobile);
+    box-shadow: var(--kt-app-sidebar-secondary-minimize-box-shadow-mobile);
+    border-left: var(--kt-app-sidebar-secondary-minimize-border-start-mobile);
+    border-right: var(--kt-app-sidebar-secondary-minimize-border-end-mobile);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-sidebar-secondary-hoverable-mobile=true] .app-sidebar-secondary .app-sidebar-secondary-hoverable {
+    width: var(--kt-app-sidebar-secondary-width-actual);
+  }
+  [data-kt-app-sidebar-secondary-hoverable-mobile=true][data-kt-app-sidebar-secondary-minimize-mobile=on] .app-sidebar-secondary:hover:not(.animating) {
+    transition: none;
+    width: var(--kt-app-sidebar-secondary-width-actual);
+    box-shadow: var(--kt-app-sidebar-secondary-minimize-hover-box-shadow-mobile);
+  }
+  [data-kt-app-sidebar-secondary-minimize-mobile=on] .app-sidebar-secondary-minimize-mobile-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-secondary-minimize-mobile=on] .app-sidebar-secondary-minimize-mobile-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-sidebar-secondary-collapse=on] .app-sidebar-secondary-collapse-mobile-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-secondary-collapse=on] .app-sidebar-secondary-collapse-mobile-d-flex {
+    display: flex !important;
+  }
+}
+.app-sidebar-panel {
+  transition: none;
+}
+
+.app-sidebar-panel-minimize-d-flex,
+.app-sidebar-panel-sticky-d-flex,
+.app-sidebar-panel-collapse-d-flex,
+.app-sidebar-panel-minimize-mobile-d-flex,
+.app-sidebar-panel-collapse-mobile-d-flex {
+  display: none;
+}
+
+@media (min-width: 992px) {
+  .app-sidebar-panel {
+    display: flex;
+    flex-shrink: 0;
+    width: var(--kt-app-sidebar-panel-width);
+    background-color: var(--kt-app-sidebar-panel-base-bg-color);
+    box-shadow: var(--kt-app-sidebar-panel-base-box-shadow);
+    border-left: var(--kt-app-sidebar-panel-base-border-start);
+    border-right: var(--kt-app-sidebar-panel-base-border-end);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :root {
+    --kt-app-sidebar-panel-width: 300px;
+    --kt-app-sidebar-panel-width-actual: 300px;
+    --kt-app-sidebar-panel-gap-start: 0px;
+    --kt-app-sidebar-panel-gap-end: 0px;
+    --kt-app-sidebar-panel-gap-top: 0px;
+    --kt-app-sidebar-panel-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-panel-minimize=on] {
+    --kt-app-sidebar-panel-width: 75px;
+    --kt-app-sidebar-panel-gap-start: 0px;
+    --kt-app-sidebar-panel-gap-end: 0px;
+    --kt-app-sidebar-panel-gap-top: 0px;
+    --kt-app-sidebar-panel-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-panel-sticky=on] {
+    --kt-app-sidebar-panel-width: 300px;
+    --kt-app-sidebar-panel-gap-start: 0px;
+    --kt-app-sidebar-panel-gap-end: 0px;
+    --kt-app-sidebar-panel-gap-top: 0px;
+    --kt-app-sidebar-panel-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-panel-collapse=on] {
+    --kt-app-sidebar-panel-width-actual: 300px;
+    --kt-app-sidebar-panel-width: 0px;
+  }
+  [data-kt-app-sidebar-panel-static=true] .app-sidebar-panel {
+    position: relative;
+  }
+  [data-kt-app-sidebar-panel-offcanvas=true] .app-sidebar-panel {
+    display: none;
+  }
+  [data-kt-app-sidebar-panel-fixed=true] .app-sidebar-panel {
+    z-index: 104;
+    position: fixed;
+    left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px));
+    top: 0;
+    bottom: 0;
+  }
+  [data-kt-app-sidebar-panel-sticky=on] .app-sidebar-panel {
+    position: fixed;
+    left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px));
+    top: 0;
+    bottom: 0;
+    transition: none;
+    box-shadow: var(--kt-app-sidebar-panel-sticky-box-shadow);
+    border-left: var(--kt-app-sidebar-panel-sticky-border-start);
+    border-right: var(--kt-app-sidebar-panel-sticky-border-end);
+    z-index: 104;
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-sidebar-panel-minimize=on] .app-sidebar-panel {
+    transition: none;
+    background-color: var(--kt-app-sidebar-panel-minimize-bg-color);
+    box-shadow: var(--kt-app-sidebar-panel-minimize-box-shadow);
+    border-left: var(--kt-app-sidebar-panel-minimize-border-start);
+    border-right: var(--kt-app-sidebar-panel-minimize-border-end);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-sidebar-panel-hoverable=true] .app-sidebar-panel .app-sidebar-panel-hoverable {
+    width: var(--kt-app-sidebar-panel-width-actual);
+  }
+  [data-kt-app-sidebar-panel-hoverable=true][data-kt-app-sidebar-panel-minimize=on] .app-sidebar-panel:hover:not(.animating) {
+    transition: none;
+    width: var(--kt-app-sidebar-panel-width-actual);
+    box-shadow: var(--kt-app-sidebar-panel-minimize-hover-box-shadow);
+  }
+  [data-kt-app-sidebar-panel-collapse=on] .app-sidebar-panel {
+    transition: none;
+    width: var(--kt-app-sidebar-panel-width-actual);
+    margin-left: calc(-1 * (var(--kt-app-sidebar-panel-width-actual) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px)));
+  }
+  [data-kt-app-sidebar-panel-fixed=true][data-kt-app-header-fixed=true]:not([data-kt-app-sidebar-panel-push-header=true]) .app-sidebar-panel {
+    top: var(--kt-app-header-height);
+  }
+  [data-kt-app-sidebar-panel-fixed=true][data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true]:not([data-kt-app-sidebar-panel-push-toolbar=true]) .app-sidebar-panel {
+    top: calc(var(--kt-app-header-height) + var(--kt-app-toolbar-height, 0));
+  }
+  [data-kt-app-sidebar-panel-minimize=on] .app-sidebar-panel-minimize-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-panel-minimize=on] .app-sidebar-panel-minimize-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-sidebar-panel-sticky=on] .app-sidebar-panel-sticky-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-panel-sticky=on] .app-sidebar-panel-sticky-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-sidebar-panel-collapse=on] .app-sidebar-panel-collapse-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-panel-collapse=on] .app-sidebar-panel-collapse-d-flex {
+    display: flex !important;
+  }
+}
+@media (max-width: 991.98px) {
+  .app-sidebar-panel {
+    display: none;
+    width: var(--kt-app-sidebar-panel-width);
+    background-color: var(--kt-app-sidebar-panel-base-bg-color-mobile);
+    box-shadow: var(--kt-app-sidebar-panel-base-box-shadow-mobile);
+    border-left: var(--kt-app-sidebar-panel-base-border-start-mobile);
+    border-right: var(--kt-app-sidebar-panel-base-border-end-mobile);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :root {
+    --kt-app-sidebar-panel-gap-start: 0px;
+    --kt-app-sidebar-panel-gap-end: 0px;
+    --kt-app-sidebar-panel-gap-top: 0px;
+    --kt-app-sidebar-panel-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-panel-minimize-mobile=on] {
+    --kt-app-sidebar-panel-width: 75px;
+    --kt-app-sidebar-panel-gap-start: 0px;
+    --kt-app-sidebar-panel-gap-end: 0px;
+    --kt-app-sidebar-panel-gap-top: 0px;
+    --kt-app-sidebar-panel-gap-bottom: 0px;
+  }
+  [data-kt-app-sidebar-panel-collapse-mobile=on] {
+    --kt-app-sidebar-panel-width-actual: 300px;
+    --kt-app-sidebar-panel-width: 0px;
+  }
+  [data-kt-app-sidebar-panel-minimize-mobile=on] .app-sidebar-panel {
+    transition: none;
+    background-color: var(--kt-app-sidebar-panel-minimize-bg-color-mobile);
+    box-shadow: var(--kt-app-sidebar-panel-minimize-box-shadow-mobile);
+    border-left: var(--kt-app-sidebar-panel-minimize-border-start-mobile);
+    border-right: var(--kt-app-sidebar-panel-minimize-border-end-mobile);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-sidebar-panel-hoverable-mobile=true] .app-sidebar-panel .app-sidebar-panel-hoverable {
+    width: var(--kt-app-sidebar-panel-width-actual);
+  }
+  [data-kt-app-sidebar-panel-hoverable-mobile=true][data-kt-app-sidebar-panel-minimize-mobile=on] .app-sidebar-panel:hover:not(.animating) {
+    transition: none;
+    width: var(--kt-app-sidebar-panel-width-actual);
+    box-shadow: var(--kt-app-sidebar-panel-minimize-hover-box-shadow-mobile);
+  }
+  [data-kt-app-sidebar-panel-collapse-mobile=on] .app-sidebar-panel {
+    transition: none;
+    width: var(--kt-app-sidebar-panel-width-actual);
+    margin-left: calc(-1 * var(--kt-app-sidebar-panel-width-actual));
+  }
+  [data-kt-app-sidebar-panel-minimize-mobile=on] .app-sidebar-panel-minimize-mobile-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-panel-minimize-mobile=on] .app-sidebar-panel-minimize-mobile-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-sidebar-panel-collapse-mobile=on] .app-sidebar-panel-collapse-mobile-d-none {
+    display: none !important;
+  }
+  [data-kt-app-sidebar-panel-collapse-mobile=on] .app-sidebar-panel-collapse-mobile-d-flex {
+    display: flex !important;
+  }
+}
+.app-aside {
+  transition: none;
+}
+
+.app-aside-minimize-d-flex,
+.app-aside-sticky-d-flex,
+.app-aside-collapse-d-flex,
+.app-aside-minimize-mobile-d-flex,
+.app-aside-collapse-mobile-d-flex {
+  display: none;
+}
+
+@media (min-width: 992px) {
+  .app-aside {
+    display: flex;
+    flex-shrink: 0;
+    width: var(--kt-app-aside-width);
+    background-color: var(--kt-app-aside-base-bg-color);
+    box-shadow: var(--kt-app-aside-base-box-shadow);
+    border-left: var(--kt-app-aside-base-border-left);
+    border-right: var(--kt-app-aside-base-border-right);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :root {
+    --kt-app-aside-width: 300px;
+    --kt-app-aside-width-actual: 300px;
+    --kt-app-aside-gap-start: 0px;
+    --kt-app-aside-gap-end: 0px;
+    --kt-app-aside-gap-top: 0px;
+    --kt-app-aside-gap-bottom: 0px;
+  }
+  [data-kt-app-aside-stacked=true] {
+    --kt-app-aside-width: calc(var(--kt-app-aside-primary-width) + var(--kt-app-aside-secondary-width));
+  }
+  [data-kt-app-aside-minimize=on] {
+    --kt-app-aside-width: 75px;
+    --kt-app-aside-gap-start: 0px;
+    --kt-app-aside-gap-end: 0px;
+    --kt-app-aside-gap-top: 0px;
+    --kt-app-aside-gap-bottom: 0px;
+  }
+  [data-kt-app-aside-sticky=on] {
+    --kt-app-aside-width: 300px;
+    --kt-app-aside-gap-start: 0px;
+    --kt-app-aside-gap-end: 0px;
+    --kt-app-aside-gap-top: 0px;
+    --kt-app-aside-gap-bottom: 0px;
+  }
+  [data-kt-app-aside-collapse=on] {
+    --kt-app-aside-width: 0px;
+  }
+  [data-kt-app-aside-static=true] .app-aside {
+    position: relative;
+  }
+  [data-kt-app-aside-offcanvas=true] .app-aside {
+    display: none;
+  }
+  [data-kt-app-aside-fixed=true] .app-aside {
+    z-index: 105;
+    position: fixed;
+    right: 0;
+    top: 0;
+    bottom: 0;
+  }
+  [data-kt-app-aside-stacked=true] .app-aside {
+    align-items: stretch;
+  }
+  [data-kt-app-aside-sticky=on] .app-aside {
+    position: fixed;
+    transition: none;
+    box-shadow: var(--kt-app-aside-sticky-box-shadow);
+    border-left: var(--kt-aside-sticky-border-start);
+    border-right: var(--kt-app-aside-sticky-border-end);
+    top: auto;
+    bottom: auto;
+    left: auto;
+    z-index: 105;
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-aside-minimize=on] .app-aside {
+    transition: none;
+    background-color: var(--kt-app-aside-minimize-bg-color);
+    box-shadow: var(--kt-app-aside-minimize-box-shadow);
+    border-start: var(--kt-app-aside-minimize-border-start);
+    border-end: var(--kt-app-aside-minimize-border-end);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-aside-hoverable=true] .app-aside .app-aside-wrapper {
+    width: var(--kt-app-aside-width-actual);
+  }
+  [data-kt-app-aside-hoverable=true][data-kt-app-aside-minimize=on] .app-aside:hover:not(.animating) {
+    transition: none;
+    width: var(--kt-app-aside-width-actual);
+    box-shadow: var(--kt-app-aside-minimize-hover-box-shadow);
+  }
+  [data-kt-app-aside-collapse=on] .app-aside {
+    transition: none;
+    width: var(--kt-app-aside-width-actual);
+    margin-right: calc(-1 * var(--kt-app-aside-width-actual));
+  }
+  [data-kt-app-aside-minimize=on] .app-aside-minimize-d-none {
+    display: none !important;
+  }
+  [data-kt-app-aside-minimize=on] .app-aside-minimize-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-aside-sticky=on] .app-aside-sticky-d-none {
+    display: none !important;
+  }
+  [data-kt-app-aside-sticky=on] .app-aside-sticky-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-aside-collapse=on] .app-aside-collapse-d-none {
+    display: none !important;
+  }
+  [data-kt-app-aside-collapse=on] .app-aside-collapse-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-aside-fixed=true][data-kt-app-header-fixed=true]:not([data-kt-app-aside-push-header=true]) .app-aside {
+    top: var(--kt-app-header-height);
+  }
+  [data-kt-app-aside-fixed=true][data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true]:not([data-kt-app-aside-push-toolbar=true]) .app-aside {
+    top: calc(var(--kt-app-header-height) + var(--kt-app-toolbar-height, 0px));
+  }
+}
+@media (max-width: 991.98px) {
+  .app-aside {
+    display: none;
+    width: var(--kt-app-aside-width);
+    z-index: 106;
+    background-color: var(--kt-app-aside-base-bg-color-mobile);
+    box-shadow: var(--kt-app-aside-base-box-shadow-mobile);
+    border-left: var(--kt-app-aside-base-border-start-mobile);
+    order-right: var(--kt-app-aside-base-border-end-mobile);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  :root {
+    --kt-app-aside-width: 275px;
+    --kt-app-aside-width-actual: 275px;
+    --kt-app-aside-gap-start: 0px;
+    --kt-app-aside-gap-end: 0px;
+    --kt-app-aside-gap-top: 0px;
+    --kt-app-aside-gap-bottom: 0px;
+  }
+  [data-kt-app-aside-minimize-mobile=on] {
+    --kt-app-aside-width: 75px;
+    --kt-app-aside-gap-start: 0px;
+    --kt-app-aside-gap-end: 0px;
+    --kt-app-aside-gap-top: 0px;
+    --kt-app-aside-gap-bottom: 0px;
+  }
+  [data-kt-app-aside-collapse-mobile=on] {
+    --kt-app-aside-width: 0px;
+  }
+  [data-kt-app-aside-stacked=true] .app-aside {
+    align-items: stretch;
+  }
+  [data-kt-app-aside-minimize-mobile=on] .app-aside {
+    transition: none;
+    background-color: var(--kt-app-aside-minimize-bg-color-mobile);
+    box-shadow: var(--kt-app-aside-minimize-box-shadow-mobile);
+    border-left: var(--kt-app-aside-minimize-border-start-mobile);
+    border-right: var(--kt-app-aside-minimize-border-end-mobile);
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+  [data-kt-app-aside-hoverable-mobile=true] .app-aside .app-aside-wrapper {
+    width: var(--kt-app-aside-width-actual);
+  }
+  [data-kt-app-aside-hoverable-mobile=true][data-kt-app-aside-minimize-mobile=on] .app-aside:hover:not(.animating) {
+    transition: none;
+    width: var(--kt-app-aside-width-actual);
+    box-shadow: var(--kt-app-aside-minimize-hover-box-shadow-mobile);
+  }
+  [data-kt-app-aside-collapse-mobile=on] .app-aside {
+    transition: none;
+    width: var(--kt-app-aside-width-actual);
+    margin-right: calc(-1 * var(--kt-app-aside-width-actual));
+  }
+  [data-kt-app-aside-minimize-mobile=on] .app-aside-minimize-mobile-d-none {
+    display: none !important;
+  }
+  [data-kt-app-aside-minimize-mobile=on] .app-aside-minimize-mobile-d-flex {
+    display: flex !important;
+  }
+  [data-kt-app-aside-collapse-mobile=on] .app-aside-collapse-mobile-d-none {
+    display: none !important;
+  }
+  [data-kt-app-aside-collapse-mobile=on] .app-aside-collapse-mobile-d-flex {
+    display: flex !important;
+  }
+}
+.app-wrapper {
+  display: flex;
+}
+
+@media (min-width: 992px) {
+  .app-wrapper {
+    transition: margin 0.3s ease;
+  }
+  [data-kt-app-header-sticky=on] .app-wrapper {
+    margin-top: var(--kt-app-header-height-actual);
+  }
+  [data-kt-app-header-fixed=true] .app-wrapper {
+    margin-top: var(--kt-app-header-height);
+  }
+  [data-kt-app-toolbar-sticky=on] .app-wrapper {
+    margin-top: var(--kt-app-toolbar-height-actual, 0px);
+  }
+  [data-kt-app-header-fixed=true][data-kt-app-toolbar-sticky=on] .app-wrapper {
+    margin-top: calc(var(--kt-app-header-height-actual) + var(--kt-app-toolbar-height-actual, 0px));
+  }
+  [data-kt-app-header-fixed=true][data-kt-app-toolbar-fixed=true] .app-wrapper {
+    margin-top: calc(var(--kt-app-header-height) + var(--kt-app-toolbar-height, 0px));
+  }
+  [data-kt-app-sidebar-fixed=true] .app-wrapper {
+    margin-left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px));
+  }
+  [data-kt-app-sidebar-panel-fixed=true] .app-wrapper {
+    margin-left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px) + var(--kt-app-sidebar-panel-width) + var(--kt-app-sidebar-panel-gap-start, 0px) + var(--kt-app-sidebar-panel-gap-end, 0px));
+  }
+  [data-kt-app-aside-fixed=true] .app-wrapper {
+    margin-right: calc(var(--kt-app-aside-width) + var(--kt-app-aside-gap-start, 0px) + var(--kt-app-aside-gap-end, 0px));
+  }
+  [data-kt-app-footer-fixed=true] .app-wrapper {
+    margin-bottom: var(--kt-app-footer-height);
+  }
+}
+@media (max-width: 991.98px) {
+  .app-wrapper {
+    transition: margin 0.3s ease;
+  }
+  [data-kt-app-header-sticky-mobile=on] .app-wrapper {
+    margin-top: var(--kt-app-header-height-actual);
+  }
+  [data-kt-app-header-fixed-mobile=true] .app-wrapper {
+    margin-top: var(--kt-app-header-height);
+  }
+  [data-kt-app-header-fixed-mobile=true][data-kt-app-toolbar-sticky-mobile=on] .app-wrapper {
+    margin-top: calc(var(--kt-app-header-height-actual) + var(--kt-app-toolbar-height-actual, 0px));
+  }
+  [data-kt-app-footer-fixed-mobile=true] .app-wrapper {
+    margin-bottom: var(--kt-app-footer-height);
+  }
+}
+.app-main {
+  display: flex;
+}
+
+@media (min-width: 992px) {
+  .app-main {
+    transition: margin 0.3s ease;
+  }
+  [data-kt-app-sidebar-sticky=true] .app-main {
+    margin-left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px));
+  }
+  [data-kt-app-sidebar-panel-sticky=true] .app-main {
+    margin-left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px) + var(--kt-app-sidebar-panel-width) + var(--kt-app-sidebar-panel-gap-start, 0px) + var(--kt-app-sidebar-panel-gap-end, 0px));
+  }
+  [data-kt-app-aside-sticky=true] .app-main {
+    margin-right: calc(var(--kt-app-aside-width) + var(--kt-app-aside-gap-start, 0px) + var(--kt-app-aside-gap-end, 0px));
+  }
+}
+@media (max-width: 991.98px) {
+  .app-main {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+@media (min-width: 992px) {
+  .app-content {
+    padding-top: 30px;
+    padding-bottom: 30px;
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+@media (max-width: 991.98px) {
+  .app-content {
+    max-width: none;
+    padding-top: 20px;
+    padding-bottom: 20px;
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+.app-footer {
+  transition: left 0.3s ease, right 0.3s ease;
+  display: flex;
+  align-items: stretch;
+}
+
+@media (min-width: 992px) {
+  .app-footer {
+    background-color: var(--kt-app-footer-bg-color);
+    box-shadow: var(--kt-app-footer-box-shadow);
+    border-top: var(--kt-app-footer-border-top);
+  }
+  :root {
+    --kt-app-footer-height: 60px;
+  }
+  .app-footer {
+    height: var(--kt-app-footer-height);
+  }
+  [data-kt-app-footer-fixed=true] .app-footer {
+    z-index: 100;
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+  [data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-footer=true] .app-footer {
+    left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px));
+  }
+  [data-kt-app-sidebar-panel-fixed=true][data-kt-app-sidebar-panel-push-footer=true] .app-footer {
+    left: calc(var(--kt-app-sidebar-width) + var(--kt-app-sidebar-gap-start, 0px) + var(--kt-app-sidebar-gap-end, 0px) + var(--kt-app-sidebar-panel-width) + var(--kt-app-sidebar-panel-gap-start, 0px) + var(--kt-app-sidebar-panel-gap-end, 0px));
+  }
+  [data-kt-app-aside-fixed=true][data-kt-app-aside-push-footer=true] .app-footer {
+    right: calc(var(--kt-app-aside-width) + var(--kt-app-aside-gap-start, 0px) + var(--kt-app-aside-gap-end, 0px));
+  }
+}
+@media (max-width: 991.98px) {
+  .app-footer {
+    background-color: var(--kt-app-footer-bg-color-mobile);
+    box-shadow: var(--kt-app-footer-box-shadow-mobile);
+    border-top: var(--kt-app-footer-border-top-mobile);
+  }
+  body {
+    --kt-app-footer-height: auto;
+  }
+  .app-footer {
+    height: var(--kt-app-footer-height);
+  }
+  [data-kt-app-footer-fixed-mobile=true] .app-footer {
+    z-index: 100;
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+}
+.app-layout-builder-toggle {
+  position: fixed;
+  z-index: 105;
+  bottom: 40px;
+  right: 50px;
+}
+
+@media (max-width: 991.98px) {
+  .app-layout-builder-toggle {
+    bottom: 20px;
+    right: 40px;
+  }
+}
+html:not([data-theme=dark]) {
+  --kt-app-bg-color: #f5f8fa;
+  --kt-app-blank-bg-color: #ffffff;
+  --kt-app-header-base-bg-color: #ffffff;
+  --kt-app-header-base-bg-color-mobile: #ffffff;
+  --kt-app-header-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
+  --kt-app-header-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
+  --kt-app-header-base-menu-link-bg-color-active: #F4F6FA;
+  --kt-app-header-light-separator-color: #E4E6EF;
+  --kt-app-sidebar-base-toggle-btn-box-shadow: 0px 0px 10px rgba(113, 121, 136, 0.1);
+  --kt-app-sidebar-base-toggle-btn-bg-color: #ffffff;
+  --kt-app-sidebar-light-bg-color: #ffffff;
+  --kt-app-sidebar-light-box-shadow: 0 0 28px 0 rgba(82, 63, 105, 0.05);
+  --kt-app-sidebar-light-separator-color: #E4E6EF;
+  --kt-app-sidebar-light-scrollbar-color: #eff2f5;
+  --kt-app-sidebar-light-scrollbar-color-hover: #eff2f5;
+  --kt-app-sidebar-light-menu-heading-color: #B5B5C3;
+  --kt-app-sidebar-light-menu-link-bg-color-active: #F4F6FA;
+  --kt-app-sidebar-light-header-menu-link-bg-color-active: #EAEEF2;
+  --kt-app-toolbar-base-bg-color: #ffffff;
+  --kt-app-toolbar-base-bg-color-mobile: #ffffff;
+  --kt-app-toolbar-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
+  --kt-app-toolbar-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
+  --kt-app-toolbar-base-border-top: 1px solid #eff2f5;
+  --kt-app-toolbar-base-border-top-mobile: 1px solid #eff2f5;
+  --kt-app-footer-bg-color: #ffffff;
+  --kt-app-footer-bg-color-mobile: #ffffff;
+}
+
+[data-theme=dark] {
+  --kt-app-bg-color: #151521;
+  --kt-app-blank-bg-color: #151521;
+  --kt-app-header-base-bg-color: #1e1e2d;
+  --kt-app-header-base-bg-color-mobile: #1e1e2d;
+  --kt-app-header-base-box-shadow: none;
+  --kt-app-header-base-box-shadow-mobile: none;
+  --kt-app-header-base-menu-link-bg-color-active: #2A2A3C;
+  --kt-app-header-light-separator-color: #2B2B40;
+  --kt-app-sidebar-base-toggle-btn-box-shadow: none;
+  --kt-app-sidebar-base-toggle-btn-bg-color: #2A2A3C;
+  --kt-app-sidebar-light-bg-color: #1e1e2d;
+  --kt-app-sidebar-light-box-shadow: none;
+  --kt-app-sidebar-light-separator-color: #2B2B40;
+  --kt-app-sidebar-light-scrollbar-color: #2B2B40;
+  --kt-app-sidebar-light-scrollbar-color-hover: #2B2B40;
+  --kt-app-sidebar-light-menu-heading-color: #565674;
+  --kt-app-sidebar-light-menu-link-bg-color-active: #2A2A3C;
+  --kt-app-sidebar-light-header-menu-link-bg-color-active: #1b1b29;
+  --kt-app-toolbar-base-bg-color: #1a1a27;
+  --kt-app-toolbar-base-bg-color-mobile: #1a1a27;
+  --kt-app-toolbar-base-box-shadow: none;
+  --kt-app-toolbar-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
+  --kt-app-toolbar-base-border-top: 0;
+  --kt-app-toolbar-base-border-top-mobile: 1px solid #eff2f5;
+  --kt-app-footer-bg-color: #1e1e2d;
+  --kt-app-footer-bg-color-mobile: #1e1e2d;
+}
+
+@media (min-width: 992px) {
+  .app-sidebar-toggle {
+    box-shadow: var(--kt-app-sidebar-base-toggle-btn-box-shadow) !important;
+    background-color: var(--kt-app-sidebar-base-toggle-btn-bg-color) !important;
+  }
+  .app-sidebar-logo {
+    height: var(--kt-app-header-height);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+    flex-shrink: 0;
+  }
+  .app-sidebar-menu .menu > .menu-item {
+    margin-left: 0.115rem;
+  }
+}
+@media (max-width: 991.98px) {
+  .app-sidebar-logo {
+    display: none;
+  }
+}
+.app-sidebar-logo-minimize {
+  display: none;
+}
+
+.app-sidebar-footer .btn-custom .btn-icon {
+  display: none;
+}
+
+@media (min-width: 992px) {
+  [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-logo .app-sidebar-logo-default {
+    display: none;
+  }
+  [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-logo .app-sidebar-logo-minimize {
+    display: inline-block;
+  }
+  [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-wrapper {
+    width: var(--kt-app-sidebar-width-actual);
+  }
+  [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-menu .menu-content,
+[data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-menu .menu-title {
+    opacity: 0;
+    transition: opacity 0.3s ease !important;
+  }
+  [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-menu .menu-item.show > .menu-sub {
+    height: 0;
+    overflow: hidden;
+    transition: height 0.3s ease !important;
+  }
+  [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-footer .btn-custom {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-footer .btn-custom .btn-label {
+    width: 0;
+    display: none;
+  }
+  [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-footer .btn-custom .btn-icon {
+    width: auto;
+    display: block;
+  }
+  [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-logo .app-sidebar-logo-default {
+    display: none;
+  }
+  [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-logo .app-sidebar-logo-minimize {
+    display: inline-block;
+  }
+  [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-wrapper {
+    width: var(--kt-app-sidebar-width-actual);
+  }
+  [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu .menu-content,
+[data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu .menu-title {
+    opacity: 0;
+    transition: opacity 0.3s ease !important;
+  }
+  [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu .menu-item.show > .menu-sub {
+    height: 0;
+    overflow: hidden;
+    transition: height 0.3s ease !important;
+  }
+  [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-footer .btn-custom {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-footer .btn-custom .btn-label {
+    width: 0;
+    display: none;
+  }
+  [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-footer .btn-custom .btn-icon {
+    width: auto;
+    display: block;
+  }
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar {
+  background-color: #1e1e2d;
+  border-right: 0 !important;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y {
+  scrollbar-color: #323248 transparent;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y::-webkit-scrollbar-thumb {
+  background-color: #323248;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y:hover {
+  scrollbar-color: #323248 transparent;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb {
+  background-color: #323248;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y:hover::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
+  border-bottom: 1px dashed #393945;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom {
+  color: #B5B5C3;
+  background-color: rgba(63, 66, 84, 0.35);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom i,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom .svg-icon {
+  color: #B5B5C3;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom.dropdown-toggle:after {
+  color: #B5B5C3;
+}
+.btn-check:checked + [data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom, .btn-check:active + [data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom, [data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom:focus:not(.btn-active), [data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom:hover:not(.btn-active), [data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom:active:not(.btn-active), [data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom.active, [data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom.show, .show > [data-kt-app-layout=dark-sidebar] .app-sidebar .btn-custom {
+  color: #B5B5C3;
+  background-color: rgba(63, 66, 84, 0.35) !important;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-heading {
+  color: #646477 !important;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link {
+  color: #9D9DA6;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
+  color: #9D9DA6;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
+  color: #C5C5D8;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-bullet .bullet {
+  background-color: #787887;
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: #787887;
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: #787887;
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+  color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-title {
+  color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon .svg-icon,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon .svg-icon,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  background-color: #2A2A3C;
+  color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
+  color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon,
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
+  color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-bullet .bullet {
+  background-color: var(--kt-primary-inverse);
+}
+[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary-inverse);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+[data-kt-app-layout=light-sidebar] .app-sidebar {
+  background-color: var(--kt-app-sidebar-light-bg-color);
+  border-right: 0 !important;
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y {
+  scrollbar-color: var(--kt-app-sidebar-light-scrollbar-color) transparent;
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y::-webkit-scrollbar-thumb {
+  background-color: var(--kt-app-sidebar-light-scrollbar-color);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y:hover {
+  scrollbar-color: var(--kt-app-sidebar-light-scrollbar-color-hover) transparent;
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb {
+  background-color: var(--kt-app-sidebar-light-scrollbar-color-hover);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y:hover::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-logo {
+  border-bottom: 1px solid var(--kt-app-sidebar-light-separator-color);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu {
+  font-weight: 500;
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-heading {
+  color: var(--kt-app-sidebar-light-menu-heading-color) !important;
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link {
+  color: var(--kt-gray-700);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
+  color: var(--kt-gray-700);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon,
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
+  color: var(--kt-gray-500);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-500);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-500);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-500);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  color: var(--kt-gray-900);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+  color: var(--kt-gray-900);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+  color: var(--kt-gray-700);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+  background-color: var(--kt-gray-700);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-700);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-700);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-gray-900);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-gray-900);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon,
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon .svg-icon,
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-gray-700);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-700);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-700);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-700);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-gray-900);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-title {
+  color: var(--kt-gray-900);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon,
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon .svg-icon,
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon i {
+  color: var(--kt-gray-700);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-700);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-700);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-700);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  background-color: var(--kt-app-sidebar-light-menu-link-bg-color-active);
+  color: var(--kt-primary);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
+  color: var(--kt-primary);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon,
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
+  color: var(--kt-primary);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+
+.app-header-menu .menu .menu-item .menu-link {
+  color: var(--kt-gray-700);
+}
+.app-header-menu .menu .menu-item .menu-link .menu-title {
+  color: var(--kt-gray-700);
+}
+.app-header-menu .menu .menu-item .menu-link .menu-icon,
+.app-header-menu .menu .menu-item .menu-link .menu-icon .svg-icon,
+.app-header-menu .menu .menu-item .menu-link .menu-icon i {
+  color: var(--kt-gray-500);
+}
+.app-header-menu .menu .menu-item .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-gray-500);
+}
+.app-header-menu .menu .menu-item .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-500);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-500%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-gray-500);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-gray-500%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.app-header-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
+  transition: color 0.2s ease;
+  background-color: var(--kt-gray-100);
+  color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+  color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+.app-header-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.app-header-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+  color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.app-header-menu .menu .menu-item.show > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item.show > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item.show > .menu-link .menu-icon,
+.app-header-menu .menu .menu-item.show > .menu-link .menu-icon .svg-icon,
+.app-header-menu .menu .menu-item.show > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item.show > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item.show > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.app-header-menu .menu .menu-item.here > .menu-link {
+  transition: color 0.2s ease;
+  color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item.here > .menu-link .menu-title {
+  color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item.here > .menu-link .menu-icon,
+.app-header-menu .menu .menu-item.here > .menu-link .menu-icon .svg-icon,
+.app-header-menu .menu .menu-item.here > .menu-link .menu-icon i {
+  color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item.here > .menu-link .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item.here > .menu-link .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.app-header-menu .menu .menu-item .menu-link.active {
+  transition: color 0.2s ease;
+  background-color: var(--kt-menu-link-bg-color-active);
+  color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item .menu-link.active .menu-title {
+  color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item .menu-link.active .menu-icon,
+.app-header-menu .menu .menu-item .menu-link.active .menu-icon .svg-icon,
+.app-header-menu .menu .menu-item .menu-link.active .menu-icon i {
+  color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item .menu-link.active .menu-bullet .bullet {
+  background-color: var(--kt-primary);
+}
+.app-header-menu .menu .menu-item .menu-link.active .menu-arrow:after {
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+  /*rtl:begin:remove*/
+  mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  background-color: var(--kt-primary);
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+  /*rtl:end:remove*/
+}
+.app-header-menu .menu-extended {
+  --kt-menu-link-bg-color-active: rgba(var(--kt-gray-100-rgb), 0.7);
+  --kt-menu-link-bg-color-hover: rgba(var(--kt-gray-100-rgb), 0.7);
+}
+.app-header-menu .menu-extended .menu-custom-icon {
+  background-color: var(--kt-gray-100);
+}
+.app-header-menu .menu-extended .menu-link.active .menu-custom-icon, .app-header-menu .menu-extended .menu-link:hover .menu-custom-icon {
+  background-color: var(--kt-gray-200);
+}
+
+@media (min-width: 992px) {
+  .app-header-menu .menu > .menu-item {
+    margin-right: 0.5rem;
+  }
+  .app-header-menu .menu > .menu-item > .menu-link {
+    padding-top: 0.775rem;
+    padding-bottom: 0.775rem;
+    font-weight: 500;
+  }
+  .app-header-menu .menu > .menu-item.here > .menu-link {
+    transition: color 0.2s ease;
+    background-color: var(--kt-app-header-base-menu-link-bg-color-active);
+    color: var(--kt-primary);
+  }
+  .app-header-menu .menu > .menu-item.here > .menu-link .menu-title {
+    color: var(--kt-primary);
+  }
+  .app-header-menu .menu > .menu-item.here > .menu-link .menu-icon,
+.app-header-menu .menu > .menu-item.here > .menu-link .menu-icon .svg-icon,
+.app-header-menu .menu > .menu-item.here > .menu-link .menu-icon i {
+    color: var(--kt-primary);
+  }
+  .app-header-menu .menu > .menu-item.here > .menu-link .menu-bullet .bullet {
+    background-color: var(--kt-primary);
+  }
+  .app-header-menu .menu > .menu-item.here > .menu-link .menu-arrow:after {
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    /*rtl:begin:remove*/
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    /*rtl:end:remove*/
+  }
+}
+[data-kt-app-layout=dark-header] .app-header {
+  background-color: #1e1e2d;
+  border-bottom: 0 !important;
+}
+[data-kt-app-layout=dark-header] .app-header .btn-custom {
+  color: #B5B5C3;
+}
+[data-kt-app-layout=dark-header] .app-header .btn-custom i,
+[data-kt-app-layout=dark-header] .app-header .btn-custom .svg-icon {
+  color: #B5B5C3;
+}
+[data-kt-app-layout=dark-header] .app-header .btn-custom.dropdown-toggle:after {
+  color: #B5B5C3;
+}
+.btn-check:checked + [data-kt-app-layout=dark-header] .app-header .btn-custom, .btn-check:active + [data-kt-app-layout=dark-header] .app-header .btn-custom, [data-kt-app-layout=dark-header] .app-header .btn-custom:focus:not(.btn-active), [data-kt-app-layout=dark-header] .app-header .btn-custom:hover:not(.btn-active), [data-kt-app-layout=dark-header] .app-header .btn-custom:active:not(.btn-active), [data-kt-app-layout=dark-header] .app-header .btn-custom.active, [data-kt-app-layout=dark-header] .app-header .btn-custom.show, .show > [data-kt-app-layout=dark-header] .app-header .btn-custom {
+  color: #B5B5C3;
+  background-color: rgba(63, 66, 84, 0.35) !important;
+}
+.btn-check:checked + [data-kt-app-layout=dark-header] .app-header .btn-custom i,
+.btn-check:checked + [data-kt-app-layout=dark-header] .app-header .btn-custom .svg-icon, .btn-check:active + [data-kt-app-layout=dark-header] .app-header .btn-custom i,
+.btn-check:active + [data-kt-app-layout=dark-header] .app-header .btn-custom .svg-icon, [data-kt-app-layout=dark-header] .app-header .btn-custom:focus:not(.btn-active) i,
+[data-kt-app-layout=dark-header] .app-header .btn-custom:focus:not(.btn-active) .svg-icon, [data-kt-app-layout=dark-header] .app-header .btn-custom:hover:not(.btn-active) i,
+[data-kt-app-layout=dark-header] .app-header .btn-custom:hover:not(.btn-active) .svg-icon, [data-kt-app-layout=dark-header] .app-header .btn-custom:active:not(.btn-active) i,
+[data-kt-app-layout=dark-header] .app-header .btn-custom:active:not(.btn-active) .svg-icon, [data-kt-app-layout=dark-header] .app-header .btn-custom.active i,
+[data-kt-app-layout=dark-header] .app-header .btn-custom.active .svg-icon, [data-kt-app-layout=dark-header] .app-header .btn-custom.show i,
+[data-kt-app-layout=dark-header] .app-header .btn-custom.show .svg-icon, .show > [data-kt-app-layout=dark-header] .app-header .btn-custom i,
+.show > [data-kt-app-layout=dark-header] .app-header .btn-custom .svg-icon {
+  color: var(--kt-primary);
+}
+.btn-check:checked + [data-kt-app-layout=dark-header] .app-header .btn-custom.dropdown-toggle:after, .btn-check:active + [data-kt-app-layout=dark-header] .app-header .btn-custom.dropdown-toggle:after, [data-kt-app-layout=dark-header] .app-header .btn-custom:focus:not(.btn-active).dropdown-toggle:after, [data-kt-app-layout=dark-header] .app-header .btn-custom:hover:not(.btn-active).dropdown-toggle:after, [data-kt-app-layout=dark-header] .app-header .btn-custom:active:not(.btn-active).dropdown-toggle:after, [data-kt-app-layout=dark-header] .app-header .btn-custom.active.dropdown-toggle:after, [data-kt-app-layout=dark-header] .app-header .btn-custom.show.dropdown-toggle:after, .show > [data-kt-app-layout=dark-header] .app-header .btn-custom.dropdown-toggle:after {
+  color: var(--kt-primary);
+}
+@media (min-width: 992px) {
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link {
+    color: #9D9DA6;
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link .menu-title {
+    color: #9D9DA6;
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link .menu-icon,
+[data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link .menu-icon .svg-icon,
+[data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link .menu-icon i {
+    color: #C5C5D8;
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link .menu-bullet .bullet {
+    background-color: #787887;
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link .menu-arrow:after {
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: #787887;
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    /*rtl:begin:remove*/
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: #787887;
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    /*rtl:end:remove*/
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) {
+    transition: color 0.2s ease;
+    color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
+    color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
+[data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+[data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
+[data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
+[data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
+    color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
+    background-color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary-inverse);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    /*rtl:begin:remove*/
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary-inverse);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    /*rtl:end:remove*/
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.show > .menu-link {
+    transition: color 0.2s ease;
+    color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.show > .menu-link .menu-title {
+    color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.show > .menu-link .menu-icon,
+[data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.show > .menu-link .menu-icon .svg-icon,
+[data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.show > .menu-link .menu-icon i {
+    color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.show > .menu-link .menu-bullet .bullet {
+    background-color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.show > .menu-link .menu-arrow:after {
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary-inverse);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    /*rtl:begin:remove*/
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary-inverse);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    /*rtl:end:remove*/
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.here > .menu-link {
+    transition: color 0.2s ease;
+    background-color: #2A2A3C;
+    color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.here > .menu-link .menu-title {
+    color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.here > .menu-link .menu-icon,
+[data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.here > .menu-link .menu-icon .svg-icon,
+[data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.here > .menu-link .menu-icon i {
+    color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.here > .menu-link .menu-bullet .bullet {
+    background-color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item.here > .menu-link .menu-arrow:after {
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary-inverse);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    /*rtl:begin:remove*/
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary-inverse);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    /*rtl:end:remove*/
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link.active {
+    transition: color 0.2s ease;
+    background-color: #2A2A3C;
+    color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link.active .menu-title {
+    color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link.active .menu-icon,
+[data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link.active .menu-icon .svg-icon,
+[data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link.active .menu-icon i {
+    color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link.active .menu-bullet .bullet {
+    background-color: var(--kt-primary-inverse);
+  }
+  [data-kt-app-layout=dark-header] .app-header-menu .menu > .menu-item > .menu-link.active .menu-arrow:after {
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary-inverse);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    /*rtl:begin:remove*/
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary-inverse);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary-inverse%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    /*rtl:end:remove*/
+  }
+}
+
+[data-kt-app-layout=light-sidebar] .app-header {
+  background-color: transparent;
+  box-shadow: none;
+  border-bottom: 1px solid var(--kt-app-sidebar-light-separator-color);
+}
+@media (min-width: 992px) {
+  [data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item.here > .menu-link {
+    transition: color 0.2s ease;
+    background-color: var(--app-sidebar-light-header-menu-link-bg-color-active);
+    color: var(--kt-primary);
+  }
+  [data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item.here > .menu-link .menu-title {
+    color: var(--kt-primary);
+  }
+  [data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item.here > .menu-link .menu-icon,
+[data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item.here > .menu-link .menu-icon .svg-icon,
+[data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item.here > .menu-link .menu-icon i {
+    color: var(--kt-primary);
+  }
+  [data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item.here > .menu-link .menu-bullet .bullet {
+    background-color: var(--kt-primary);
+  }
+  [data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item.here > .menu-link .menu-arrow:after {
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    /*rtl:begin:remove*/
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    /*rtl:end:remove*/
+  }
+  [data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item > .menu-link.active {
+    transition: color 0.2s ease;
+    background-color: var(--app-sidebar-light-header-menu-link-bg-color-active);
+    color: var(--kt-primary);
+  }
+  [data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item > .menu-link.active .menu-title {
+    color: var(--kt-primary);
+  }
+  [data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item > .menu-link.active .menu-icon,
+[data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item > .menu-link.active .menu-icon .svg-icon,
+[data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item > .menu-link.active .menu-icon i {
+    color: var(--kt-primary);
+  }
+  [data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item > .menu-link.active .menu-bullet .bullet {
+    background-color: var(--kt-primary);
+  }
+  [data-kt-app-layout=light-sidebar] .app-header-menu .menu > .menu-item > .menu-link.active .menu-arrow:after {
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
+    /*rtl:begin:remove*/
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    background-color: var(--kt-primary);
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
+    /*rtl:end:remove*/
+  }
+}
+
+@media (min-width: 992px) {
+  [data-kt-app-toolbar-enabled=true]:not([data-kt-app-toolbar-fixed=true]) .app-content {
+    padding-top: 0;
+  }
+}
+@media (max-width: 991.98px) {
+  [data-kt-app-toolbar-enabled=true]:not([data-kt-app-toolbar-fixed-mobile=true]) .app-content {
+    padding-top: 0;
+  }
+}
+:is([data-kt-app-layout=light-sidebar], [data-kt-app-layout=light-header], [data-kt-app-layout=dark-header]) .app-toolbar .form-select.form-select {
+  background-color: var(--kt-body-bg) !important;
+}
+
+@media (min-width: 992px) {
+  body:not([data-kt-app-toolbar-fixed=true]) .app-toolbar {
+    height: auto;
+    background-color: transparent;
+    border-top: 0;
+    border-bottom: 0;
+    box-shadow: none;
+  }
+}
+@media (max-width: 991.98px) {
+  body:not([data-kt-app-toolbar-fixed-mobile=true]) .app-toolbar {
+    height: auto;
+    background-color: transparent;
+    border-top: 0;
+    border-bottom: 0;
+    box-shadow: none;
+  }
+}
+@media (min-width: 992px) {
+  [data-kt-app-layout=dark-header] .app-header .page-heading {
+    color: #ffffff !important;
+  }
+}

Moonlight/wwwroot/assets/js/alertUtils.js

@@ -0,0 +1,68 @@
+window.showAlertInfo = function (title, description)
+{
+    Swal.fire(
+        title,
+        description,
+        'info'
+    )
+}
+
+window.showAlertSuccess = function (title, description)
+{
+    Swal.fire(
+        title,
+        description,
+        'success'
+    )
+}
+
+window.showAlertWarning = function (title, description)
+{
+    Swal.fire(
+        title,
+        description,
+        'warning'
+    )
+}
+
+window.showAlertError = function (title, description)
+{
+    Swal.fire(
+        title,
+        description,
+        'error'
+    )
+}
+
+window.showAlertYesNo = function (title, yesText, noText)
+{
+    return Swal.fire({
+        title: title,
+        showDenyButton: true,
+        confirmButtonText: yesText,
+        denyButtonText: noText,
+    }).then((result) => {
+        if (result.isConfirmed) {
+            return true;
+        } else if (result.isDenied) {
+            return false;
+        }
+    })
+}
+
+window.showAlertText = function (title, description) {
+    const {value: text} = Swal.fire({
+        title: title,
+        input: 'text',
+        inputLabel: description,
+        inputValue: "",
+        showCancelButton: false,
+        inputValidator: (value) => {
+            if (!value) {
+                return 'Es muss ein Wert angegeben werden'
+            }
+        }
+    })
+    
+    return text;
+}

Moonlight/wwwroot/assets/js/clipboard.js

@@ -0,0 +1,32 @@
+function fallbackCopyTextToClipboard(text) {
+    var textArea = document.createElement("textarea");
+    textArea.value = text;
+
+    // Avoid scrolling to bottom
+    textArea.style.top = "0";
+    textArea.style.left = "0";
+    textArea.style.position = "fixed";
+
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+
+    try {
+        var successful = document.execCommand('copy');
+        var msg = successful ? 'successful' : 'unsuccessful';
+    } catch (err) {
+        console.error('Fallback: Oops, unable to copy', err);
+    }
+
+    document.body.removeChild(textArea);
+}
+function copyTextToClipboard(text) {
+    if (!navigator.clipboard) {
+        fallbackCopyTextToClipboard(text);
+        return;
+    }
+    navigator.clipboard.writeText(text).then(function() {
+    }, function(err) {
+        console.error('Async: Could not copy text: ', err);
+    });
+}

Moonlight/wwwroot/assets/js/consoleUtils.js

@@ -0,0 +1,143 @@
+window.initConsolePlugins = function () {
+    window.XtermBlazor.registerAddon("xterm-addon-fit", new window.FitAddon.FitAddon());
+
+    addEventListener('resize', (event) => {
+        //XtermBlazor.invokeAddonFunction()
+    });
+};
+
+window.initGraphs = function () {
+    
+};
+
+window.initCpu = function () {
+    var element = document.getElementById('cpuchart');
+
+    var height = parseInt(KTUtil.css(element, 'height'));
+    var labelColor = KTUtil.getCssVariableValue('--kt-gray-500');
+    var borderColor = KTUtil.getCssVariableValue('--kt-gray-200');
+    var baseColor = KTUtil.getCssVariableValue('--kt-info');
+    var lightColor = KTUtil.getCssVariableValue('--kt-info-light');
+
+    if (!element) {
+        return;
+    }
+
+    var options = {
+        series: [{
+            name: 'CPU Auslastung',
+            data: [0, 0, 0, 0, 0, 0, 0]
+        }],
+        chart: {
+            fontFamily: 'inherit',
+            type: 'area',
+            height: height,
+            toolbar: {
+                show: false
+            }
+        },
+        plotOptions: {},
+        legend: {
+            show: false
+        },
+        dataLabels: {
+            enabled: false
+        },
+        fill: {
+            type: 'solid',
+            opacity: 1
+        },
+        stroke: {
+            curve: 'smooth',
+            show: true,
+            width: 3,
+            colors: [baseColor]
+        },
+        xaxis: {
+            categories: [],
+            axisBorder: {
+                show: false,
+            },
+            axisTicks: {
+                show: false
+            },
+            labels: {
+                style: {
+                    colors: labelColor,
+                    fontSize: '12px'
+                }
+            },
+            crosshairs: {
+                position: 'front',
+                stroke: {
+                    color: baseColor,
+                    width: 1,
+                    dashArray: 3
+                }
+            },
+            tooltip: {
+                enabled: false,
+                formatter: undefined,
+                offsetY: 0,
+                style: {
+                    fontSize: '12px'
+                }
+            }
+        },
+        yaxis: {
+            labels: {
+                style: {
+                    colors: labelColor,
+                    fontSize: '12px'
+                }
+            }
+        },
+        states: {
+            normal: {
+                filter: {
+                    type: 'none',
+                    value: 0
+                }
+            },
+            hover: {
+                filter: {
+                    type: 'none',
+                    value: 0
+                }
+            },
+            active: {
+                allowMultipleDataPointsSelection: false,
+                filter: {
+                    type: 'none',
+                    value: 0
+                }
+            }
+        },
+        colors: [lightColor],
+        grid: {
+            borderColor: borderColor,
+            strokeDashArray: 4,
+            yaxis: {
+                lines: {
+                    show: true
+                }
+            }
+        },
+        markers: {
+            strokeColor: baseColor,
+            strokeWidth: 3
+        }
+    };
+
+    var chart = new ApexCharts(element, options);
+    chart.render();
+    
+    window.console.cpuchart = chart;
+};
+
+window.updateCpu = function (value) {
+    window.console.cpuchart.appendSeries({
+        name: 'CPU Auslastung',
+        data: value
+    });
+};

Moonlight/wwwroot/assets/js/cookieUtils.js

@@ -0,0 +1,26 @@
+window.setCookie = function (key, value, days) {
+    const d = new Date();
+    d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));
+    let expires = "expires=" + d.toUTCString();
+    document.cookie = key + "=" + value + ";" + expires + ";path=/";
+}
+
+window.deleteCookie = function (key) {
+    window.setCookie(key, "", 0);
+}
+
+window.getCookie = function (cname) {
+    let name = cname + "=";
+    let decodedCookie = decodeURIComponent(document.cookie);
+    let ca = decodedCookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+        let c = ca[i];
+        while (c.charAt(0) == ' ') {
+            c = c.substring(1);
+        }
+        if (c.indexOf(name) == 0) {
+            return c.substring(name.length, c.length);
+        }
+    }
+    return "";
+}

Moonlight/wwwroot/assets/js/flashbang.js

@@ -0,0 +1,12 @@
+function flashbang() {
+    const light = document.getElementById("flashbang");
+    light.style.boxShadow = "0 0 10000px 10000px white, 0 0 250px 10px #FFFFFF";
+    light.style.animation = "flashbang 5s linear forwards";
+    light.onanimationend = clearFlashbang;
+}
+
+function clearFlashbang() {
+    const light = document.getElementById("flashbang");
+    light.style.animation = "";
+    light.style.opacity = "0";
+}

Moonlight/wwwroot/assets/js/loggingUtils.js

@@ -0,0 +1,51 @@
+window.logInfo = function (prefix, message)
+{
+    console.log(
+        '%c[%cINFO%c] [%c' + prefix + '%c] %c' + message,
+        'color: white', // [
+        'color: aqua', // INFO
+        'color: white', // ]
+        'color: purple', // {prefix}
+        'color: white', // ]
+        'color: lightgray' // {message}
+    );
+};
+
+window.logWarn = function (prefix, message)
+{
+    console.log(
+        '%c[%cWARN%c] [%c' + prefix + '%c] %c' + message,
+        'color: white', // [
+        'color: orange', // WARN
+        'color: white', // ]
+        'color: purple', // {prefix}
+        'color: white', // ]
+        'color: lightgray' // {message}
+    );
+};
+
+window.logError = function (prefix, message)
+{
+    console.log(
+        '%c[%cERROR%c] [%c' + prefix + '%c] %c' + message,
+        'color: white', // [
+        'color: red', // ERROR
+        'color: white', // ]
+        'color: purple', // {prefix}
+        'color: white', // ]
+        'color: lightgray' // {message}
+    );
+};
+
+window.logDebug = function (prefix, message)
+{
+    console.log(
+        '%c[%cDEBUG%c] [%c' + prefix + '%c] %c' + message,
+        'color: white', // [
+        'color: green', // DEBUG
+        'color: white', // ]
+        'color: purple', // {prefix}
+        'color: white', // ]
+        'color: lightgray' // {message}
+    );
+};

Moonlight/wwwroot/assets/js/monaco.js

@@ -0,0 +1 @@
+require.config({ paths: { 'vs': '_content/BlazorMonaco/lib/monaco-editor/min/vs' } });

Moonlight/wwwroot/assets/js/recaptcha.js

@@ -0,0 +1,9 @@
+window.recaptcha = new Object();
+window.recaptcha.render = function (id, sitekey, page)
+{
+    return grecaptcha.render(id, {
+        'sitekey': sitekey,
+        'callback': (response) => { page.invokeMethodAsync('CallbackOnSuccess', response); },
+        'expired-callback': () => { page.invokeMethodAsync('CallbackOnExpired'); }
+    });
+}

Moonlight/wwwroot/assets/js/scripts.bundle.js

@@ -0,0 +1,7832 @@
+"use strict";
+
+// Class definition
+var KTBlockUI = function(element, options) {
+    //////////////////////////////
+    // ** Private variables  ** //
+    //////////////////////////////
+    var the = this;
+
+    if ( typeof element === "undefined" || element === null ) {
+        return;
+    }
+
+    // Default options
+    var defaultOptions = {
+        zIndex: false,
+        overlayClass: '',
+        overflow: 'hidden',
+        message: '<span class="spinner-border text-primary"></span>'
+    };
+
+    ////////////////////////////
+    // ** Private methods  ** //
+    ////////////////////////////
+
+    var _construct = function() {
+        if ( KTUtil.data(element).has('blockui') ) {
+            the = KTUtil.data(element).get('blockui');
+        } else {
+            _init();
+        }
+    }
+
+    var _init = function() {
+        // Variables
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+        the.element = element;
+        the.overlayElement = null;
+        the.blocked = false;
+        the.positionChanged = false;
+        the.overflowChanged = false;
+
+        // Bind Instance
+        KTUtil.data(the.element).set('blockui', the);
+    }
+
+    var _block = function() {
+        if ( KTEventHandler.trigger(the.element, 'kt.blockui.block', the) === false ) {
+            return;
+        }
+
+        var isPage = (the.element.tagName === 'BODY');
+       
+        var position = KTUtil.css(the.element, 'position');
+        var overflow = KTUtil.css(the.element, 'overflow');
+        var zIndex = isPage ? 10000 : 1;
+
+        if (the.options.zIndex > 0) {
+            zIndex = the.options.zIndex;
+        } else {
+            if (KTUtil.css(the.element, 'z-index') != 'auto') {
+                zIndex = KTUtil.css(the.element, 'z-index');
+            }
+        }
+
+        the.element.classList.add('blockui');
+
+        if (position === "absolute" || position === "relative" || position === "fixed") {
+            KTUtil.css(the.element, 'position', 'relative');
+            the.positionChanged = true;
+        }
+
+        if (the.options.overflow === 'hidden' && overflow === 'visible') {           
+            KTUtil.css(the.element, 'overflow', 'hidden');
+            the.overflowChanged = true;
+        }
+
+        the.overlayElement = document.createElement('DIV');    
+        the.overlayElement.setAttribute('class', 'blockui-overlay ' + the.options.overlayClass);
+        
+        the.overlayElement.innerHTML = the.options.message;
+
+        KTUtil.css(the.overlayElement, 'z-index', zIndex);
+
+        the.element.append(the.overlayElement);
+        the.blocked = true;
+
+        KTEventHandler.trigger(the.element, 'kt.blockui.after.blocked', the)
+    }
+
+    var _release = function() {
+        if ( KTEventHandler.trigger(the.element, 'kt.blockui.release', the) === false ) {
+            return;
+        }
+
+        the.element.classList.add('blockui');
+        
+        if (the.positionChanged) {
+            KTUtil.css(the.element, 'position', '');
+        }
+
+        if (the.overflowChanged) {
+            KTUtil.css(the.element, 'overflow', '');
+        }
+
+        if (the.overlayElement) {
+            KTUtil.remove(the.overlayElement);
+        }        
+
+        the.blocked = false;
+
+        KTEventHandler.trigger(the.element, 'kt.blockui.released', the);
+    }
+
+    var _isBlocked = function() {
+        return the.blocked;
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('blockui');
+    }
+
+    // Construct class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Plugin API
+    the.block = function() {
+        _block();
+    }
+
+    the.release = function() {
+        _release();
+    }
+
+    the.isBlocked = function() {
+        return _isBlocked();
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+
+    // Event API
+    the.on = function(name, handler) {
+        return KTEventHandler.on(the.element, name, handler);
+    }
+
+    the.one = function(name, handler) {
+        return KTEventHandler.one(the.element, name, handler);
+    }
+
+    the.off = function(name, handlerId) {
+        return KTEventHandler.off(the.element, name, handlerId);
+    }
+
+    the.trigger = function(name, event) {
+        return KTEventHandler.trigger(the.element, name, event, the, event);
+    }
+};
+
+// Static methods
+KTBlockUI.getInstance = function(element) {
+    if (element !== null && KTUtil.data(element).has('blockui')) {
+        return KTUtil.data(element).get('blockui');
+    } else {
+        return null;
+    }
+}
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTBlockUI;
+}
+"use strict";
+// DOCS: https://javascript.info/cookie
+
+// Class definition
+var KTCookie = function() {
+    return {
+        // returns the cookie with the given name,
+        // or undefined if not found
+        get: function(name) {
+            var matches = document.cookie.match(new RegExp(
+                "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
+            ));
+
+            return matches ? decodeURIComponent(matches[1]) : null;
+        },
+
+        // Please note that a cookie value is encoded,
+        // so getCookie uses a built-in decodeURIComponent function to decode it.
+        set: function(name, value, options) {
+            if ( typeof options === "undefined" || options === null ) {
+                options = {};
+            }
+
+            options = Object.assign({}, {
+                path: '/'
+            }, options);
+
+            if ( options.expires instanceof Date ) {
+                options.expires = options.expires.toUTCString();
+            }
+
+            var updatedCookie = encodeURIComponent(name) + "=" + encodeURIComponent(value);
+
+            for ( var optionKey in options ) {
+                if ( options.hasOwnProperty(optionKey) === false ) {
+                    continue;
+                }
+
+                updatedCookie += "; " + optionKey;
+                var optionValue = options[optionKey];
+
+                if ( optionValue !== true ) {
+                    updatedCookie += "=" + optionValue;
+                }
+            }
+
+            document.cookie = updatedCookie;
+        },
+
+        // To remove a cookie, we can call it with a negative expiration date:
+        remove: function(name) {
+            this.set(name, "", {
+                'max-age': -1
+            });
+        }
+    }
+}();
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTCookie;
+}
+
+"use strict";
+
+// Class definition
+var KTDialer = function(element, options) {
+    ////////////////////////////
+    // ** Private variables  ** //
+    ////////////////////////////
+    var the = this;
+
+    if (!element) {
+        return;
+    }
+
+    // Default options
+    var defaultOptions = {
+        min: null,
+        max: null,
+        step: 1,
+        decimals: 0,
+        prefix: "",
+        suffix: ""
+    };
+
+    ////////////////////////////
+    // ** Private methods  ** //
+    ////////////////////////////
+
+    // Constructor
+    var _construct = function() {
+        if ( KTUtil.data(element).has('dialer') === true ) {
+            the = KTUtil.data(element).get('dialer');
+        } else {
+            _init();
+        }
+    }
+
+    // Initialize
+    var _init = function() {
+        // Variables
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+
+        // Elements
+        the.element = element;
+        the.incElement = the.element.querySelector('[data-kt-dialer-control="increase"]');
+        the.decElement = the.element.querySelector('[data-kt-dialer-control="decrease"]');
+        the.inputElement = the.element.querySelector('input[type]'); 
+        
+        // Set Values
+        if (_getOption('decimals')) {
+            the.options.decimals = parseInt(_getOption('decimals'));
+        }
+        
+        if (_getOption('prefix')) {
+            the.options.prefix = _getOption('prefix');
+        }
+        
+        if (_getOption('suffix')) {
+            the.options.suffix = _getOption('suffix');
+        }
+        
+        if (_getOption('step')) {
+            the.options.step = parseFloat(_getOption('step'));
+        }
+
+        if (_getOption('min')) {
+            the.options.min = parseFloat(_getOption('min'));
+        }
+
+        if (_getOption('max')) {
+            the.options.max = parseFloat(_getOption('max'));
+        }
+
+        the.value = parseFloat(the.inputElement.value.replace(/[^\d.]/g, ''));  
+
+        _setValue();
+
+        // Event Handlers
+        _handlers();
+
+        // Bind Instance
+        KTUtil.data(the.element).set('dialer', the);
+    }
+
+    // Handlers
+    var _handlers = function() {
+        KTUtil.addEvent(the.incElement, 'click', function(e) {
+            e.preventDefault();
+        
+            _increase();
+        });
+
+        KTUtil.addEvent(the.decElement, 'click', function(e) {
+            e.preventDefault();
+
+            _decrease();
+        });
+
+        KTUtil.addEvent(the.inputElement, 'input', function(e) {
+            e.preventDefault();
+
+            _setValue();
+        });
+    }
+
+    // Event handlers
+    var _increase = function() {
+        // Trigger "after.dialer" event
+        KTEventHandler.trigger(the.element, 'kt.dialer.increase', the);
+
+        the.inputElement.value = the.value + the.options.step;
+        _setValue();
+
+        // Trigger "before.dialer" event
+        KTEventHandler.trigger(the.element, 'kt.dialer.increased', the);
+
+        return the;
+    }
+
+    var _decrease = function() {
+        // Trigger "after.dialer" event
+        KTEventHandler.trigger(the.element, 'kt.dialer.decrease', the);
+
+        the.inputElement.value = the.value - the.options.step;      
+
+        _setValue();
+
+        // Trigger "before.dialer" event
+        KTEventHandler.trigger(the.element, 'kt.dialer.decreased', the);
+
+        return the;
+    }
+
+    // Set Input Value
+    var _setValue = function(value) {
+        // Trigger "after.dialer" event
+        KTEventHandler.trigger(the.element, 'kt.dialer.change', the);
+
+        if (value !== undefined) {
+            the.value = value;
+        } else {
+            the.value = _parse(the.inputElement.value); 
+        }        
+        
+        if (the.options.min !== null && the.value < the.options.min) {
+            the.value = the.options.min;
+        }
+
+        if (the.options.max !== null && the.value > the.options.max) {
+            the.value = the.options.max;
+        }
+
+        the.inputElement.value = _format(the.value);
+
+        // Trigger input change event
+        the.inputElement.dispatchEvent(new Event('change'));
+
+        // Trigger "after.dialer" event
+        KTEventHandler.trigger(the.element, 'kt.dialer.changed', the);
+    }
+
+    var _parse = function(val) {
+        val = val
+            .replace(/[^0-9.-]/g, '')       // remove chars except number, hyphen, point. 
+            .replace(/(\..*)\./g, '$1')     // remove multiple points.
+            .replace(/(?!^)-/g, '')         // remove middle hyphen.
+            .replace(/^0+(\d)/gm, '$1');    // remove multiple leading zeros. <-- I added this.
+
+        val = parseFloat(val);
+
+        if (isNaN(val)) {
+            val = 0;
+        } 
+
+        return val;
+    }
+
+    // Format
+    var _format = function(val){
+        return the.options.prefix + parseFloat(val).toFixed(the.options.decimals) + the.options.suffix;              
+    }
+
+    // Get option
+    var _getOption = function(name) {
+        if ( the.element.hasAttribute('data-kt-dialer-' + name) === true ) {
+            var attr = the.element.getAttribute('data-kt-dialer-' + name);
+            var value = attr;            
+
+            return value;
+        } else {
+            return null;
+        }
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('dialer');
+    }
+
+    // Construct class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Plugin API
+    the.setMinValue = function(value) {
+        the.options.min = value;
+    }
+
+    the.setMaxValue = function(value) {
+        the.options.max = value;
+    }
+
+    the.setValue = function(value) {
+        _setValue(value);
+    }
+
+    the.getValue = function() {
+        return the.inputElement.value;
+    }    
+
+    the.update = function() {
+        _setValue();
+    }
+
+    the.increase = function() {
+        return _increase();
+    }
+
+    the.decrease = function() {
+        return _decrease();
+    }
+
+    the.getElement = function() {
+        return the.element;
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+
+    // Event API
+    the.on = function(name, handler) {
+        return KTEventHandler.on(the.element, name, handler);
+    }
+
+    the.one = function(name, handler) {
+        return KTEventHandler.one(the.element, name, handler);
+    }
+
+    the.off = function(name, handlerId) {
+        return KTEventHandler.off(the.element, name, handlerId);
+    }
+
+    the.trigger = function(name, event) {
+        return KTEventHandler.trigger(the.element, name, event, the, event);
+    }
+};
+
+// Static methods
+KTDialer.getInstance = function(element) {
+    if ( element !== null && KTUtil.data(element).has('dialer') ) {
+        return KTUtil.data(element).get('dialer');
+    } else {
+        return null;
+    }
+}
+
+// Create instances
+KTDialer.createInstances = function(selector = '[data-kt-dialer="true"]') {
+    // Get instances
+    var elements = document.querySelectorAll(selector);
+
+    if ( elements && elements.length > 0 ) {
+        for (var i = 0, len = elements.length; i < len; i++) {
+            new KTDialer(elements[i]);
+        }
+    }
+}
+
+// Global initialization
+KTDialer.init = function() {
+    KTDialer.createInstances();
+};
+
+
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTDialer;
+}
+"use strict";
+
+// Class definition
+var KTDrawer = function(element, options) {
+    //////////////////////////////
+    // ** Private variables  ** //
+    //////////////////////////////
+    var the = this;
+
+    if ( typeof element === "undefined" || element === null ) {
+        return;
+    }
+
+    // Default options
+    var defaultOptions = {
+        overlay: true,
+        direction: 'end',
+        baseClass: 'drawer',
+        overlayClass: 'drawer-overlay'
+    };
+
+    ////////////////////////////
+    // ** Private methods  ** //
+    ////////////////////////////
+
+    var _construct = function() {
+        if ( KTUtil.data(element).has('drawer') ) {
+            the = KTUtil.data(element).get('drawer');
+        } else {
+            _init();
+        }
+    }
+
+    var _init = function() {
+        // Variables
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+        the.uid = KTUtil.getUniqueId('drawer');
+        the.element = element;
+        the.overlayElement = null;
+        the.name = the.element.getAttribute('data-kt-drawer-name');
+        the.shown = false;
+        the.lastWidth;
+        the.toggleElement = null;
+
+        // Set initialized
+        the.element.setAttribute('data-kt-drawer', 'true');
+
+        // Event Handlers
+        _handlers();
+
+        // Update Instance
+        _update();
+
+        // Bind Instance
+        KTUtil.data(the.element).set('drawer', the);
+    }
+
+    var _handlers = function() {
+        var togglers = _getOption('toggle');
+        var closers = _getOption('close');
+
+        if ( togglers !== null && togglers.length > 0 ) {
+            KTUtil.on(document.body, togglers, 'click', function(e) {
+                e.preventDefault();
+
+                the.toggleElement = this;
+                _toggle();
+            });
+        }
+
+        if ( closers !== null && closers.length > 0 ) {
+            KTUtil.on(document.body, closers, 'click', function(e) {
+                e.preventDefault();
+
+                the.closeElement = this;
+                _hide();
+            });
+        }
+    }
+
+    var _toggle = function() {
+        if ( KTEventHandler.trigger(the.element, 'kt.drawer.toggle', the) === false ) {
+            return;
+        }
+
+        if ( the.shown === true ) {
+            _hide();
+        } else {
+            _show();
+        }
+
+        KTEventHandler.trigger(the.element, 'kt.drawer.toggled', the);
+    }
+
+    var _hide = function() {
+        if ( KTEventHandler.trigger(the.element, 'kt.drawer.hide', the) === false ) {
+            return;
+        }
+
+        the.shown = false;
+
+        _deleteOverlay();
+
+        document.body.removeAttribute('data-kt-drawer-' + the.name, 'on');
+        document.body.removeAttribute('data-kt-drawer');
+
+        KTUtil.removeClass(the.element, the.options.baseClass + '-on');
+
+        if ( the.toggleElement !== null ) {
+            KTUtil.removeClass(the.toggleElement, 'active');
+        }
+
+        KTEventHandler.trigger(the.element, 'kt.drawer.after.hidden', the) === false
+    }
+
+    var _show = function() {
+        if ( KTEventHandler.trigger(the.element, 'kt.drawer.show', the) === false ) {
+            return;
+        }
+
+        the.shown = true;
+
+        _createOverlay();
+        document.body.setAttribute('data-kt-drawer-' + the.name, 'on');
+        document.body.setAttribute('data-kt-drawer', 'on');
+
+        KTUtil.addClass(the.element, the.options.baseClass + '-on');
+
+        if ( the.toggleElement !== null ) {
+            KTUtil.addClass(the.toggleElement, 'active');
+        }
+
+        KTEventHandler.trigger(the.element, 'kt.drawer.shown', the);
+    }
+
+    var _update = function() {
+        var width = _getWidth();
+        var direction = _getOption('direction');
+
+        var top = _getOption('top');
+        var bottom = _getOption('bottom');
+        var start = _getOption('start');
+        var end = _getOption('end');
+
+        // Reset state
+        if ( KTUtil.hasClass(the.element, the.options.baseClass + '-on') === true && String(document.body.getAttribute('data-kt-drawer-' + the.name + '-')) === 'on' ) {
+            the.shown = true;
+        } else {
+            the.shown = false;
+        }       
+
+        // Activate/deactivate
+        if ( _getOption('activate') === true ) {
+            KTUtil.addClass(the.element, the.options.baseClass);
+            KTUtil.addClass(the.element, the.options.baseClass + '-' + direction);
+            
+            KTUtil.css(the.element, 'width', width, true);
+            the.lastWidth = width;
+
+            if (top) {
+                KTUtil.css(the.element, 'top', top);
+            }
+
+            if (bottom) {
+                KTUtil.css(the.element, 'bottom', bottom);
+            }
+
+            if (start) {
+                if (KTUtil.isRTL()) {
+                    KTUtil.css(the.element, 'right', start);
+                } else {
+                    KTUtil.css(the.element, 'left', start);
+                }
+            }
+
+            if (end) {
+                if (KTUtil.isRTL()) {
+                    KTUtil.css(the.element, 'left', end);
+                } else {
+                    KTUtil.css(the.element, 'right', end);
+                }
+            }
+        } else {
+            KTUtil.removeClass(the.element, the.options.baseClass);
+            KTUtil.removeClass(the.element, the.options.baseClass + '-' + direction);
+
+            KTUtil.css(the.element, 'width', '');
+
+            if (top) {
+                KTUtil.css(the.element, 'top', '');
+            }
+
+            if (bottom) {
+                KTUtil.css(the.element, 'bottom', '');
+            }
+
+            if (start) {
+                if (KTUtil.isRTL()) {
+                    KTUtil.css(the.element, 'right', '');
+                } else {
+                    KTUtil.css(the.element, 'left', '');
+                }
+            }
+
+            if (end) {
+                if (KTUtil.isRTL()) {
+                    KTUtil.css(the.element, 'left', '');
+                } else {
+                    KTUtil.css(the.element, 'right', '');
+                }
+            }
+
+            _hide();
+        }
+    }
+
+    var _createOverlay = function() {
+        if ( _getOption('overlay') === true ) {
+            the.overlayElement = document.createElement('DIV');
+
+            KTUtil.css(the.overlayElement, 'z-index', KTUtil.css(the.element, 'z-index') - 1); // update
+
+            document.body.append(the.overlayElement);
+
+            KTUtil.addClass(the.overlayElement, _getOption('overlay-class'));
+
+            KTUtil.addEvent(the.overlayElement, 'click', function(e) {
+                e.preventDefault();
+                _hide();
+            });
+        }
+    }
+
+    var _deleteOverlay = function() {
+        if ( the.overlayElement !== null ) {
+            KTUtil.remove(the.overlayElement);
+        }
+    }
+
+    var _getOption = function(name) {
+        if ( the.element.hasAttribute('data-kt-drawer-' + name) === true ) {
+            var attr = the.element.getAttribute('data-kt-drawer-' + name);
+            var value = KTUtil.getResponsiveValue(attr);
+
+            if ( value !== null && String(value) === 'true' ) {
+                value = true;
+            } else if ( value !== null && String(value) === 'false' ) {
+                value = false;
+            }
+
+            return value;
+        } else {
+            var optionName = KTUtil.snakeToCamel(name);
+
+            if ( the.options[optionName] ) {
+                return KTUtil.getResponsiveValue(the.options[optionName]);
+            } else {
+                return null;
+            }
+        }
+    }
+
+    var _getWidth = function() {
+        var width = _getOption('width');
+
+        if ( width === 'auto') {
+            width = KTUtil.css(the.element, 'width');
+        }
+
+        return width;
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('drawer');
+    }
+
+    // Construct class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Plugin API
+    the.toggle = function() {
+        return _toggle();
+    }
+
+    the.show = function() {
+        return _show();
+    }
+
+    the.hide = function() {
+        return _hide();
+    }
+
+    the.isShown = function() {
+        return the.shown;
+    }
+
+    the.update = function() {
+        _update();
+    }
+
+    the.goElement = function() {
+        return the.element;
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+
+    // Event API
+    the.on = function(name, handler) {
+        return KTEventHandler.on(the.element, name, handler);
+    }
+
+    the.one = function(name, handler) {
+        return KTEventHandler.one(the.element, name, handler);
+    }
+
+    the.off = function(name, handlerId) {
+        return KTEventHandler.off(the.element, name, handlerId);
+    }
+
+    the.trigger = function(name, event) {
+        return KTEventHandler.trigger(the.element, name, event, the, event);
+    }
+};
+
+// Static methods
+KTDrawer.getInstance = function(element) {
+    if (element !== null && KTUtil.data(element).has('drawer')) {
+        return KTUtil.data(element).get('drawer');
+    } else {
+        return null;
+    }
+}
+
+// Hide all drawers and skip one if provided
+KTDrawer.hideAll = function(skip = null, selector = '[data-kt-drawer="true"]') {
+    var items = document.querySelectorAll(selector);
+
+    if (items && items.length > 0) {
+        for (var i = 0, len = items.length; i < len; i++) {
+            var item = items[i];
+            var drawer = KTDrawer.getInstance(item);
+
+            if (!drawer) {
+                continue;
+            }
+
+            if ( skip ) {
+                if ( item !== skip ) {
+                    drawer.hide();
+                }
+            } else {
+                drawer.hide();
+            }
+        }
+    }
+}
+
+// Update all drawers
+KTDrawer.updateAll = function(selector = '[data-kt-drawer="true"]') {
+    var items = document.querySelectorAll(selector);
+
+    if (items && items.length > 0) {
+        for (var i = 0, len = items.length; i < len; i++) {
+            var drawer = KTDrawer.getInstance(items[i]);
+
+            if (drawer) {
+                drawer.update();
+            }
+        }
+    }
+}
+
+// Create instances
+KTDrawer.createInstances = function(selector = '[data-kt-drawer="true"]') {
+    // Initialize Menus
+    var elements = document.querySelectorAll(selector);
+
+    if ( elements && elements.length > 0 ) {
+        for (var i = 0, len = elements.length; i < len; i++) {
+            new KTDrawer(elements[i]);
+        }
+    }
+}
+
+// Toggle instances
+KTDrawer.handleShow = function() {
+    // External drawer toggle handler
+    KTUtil.on(document.body,  '[data-kt-drawer-show="true"][data-kt-drawer-target]', 'click', function(e) {
+        e.preventDefault();
+        
+        var element = document.querySelector(this.getAttribute('data-kt-drawer-target'));
+
+        if (element) {
+            KTDrawer.getInstance(element).show();
+        } 
+    });
+}
+
+// Dismiss instances
+KTDrawer.handleDismiss = function() {
+    // External drawer toggle handler
+    KTUtil.on(document.body,  '[data-kt-drawer-dismiss="true"]', 'click', function(e) {
+        var element = this.closest('[data-kt-drawer="true"]');
+
+        if (element) {
+            var drawer = KTDrawer.getInstance(element);
+            if (drawer.isShown()) {
+                drawer.hide();
+            }
+        } 
+    });
+}
+
+// Handle resize
+KTDrawer.handleResize = function() {
+    // Window resize Handling
+    window.addEventListener('resize', function() {
+        var timer;
+
+        KTUtil.throttle(timer, function() {
+            // Locate and update drawer instances on window resize
+            var elements = document.querySelectorAll('[data-kt-drawer="true"]');
+
+            if ( elements && elements.length > 0 ) {
+                for (var i = 0, len = elements.length; i < len; i++) {
+                    var drawer = KTDrawer.getInstance(elements[i]);
+                    if (drawer) {
+                        drawer.update();
+                    }
+                }
+            }
+        }, 200);
+    });
+}
+
+// Global initialization
+KTDrawer.init = function() {
+    KTDrawer.createInstances();
+    KTDrawer.handleResize();
+    KTDrawer.handleShow();
+    KTDrawer.handleDismiss();
+};
+
+
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTDrawer;
+}
+"use strict";
+
+// Class definition
+var KTEventHandler = function() {
+    ////////////////////////////
+    // ** Private Variables  ** //
+    ////////////////////////////
+    var _handlers = {};
+
+    ////////////////////////////
+    // ** Private Methods  ** //
+    ////////////////////////////
+    var _triggerEvent = function(element, name, target) {
+        var returnValue = true;
+        var eventValue;
+
+        if ( KTUtil.data(element).has(name) === true ) {
+            var handlerIds = KTUtil.data(element).get(name);
+            var handlerId;
+
+            for (var i = 0; i < handlerIds.length; i++) {
+                handlerId = handlerIds[i];
+                
+                if ( _handlers[name] && _handlers[name][handlerId] ) {
+                    var handler = _handlers[name][handlerId];
+                    var value;
+    
+                    if ( handler.name === name ) {
+                        if ( handler.one == true ) {
+                            if ( handler.fired == false ) {
+                                _handlers[name][handlerId].fired = true;
+    
+                                eventValue = handler.callback.call(this, target);
+                            }
+                        } else {
+                            eventValue = handler.callback.call(this, target);
+                        }
+
+                        if ( eventValue === false ) {
+                            returnValue = false;
+                        }
+                    }
+                }
+            }            
+        }
+
+        return returnValue;
+    }
+
+    var _addEvent = function(element, name, callback, one) {
+        var handlerId = KTUtil.getUniqueId('event');
+        var handlerIds = KTUtil.data(element).get(name);
+
+        if ( !handlerIds ) {
+            handlerIds = [];
+        } 
+
+        handlerIds.push(handlerId);
+
+        KTUtil.data(element).set(name, handlerIds);
+
+        if ( !_handlers[name] ) {
+            _handlers[name] = {};
+        }
+
+        _handlers[name][handlerId] = {
+            name: name,
+            callback: callback,
+            one: one,
+            fired: false
+        };
+
+        return handlerId;
+    }
+
+    var _removeEvent = function(element, name, handlerId) {
+        var handlerIds = KTUtil.data(element).get(name);
+        var index = handlerIds && handlerIds.indexOf(handlerId);
+        
+        if (index !== -1) {
+            handlerIds.splice(index, 1);
+            KTUtil.data(element).set(name, handlerIds);
+        }
+
+        if (_handlers[name] && _handlers[name][handlerId]) {
+            delete _handlers[name][handlerId];
+        }
+    }
+
+    ////////////////////////////
+    // ** Public Methods  ** //
+    ////////////////////////////
+    return {
+        trigger: function(element, name, target) {
+            return _triggerEvent(element, name, target);
+        },
+
+        on: function(element, name, handler) {
+            return _addEvent(element, name, handler);
+        },
+
+        one: function(element, name, handler) {
+            return _addEvent(element, name, handler, true);
+        },
+
+        off: function(element, name, handlerId) {
+            return _removeEvent(element, name, handlerId);
+        },
+
+        debug: function() {
+            for (var b in _handlers) {
+                if ( _handlers.hasOwnProperty(b) ) console.log(b);
+            }
+        }
+    }
+}();
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTEventHandler;
+}
+
+"use strict";
+
+// Class definition
+var KTFeedback = function(options) {
+    ////////////////////////////
+    // ** Private Variables  ** //
+    ////////////////////////////
+    var the = this;
+
+    // Default options
+    var defaultOptions = {
+        'width' : 100,
+        'placement' : 'top-center',
+        'content' : '',
+        'type': 'popup'
+    };
+
+    ////////////////////////////
+    // ** Private methods  ** //
+    ////////////////////////////
+
+    var _construct = function() {
+        _init();
+    }
+
+    var _init = function() {
+        // Variables
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+        the.uid = KTUtil.getUniqueId('feedback');
+        the.element;
+        the.shown = false;
+
+        // Event Handlers
+        _handlers();
+
+        // Bind Instance
+        KTUtil.data(the.element).set('feedback', the);
+    }
+
+    var _handlers = function() {
+        KTUtil.addEvent(the.element, 'click', function(e) {
+            e.preventDefault();
+
+            _go();
+        });
+    }
+
+    var _show = function() {
+        if ( KTEventHandler.trigger(the.element, 'kt.feedback.show', the) === false ) {
+            return;
+        }
+
+        if ( the.options.type === 'popup') {
+            _showPopup();
+        }
+
+        KTEventHandler.trigger(the.element, 'kt.feedback.shown', the);
+
+        return the;
+    }
+
+    var _hide = function() {
+        if ( KTEventHandler.trigger(the.element, 'kt.feedback.hide', the) === false ) {
+            return;
+        }
+
+        if ( the.options.type === 'popup') {
+            _hidePopup();
+        }
+
+        the.shown = false;
+
+        KTEventHandler.trigger(the.element, 'kt.feedback.hidden', the);
+
+        return the;
+    }
+
+    var _showPopup = function() {
+        the.element = document.createElement("DIV");
+
+        KTUtil.addClass(the.element, 'feedback feedback-popup');
+        KTUtil.setHTML(the.element, the.options.content);
+
+        if (the.options.placement == 'top-center') {
+            _setPopupTopCenterPosition();
+        }
+
+        document.body.appendChild(the.element);
+
+        KTUtil.addClass(the.element, 'feedback-shown');
+
+        the.shown = true;
+    }
+
+    var _setPopupTopCenterPosition = function() {
+        var width = KTUtil.getResponsiveValue(the.options.width);
+        var height = KTUtil.css(the.element, 'height');
+
+        KTUtil.addClass(the.element, 'feedback-top-center');
+
+        KTUtil.css(the.element, 'width', width);
+        KTUtil.css(the.element, 'left', '50%');
+        KTUtil.css(the.element, 'top', '-' + height);
+    }
+
+    var _hidePopup = function() {
+        the.element.remove();
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('feedback');
+    }
+
+    // Construct class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Plugin API
+    the.show = function() {
+        return _show();
+    }
+
+    the.hide = function() {
+        return _hide();
+    }
+
+    the.isShown = function() {
+        return the.shown;
+    }
+
+    the.getElement = function() {
+        return the.element;
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+
+    // Event API
+    the.on = function(name, handler) {
+        return KTEventHandler.on(the.element, name, handler);
+    }
+
+    the.one = function(name, handler) {
+        return KTEventHandler.one(the.element, name, handler);
+    }
+
+    the.off = function(name, handlerId) {
+        return KTEventHandler.off(the.element, name, handlerId);
+    }
+
+    the.trigger = function(name, event) {
+        return KTEventHandler.trigger(the.element, name, event, the, event);
+    }
+};
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTFeedback;
+}
+
+"use strict";
+
+// Class definition
+var KTImageInput = function(element, options) {
+    ////////////////////////////
+    // ** Private Variables  ** //
+    ////////////////////////////
+    var the = this;
+
+    if ( typeof element === "undefined" || element === null ) {
+        return;
+    }
+
+    // Default Options
+    var defaultOptions = {
+        
+    };
+
+    ////////////////////////////
+    // ** Private Methods  ** //
+    ////////////////////////////
+
+    var _construct = function() {
+        if ( KTUtil.data(element).has('image-input') === true ) {
+            the = KTUtil.data(element).get('image-input');
+        } else {
+            _init();
+        }
+    }
+
+    var _init = function() {
+        // Variables
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+        the.uid = KTUtil.getUniqueId('image-input');
+
+        // Elements
+        the.element = element;
+        the.inputElement = KTUtil.find(element, 'input[type="file"]');
+        the.wrapperElement = KTUtil.find(element, '.image-input-wrapper');
+        the.cancelElement = KTUtil.find(element, '[data-kt-image-input-action="cancel"]');
+        the.removeElement = KTUtil.find(element, '[data-kt-image-input-action="remove"]');
+        the.hiddenElement = KTUtil.find(element, 'input[type="hidden"]');
+        the.src = KTUtil.css(the.wrapperElement, 'backgroundImage');
+
+        // Set initialized
+        the.element.setAttribute('data-kt-image-input', 'true');
+
+        // Event Handlers
+        _handlers();
+
+        // Bind Instance
+        KTUtil.data(the.element).set('image-input', the);
+    }
+
+    // Init Event Handlers
+    var _handlers = function() {
+        KTUtil.addEvent(the.inputElement, 'change', _change);
+        KTUtil.addEvent(the.cancelElement, 'click', _cancel);
+        KTUtil.addEvent(the.removeElement, 'click', _remove);
+    }
+
+    // Event Handlers
+    var _change = function(e) {
+        e.preventDefault();
+
+        if ( the.inputElement !== null && the.inputElement.files && the.inputElement.files[0] ) {
+            // Fire change event
+            if ( KTEventHandler.trigger(the.element, 'kt.imageinput.change', the) === false ) {
+                return;
+            }
+
+            var reader = new FileReader();
+
+            reader.onload = function(e) {
+                KTUtil.css(the.wrapperElement, 'background-image', 'url('+ e.target.result +')');
+            }
+
+            reader.readAsDataURL(the.inputElement.files[0]);
+
+            the.element.classList.add('image-input-changed');
+            the.element.classList.remove('image-input-empty');
+
+            // Fire removed event
+            KTEventHandler.trigger(the.element, 'kt.imageinput.changed', the);
+        }
+    }
+
+    var _cancel = function(e) {
+        e.preventDefault();
+
+        // Fire cancel event
+        if ( KTEventHandler.trigger(the.element, 'kt.imageinput.cancel', the) === false ) {
+            return;
+        }
+
+        the.element.classList.remove('image-input-changed');
+        the.element.classList.remove('image-input-empty');
+
+        if (the.src === 'none') {   
+            KTUtil.css(the.wrapperElement, 'background-image', '');
+            the.element.classList.add('image-input-empty');
+        } else {
+            KTUtil.css(the.wrapperElement, 'background-image', the.src);
+        }
+        
+        the.inputElement.value = "";
+
+        if ( the.hiddenElement !== null ) {
+            the.hiddenElement.value = "0";
+        }
+
+        // Fire canceled event
+        KTEventHandler.trigger(the.element, 'kt.imageinput.canceled', the);
+    }
+
+    var _remove = function(e) {
+        e.preventDefault();
+
+        // Fire remove event
+        if ( KTEventHandler.trigger(the.element, 'kt.imageinput.remove', the) === false ) {
+            return;
+        }
+
+        the.element.classList.remove('image-input-changed');
+        the.element.classList.add('image-input-empty');
+
+        KTUtil.css(the.wrapperElement, 'background-image', "none");
+        the.inputElement.value = "";
+
+        if ( the.hiddenElement !== null ) {
+            the.hiddenElement.value = "1";
+        }
+
+        // Fire removed event
+        KTEventHandler.trigger(the.element, 'kt.imageinput.removed', the);
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('image-input');
+    }
+
+    // Construct Class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Plugin API
+    the.getInputElement = function() {
+        return the.inputElement;
+    }
+
+    the.goElement = function() {
+        return the.element;
+    }
+    
+    the.destroy = function() {
+        return _destroy();
+    }
+
+    // Event API
+    the.on = function(name, handler) {
+        return KTEventHandler.on(the.element, name, handler);
+    }
+
+    the.one = function(name, handler) {
+        return KTEventHandler.one(the.element, name, handler);
+    }
+
+    the.off = function(name, handlerId) {
+        return KTEventHandler.off(the.element, name, handlerId);
+    }
+
+    the.trigger = function(name, event) {
+        return KTEventHandler.trigger(the.element, name, event, the, event);
+    }
+};
+
+// Static methods
+KTImageInput.getInstance = function(element) {
+    if ( element !== null && KTUtil.data(element).has('image-input') ) {
+        return KTUtil.data(element).get('image-input');
+    } else {
+        return null;
+    }
+}
+
+// Create instances
+KTImageInput.createInstances = function(selector = '[data-kt-image-input]') {
+    // Initialize Menus
+    var elements = document.querySelectorAll(selector);
+
+    if ( elements && elements.length > 0 ) {
+        for (var i = 0, len = elements.length; i < len; i++) {
+            new KTImageInput(elements[i]);
+        }
+    }
+}
+
+// Global initialization
+KTImageInput.init = function() {
+    KTImageInput.createInstances();
+};
+
+
+
+// Webpack Support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTImageInput;
+}
+
+"use strict";
+
+// Class definition
+var KTMenu = function(element, options) {
+    ////////////////////////////
+    // ** Private Variables  ** //
+    ////////////////////////////
+    var the = this;
+
+    if ( typeof element === "undefined" || element === null ) {
+        return;
+    }
+
+    // Default Options
+    var defaultOptions = {
+        dropdown: {
+            hoverTimeout: 200,
+            zindex: 105
+        },
+
+        accordion: {
+            slideSpeed: 250,
+            expand: false
+        }
+    };
+
+    ////////////////////////////
+    // ** Private Methods  ** //
+    ////////////////////////////
+
+    var _construct = function() {
+        if ( KTUtil.data(element).has('menu') === true ) {
+            the = KTUtil.data(element).get('menu');
+        } else {
+            _init();
+        }
+    }
+
+    var _init = function() {
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+        the.uid = KTUtil.getUniqueId('menu');
+        the.element = element;
+        the.triggerElement;
+        the.disabled = false;
+
+        // Set initialized
+        the.element.setAttribute('data-kt-menu', 'true');
+
+        _setTriggerElement();
+        _update();
+
+        KTUtil.data(the.element).set('menu', the);
+    }
+
+    var _destroy = function() {  // todo
+
+    }
+
+    // Event Handlers
+    // Toggle handler
+    var _click = function(element, e) {
+        e.preventDefault();
+
+        if (the.disabled === true) {
+            return;
+        }
+
+        var item = _getItemElement(element);
+
+        if ( _getOptionFromElementAttribute(item, 'trigger') !== 'click' ) {
+            return;
+        }
+
+        if ( _getOptionFromElementAttribute(item, 'toggle') === false ) {
+            _show(item);
+        } else {
+            _toggle(item);
+        }
+    }
+
+    // Link handler
+    var _link = function(element, e) {
+        if (the.disabled === true) {
+            return;
+        }
+        
+        if ( KTEventHandler.trigger(the.element, 'kt.menu.link.click', element) === false )  {
+            return;
+        }
+
+        // Dismiss all shown dropdowns
+        KTMenu.hideDropdowns();
+
+        KTEventHandler.trigger(the.element, 'kt.menu.link.clicked', element);
+    }
+
+    // Dismiss handler
+    var _dismiss = function(element, e) {
+        var item = _getItemElement(element);
+        var items = _getItemChildElements(item);
+
+        if ( item !== null && _getItemSubType(item) === 'dropdown') {
+            _hide(item); // hide items dropdown
+            // Hide all child elements as well
+            
+            if ( items.length > 0 ) {
+                for (var i = 0, len = items.length; i < len; i++) {
+                    if ( items[i] !== null &&  _getItemSubType(items[i]) === 'dropdown') {
+                        _hide(tems[i]);
+                    }
+                }
+            }
+        }
+    }
+
+    // Mouseover handle
+    var _mouseover = function(element, e) {
+        var item = _getItemElement(element);
+
+        if (the.disabled === true) {
+            return;
+        }
+
+        if ( item === null ) {
+            return;
+        }
+
+        if ( _getOptionFromElementAttribute(item, 'trigger') !== 'hover' ) {
+            return;
+        }
+
+        if ( KTUtil.data(item).get('hover') === '1' ) {
+            clearTimeout(KTUtil.data(item).get('timeout'));
+            KTUtil.data(item).remove('hover');
+            KTUtil.data(item).remove('timeout');
+        }
+
+        _show(item);
+    }
+
+    // Mouseout handle
+    var _mouseout = function(element, e) {
+        var item = _getItemElement(element);
+
+        if (the.disabled === true) {
+            return;
+        }
+
+        if ( item === null ) {
+            return;
+        }
+
+        if ( _getOptionFromElementAttribute(item, 'trigger') !== 'hover' ) {
+            return;
+        }
+
+        var timeout = setTimeout(function() {
+            if ( KTUtil.data(item).get('hover') === '1' ) {
+                _hide(item);
+            }
+        }, the.options.dropdown.hoverTimeout);
+
+        KTUtil.data(item).set('hover', '1');
+        KTUtil.data(item).set('timeout', timeout);
+    }
+
+    // Toggle item sub
+    var _toggle = function(item) {
+        if ( !item ) {
+            item = the.triggerElement;
+        }
+
+        if ( _isItemSubShown(item) === true ) {
+            _hide(item);
+        } else {
+            _show(item);
+        }
+    }
+
+    // Show item sub
+    var _show = function(item) {
+        if ( !item ) {
+            item = the.triggerElement;
+        }
+
+        if ( _isItemSubShown(item) === true ) {
+            return;
+        }
+
+        if ( _getItemSubType(item) === 'dropdown' ) {
+            _showDropdown(item); // // show current dropdown
+        } else if ( _getItemSubType(item) === 'accordion' ) {
+            _showAccordion(item);
+        }
+
+        // Remember last submenu type
+        KTUtil.data(item).set('type', _getItemSubType(item));  // updated
+    }
+
+    // Hide item sub
+    var _hide = function(item) {
+        if ( !item ) {
+            item = the.triggerElement;
+        }
+
+        if ( _isItemSubShown(item) === false ) {
+            return;
+        }
+        
+        if ( _getItemSubType(item) === 'dropdown' ) {
+            _hideDropdown(item);
+        } else if ( _getItemSubType(item) === 'accordion' ) {
+            _hideAccordion(item);
+        }
+    }
+
+    // Reset item state classes if item sub type changed
+    var _reset = function(item) {        
+        if ( _hasItemSub(item) === false ) {
+            return;
+        }
+
+        var sub = _getItemSubElement(item);
+
+        // Reset sub state if sub type is changed during the window resize
+        if ( KTUtil.data(item).has('type') && KTUtil.data(item).get('type') !== _getItemSubType(item) ) {  // updated
+            KTUtil.removeClass(item, 'hover'); 
+            KTUtil.removeClass(item, 'show'); 
+            KTUtil.removeClass(sub, 'show'); 
+        }  // updated
+    }
+
+    // Update all item state classes if item sub type changed
+    var _update = function() {
+        var items = the.element.querySelectorAll('.menu-item[data-kt-menu-trigger]');
+
+        if ( items && items.length > 0 ) {
+            for (var i = 0, len = items.length; i < len; i++) {
+                _reset(items[i]);
+            }
+        }
+    }
+
+    // Set external trigger element
+    var _setTriggerElement = function() {
+        var target = document.querySelector('[data-kt-menu-target="# ' + the.element.getAttribute('id')  + '"]');
+
+        if ( target !== null ) {
+            the.triggerElement = target;
+        } else if ( the.element.closest('[data-kt-menu-trigger]') ) {
+            the.triggerElement = the.element.closest('[data-kt-menu-trigger]');
+        } else if ( the.element.parentNode && KTUtil.child(the.element.parentNode, '[data-kt-menu-trigger]')) {
+            the.triggerElement = KTUtil.child(the.element.parentNode, '[data-kt-menu-trigger]');
+        }
+
+        if ( the.triggerElement ) {
+            KTUtil.data(the.triggerElement).set('menu', the);
+        }
+    }
+
+    // Test if menu has external trigger element
+    var _isTriggerElement = function(item) {
+        return ( the.triggerElement === item ) ? true : false;
+    }
+
+    // Test if item's sub is shown
+    var _isItemSubShown = function(item) {
+        var sub = _getItemSubElement(item);
+
+        if ( sub !== null ) {
+            if ( _getItemSubType(item) === 'dropdown' ) {
+                if ( KTUtil.hasClass(sub, 'show') === true && sub.hasAttribute('data-popper-placement') === true ) {
+                    return true;
+                } else {
+                    return false;
+                }
+            } else {
+                return KTUtil.hasClass(item, 'show');
+            }
+        } else {
+            return false;
+        }
+    }
+
+    // Test if item dropdown is permanent
+    var _isItemDropdownPermanent = function(item) {
+        return _getOptionFromElementAttribute(item, 'permanent') === true ? true : false;
+    }
+
+    // Test if item's parent is shown
+    var _isItemParentShown = function(item) {
+        return KTUtil.parents(item, '.menu-item.show').length > 0;
+    }
+
+    // Test of it is item sub element
+    var _isItemSubElement = function(item) {
+        return KTUtil.hasClass(item, 'menu-sub');
+    }
+
+    // Test if item has sub
+    var _hasItemSub = function(item) {
+        return (KTUtil.hasClass(item, 'menu-item') && item.hasAttribute('data-kt-menu-trigger'));
+    }
+
+    // Get link element
+    var _getItemLinkElement = function(item) {
+        return KTUtil.child(item, '.menu-link');
+    }
+
+    // Get toggle element
+    var _getItemToggleElement = function(item) {
+        if ( the.triggerElement ) {
+            return the.triggerElement;
+        } else {
+            return _getItemLinkElement(item);
+        }
+    }
+
+    // Get item sub element
+    var _getItemSubElement = function(item) {
+        if ( _isTriggerElement(item) === true ) {
+            return the.element;
+        } if ( item.classList.contains('menu-sub') === true ) {
+            return item;
+        } else if ( KTUtil.data(item).has('sub') ) {
+            return KTUtil.data(item).get('sub');
+        } else {
+            return KTUtil.child(item, '.menu-sub');
+        }
+    }
+
+    // Get item sub type
+    var _getItemSubType = function(element) {
+        var sub = _getItemSubElement(element);
+
+        if ( sub && parseInt(KTUtil.css(sub, 'z-index')) > 0 ) {
+            return "dropdown";
+        } else {
+            return "accordion";
+        }
+    }
+
+    // Get item element
+    var _getItemElement = function(element) {
+        var item, sub;
+
+        // Element is the external trigger element
+        if (_isTriggerElement(element) ) {
+            return element;
+        }   
+
+        // Element has item toggler attribute
+        if ( element.hasAttribute('data-kt-menu-trigger') ) {
+            return element;
+        }
+
+        // Element has item DOM reference in it's data storage
+        if ( KTUtil.data(element).has('item') ) {
+            return KTUtil.data(element).get('item');
+        }
+
+        // Item is parent of element
+        if ( (item = element.closest('.menu-item[data-kt-menu-trigger]')) ) {
+            return item;
+        }
+
+        // Element's parent has item DOM reference in it's data storage
+        if ( (sub = element.closest('.menu-sub')) ) {
+            if ( KTUtil.data(sub).has('item') === true ) {
+                return KTUtil.data(sub).get('item')
+            } 
+        }
+    }
+
+    // Get item parent element
+    var _getItemParentElement = function(item) {  
+        var sub = item.closest('.menu-sub');
+        var parentItem;
+
+        if ( KTUtil.data(sub).has('item') ) {
+            return KTUtil.data(sub).get('item');
+        }
+
+        if ( sub && (parentItem = sub.closest('.menu-item[data-kt-menu-trigger]')) ) {
+            return parentItem;
+        }
+
+        return null;
+    }
+
+    // Get item parent elements
+    var _getItemParentElements = function(item) {
+        var parents = [];
+        var parent;
+        var i = 0;
+
+        do {
+            parent = _getItemParentElement(item);
+            
+            if ( parent ) {
+                parents.push(parent);
+                item = parent;
+            }           
+
+            i++;
+        } while (parent !== null && i < 20);
+
+        if ( the.triggerElement ) {
+            parents.unshift(the.triggerElement);
+        }
+
+        return parents;
+    }
+
+    // Get item child element
+    var _getItemChildElement = function(item) {
+        var selector = item;
+        var element;
+
+        if ( KTUtil.data(item).get('sub') ) {
+            selector = KTUtil.data(item).get('sub');
+        }
+
+        if ( selector !== null ) {
+            //element = selector.querySelector('.show.menu-item[data-kt-menu-trigger]');
+            element = selector.querySelector('.menu-item[data-kt-menu-trigger]');
+
+            if ( element ) {
+                return element;
+            } else {
+                return null;
+            }
+        } else {
+            return null;
+        }
+    }   
+    
+    // Get item child elements
+    var _getItemChildElements = function(item) {
+        var children = [];
+        var child;
+        var i = 0;
+
+        do {
+            child = _getItemChildElement(item);
+            
+            if ( child ) {
+                children.push(child);
+                item = child;
+            }           
+
+            i++;
+        } while (child !== null && i < 20);
+
+        return children;
+    }
+
+    // Show item dropdown
+    var _showDropdown = function(item) {
+        // Handle dropdown show event
+        if ( KTEventHandler.trigger(the.element, 'kt.menu.dropdown.show', item) === false )  {
+            return;
+        }
+
+        // Hide all currently shown dropdowns except current one
+        KTMenu.hideDropdowns(item); 
+
+        var toggle = _isTriggerElement(item) ? item : _getItemLinkElement(item);
+        var sub = _getItemSubElement(item);
+
+        var width = _getOptionFromElementAttribute(item, 'width');
+        var height = _getOptionFromElementAttribute(item, 'height');
+
+        var zindex = the.options.dropdown.zindex; // update
+        var parentZindex = KTUtil.getHighestZindex(item); // update
+
+        // Apply a new z-index if dropdown's toggle element or it's parent has greater z-index // update
+        if ( parentZindex !== null && parentZindex >= zindex ) {
+            zindex = parentZindex + 1;
+        }
+
+        if ( zindex > 0 ) {
+            KTUtil.css(sub, 'z-index', zindex);
+        }
+
+        if ( width !== null ) {
+            KTUtil.css(sub, 'width', width);
+        }
+
+        if ( height !== null ) {
+            KTUtil.css(sub, 'height', height);
+        }
+
+        KTUtil.css(sub, 'display', '');
+        KTUtil.css(sub, 'overflow', '');
+
+        // Init popper(new)
+        _initDropdownPopper(item, sub); 
+
+        KTUtil.addClass(item, 'show');
+        KTUtil.addClass(item, 'menu-dropdown');
+        KTUtil.addClass(sub, 'show');
+
+        // Append the sub the the root of the menu
+        if ( _getOptionFromElementAttribute(item, 'overflow') === true ) {
+            document.body.appendChild(sub);
+            KTUtil.data(item).set('sub', sub);
+            KTUtil.data(sub).set('item', item);
+            KTUtil.data(sub).set('menu', the);
+        } else {
+            KTUtil.data(sub).set('item', item);
+        }
+
+        // Handle dropdown shown event
+        KTEventHandler.trigger(the.element, 'kt.menu.dropdown.shown', item);
+    }
+
+    // Hide item dropdown
+    var _hideDropdown = function(item) {
+        // Handle dropdown hide event
+        if ( KTEventHandler.trigger(the.element, 'kt.menu.dropdown.hide', item) === false )  {
+            return;
+        }
+
+        var sub = _getItemSubElement(item);
+
+        KTUtil.css(sub, 'z-index', '');
+        KTUtil.css(sub, 'width', '');
+        KTUtil.css(sub, 'height', '');
+
+        KTUtil.removeClass(item, 'show');
+        KTUtil.removeClass(item, 'menu-dropdown');
+        KTUtil.removeClass(sub, 'show');
+
+        // Append the sub back to it's parent
+        if ( _getOptionFromElementAttribute(item, 'overflow') === true ) {
+            if (item.classList.contains('menu-item')) {
+                item.appendChild(sub);
+            } else {
+                KTUtil.insertAfter(the.element, item);
+            }
+            
+            KTUtil.data(item).remove('sub');
+            KTUtil.data(sub).remove('item');
+            KTUtil.data(sub).remove('menu');
+        } 
+
+        // Destroy popper(new)
+        _destroyDropdownPopper(item);
+        
+        // Handle dropdown hidden event 
+        KTEventHandler.trigger(the.element, 'kt.menu.dropdown.hidden', item);
+    }
+
+    // Init dropdown popper(new)
+    var _initDropdownPopper = function(item, sub) {
+        // Setup popper instance
+        var reference;
+        var attach = _getOptionFromElementAttribute(item, 'attach');
+
+        if ( attach ) {
+            if ( attach === 'parent') {
+                reference = item.parentNode;
+            } else {
+                reference = document.querySelector(attach);
+            }
+        } else {
+            reference = item;
+        }
+
+        var popper = Popper.createPopper(reference, sub, _getDropdownPopperConfig(item)); 
+        KTUtil.data(item).set('popper', popper);
+    }
+
+    // Destroy dropdown popper(new)
+    var _destroyDropdownPopper = function(item) {
+        if ( KTUtil.data(item).has('popper') === true ) {
+            KTUtil.data(item).get('popper').destroy();
+            KTUtil.data(item).remove('popper');
+        }
+    }
+
+    // Prepare popper config for dropdown(see: https://popper.js.org/docs/v2/)
+    var _getDropdownPopperConfig = function(item) {
+        // Placement
+        var placement = _getOptionFromElementAttribute(item, 'placement');
+        if (!placement) {
+            placement = 'right';
+        }
+
+        // Offset
+        var offsetValue = _getOptionFromElementAttribute(item, 'offset');
+        var offset = offsetValue ? offsetValue.split(",") : [];
+        
+        if (offset.length === 2) {
+            offset[0] = parseInt(offset[0]);
+            offset[1] = parseInt(offset[1]);
+        }
+
+        // Strategy
+        var strategy = _getOptionFromElementAttribute(item, 'overflow') === true ? 'absolute' : 'fixed';
+
+        var altAxis = _getOptionFromElementAttribute(item, 'flip') !== false ? true : false;
+
+        var popperConfig = {
+            placement: placement,
+            strategy: strategy,
+            modifiers: [{
+                name: 'offset',
+                options: {
+                    offset: offset
+                }
+            }, {
+                name: 'preventOverflow',
+                options: {
+                    altAxis: altAxis
+                }
+            }, {
+                name: 'flip', 
+                options: {
+                    flipVariations: false
+                }
+            }]
+        };
+
+        return popperConfig;
+    }
+
+    // Show item accordion
+    var _showAccordion = function(item) {
+        if ( KTEventHandler.trigger(the.element, 'kt.menu.accordion.show', item) === false )  {
+            return;
+        }
+
+        var sub = _getItemSubElement(item);
+        var expand = the.options.accordion.expand;
+        
+        if (_getOptionFromElementAttribute(item, 'expand') === true) {
+            expand = true;
+        } else if (_getOptionFromElementAttribute(item, 'expand') === false) {
+            expand = false;
+        } else if (_getOptionFromElementAttribute(the.element, 'expand') === true) {
+            expand = true;
+        }
+
+        if ( expand === false ) {
+            _hideAccordions(item);
+        }
+
+        if ( KTUtil.data(item).has('popper') === true ) {
+            _hideDropdown(item);
+        }
+
+        KTUtil.addClass(item, 'hover');
+
+        KTUtil.addClass(item, 'showing');
+
+        KTUtil.slideDown(sub, the.options.accordion.slideSpeed, function() {
+            KTUtil.removeClass(item, 'showing');
+            KTUtil.addClass(item, 'show');
+            KTUtil.addClass(sub, 'show');
+
+            KTEventHandler.trigger(the.element, 'kt.menu.accordion.shown', item);
+        });        
+    }
+
+    // Hide item accordion
+    var _hideAccordion = function(item) {
+        if ( KTEventHandler.trigger(the.element, 'kt.menu.accordion.hide', item) === false )  {
+            return;
+        }
+        
+        var sub = _getItemSubElement(item);
+
+        KTUtil.addClass(item, 'hiding');
+
+        KTUtil.slideUp(sub, the.options.accordion.slideSpeed, function() {
+            KTUtil.removeClass(item, 'hiding');
+            KTUtil.removeClass(item, 'show');
+            KTUtil.removeClass(sub, 'show');
+
+            KTUtil.removeClass(item, 'hover'); // update
+
+            KTEventHandler.trigger(the.element, 'kt.menu.accordion.hidden', item);
+        });
+    }
+
+    var _setActiveLink = function(link) {
+        var item = _getItemElement(link);
+        var parentItems = _getItemParentElements(item);
+        var parentTabPane = link.closest('.tab-pane');
+
+        var activeLinks = [].slice.call(the.element.querySelectorAll('.menu-link.active'));
+        var activeParentItems = [].slice.call(the.element.querySelectorAll('.menu-item.here, .menu-item.show'));
+        
+        if (_getItemSubType(item) === "accordion") {
+            _showAccordion(item);
+        } else {
+            item.classList.add("here");
+        }
+
+        if ( parentItems && parentItems.length > 0 ) {
+            for (var i = 0, len = parentItems.length; i < len; i++) {
+                var parentItem = parentItems[i];
+
+                if (_getItemSubType(parentItem) === "accordion") {
+                    _showAccordion(parentItem);
+                } else {
+                    parentItem.classList.add("here");
+                }
+            }
+        }       
+        
+        activeLinks.map(function (activeLink) {
+            activeLink.classList.remove("active");
+        });
+
+        activeParentItems.map(function (activeParentItem) {
+            if (activeParentItem.contains(item) === false) {
+                activeParentItem.classList.remove("here");
+                activeParentItem.classList.remove("show");
+            }
+        });
+
+        // Handle tab
+        if (parentTabPane && bootstrap.Tab) {
+            var tabEl = the.element.querySelector('[data-bs-target="#' + parentTabPane.getAttribute("id") + '"]');
+            var tab = new bootstrap.Tab(tabEl);
+
+            if (tab) {
+                tab.show();
+            }
+        }
+
+        link.classList.add("active");
+    }
+
+    var _getLinkByAttribute = function(value, name = "href") {
+        var link = the.element.querySelector('a[' + name + '="' + value + '"]');
+
+        if (link) {
+            return link;
+        } else {
+            null;
+        }
+    }
+
+    // Hide all shown accordions of item
+    var _hideAccordions = function(item) {
+        var itemsToHide = KTUtil.findAll(the.element, '.show[data-kt-menu-trigger]');
+        var itemToHide;
+
+        if (itemsToHide && itemsToHide.length > 0) {
+            for (var i = 0, len = itemsToHide.length; i < len; i++) {
+                itemToHide = itemsToHide[i];
+
+                if ( _getItemSubType(itemToHide) === 'accordion' && itemToHide !== item && item.contains(itemToHide) === false && itemToHide.contains(item) === false ) {
+                    _hideAccordion(itemToHide);
+                }
+            }
+        }
+    }
+
+    // Get item option(through html attributes)
+    var _getOptionFromElementAttribute = function(item, name) {
+        var attr;
+        var value = null;
+
+        if ( item && item.hasAttribute('data-kt-menu-' + name) ) {
+            attr = item.getAttribute('data-kt-menu-' + name);
+            value = KTUtil.getResponsiveValue(attr);
+
+            if ( value !== null && String(value) === 'true' ) {
+                value = true;
+            } else if ( value !== null && String(value) === 'false' ) {
+                value = false;
+            }
+        }
+
+        return value;
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('menu');
+    }
+
+    // Construct Class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Event Handlers
+    the.click = function(element, e) {
+        return _click(element, e);
+    }
+
+    the.link = function(element, e) {
+        return _link(element, e);
+    }
+
+    the.dismiss = function(element, e) {
+        return _dismiss(element, e);
+    }
+
+    the.mouseover = function(element, e) {
+        return _mouseover(element, e);
+    }
+
+    the.mouseout = function(element, e) {
+        return _mouseout(element, e);
+    }
+
+    // General Methods
+    the.getItemTriggerType = function(item) {
+        return _getOptionFromElementAttribute(item, 'trigger');
+    }
+
+    the.getItemSubType = function(element) {
+       return _getItemSubType(element);
+    }
+
+    the.show = function(item) {
+        return _show(item);
+    }
+
+    the.hide = function(item) {
+        return _hide(item);
+    }
+
+    the.reset = function(item) {
+        return _reset(item);
+    }
+
+    the.update = function() {
+        return _update();
+    }
+
+    the.getElement = function() {
+        return the.element;
+    }
+
+    the.setActiveLink = function(link) {
+        return _setActiveLink(link);
+    }   
+
+    the.getLinkByAttribute = function(value, name = "href") {
+        return _getLinkByAttribute(value, name);
+    }
+
+    the.getItemLinkElement = function(item) {
+        return _getItemLinkElement(item);
+    }
+
+    the.getItemToggleElement = function(item) {
+        return _getItemToggleElement(item);
+    }
+
+    the.getItemSubElement = function(item) {
+        return _getItemSubElement(item);
+    }
+
+    the.getItemParentElements = function(item) {
+        return _getItemParentElements(item);
+    }
+
+    the.isItemSubShown = function(item) {
+        return _isItemSubShown(item);
+    }
+
+    the.isItemParentShown = function(item) {
+        return _isItemParentShown(item);
+    }
+
+    the.getTriggerElement = function() {
+        return the.triggerElement;
+    }
+
+    the.isItemDropdownPermanent = function(item) {
+        return _isItemDropdownPermanent(item);
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+
+    the.disable = function() {
+        the.disabled = true;
+    }
+
+    the.enable = function() {
+        the.disabled = false;
+    }
+
+    // Accordion Mode Methods
+    the.hideAccordions = function(item) {
+        return _hideAccordions(item);
+    }
+
+    // Event API
+    the.on = function(name, handler) {
+        return KTEventHandler.on(the.element, name, handler);
+    }
+
+    the.one = function(name, handler) {
+        return KTEventHandler.one(the.element, name, handler);
+    }
+
+    the.off = function(name, handlerId) {
+        return KTEventHandler.off(the.element, name, handlerId);
+    }
+};
+
+// Get KTMenu instance by element
+KTMenu.getInstance = function(element) {
+    var menu;
+    var item;
+
+    // Element has menu DOM reference in it's DATA storage
+    if ( KTUtil.data(element).has('menu') ) {
+        return KTUtil.data(element).get('menu');
+    }
+
+    // Element has .menu parent 
+    if ( menu = element.closest('.menu') ) {
+        if ( KTUtil.data(menu).has('menu') ) {
+            return KTUtil.data(menu).get('menu');
+        }
+    }
+    
+    // Element has a parent with DOM reference to .menu in it's DATA storage
+    if ( KTUtil.hasClass(element, 'menu-link') ) {
+        var sub = element.closest('.menu-sub');
+
+        if ( KTUtil.data(sub).has('menu') ) {
+            return KTUtil.data(sub).get('menu');
+        }
+    } 
+
+    return null;
+}
+
+// Hide all dropdowns and skip one if provided
+KTMenu.hideDropdowns = function(skip) {
+    var items = document.querySelectorAll('.show.menu-dropdown[data-kt-menu-trigger]');
+
+    if (items && items.length > 0) {
+        for (var i = 0, len = items.length; i < len; i++) {
+            var item = items[i];
+            var menu = KTMenu.getInstance(item);
+
+            if ( menu && menu.getItemSubType(item) === 'dropdown' ) {
+                if ( skip ) {
+                    if ( menu.getItemSubElement(item).contains(skip) === false && item.contains(skip) === false &&  item !== skip ) {
+                        menu.hide(item);
+                    }
+                } else {
+                    menu.hide(item);
+                }
+            }
+        }
+    }
+}
+
+// Update all dropdowns popover instances
+KTMenu.updateDropdowns = function() {
+    var items = document.querySelectorAll('.show.menu-dropdown[data-kt-menu-trigger]');
+
+    if (items && items.length > 0) {
+        for (var i = 0, len = items.length; i < len; i++) {
+            var item = items[i];
+
+            if ( KTUtil.data(item).has('popper') ) {
+                KTUtil.data(item).get('popper').forceUpdate();
+            }
+        }
+    }
+}
+
+// Global handlers
+KTMenu.initHandlers = function() {
+    // Dropdown handler
+    document.addEventListener("click", function(e) {
+        var items = document.querySelectorAll('.show.menu-dropdown[data-kt-menu-trigger]');
+        var menu;
+        var item;
+        var sub;
+        var menuObj;
+
+        if ( items && items.length > 0 ) {
+            for ( var i = 0, len = items.length; i < len; i++ ) {
+                item = items[i];
+                menuObj = KTMenu.getInstance(item);
+
+                if (menuObj && menuObj.getItemSubType(item) === 'dropdown') {
+                    menu = menuObj.getElement();
+                    sub = menuObj.getItemSubElement(item);
+
+                    if ( item === e.target || item.contains(e.target) ) {
+                        continue;
+                    }
+                    
+                    if ( sub === e.target || sub.contains(e.target) ) {
+                        continue;
+                    }
+                        
+                    menuObj.hide(item);
+                }
+            }
+        }
+    });
+
+    // Sub toggle handler(updated)
+    KTUtil.on(document.body,  '.menu-item[data-kt-menu-trigger] > .menu-link, [data-kt-menu-trigger]:not(.menu-item):not([data-kt-menu-trigger="auto"])', 'click', function(e) {
+        var menu = KTMenu.getInstance(this);
+
+        if ( menu !== null ) {
+            return menu.click(this, e);
+        }
+    });
+
+    // Link handler
+    KTUtil.on(document.body,  '.menu-item:not([data-kt-menu-trigger]) > .menu-link', 'click', function(e) {
+        var menu = KTMenu.getInstance(this);
+
+        if ( menu !== null ) {
+            return menu.link(this, e);
+        }
+    });
+
+    // Dismiss handler
+    KTUtil.on(document.body,  '[data-kt-menu-dismiss="true"]', 'click', function(e) {
+        var menu = KTMenu.getInstance(this);
+
+        if ( menu !== null ) {
+            return menu.dismiss(this, e);
+        }
+    });
+
+    // Mouseover handler
+    KTUtil.on(document.body,  '[data-kt-menu-trigger], .menu-sub', 'mouseover', function(e) {
+        var menu = KTMenu.getInstance(this);
+
+        if ( menu !== null && menu.getItemSubType(this) === 'dropdown' ) {
+            return menu.mouseover(this, e);
+        }
+    });
+
+    // Mouseout handler
+    KTUtil.on(document.body,  '[data-kt-menu-trigger], .menu-sub', 'mouseout', function(e) {
+        var menu = KTMenu.getInstance(this);
+
+        if ( menu !== null && menu.getItemSubType(this) === 'dropdown' ) {
+            return menu.mouseout(this, e);
+        }
+    });
+
+    // Resize handler
+    window.addEventListener('resize', function() {
+        var menu;
+        var timer;
+
+        KTUtil.throttle(timer, function() {
+            // Locate and update Offcanvas instances on window resize
+            var elements = document.querySelectorAll('[data-kt-menu="true"]');
+
+            if ( elements && elements.length > 0 ) {
+                for (var i = 0, len = elements.length; i < len; i++) {
+                    menu = KTMenu.getInstance(elements[i]);
+                    if (menu) {
+                        menu.update();
+                    }
+                }
+            }
+        }, 200);
+    });
+}
+
+// Render menus by url
+KTMenu.updateByLinkAttribute = function(value, name = "href") {
+    // Locate and update Offcanvas instances on window resize
+    var elements = document.querySelectorAll('[data-kt-menu="true"]');
+
+    if ( elements && elements.length > 0 ) {
+        for (var i = 0, len = elements.length; i < len; i++) {
+            var menu = KTMenu.getInstance(elements[i]);
+
+            if (menu) {
+                var link = menu.getLinkByAttribute(value, name);
+                if (link) {
+                    menu.setActiveLink(link);
+                }
+            }
+        }
+    }
+}
+
+// Global instances
+KTMenu.createInstances = function(selector = '[data-kt-menu="true"]') {
+    // Initialize menus
+    var elements = document.querySelectorAll(selector);
+    if ( elements && elements.length > 0 ) {
+        for (var i = 0, len = elements.length; i < len; i++) {
+            new KTMenu(elements[i]);
+        }
+    }
+}
+
+// Global initialization
+KTMenu.init = function() {
+    // Event handlers
+    KTMenu.initHandlers();
+
+    // Initialization
+    KTMenu.createInstances();
+};
+
+
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTMenu;
+}
+
+"use strict";
+
+// Class definition
+var KTPasswordMeter = function(element, options) {
+    ////////////////////////////
+    // ** Private variables  ** //
+    ////////////////////////////
+    var the = this;
+
+    if (!element) {
+        return;
+    }
+
+    // Default Options
+    var defaultOptions = {
+        minLength: 8,
+        checkUppercase: true,        
+        checkLowercase: true,
+        checkDigit: true,
+        checkChar: true,
+        scoreHighlightClass: 'active'
+    };
+
+    ////////////////////////////
+    // ** Private methods  ** //
+    ////////////////////////////
+
+    // Constructor
+    var _construct = function() {
+        if ( KTUtil.data(element).has('password-meter') === true ) {
+            the = KTUtil.data(element).get('password-meter');
+        } else {
+            _init();
+        }
+    }
+
+    // Initialize
+    var _init = function() {
+        // Variables
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+        the.score = 0;
+        the.checkSteps = 5;
+
+        // Elements
+        the.element = element;
+        the.inputElement = the.element.querySelector('input[type]');
+        the.visibilityElement = the.element.querySelector('[data-kt-password-meter-control="visibility"]');
+        the.highlightElement = the.element.querySelector('[data-kt-password-meter-control="highlight"]'); 
+
+        // Set initialized
+        the.element.setAttribute('data-kt-password-meter', 'true');
+        
+        // Event Handlers
+        _handlers();
+
+        // Bind Instance
+        KTUtil.data(the.element).set('password-meter', the);
+    }
+
+    // Handlers
+    var _handlers = function() {
+        the.inputElement.addEventListener('input', function() {
+            _check();
+        });
+
+        if (the.visibilityElement) {
+            the.visibilityElement.addEventListener('click', function() {
+                _visibility();
+            });
+        }
+    }   
+
+    // Event handlers
+    var _check = function() {
+        var score = 0;
+        var checkScore = _getCheckScore();
+        
+        if (_checkLength() === true) {
+            score = score + checkScore;
+        }
+
+        if (the.options.checkUppercase === true && _checkLowercase() === true) {
+            score = score + checkScore;
+        }
+
+        if (the.options.checkLowercase === true && _checkUppercase() === true ) {
+            score = score + checkScore;
+        }
+
+        if (the.options.checkDigit === true && _checkDigit() === true ) {
+            score = score + checkScore;
+        }
+
+        if (the.options.checkChar === true && _checkChar() === true ) {
+            score = score + checkScore;
+        }
+
+        the.score = score;
+
+        _highlight();
+    }
+
+    var _checkLength = function() {
+        return the.inputElement.value.length >= the.options.minLength;  // 20 score
+    }
+
+    var _checkLowercase = function() {
+        return /[a-z]/.test(the.inputElement.value);  // 20 score
+    }
+
+    var _checkUppercase = function() {
+        return /[A-Z]/.test(the.inputElement.value);  // 20 score
+    }
+
+    var _checkDigit = function() {
+        return /[0-9]/.test(the.inputElement.value);  // 20 score
+    }
+
+    var _checkChar = function() {
+        return /[~`!#@$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]/g.test(the.inputElement.value);  // 20 score
+    }    
+
+    var _getCheckScore = function() {
+        var count = 1;
+        
+        if (the.options.checkUppercase === true) {
+            count++;
+        }
+
+        if (the.options.checkLowercase === true) {
+            count++;
+        }
+
+        if (the.options.checkDigit === true) {
+            count++;
+        }
+
+        if (the.options.checkChar === true) {
+            count++;
+        }
+
+        the.checkSteps = count;
+
+        return 100 / the.checkSteps;
+    }
+    
+    var _highlight = function() {
+        var items = [].slice.call(the.highlightElement.querySelectorAll('div'));
+        var total = items.length;
+        var index = 0;
+        var checkScore = _getCheckScore();
+        var score = _getScore();
+
+        items.map(function (item) {
+            index++;
+
+            if ( (checkScore * index * (the.checkSteps / total)) <= score ) {
+                item.classList.add('active');
+            } else {
+                item.classList.remove('active');
+            }            
+        });
+    }
+
+    var _visibility = function() {
+        var visibleIcon = the.visibilityElement.querySelector('i:not(.d-none), .svg-icon:not(.d-none)');
+        var hiddenIcon = the.visibilityElement.querySelector('i.d-none, .svg-icon.d-none');
+        
+        if (the.inputElement.getAttribute('type').toLowerCase() === 'password' ) {
+            the.inputElement.setAttribute('type', 'text');
+        }  else {
+            the.inputElement.setAttribute('type', 'password');
+        }        
+
+        visibleIcon.classList.add('d-none');
+        hiddenIcon.classList.remove('d-none');
+
+        the.inputElement.focus();
+    }
+
+    var _reset = function() {
+        the.score = 0;
+
+        _highlight();
+    }
+
+    // Gets current password score
+    var _getScore = function() {
+       return the.score;
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('password-meter');
+    }
+
+    // Construct class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Plugin API
+    the.check = function() {
+        return _check();
+    }
+
+    the.getScore = function() {
+        return _getScore();
+    }
+
+    the.reset = function() {
+        return _reset();
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+};
+
+// Static methods
+KTPasswordMeter.getInstance = function(element) {
+    if ( element !== null && KTUtil.data(element).has('password-meter') ) {
+        return KTUtil.data(element).get('password-meter');
+    } else {
+        return null;
+    }
+}
+
+// Create instances
+KTPasswordMeter.createInstances = function(selector = '[data-kt-password-meter]') {
+    // Get instances
+    var elements = document.body.querySelectorAll(selector);
+
+    if ( elements && elements.length > 0 ) {
+        for (var i = 0, len = elements.length; i < len; i++) {
+            // Initialize instances
+            new KTPasswordMeter(elements[i]);
+        }
+    }
+}
+
+// Global initialization
+KTPasswordMeter.init = function() {
+    KTPasswordMeter.createInstances();
+};
+
+
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTPasswordMeter;
+}
+"use strict";
+
+// Class definition
+var KTScroll = function(element, options) {
+    ////////////////////////////
+    // ** Private Variables  ** //
+    ////////////////////////////
+    var the = this;
+
+    if (!element) {
+        return;
+    }
+
+    // Default options
+    var defaultOptions = {
+        saveState: true
+    };
+
+    ////////////////////////////
+    // ** Private Methods  ** //
+    ////////////////////////////
+
+    var _construct = function() {
+        if ( KTUtil.data(element).has('scroll') ) {
+            the = KTUtil.data(element).get('scroll');
+        } else {
+            _init();
+        }
+    }
+
+    var _init = function() {
+        // Variables
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+
+        // Elements
+        the.element = element;        
+        the.id = the.element.getAttribute('id');
+
+        // Set initialized
+        the.element.setAttribute('data-kt-scroll', 'true');
+
+        // Update
+        _update();
+
+        // Bind Instance
+        KTUtil.data(the.element).set('scroll', the);
+    }
+
+    var _setupHeight = function() {
+        var heightType = _getHeightType();
+        var height = _getHeight();
+
+        // Set height
+        if ( height !== null && height.length > 0 ) {
+            KTUtil.css(the.element, heightType, height);
+        } else {
+            KTUtil.css(the.element, heightType, '');
+        }
+    }
+
+    var _setupState = function () {
+        var namespace = _getStorageNamespace();
+
+        if ( _getOption('save-state') === true && the.id ) {
+            if ( localStorage.getItem(namespace + the.id + 'st') ) {
+                var pos = parseInt(localStorage.getItem(namespace + the.id + 'st'));
+
+                if ( pos > 0 ) {
+                    the.element.scroll({
+                        top: pos,
+                        behavior: 'instant'
+                    });
+                }
+            }
+        }
+    }
+
+    var _getStorageNamespace = function(postfix) {
+        return document.body.hasAttribute("data-kt-name") ? document.body.getAttribute("data-kt-name") + "_" : "";
+    }
+
+    var _setupScrollHandler = function() {
+        if ( _getOption('save-state') === true && the.id ) {
+            the.element.addEventListener('scroll', _scrollHandler);
+        } else {
+            the.element.removeEventListener('scroll', _scrollHandler);
+        }
+    }
+
+    var _destroyScrollHandler = function() {
+        the.element.removeEventListener('scroll', _scrollHandler);
+    }
+
+    var _resetHeight = function() {
+        KTUtil.css(the.element, _getHeightType(), '');
+    }
+
+    var _scrollHandler = function () {
+        var namespace = _getStorageNamespace();
+        localStorage.setItem(namespace + the.id + 'st', the.element.scrollTop);
+    }
+
+    var _update = function() {
+        // Activate/deactivate
+        if ( _getOption('activate') === true || the.element.hasAttribute('data-kt-scroll-activate') === false ) {
+            _setupHeight();
+            _setupStretchHeight();
+            _setupScrollHandler();
+            _setupState();
+        } else {
+            _resetHeight()
+            _destroyScrollHandler();
+        }        
+    }
+
+    var _setupStretchHeight = function() {
+        var stretch = _getOption('stretch');
+
+        // Stretch
+        if ( stretch !== null ) {
+            var elements = document.querySelectorAll(stretch);
+
+            if ( elements && elements.length == 2 ) {
+                var element1 = elements[0];
+                var element2 = elements[1];
+                var diff = _getElementHeight(element2) - _getElementHeight(element1);
+
+                if (diff > 0) {
+                    var height = parseInt(KTUtil.css(the.element, _getHeightType())) + diff;
+
+                    KTUtil.css(the.element, _getHeightType(), String(height) + 'px');
+                }
+            }
+        }
+    }
+
+    var _getHeight = function() {
+        var height = _getOption(_getHeightType());
+
+        if ( height instanceof Function ) {
+            return height.call();
+        } else if ( height !== null && typeof height === 'string' && height.toLowerCase() === 'auto' ) {
+            return _getAutoHeight();
+        } else {
+            return height;
+        }
+    }
+
+    var _getAutoHeight = function() {
+        var height = KTUtil.getViewPort().height;
+        var dependencies = _getOption('dependencies');
+        var wrappers = _getOption('wrappers');
+        var offset = _getOption('offset');
+
+        // Spacings
+        height = height - _getElementSpacing(the.element); 
+
+        // Height dependencies
+        if ( dependencies !== null ) {
+            var elements = document.querySelectorAll(dependencies);
+
+            if ( elements && elements.length > 0 ) {
+                for ( var i = 0, len = elements.length; i < len; i++ ) {
+                    if ( KTUtil.visible(elements[i]) === false ) {
+                        continue;
+                    }
+
+                    height = height - _getElementHeight(elements[i]);
+                }
+            }
+        }
+
+        // Wrappers
+        if ( wrappers !== null ) {
+            var elements = document.querySelectorAll(wrappers);
+            if ( elements && elements.length > 0 ) {
+                for ( var i = 0, len = elements.length; i < len; i++ ) {
+                    if ( KTUtil.visible(elements[i]) === false ) {
+                        continue;
+                    }
+
+                    height = height - _getElementSpacing(elements[i]);
+                }
+            }
+        }
+
+        // Custom offset
+        if ( offset !== null && typeof offset !== 'object') {
+            height = height - parseInt(offset);
+        }
+
+        return String(height) + 'px';
+    }
+
+    var _getElementHeight = function(element) {
+        var height = 0;
+
+        if (element !== null) {
+            height = height + parseInt(KTUtil.css(element, 'height'));
+            height = height + parseInt(KTUtil.css(element, 'margin-top'));
+            height = height + parseInt(KTUtil.css(element, 'margin-bottom'));
+
+            if (KTUtil.css(element, 'border-top')) {
+                height = height + parseInt(KTUtil.css(element, 'border-top'));
+            }
+
+            if (KTUtil.css(element, 'border-bottom')) {
+                height = height + parseInt(KTUtil.css(element, 'border-bottom'));
+            }
+        } 
+
+        return height;
+    }
+
+    var _getElementSpacing = function(element) {
+        var spacing = 0;
+
+        if (element !== null) {
+            spacing = spacing + parseInt(KTUtil.css(element, 'margin-top'));
+            spacing = spacing + parseInt(KTUtil.css(element, 'margin-bottom'));
+            spacing = spacing + parseInt(KTUtil.css(element, 'padding-top'));
+            spacing = spacing + parseInt(KTUtil.css(element, 'padding-bottom'));
+
+            if (KTUtil.css(element, 'border-top')) {
+                spacing = spacing + parseInt(KTUtil.css(element, 'border-top'));
+            }
+
+            if (KTUtil.css(element, 'border-bottom')) {
+                spacing = spacing + parseInt(KTUtil.css(element, 'border-bottom'));
+            }
+        } 
+
+        return spacing;
+    }
+
+    var _getOption = function(name) {
+        if ( the.element.hasAttribute('data-kt-scroll-' + name) === true ) {
+            var attr = the.element.getAttribute('data-kt-scroll-' + name);
+
+            var value = KTUtil.getResponsiveValue(attr);
+
+            if ( value !== null && String(value) === 'true' ) {
+                value = true;
+            } else if ( value !== null && String(value) === 'false' ) {
+                value = false;
+            }
+
+            return value;
+        } else {
+            var optionName = KTUtil.snakeToCamel(name);
+
+            if ( the.options[optionName] ) {
+                return KTUtil.getResponsiveValue(the.options[optionName]);
+            } else {
+                return null;
+            }
+        }
+    }
+
+    var _getHeightType = function() {
+        if (_getOption('height')) {
+            return 'height';
+        } if (_getOption('min-height')) {
+            return 'min-height';
+        } if (_getOption('max-height')) {
+            return 'max-height';
+        }
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('scroll');
+    }
+
+    // Construct Class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    the.update = function() {
+        return _update();
+    }
+
+    the.getHeight = function() {
+        return _getHeight();
+    }
+
+    the.getElement = function() {
+        return the.element;
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+};
+
+// Static methods
+KTScroll.getInstance = function(element) {
+    if ( element !== null && KTUtil.data(element).has('scroll') ) {
+        return KTUtil.data(element).get('scroll');
+    } else {
+        return null;
+    }
+}
+
+// Create instances
+KTScroll.createInstances = function(selector = '[data-kt-scroll="true"]') {
+    // Initialize Menus
+    var elements = document.body.querySelectorAll(selector);
+
+    if ( elements && elements.length > 0 ) {
+        for (var i = 0, len = elements.length; i < len; i++) {
+            new KTScroll(elements[i]);
+        }
+    }
+}
+
+// Window resize handling
+KTScroll.handleResize = function() {
+    window.addEventListener('resize', function() {
+        var timer;
+    
+        KTUtil.throttle(timer, function() {
+            // Locate and update Offcanvas instances on window resize
+            var elements = document.body.querySelectorAll('[data-kt-scroll="true"]');
+    
+            if ( elements && elements.length > 0 ) {
+                for (var i = 0, len = elements.length; i < len; i++) {
+                    var scroll = KTScroll.getInstance(elements[i]);
+                    if (scroll) {
+                        scroll.update();
+                    }
+                }
+            }
+        }, 200);
+    });
+}
+
+// Global initialization
+KTScroll.init = function() {
+    KTScroll.createInstances();
+    KTScroll.handleResize();
+};
+
+
+
+// Webpack Support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTScroll;
+}
+
+"use strict";
+
+// Class definition
+var KTScrolltop = function(element, options) {
+    ////////////////////////////
+    // ** Private variables  ** //
+    ////////////////////////////
+    var the = this;
+
+    if ( typeof element === "undefined" || element === null ) {
+        return;
+    }
+
+    // Default options
+    var defaultOptions = {
+        offset: 300,
+        speed: 600
+    };
+
+    ////////////////////////////
+    // ** Private methods  ** //
+    ////////////////////////////
+
+    var _construct = function() {
+        if (KTUtil.data(element).has('scrolltop')) {
+            the = KTUtil.data(element).get('scrolltop');
+        } else {
+            _init();
+        }
+    }
+
+    var _init = function() {
+        // Variables
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+        the.uid = KTUtil.getUniqueId('scrolltop');
+        the.element = element;
+
+        // Set initialized
+        the.element.setAttribute('data-kt-scrolltop', 'true');
+
+        // Event Handlers
+        _handlers();
+
+        // Bind Instance
+        KTUtil.data(the.element).set('scrolltop', the);
+    }
+
+    var _handlers = function() {
+        var timer;
+
+        window.addEventListener('scroll', function() {
+            KTUtil.throttle(timer, function() {
+                _scroll();
+            }, 200);
+        });
+
+        KTUtil.addEvent(the.element, 'click', function(e) {
+            e.preventDefault();
+
+            _go();
+        });
+    }
+
+    var _scroll = function() {
+        var offset = parseInt(_getOption('offset'));
+
+        var pos = KTUtil.getScrollTop(); // current vertical position
+
+        if ( pos > offset ) {
+            if ( document.body.hasAttribute('data-kt-scrolltop') === false ) {
+                document.body.setAttribute('data-kt-scrolltop', 'on');
+            }
+        } else {
+            if ( document.body.hasAttribute('data-kt-scrolltop') === true ) {
+                document.body.removeAttribute('data-kt-scrolltop');
+            }
+        }
+    }
+
+    var _go = function() {
+        var speed = parseInt(_getOption('speed'));
+
+        window.scrollTo({top: 0, behavior: 'smooth'});
+        //KTUtil.scrollTop(0, speed);
+    }
+
+    var _getOption = function(name) {
+        if ( the.element.hasAttribute('data-kt-scrolltop-' + name) === true ) {
+            var attr = the.element.getAttribute('data-kt-scrolltop-' + name);
+            var value = KTUtil.getResponsiveValue(attr);
+
+            if ( value !== null && String(value) === 'true' ) {
+                value = true;
+            } else if ( value !== null && String(value) === 'false' ) {
+                value = false;
+            }
+
+            return value;
+        } else {
+            var optionName = KTUtil.snakeToCamel(name);
+
+            if ( the.options[optionName] ) {
+                return KTUtil.getResponsiveValue(the.options[optionName]);
+            } else {
+                return null;
+            }
+        }
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('scrolltop');
+    }
+
+    // Construct class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Plugin API
+    the.go = function() {
+        return _go();
+    }
+
+    the.getElement = function() {
+        return the.element;
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+};
+
+// Static methods
+KTScrolltop.getInstance = function(element) {
+    if (element && KTUtil.data(element).has('scrolltop')) {
+        return KTUtil.data(element).get('scrolltop');
+    } else {
+        return null;
+    }
+}
+
+// Create instances
+KTScrolltop.createInstances = function(selector = '[data-kt-scrolltop="true"]') {
+    // Initialize Menus
+    var elements = document.body.querySelectorAll(selector);
+    var scrolltop;
+
+    if ( elements && elements.length > 0 ) {
+        for (var i = 0, len = elements.length; i < len; i++) {
+            scrolltop = new KTScrolltop(elements[i]);
+        }
+    }
+}
+
+// Global initialization
+KTScrolltop.init = function() {
+    KTScrolltop.createInstances();
+};
+
+
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTScrolltop;
+}
+
+"use strict";
+
+// Class definition
+var KTSearch = function(element, options) {
+    ////////////////////////////
+    // ** Private variables  ** //
+    ////////////////////////////
+    var the = this;
+
+    if (!element) {
+        return;
+    }
+
+    // Default Options
+    var defaultOptions = {
+        minLength: 2,  // Miniam text lenght to query search
+        keypress: true,  // Enable search on keypress 
+        enter: true,  // Enable search on enter key press
+        layout: 'menu',  // Use 'menu' or 'inline' layout options to display search results
+        responsive: null, // Pass integer value or bootstrap compatible breakpoint key(sm,md,lg,xl,xxl) to enable reponsive form mode for device width below the breakpoint value
+        showOnFocus: true // Always show menu on input focus
+    };
+
+    ////////////////////////////
+    // ** Private methods  ** //
+    ////////////////////////////
+
+    // Construct
+    var _construct = function() {
+        if ( KTUtil.data(element).has('search') === true ) {
+            the = KTUtil.data(element).get('search');
+        } else {
+            _init();
+        }
+    }
+
+    // Init
+    var _init = function() {
+        // Variables
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+        the.processing = false;
+
+        // Elements
+        the.element = element;               
+        the.contentElement = _getElement('content');     
+        the.formElement = _getElement('form');         
+        the.inputElement = _getElement('input');
+        the.spinnerElement = _getElement('spinner');
+        the.clearElement = _getElement('clear');
+        the.toggleElement = _getElement('toggle');   
+        the.submitElement = _getElement('submit');
+        the.toolbarElement = _getElement('toolbar');   
+
+        the.resultsElement = _getElement('results');
+        the.suggestionElement = _getElement('suggestion'); 
+        the.emptyElement = _getElement('empty'); 
+
+        // Set initialized
+        the.element.setAttribute('data-kt-search', 'true');
+        
+        // Layout
+        the.layout = _getOption('layout');
+        
+        // Menu
+        if ( the.layout === 'menu' ) {
+            the.menuObject = new KTMenu(the.contentElement);
+        } else {
+            the.menuObject = null;
+        }
+
+        // Update
+        _update();
+
+        // Event Handlers
+        _handlers();
+
+        // Bind Instance
+        KTUtil.data(the.element).set('search', the);
+    }
+
+    // Handlera
+    var _handlers = function() {
+        // Focus
+        the.inputElement.addEventListener('focus', _focus);
+
+        // Blur
+        the.inputElement.addEventListener('blur', _blur);
+
+        // Keypress
+        if ( _getOption('keypress') === true ) {
+            the.inputElement.addEventListener('input', _input);
+        }
+
+        // Submit
+        if ( the.submitElement ) {
+            the.submitElement.addEventListener('click', _search);
+        }
+
+        // Enter
+        if ( _getOption('enter') === true ) {
+            the.inputElement.addEventListener('keypress', _enter);
+        }
+
+        // Clear 
+        if ( the.clearElement ) {
+            the.clearElement.addEventListener('click', _clear);
+        }
+
+        // Menu
+        if ( the.menuObject ) {
+            // Toggle menu
+            if ( the.toggleElement ) {
+                the.toggleElement.addEventListener('click', _show);
+
+                the.menuObject.on('kt.menu.dropdown.show', function(item) {
+                    if (KTUtil.visible(the.toggleElement)) {
+                        the.toggleElement.classList.add('active');
+                        the.toggleElement.classList.add('show');
+                    } 
+                });
+    
+                the.menuObject.on('kt.menu.dropdown.hide', function(item) {
+                    if (KTUtil.visible(the.toggleElement)) {
+                        the.toggleElement.classList.remove('active');
+                        the.toggleElement.classList.remove('show');
+                    }
+                });
+            }            
+
+            the.menuObject.on('kt.menu.dropdown.shown', function() {
+                the.inputElement.focus();
+            });
+        } 
+
+        // Window resize handling
+        window.addEventListener('resize', function() {
+            var timer;
+
+            KTUtil.throttle(timer, function() {
+                _update();
+            }, 200);
+        });
+    }
+
+    // Focus
+    var _focus = function() {
+        the.element.classList.add('focus');
+
+        if ( _getOption('show-on-focus') === true || the.inputElement.value.length >= minLength ) {
+            _show();
+        }        
+    }
+
+    // Blur
+    var _blur = function() {        
+        the.element.classList.remove('focus');
+    }
+
+    // Enter 
+    var _enter = function(e) {
+        var key = e.charCode || e.keyCode || 0;
+
+        if (key == 13) {
+            e.preventDefault();
+
+            _search();
+        }
+    }
+
+    // Input
+    var _input = function() {
+        if ( _getOption('min-length') )  {
+            var minLength = parseInt(_getOption('min-length'));
+
+            if ( the.inputElement.value.length >= minLength ) {
+                _search();
+            } else if ( the.inputElement.value.length === 0 ) {
+                _clear();
+            }
+        }
+    }
+
+    // Search
+    var _search = function() {
+        if (the.processing === false) {
+            // Show search spinner
+            if (the.spinnerElement) {
+                the.spinnerElement.classList.remove("d-none");
+            }
+            
+            // Hide search clear button
+            if (the.clearElement) {
+                the.clearElement.classList.add("d-none");
+            }
+
+            // Hide search toolbar
+            if (the.toolbarElement && the.formElement.contains(the.toolbarElement)) {
+                the.toolbarElement.classList.add("d-none");
+            }
+
+            // Focus input
+            the.inputElement.focus();
+
+            the.processing = true;
+            KTEventHandler.trigger(the.element, 'kt.search.process', the);
+        }
+    }
+
+    // Complete
+    var _complete = function() {
+        if (the.spinnerElement) {
+            the.spinnerElement.classList.add("d-none");
+        }
+
+        // Show search toolbar
+        if (the.clearElement) {
+            the.clearElement.classList.remove("d-none");
+        }
+
+        if ( the.inputElement.value.length === 0 ) {
+            _clear();
+        }
+
+        // Focus input
+        the.inputElement.focus();
+
+        _show();
+
+        the.processing = false;
+    }
+
+    // Clear
+    var _clear = function() {
+        if ( KTEventHandler.trigger(the.element, 'kt.search.clear', the) === false )  {
+            return;
+        }
+
+        // Clear and focus input
+        the.inputElement.value = "";
+        the.inputElement.focus();
+
+        // Hide clear icon
+        if (the.clearElement) {
+            the.clearElement.classList.add("d-none");
+        }
+
+        // Show search toolbar
+        if (the.toolbarElement && the.formElement.contains(the.toolbarElement)) {
+            the.toolbarElement.classList.remove("d-none");
+        }
+
+        // Hide menu
+        if ( _getOption('show-on-focus') === false ) {
+            _hide();
+        }
+
+        KTEventHandler.trigger(the.element, 'kt.search.cleared', the);
+    }
+
+    // Update
+    var _update = function() {
+        // Handle responsive form
+        if (the.layout === 'menu') {
+            var responsiveFormMode = _getResponsiveFormMode();
+
+            if ( responsiveFormMode === 'on' && the.contentElement.contains(the.formElement) === false ) {
+                the.contentElement.prepend(the.formElement);
+                the.formElement.classList.remove('d-none');                
+            } else if ( responsiveFormMode === 'off' && the.contentElement.contains(the.formElement) === true ) {
+                the.element.prepend(the.formElement);
+                the.formElement.classList.add('d-none');
+            }
+        }
+    }
+
+    // Show menu
+    var _show = function() {
+        if ( the.menuObject ) {
+            _update();
+
+            the.menuObject.show(the.element);
+        }
+    }
+
+    // Hide menu
+    var _hide = function() {
+        if ( the.menuObject ) {
+            _update();
+
+            the.menuObject.hide(the.element);
+        }
+    }
+
+    // Get option
+    var _getOption = function(name) {
+        if ( the.element.hasAttribute('data-kt-search-' + name) === true ) {
+            var attr = the.element.getAttribute('data-kt-search-' + name);
+            var value = KTUtil.getResponsiveValue(attr);
+
+            if ( value !== null && String(value) === 'true' ) {
+                value = true;
+            } else if ( value !== null && String(value) === 'false' ) {
+                value = false;
+            }
+
+            return value;
+        } else {
+            var optionName = KTUtil.snakeToCamel(name);
+
+            if ( the.options[optionName] ) {
+                return KTUtil.getResponsiveValue(the.options[optionName]);
+            } else {
+                return null;
+            }
+        }
+    }
+
+    // Get element
+    var _getElement = function(name) {
+        return the.element.querySelector('[data-kt-search-element="' + name + '"]');
+    }
+
+    // Check if responsive form mode is enabled
+    var _getResponsiveFormMode = function() {
+        var responsive = _getOption('responsive');
+        var width = KTUtil.getViewPort().width;
+
+        if (!responsive) {
+            return null;
+        }
+
+        var breakpoint = KTUtil.getBreakpoint(responsive);
+
+        if (!breakpoint ) {
+            breakpoint = parseInt(responsive);
+        }
+
+        if (width < breakpoint) {
+            return "on";
+        } else {
+            return "off";
+        }
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('search');
+    }    
+
+    // Construct class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Plugin API
+    the.show = function() {
+        return _show();
+    }
+
+    the.hide = function() {
+        return _hide();
+    }
+
+    the.update = function() {
+        return _update();
+    }
+
+    the.search = function() {
+        return _search();
+    }
+
+    the.complete = function() {
+        return _complete();
+    }
+
+    the.clear = function() {
+        return _clear();
+    }
+
+    the.isProcessing = function() {
+        return the.processing;
+    }
+
+    the.getQuery = function() {
+        return the.inputElement.value;
+    }    
+
+    the.getMenu = function() {
+        return the.menuObject;
+    }
+
+    the.getFormElement = function() {
+        return the.formElement;
+    }
+
+    the.getInputElement = function() {
+        return the.inputElement;
+    }
+
+    the.getContentElement = function() {
+        return the.contentElement;
+    }
+
+    the.getElement = function() {
+        return the.element;
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+
+    // Event API
+    the.on = function(name, handler) {
+        return KTEventHandler.on(the.element, name, handler);
+    }
+
+    the.one = function(name, handler) {
+        return KTEventHandler.one(the.element, name, handler);
+    }
+
+    the.off = function(name, handlerId) {
+        return KTEventHandler.off(the.element, name, handlerId);
+    }
+};
+
+// Static methods
+KTSearch.getInstance = function(element) {
+    if ( element !== null && KTUtil.data(element).has('search') ) {
+        return KTUtil.data(element).get('search');
+    } else {
+        return null;
+    }
+}
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTSearch;
+}
+
+"use strict";
+
+// Class definition
+var KTStepper = function(element, options) {
+    //////////////////////////////
+    // ** Private variables  ** //
+    //////////////////////////////
+    var the = this;
+
+    if ( typeof element === "undefined" || element === null ) {
+        return;
+    }
+
+    // Default Options
+    var defaultOptions = {
+        startIndex: 1,
+        animation: false,
+        animationSpeed: '0.3s',
+        animationNextClass: 'animate__animated animate__slideInRight animate__fast',
+        animationPreviousClass: 'animate__animated animate__slideInLeft animate__fast'
+    };
+
+    ////////////////////////////
+    // ** Private methods  ** //
+    ////////////////////////////
+
+    var _construct = function() {
+        if ( KTUtil.data(element).has('stepper') === true ) {
+            the = KTUtil.data(element).get('stepper');
+        } else {
+            _init();
+        }
+    }
+
+    var _init = function() {
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+        the.uid = KTUtil.getUniqueId('stepper');
+
+        the.element = element;
+
+        // Set initialized
+        the.element.setAttribute('data-kt-stepper', 'true');
+
+        // Elements
+        the.steps = KTUtil.findAll(the.element, '[data-kt-stepper-element="nav"]');
+        the.btnNext = KTUtil.find(the.element, '[data-kt-stepper-action="next"]');
+        the.btnPrevious = KTUtil.find(the.element, '[data-kt-stepper-action="previous"]');
+        the.btnSubmit = KTUtil.find(the.element, '[data-kt-stepper-action="submit"]');
+
+        // Variables
+        the.totalStepsNumber = the.steps.length;
+        the.passedStepIndex = 0;
+        the.currentStepIndex = 1;
+        the.clickedStepIndex = 0;
+
+        // Set Current Step
+        if ( the.options.startIndex > 1 ) {
+            _goTo(the.options.startIndex);
+        }
+
+        // Event Handlers
+        KTUtil.addEvent(the.btnNext, 'click', function(e) {
+            e.preventDefault();
+
+            KTEventHandler.trigger(the.element, 'kt.stepper.next', the);
+        });
+
+        KTUtil.addEvent(the.btnPrevious, 'click', function(e) {
+            e.preventDefault();
+
+            KTEventHandler.trigger(the.element, 'kt.stepper.previous', the);
+        });
+
+        KTUtil.on(the.element, '[data-kt-stepper-action="step"]', 'click', function(e) {
+            e.preventDefault();
+
+            if ( the.steps && the.steps.length > 0 ) {
+                for (var i = 0, len = the.steps.length; i < len; i++) {
+                    if ( the.steps[i] === this ) {
+                        the.clickedStepIndex = i + 1;
+
+                        KTEventHandler.trigger(the.element, 'kt.stepper.click', the);
+
+                        return;
+                    }
+                }
+            }
+        });
+
+        // Bind Instance
+        KTUtil.data(the.element).set('stepper', the);
+    }
+
+    var _goTo = function(index) {
+        // Trigger "change" event
+        KTEventHandler.trigger(the.element, 'kt.stepper.change', the);
+
+        // Skip if this step is already shown
+        if ( index === the.currentStepIndex || index > the.totalStepsNumber || index < 0 ) {
+            return;
+        }
+
+        // Validate step number
+        index = parseInt(index);
+
+        // Set current step
+        the.passedStepIndex = the.currentStepIndex;
+        the.currentStepIndex = index;
+
+        // Refresh elements
+        _refreshUI();
+
+        // Trigger "changed" event
+        KTEventHandler.trigger(the.element, 'kt.stepper.changed', the);
+
+        return the;
+    }
+
+    var _goNext = function() {
+        return _goTo( _getNextStepIndex() );
+    }
+
+    var _goPrevious = function() {
+        return _goTo( _getPreviousStepIndex() );
+    }
+
+    var _goLast = function() {
+        return _goTo( _getLastStepIndex() );
+    }
+
+    var _goFirst = function() {
+        return _goTo( _getFirstStepIndex() );
+    }
+
+    var _refreshUI = function() {
+        var state = '';
+
+        if ( _isLastStep() ) {
+            state = 'last';
+        } else if ( _isFirstStep() ) {
+            state = 'first';
+        } else {
+            state = 'between';
+        }
+
+        // Set state class
+        KTUtil.removeClass(the.element, 'last');
+        KTUtil.removeClass(the.element, 'first');
+        KTUtil.removeClass(the.element, 'between');
+
+        KTUtil.addClass(the.element, state);
+
+        // Step Items
+        var elements = KTUtil.findAll(the.element, '[data-kt-stepper-element="nav"], [data-kt-stepper-element="content"], [data-kt-stepper-element="info"]');
+
+        if ( elements && elements.length > 0 ) {
+            for (var i = 0, len = elements.length; i < len; i++) {
+                var element = elements[i];
+                var index = KTUtil.index(element) + 1;
+
+                KTUtil.removeClass(element, 'current');
+                KTUtil.removeClass(element, 'completed');
+                KTUtil.removeClass(element, 'pending');
+
+                if ( index == the.currentStepIndex ) {
+                    KTUtil.addClass(element, 'current');
+
+                    if ( the.options.animation !== false && element.getAttribute('data-kt-stepper-element') == 'content' ) {
+                        KTUtil.css(element, 'animationDuration', the.options.animationSpeed);
+
+                        var animation = _getStepDirection(the.passedStepIndex) === 'previous' ?  the.options.animationPreviousClass : the.options.animationNextClass;
+                        KTUtil.animateClass(element, animation);
+                    }
+                } else {
+                    if ( index < the.currentStepIndex ) {
+                        KTUtil.addClass(element, 'completed');
+                    } else {
+                        KTUtil.addClass(element, 'pending');
+                    }
+                }
+            }
+        }
+    }
+
+    var _isLastStep = function() {
+        return the.currentStepIndex === the.totalStepsNumber;
+    }
+
+    var _isFirstStep = function() {
+        return the.currentStepIndex === 1;
+    }
+
+    var _isBetweenStep = function() {
+        return _isLastStep() === false && _isFirstStep() === false;
+    }
+
+    var _getNextStepIndex = function() {
+        if ( the.totalStepsNumber >= ( the.currentStepIndex + 1 ) ) {
+            return the.currentStepIndex + 1;
+        } else {
+            return the.totalStepsNumber;
+        }
+    }
+
+    var _getPreviousStepIndex = function() {
+        if ( ( the.currentStepIndex - 1 ) > 1 ) {
+            return the.currentStepIndex - 1;
+        } else {
+            return 1;
+        }
+    }
+
+    var _getFirstStepIndex = function(){
+        return 1;
+    }
+
+    var _getLastStepIndex = function() {
+        return the.totalStepsNumber;
+    }
+
+    var _getTotalStepsNumber = function() {
+        return the.totalStepsNumber;
+    }
+
+    var _getStepDirection = function(index) {
+        if ( index > the.currentStepIndex ) {
+            return 'next';
+        } else {
+            return 'previous';
+        }
+    }
+
+    var _getStepContent = function(index) {
+        var content = KTUtil.findAll(the.element, '[data-kt-stepper-element="content"]');
+
+        if ( content[index-1] ) {
+            return content[index-1];
+        } else {
+            return false;
+        }
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('stepper');
+    }
+
+    // Construct Class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Plugin API
+    the.getElement = function(index) {
+        return the.element;
+    }
+
+    the.goTo = function(index) {
+        return _goTo(index);
+    }
+
+    the.goPrevious = function() {
+        return _goPrevious();
+    }
+
+    the.goNext = function() {
+        return _goNext();
+    }
+
+    the.goFirst = function() {
+        return _goFirst();
+    }
+
+    the.goLast = function() {
+        return _goLast();
+    }
+
+    the.getCurrentStepIndex = function() {
+        return the.currentStepIndex;
+    }
+
+    the.getNextStepIndex = function() {
+        return the.nextStepIndex;
+    }
+
+    the.getPassedStepIndex = function() {
+        return the.passedStepIndex;
+    }
+
+    the.getClickedStepIndex = function() {
+        return the.clickedStepIndex;
+    }
+
+    the.getPreviousStepIndex = function() {
+        return the.PreviousStepIndex;
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+
+    // Event API
+    the.on = function(name, handler) {
+        return KTEventHandler.on(the.element, name, handler);
+    }
+
+    the.one = function(name, handler) {
+        return KTEventHandler.one(the.element, name, handler);
+    }
+
+    the.off = function(name, handlerId) {
+        return KTEventHandler.off(the.element, name, handlerId);
+    }
+
+    the.trigger = function(name, event) {
+        return KTEventHandler.trigger(the.element, name, event, the, event);
+    }
+};
+
+// Static methods
+KTStepper.getInstance = function(element) {
+    if ( element !== null && KTUtil.data(element).has('stepper') ) {
+        return KTUtil.data(element).get('stepper');
+    } else {
+        return null;
+    }
+}
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTStepper;
+}
+
+"use strict";
+
+// Class definition
+var KTSticky = function(element, options) {
+    ////////////////////////////
+    // ** Private Variables  ** //
+    ////////////////////////////
+    var the = this;
+
+    if ( typeof element === "undefined" || element === null ) {
+        return;
+    }
+
+    // Default Options
+    var defaultOptions = {
+        offset: 200,
+        reverse: false,
+        animation: true,
+        animationSpeed: '0.3s',
+        animationClass: 'animation-slide-in-down'
+    };
+    ////////////////////////////
+    // ** Private Methods  ** //
+    ////////////////////////////
+
+    var _construct = function() {
+        if ( KTUtil.data(element).has('sticky') === true ) {
+            the = KTUtil.data(element).get('sticky');
+        } else {
+            _init();
+        }
+    }
+
+    var _init = function() {
+        the.element = element;
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+        the.uid = KTUtil.getUniqueId('sticky');
+        the.name = the.element.getAttribute('data-kt-sticky-name');
+        the.attributeName = 'data-kt-sticky-' + the.name;
+        the.attributeName2 = 'data-kt-' + the.name;
+        the.eventTriggerState = true;
+        the.lastScrollTop = 0;
+        the.scrollHandler;
+
+        // Set initialized
+        the.element.setAttribute('data-kt-sticky', 'true');
+
+        // Event Handlers
+        window.addEventListener('scroll', _scroll);
+
+        // Initial Launch
+        _scroll();
+
+        // Bind Instance
+        KTUtil.data(the.element).set('sticky', the);
+    }
+
+    var _scroll = function(e) {
+        var offset = _getOption('offset');
+        var reverse = _getOption('reverse');
+        var st;
+        var attrName;
+        var diff;
+
+        // Exit if false
+        if ( offset === false ) {
+            return;
+        }
+
+        offset = parseInt(offset);
+        st = KTUtil.getScrollTop();
+        diff = document.documentElement.scrollHeight - window.innerHeight - KTUtil.getScrollTop();
+
+        if ( reverse === true ) {  // Release on reverse scroll mode
+            if ( st > offset) {
+                if ( document.body.hasAttribute(the.attributeName) === false) {
+                    
+                    if (_enable() === false) {
+                        return;
+                    }
+
+                    document.body.setAttribute(the.attributeName, 'on');
+                    document.body.setAttribute(the.attributeName2, 'on');
+                }
+
+                if ( the.eventTriggerState === true ) {
+                    KTEventHandler.trigger(the.element, 'kt.sticky.on', the);
+                    KTEventHandler.trigger(the.element, 'kt.sticky.change', the);
+
+                    the.eventTriggerState = false;
+                }
+            } else { // Back scroll mode
+                if ( document.body.hasAttribute(the.attributeName) === true) {
+                    _disable();
+                    document.body.removeAttribute(the.attributeName);
+                    document.body.removeAttribute(the.attributeName2);
+                }
+
+                if ( the.eventTriggerState === false ) {
+                    KTEventHandler.trigger(the.element, 'kt.sticky.off', the);
+                    KTEventHandler.trigger(the.element, 'kt.sticky.change', the);
+                    the.eventTriggerState = true;
+                }
+            }
+
+            the.lastScrollTop = st;
+        } else { // Classic scroll mode
+            if ( st > offset) {
+                if ( document.body.hasAttribute(the.attributeName) === false) {
+                    
+                    if (_enable() === false) {
+                        return;
+                    } 
+                    
+                    document.body.setAttribute(the.attributeName, 'on');
+                    document.body.setAttribute(the.attributeName2, 'on');
+                }
+
+                if ( the.eventTriggerState === true ) {
+                    KTEventHandler.trigger(the.element, 'kt.sticky.on', the);
+                    KTEventHandler.trigger(the.element, 'kt.sticky.change', the);
+                    the.eventTriggerState = false;
+                }
+            } else { // back scroll mode
+                if ( document.body.hasAttribute(the.attributeName) === true ) {
+                    _disable();
+                    document.body.removeAttribute(the.attributeName);
+                    document.body.removeAttribute(the.attributeName2);
+                }
+
+                if ( the.eventTriggerState === false ) {
+                    KTEventHandler.trigger(the.element, 'kt.sticky.off', the);
+                    KTEventHandler.trigger(the.element, 'kt.sticky.change', the);
+                    the.eventTriggerState = true;
+                }
+            }
+        }      
+    }
+
+    var _enable = function(update) {
+        var top = _getOption('top');
+        top = top ? parseInt(top) : 0;
+
+        var left = _getOption('left');
+        var right = _getOption('right');
+        var width = _getOption('width');
+        var zindex = _getOption('zindex');
+        var dependencies = _getOption('dependencies');
+        var classes = _getOption('class');
+
+        var height = _calculateHeight();
+        var heightOffset = _getOption('height-offset');
+        heightOffset = heightOffset ? parseInt(heightOffset) : 0;
+
+        if (height + heightOffset + top > KTUtil.getViewPort().height) {
+            return false;
+        }
+        
+        if ( update !== true && _getOption('animation') === true ) {
+            KTUtil.css(the.element, 'animationDuration', _getOption('animationSpeed'));
+            KTUtil.animateClass(the.element, 'animation ' + _getOption('animationClass'));
+        }
+
+        if ( classes !== null ) {
+            KTUtil.addClass(the.element, classes);
+        }
+
+        if ( zindex !== null ) {
+            KTUtil.css(the.element, 'z-index', zindex);
+            KTUtil.css(the.element, 'position', 'fixed');
+        }
+
+        if ( top > 0 ) {
+            KTUtil.css(the.element, 'top', String(top) + 'px');
+        }
+
+        if ( width !== null ) {
+            if (width['target']) {
+                var targetElement = document.querySelector(width['target']);
+                if (targetElement) {
+                    width = KTUtil.css(targetElement, 'width');
+                }
+            }
+
+            KTUtil.css(the.element, 'width', width);
+        }
+
+        if ( left !== null ) {
+            if ( String(left).toLowerCase() === 'auto' ) {
+                var offsetLeft = KTUtil.offset(the.element).left;
+
+                if ( offsetLeft > 0 ) {
+                    KTUtil.css(the.element, 'left', String(offsetLeft) + 'px');
+                }
+            } else {
+                KTUtil.css(the.element, 'left', left);
+            }
+        }
+
+        if ( right !== null ) {
+            KTUtil.css(the.element, 'right', right);
+        }        
+
+        // Height dependencies
+        if ( dependencies !== null ) {
+            var dependencyElements = document.querySelectorAll(dependencies);
+            
+            if ( dependencyElements && dependencyElements.length > 0 ) {
+                for ( var i = 0, len = dependencyElements.length; i < len; i++ ) {
+                    KTUtil.css(dependencyElements[i], 'padding-top', String(height) + 'px');
+                }
+            }
+        }
+    }
+
+    var _disable = function() {
+        KTUtil.css(the.element, 'top', '');
+        KTUtil.css(the.element, 'width', '');
+        KTUtil.css(the.element, 'left', '');
+        KTUtil.css(the.element, 'right', '');
+        KTUtil.css(the.element, 'z-index', '');
+        KTUtil.css(the.element, 'position', '');
+
+        var dependencies = _getOption('dependencies');
+        var classes = _getOption('class');
+
+        if ( classes !== null ) {
+            KTUtil.removeClass(the.element, classes);
+        }
+
+        // Height dependencies
+        if ( dependencies !== null ) {
+            var dependencyElements = document.querySelectorAll(dependencies);
+
+            if ( dependencyElements && dependencyElements.length > 0 ) {
+                for ( var i = 0, len = dependencyElements.length; i < len; i++ ) {
+                    KTUtil.css(dependencyElements[i], 'padding-top', '');
+                }
+            }
+        }
+    }
+
+    var _check = function() {
+
+    }
+
+    var _calculateHeight = function() {
+        var height = parseFloat(KTUtil.css(the.element, 'height'));
+
+        height = height + parseFloat(KTUtil.css(the.element, 'margin-top'));
+        height = height + parseFloat(KTUtil.css(the.element, 'margin-bottom'));
+        
+        if (KTUtil.css(element, 'border-top')) {
+            height = height + parseFloat(KTUtil.css(the.element, 'border-top'));
+        }
+
+        if (KTUtil.css(element, 'border-bottom')) {
+            height = height + parseFloat(KTUtil.css(the.element, 'border-bottom'));
+        }
+
+        return height;
+    }
+
+    var _getOption = function(name) {
+        if ( the.element.hasAttribute('data-kt-sticky-' + name) === true ) {
+            var attr = the.element.getAttribute('data-kt-sticky-' + name);
+            var value = KTUtil.getResponsiveValue(attr);
+
+            if ( value !== null && String(value) === 'true' ) {
+                value = true;
+            } else if ( value !== null && String(value) === 'false' ) {
+                value = false;
+            }
+
+            return value;
+        } else {
+            var optionName = KTUtil.snakeToCamel(name);
+
+            if ( the.options[optionName] ) {
+                return KTUtil.getResponsiveValue(the.options[optionName]);
+            } else {
+                return null;
+            }
+        }
+    }
+
+    var _destroy = function() {
+        window.removeEventListener('scroll', _scroll);
+        KTUtil.data(the.element).remove('sticky');
+    }
+
+    // Construct Class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Methods
+    the.update = function() {
+        if ( document.body.hasAttribute(the.attributeName) === true ) {
+            _disable();
+            document.body.removeAttribute(the.attributeName);
+            document.body.removeAttribute(the.attributeName2);
+            _enable(true);
+            document.body.setAttribute(the.attributeName, 'on');
+            document.body.setAttribute(the.attributeName2, 'on');
+        }
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+
+    // Event API
+    the.on = function(name, handler) {
+        return KTEventHandler.on(the.element, name, handler);
+    }
+
+    the.one = function(name, handler) {
+        return KTEventHandler.one(the.element, name, handler);
+    }
+
+    the.off = function(name, handlerId) {
+        return KTEventHandler.off(the.element, name, handlerId);
+    }
+
+    the.trigger = function(name, event) {
+        return KTEventHandler.trigger(the.element, name, event, the, event);
+    }
+};
+
+// Static methods
+KTSticky.getInstance = function(element) {
+    if ( element !== null && KTUtil.data(element).has('sticky') ) {
+        return KTUtil.data(element).get('sticky');
+    } else {
+        return null;
+    }
+}
+
+// Create instances
+KTSticky.createInstances = function(selector = '[data-kt-sticky="true"]') {
+    // Initialize Menus
+    var elements = document.body.querySelectorAll(selector);
+    var sticky;
+
+    if ( elements && elements.length > 0 ) {
+        for (var i = 0, len = elements.length; i < len; i++) {
+            sticky = new KTSticky(elements[i]);
+        }
+    }
+}
+
+// Window resize handler
+KTSticky.handleResize = function() {
+    window.addEventListener('resize', function() {
+        var timer;
+    
+        KTUtil.throttle(timer, function() {
+            // Locate and update Offcanvas instances on window resize
+            var elements = document.body.querySelectorAll('[data-kt-sticky="true"]');
+    
+            if ( elements && elements.length > 0 ) {
+                for (var i = 0, len = elements.length; i < len; i++) {
+                    var sticky = KTSticky.getInstance(elements[i]);
+                    if (sticky) {
+                        sticky.update();
+                    }
+                }
+            }
+        }, 200);
+    });
+}
+
+// Global initialization
+KTSticky.init = function() {
+    KTSticky.createInstances();
+    KTSticky.handleResize();
+};
+
+
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTSticky;
+}
+
+"use strict";
+
+// Class definition
+var KTSwapper = function(element, options) {
+    ////////////////////////////
+    // ** Private Variables  ** //
+    ////////////////////////////
+    var the = this;
+
+    if ( typeof element === "undefined" || element === null ) {
+        return;
+    }
+
+    // Default Options
+    var defaultOptions = {
+        mode: 'append'
+    };
+
+    ////////////////////////////
+    // ** Private Methods  ** //
+    ////////////////////////////
+
+    var _construct = function() {
+        if ( KTUtil.data(element).has('swapper') === true ) {
+            the = KTUtil.data(element).get('swapper');
+        } else {
+            _init();
+        }
+    }
+
+    var _init = function() {
+        the.element = element;
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+
+        // Set initialized
+        the.element.setAttribute('data-kt-swapper', 'true');
+
+        // Initial update
+        _update();
+
+        // Bind Instance
+        KTUtil.data(the.element).set('swapper', the);
+    }
+
+    var _update = function(e) {
+        var parentSelector = _getOption('parent');
+
+        var mode = _getOption('mode');
+        var parentElement = parentSelector ? document.querySelector(parentSelector) : null;
+       
+
+        if (parentElement && element.parentNode !== parentElement) {
+            if (mode === 'prepend') {
+                parentElement.prepend(element);
+            } else if (mode === 'append') {
+                parentElement.append(element);
+            }
+        }
+    }
+
+    var _getOption = function(name) {
+        if ( the.element.hasAttribute('data-kt-swapper-' + name) === true ) {
+            var attr = the.element.getAttribute('data-kt-swapper-' + name);
+            var value = KTUtil.getResponsiveValue(attr);
+
+            if ( value !== null && String(value) === 'true' ) {
+                value = true;
+            } else if ( value !== null && String(value) === 'false' ) {
+                value = false;
+            }
+
+            return value;
+        } else {
+            var optionName = KTUtil.snakeToCamel(name);
+
+            if ( the.options[optionName] ) {
+                return KTUtil.getResponsiveValue(the.options[optionName]);
+            } else {
+                return null;
+            }
+        }
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('swapper');
+    }
+
+    // Construct Class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Methods
+    the.update = function() {
+        _update();
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+
+    // Event API
+    the.on = function(name, handler) {
+        return KTEventHandler.on(the.element, name, handler);
+    }
+
+    the.one = function(name, handler) {
+        return KTEventHandler.one(the.element, name, handler);
+    }
+
+    the.off = function(name, handlerId) {
+        return KTEventHandler.off(the.element, name, handlerId);
+    }
+
+    the.trigger = function(name, event) {
+        return KTEventHandler.trigger(the.element, name, event, the, event);
+    }
+};
+
+// Static methods
+KTSwapper.getInstance = function(element) {
+    if ( element !== null && KTUtil.data(element).has('swapper') ) {
+        return KTUtil.data(element).get('swapper');
+    } else {
+        return null;
+    }
+}
+
+// Create instances
+KTSwapper.createInstances = function(selector = '[data-kt-swapper="true"]') {
+    // Initialize Menus
+    var elements = document.querySelectorAll(selector);
+    var swapper;
+
+    if ( elements && elements.length > 0 ) {
+        for (var i = 0, len = elements.length; i < len; i++) {
+            swapper = new KTSwapper(elements[i]);
+        }
+    }
+}
+
+// Window resize handler
+window.addEventListener('resize', function() {
+    var timer;
+
+    KTUtil.throttle(timer, function() {
+        // Locate and update Offcanvas instances on window resize
+        var elements = document.querySelectorAll('[data-kt-swapper="true"]');
+
+        if ( elements && elements.length > 0 ) {
+            for (var i = 0, len = elements.length; i < len; i++) {
+                var swapper = KTSwapper.getInstance(elements[i]);
+                if (swapper) {
+                    swapper.update();
+                }                
+            }
+        }
+    }, 200);
+});
+
+// Global initialization
+KTSwapper.init = function() {
+    KTSwapper.createInstances();
+};
+
+
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTSwapper;
+}
+
+"use strict";
+
+// Class definition
+var KTToggle = function(element, options) {
+    ////////////////////////////
+    // ** Private variables  ** //
+    ////////////////////////////
+    var the = this;
+
+    if (!element) {
+        return;
+    }
+
+    // Default Options
+    var defaultOptions = {
+        saveState: true
+    };
+
+    ////////////////////////////
+    // ** Private methods  ** //
+    ////////////////////////////
+
+    var _construct = function() {
+        if ( KTUtil.data(element).has('toggle') === true ) {
+            the = KTUtil.data(element).get('toggle');
+        } else {
+            _init();
+        }
+    }
+
+    var _init = function() {
+        // Variables
+        the.options = KTUtil.deepExtend({}, defaultOptions, options);
+        the.uid = KTUtil.getUniqueId('toggle');
+
+        // Elements
+        the.element = element;
+
+        the.target = document.querySelector(the.element.getAttribute('data-kt-toggle-target')) ? document.querySelector(the.element.getAttribute('data-kt-toggle-target')) : the.element;
+        the.state = the.element.hasAttribute('data-kt-toggle-state') ? the.element.getAttribute('data-kt-toggle-state') : '';
+        the.mode = the.element.hasAttribute('data-kt-toggle-mode') ? the.element.getAttribute('data-kt-toggle-mode') : '';
+        the.attribute = 'data-kt-' + the.element.getAttribute('data-kt-toggle-name');
+
+        // Event Handlers
+        _handlers();
+
+        // Bind Instance
+        KTUtil.data(the.element).set('toggle', the);
+    }
+
+    var _handlers = function() {
+        KTUtil.addEvent(the.element, 'click', function(e) {
+            e.preventDefault();
+
+            if ( the.mode !== '' ) {
+                if ( the.mode === 'off' && _isEnabled() === false ) {
+                    _toggle();
+                } else if ( the.mode === 'on' && _isEnabled() === true ) {
+                    _toggle();
+                }
+            } else {
+                _toggle();
+            }
+        });
+    }
+
+    // Event handlers
+    var _toggle = function() {
+        // Trigger "after.toggle" event
+        KTEventHandler.trigger(the.element, 'kt.toggle.change', the);
+
+        if ( _isEnabled() ) {
+            _disable();
+        } else {
+            _enable();
+        }       
+
+        // Trigger "before.toggle" event
+        KTEventHandler.trigger(the.element, 'kt.toggle.changed', the);
+
+        return the;
+    }
+
+    var _enable = function() {
+        if ( _isEnabled() === true ) {
+            return;
+        }
+
+        KTEventHandler.trigger(the.element, 'kt.toggle.enable', the);
+
+        the.target.setAttribute(the.attribute, 'on');
+
+        if (the.state.length > 0) {
+            the.element.classList.add(the.state);
+        }        
+
+        if ( typeof KTCookie !== 'undefined' && the.options.saveState === true ) {
+            KTCookie.set(the.attribute, 'on');
+        }
+
+        KTEventHandler.trigger(the.element, 'kt.toggle.enabled', the);
+
+        return the;
+    }
+
+    var _disable = function() {
+        if ( _isEnabled() === false ) {
+            return;
+        }
+
+        KTEventHandler.trigger(the.element, 'kt.toggle.disable', the);
+
+        the.target.removeAttribute(the.attribute);
+
+        if (the.state.length > 0) {
+            the.element.classList.remove(the.state);
+        } 
+
+        if ( typeof KTCookie !== 'undefined' && the.options.saveState === true ) {
+            KTCookie.remove(the.attribute);
+        }
+
+        KTEventHandler.trigger(the.element, 'kt.toggle.disabled', the);
+
+        return the;
+    }
+
+    var _isEnabled = function() {
+        return (String(the.target.getAttribute(the.attribute)).toLowerCase() === 'on');
+    }
+
+    var _destroy = function() {
+        KTUtil.data(the.element).remove('toggle');
+    }
+
+    // Construct class
+    _construct();
+
+    ///////////////////////
+    // ** Public API  ** //
+    ///////////////////////
+
+    // Plugin API
+    the.toggle = function() {
+        return _toggle();
+    }
+
+    the.enable = function() {
+        return _enable();
+    }
+
+    the.disable = function() {
+        return _disable();
+    }
+
+    the.isEnabled = function() {
+        return _isEnabled();
+    }
+
+    the.goElement = function() {
+        return the.element;
+    }
+
+    the.destroy = function() {
+        return _destroy();
+    }
+
+    // Event API
+    the.on = function(name, handler) {
+        return KTEventHandler.on(the.element, name, handler);
+    }
+
+    the.one = function(name, handler) {
+        return KTEventHandler.one(the.element, name, handler);
+    }
+
+    the.off = function(name, handlerId) {
+        return KTEventHandler.off(the.element, name, handlerId);
+    }
+
+    the.trigger = function(name, event) {
+        return KTEventHandler.trigger(the.element, name, event, the, event);
+    }
+};
+
+// Static methods
+KTToggle.getInstance = function(element) {
+    if ( element !== null && KTUtil.data(element).has('toggle') ) {
+        return KTUtil.data(element).get('toggle');
+    } else {
+        return null;
+    }
+}
+
+// Create instances
+KTToggle.createInstances = function(selector = '[data-kt-toggle]') {
+    // Get instances
+    var elements = document.body.querySelectorAll(selector);
+
+    if ( elements && elements.length > 0 ) {
+        for (var i = 0, len = elements.length; i < len; i++) {
+            // Initialize instances
+            new KTToggle(elements[i]);
+        }
+    }
+}
+
+// Global initialization
+KTToggle.init = function() {
+    KTToggle.createInstances();
+};
+
+
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTToggle;
+}
+"use strict";
+
+/**
+ * @class KTUtil  base utilize class that privides helper functions
+ */
+
+// Polyfills
+
+// Element.matches() polyfill
+if (!Element.prototype.matches) {
+    Element.prototype.matches = function(s) {
+        var matches = (this.document || this.ownerDocument).querySelectorAll(s),
+            i = matches.length;
+        while (--i >= 0 && matches.item(i) !== this) {}
+        return i > -1;
+    };
+}
+
+/**
+ * Element.closest() polyfill
+ * https://developer.mozilla.org/en-US/docs/Web/API/Element/closest#Polyfill
+ */
+if (!Element.prototype.closest) {
+	Element.prototype.closest = function (s) {
+		var el = this;
+		var ancestor = this;
+		if (!document.documentElement.contains(el)) return null;
+		do {
+			if (ancestor.matches(s)) return ancestor;
+			ancestor = ancestor.parentElement;
+		} while (ancestor !== null);
+		return null;
+	};
+}
+
+/**
+ * ChildNode.remove() polyfill
+ * https://gomakethings.com/removing-an-element-from-the-dom-the-es6-way/
+ * @author Chris Ferdinandi
+ * @license MIT
+ */
+(function (elem) {
+	for (var i = 0; i < elem.length; i++) {
+		if (!window[elem[i]] || 'remove' in window[elem[i]].prototype) continue;
+		window[elem[i]].prototype.remove = function () {
+			this.parentNode.removeChild(this);
+		};
+	}
+})(['Element', 'CharacterData', 'DocumentType']);
+
+
+//
+// requestAnimationFrame polyfill by Erik Möller.
+//  With fixes from Paul Irish and Tino Zijdel
+//
+//  http://paulirish.com/2011/requestanimationframe-for-smart-animating/
+//  http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
+//
+//  MIT license
+//
+(function() {
+    var lastTime = 0;
+    var vendors = ['webkit', 'moz'];
+    for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+        window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+        window.cancelAnimationFrame =
+            window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
+    }
+
+    if (!window.requestAnimationFrame)
+        window.requestAnimationFrame = function(callback) {
+            var currTime = new Date().getTime();
+            var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+            var id = window.setTimeout(function() {
+                callback(currTime + timeToCall);
+            }, timeToCall);
+            lastTime = currTime + timeToCall;
+            return id;
+        };
+
+    if (!window.cancelAnimationFrame)
+        window.cancelAnimationFrame = function(id) {
+            clearTimeout(id);
+        };
+}());
+
+// Source: https://github.com/jserz/js_piece/blob/master/DOM/ParentNode/prepend()/prepend().md
+(function(arr) {
+    arr.forEach(function(item) {
+        if (item.hasOwnProperty('prepend')) {
+            return;
+        }
+        Object.defineProperty(item, 'prepend', {
+            configurable: true,
+            enumerable: true,
+            writable: true,
+            value: function prepend() {
+                var argArr = Array.prototype.slice.call(arguments),
+                    docFrag = document.createDocumentFragment();
+
+                argArr.forEach(function(argItem) {
+                    var isNode = argItem instanceof Node;
+                    docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
+                });
+
+                this.insertBefore(docFrag, this.firstChild);
+            }
+        });
+    });
+})([Element.prototype, Document.prototype, DocumentFragment.prototype]);
+
+// getAttributeNames
+if (Element.prototype.getAttributeNames == undefined) {
+  Element.prototype.getAttributeNames = function () {
+    var attributes = this.attributes;
+    var length = attributes.length;
+    var result = new Array(length);
+    for (var i = 0; i < length; i++) {
+      result[i] = attributes[i].name;
+    }
+    return result;
+  };
+}
+
+// Global variables
+window.KTUtilElementDataStore = {};
+window.KTUtilElementDataStoreID = 0;
+window.KTUtilDelegatedEventHandlers = {};
+
+var KTUtil = function() {
+    var resizeHandlers = [];
+
+    /**
+     * Handle window resize event with some
+     * delay to attach event handlers upon resize complete
+     */
+    var _windowResizeHandler = function() {
+        var _runResizeHandlers = function() {
+            // reinitialize other subscribed elements
+            for (var i = 0; i < resizeHandlers.length; i++) {
+                var each = resizeHandlers[i];
+                each.call();
+            }
+        };
+
+        var timer;
+
+        window.addEventListener('resize', function() {
+            KTUtil.throttle(timer, function() {
+                _runResizeHandlers();
+            }, 200);
+        });
+    };
+
+    return {
+        /**
+         * Class main initializer.
+         * @param {object} settings.
+         * @returns null
+         */
+        //main function to initiate the theme
+        init: function(settings) {
+            _windowResizeHandler();
+        },
+
+        /**
+         * Adds window resize event handler.
+         * @param {function} callback function.
+         */
+        addResizeHandler: function(callback) {
+            resizeHandlers.push(callback);
+        },
+
+        /**
+         * Removes window resize event handler.
+         * @param {function} callback function.
+         */
+        removeResizeHandler: function(callback) {
+            for (var i = 0; i < resizeHandlers.length; i++) {
+                if (callback === resizeHandlers[i]) {
+                    delete resizeHandlers[i];
+                }
+            }
+        },
+
+        /**
+         * Trigger window resize handlers.
+         */
+        runResizeHandlers: function() {
+            _runResizeHandlers();
+        },
+
+        resize: function() {
+            if (typeof(Event) === 'function') {
+                // modern browsers
+                window.dispatchEvent(new Event('resize'));
+            } else {
+                // for IE and other old browsers
+                // causes deprecation warning on modern browsers
+                var evt = window.document.createEvent('UIEvents');
+                evt.initUIEvent('resize', true, false, window, 0);
+                window.dispatchEvent(evt);
+            }
+        },
+
+        /**
+         * Get GET parameter value from URL.
+         * @param {string} paramName Parameter name.
+         * @returns {string}
+         */
+        getURLParam: function(paramName) {
+            var searchString = window.location.search.substring(1),
+                i, val, params = searchString.split("&");
+
+            for (i = 0; i < params.length; i++) {
+                val = params[i].split("=");
+                if (val[0] == paramName) {
+                    return unescape(val[1]);
+                }
+            }
+
+            return null;
+        },
+
+        /**
+         * Checks whether current device is mobile touch.
+         * @returns {boolean}
+         */
+        isMobileDevice: function() {
+            var test = (this.getViewPort().width < this.getBreakpoint('lg') ? true : false);
+
+            if (test === false) {
+                // For use within normal web clients
+                test = navigator.userAgent.match(/iPad/i) != null;
+            }
+
+            return test;
+        },
+
+        /**
+         * Checks whether current device is desktop.
+         * @returns {boolean}
+         */
+        isDesktopDevice: function() {
+            return KTUtil.isMobileDevice() ? false : true;
+        },
+
+        /**
+         * Gets browser window viewport size. Ref:
+         * http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/
+         * @returns {object}
+         */
+        getViewPort: function() {
+            var e = window,
+                a = 'inner';
+            if (!('innerWidth' in window)) {
+                a = 'client';
+                e = document.documentElement || document.body;
+            }
+
+            return {
+                width: e[a + 'Width'],
+                height: e[a + 'Height']
+            };
+        },
+
+		/**
+         * Checks whether given device mode is currently activated.
+         * @param {string} mode Responsive mode name(e.g: desktop,
+         *     desktop-and-tablet, tablet, tablet-and-mobile, mobile)
+         * @returns {boolean}
+         */
+        isBreakpointUp: function(mode) {
+            var width = this.getViewPort().width;
+			var breakpoint = this.getBreakpoint(mode);
+
+			return (width >= breakpoint);
+        },
+
+		isBreakpointDown: function(mode) {
+            var width = this.getViewPort().width;
+			var breakpoint = this.getBreakpoint(mode);
+
+			return (width < breakpoint);
+        },
+
+        getViewportWidth: function() {
+            return this.getViewPort().width;
+        },
+
+        /**
+         * Generates unique ID for give prefix.
+         * @param {string} prefix Prefix for generated ID
+         * @returns {boolean}
+         */
+        getUniqueId: function(prefix) {
+            return prefix + Math.floor(Math.random() * (new Date()).getTime());
+        },
+
+        /**
+         * Gets window width for give breakpoint mode.
+         * @param {string} mode Responsive mode name(e.g: xl, lg, md, sm)
+         * @returns {number}
+         */
+        getBreakpoint: function(breakpoint) {
+            var value = this.getCssVariableValue('--kt-' + breakpoint);
+
+            if ( value ) {
+                value = parseInt(value.trim());
+            } 
+
+            return value;
+        },
+
+        /**
+         * Checks whether object has property matchs given key path.
+         * @param {object} obj Object contains values paired with given key path
+         * @param {string} keys Keys path seperated with dots
+         * @returns {object}
+         */
+        isset: function(obj, keys) {
+            var stone;
+
+            keys = keys || '';
+
+            if (keys.indexOf('[') !== -1) {
+                throw new Error('Unsupported object path notation.');
+            }
+
+            keys = keys.split('.');
+
+            do {
+                if (obj === undefined) {
+                    return false;
+                }
+
+                stone = keys.shift();
+
+                if (!obj.hasOwnProperty(stone)) {
+                    return false;
+                }
+
+                obj = obj[stone];
+
+            } while (keys.length);
+
+            return true;
+        },
+
+        /**
+         * Gets highest z-index of the given element parents
+         * @param {object} el jQuery element object
+         * @returns {number}
+         */
+        getHighestZindex: function(el) {
+            var position, value;
+
+            while (el && el !== document) {
+                // Ignore z-index if position is set to a value where z-index is ignored by the browser
+                // This makes behavior of this function consistent across browsers
+                // WebKit always returns auto if the element is positioned
+                position = KTUtil.css(el, 'position');
+
+                if (position === "absolute" || position === "relative" || position === "fixed") {
+                    // IE returns 0 when zIndex is not specified
+                    // other browsers return a string
+                    // we ignore the case of nested elements with an explicit value of 0
+                    // <div style="z-index: -10;"><div style="z-index: 0;"></div></div>
+                    value = parseInt(KTUtil.css(el, 'z-index'));
+
+                    if (!isNaN(value) && value !== 0) {
+                        return value;
+                    }
+                }
+
+                el = el.parentNode;
+            }
+
+            return 1;
+        },
+
+        /**
+         * Checks whether the element has any parent with fixed positionfreg
+         * @param {object} el jQuery element object
+         * @returns {boolean}
+         */
+        hasFixedPositionedParent: function(el) {
+            var position;
+
+            while (el && el !== document) {
+                position = KTUtil.css(el, 'position');
+
+                if (position === "fixed") {
+                    return true;
+                }
+
+                el = el.parentNode;
+            }
+
+            return false;
+        },
+
+        /**
+         * Simulates delay
+         */
+        sleep: function(milliseconds) {
+            var start = new Date().getTime();
+            for (var i = 0; i < 1e7; i++) {
+                if ((new Date().getTime() - start) > milliseconds) {
+                    break;
+                }
+            }
+        },
+
+        /**
+         * Gets randomly generated integer value within given min and max range
+         * @param {number} min Range start value
+         * @param {number} max Range end value
+         * @returns {number}
+         */
+        getRandomInt: function(min, max) {
+            return Math.floor(Math.random() * (max - min + 1)) + min;
+        },
+
+        /**
+         * Checks whether Angular library is included
+         * @returns {boolean}
+         */
+        isAngularVersion: function() {
+            return window.Zone !== undefined ? true : false;
+        },
+
+        // Deep extend:  $.extend(true, {}, objA, objB);
+        deepExtend: function(out) {
+            out = out || {};
+
+            for (var i = 1; i < arguments.length; i++) {
+                var obj = arguments[i];
+                if (!obj) continue;
+
+                for (var key in obj) {
+                    if (!obj.hasOwnProperty(key)) {
+                        continue;
+                    }
+
+                    // based on https://javascriptweblog.wordpress.com/2011/08/08/fixing-the-javascript-typeof-operator/
+                    if ( Object.prototype.toString.call(obj[key]) === '[object Object]' ) {
+                        out[key] = KTUtil.deepExtend(out[key], obj[key]);
+                        continue;
+                    }
+
+                    out[key] = obj[key];
+                }
+            }
+
+            return out;
+        },
+
+        // extend:  $.extend({}, objA, objB);
+        extend: function(out) {
+            out = out || {};
+
+            for (var i = 1; i < arguments.length; i++) {
+                if (!arguments[i])
+                    continue;
+
+                for (var key in arguments[i]) {
+                    if (arguments[i].hasOwnProperty(key))
+                        out[key] = arguments[i][key];
+                }
+            }
+
+            return out;
+        },
+
+        getBody: function() {
+            return document.getElementsByTagName('body')[0];
+        },
+
+        /**
+         * Checks whether the element has given classes
+         * @param {object} el jQuery element object
+         * @param {string} Classes string
+         * @returns {boolean}
+         */
+        hasClasses: function(el, classes) {
+            if (!el) {
+                return;
+            }
+
+            var classesArr = classes.split(" ");
+
+            for (var i = 0; i < classesArr.length; i++) {
+                if (KTUtil.hasClass(el, KTUtil.trim(classesArr[i])) == false) {
+                    return false;
+                }
+            }
+
+            return true;
+        },
+
+        hasClass: function(el, className) {
+            if (!el) {
+                return;
+            }
+
+            return el.classList ? el.classList.contains(className) : new RegExp('\\b' + className + '\\b').test(el.className);
+        },
+
+        addClass: function(el, className) {
+            if (!el || typeof className === 'undefined') {
+                return;
+            }
+
+            var classNames = className.split(' ');
+
+            if (el.classList) {
+                for (var i = 0; i < classNames.length; i++) {
+                    if (classNames[i] && classNames[i].length > 0) {
+                        el.classList.add(KTUtil.trim(classNames[i]));
+                    }
+                }
+            } else if (!KTUtil.hasClass(el, className)) {
+                for (var x = 0; x < classNames.length; x++) {
+                    el.className += ' ' + KTUtil.trim(classNames[x]);
+                }
+            }
+        },
+
+        removeClass: function(el, className) {
+          if (!el || typeof className === 'undefined') {
+                return;
+            }
+
+            var classNames = className.split(' ');
+
+            if (el.classList) {
+                for (var i = 0; i < classNames.length; i++) {
+                    el.classList.remove(KTUtil.trim(classNames[i]));
+                }
+            } else if (KTUtil.hasClass(el, className)) {
+                for (var x = 0; x < classNames.length; x++) {
+                    el.className = el.className.replace(new RegExp('\\b' + KTUtil.trim(classNames[x]) + '\\b', 'g'), '');
+                }
+            }
+        },
+
+        triggerCustomEvent: function(el, eventName, data) {
+            var event;
+            if (window.CustomEvent) {
+                event = new CustomEvent(eventName, {
+                    detail: data
+                });
+            } else {
+                event = document.createEvent('CustomEvent');
+                event.initCustomEvent(eventName, true, true, data);
+            }
+
+            el.dispatchEvent(event);
+        },
+
+        triggerEvent: function(node, eventName) {
+            // Make sure we use the ownerDocument from the provided node to avoid cross-window problems
+            var doc;
+
+            if (node.ownerDocument) {
+                doc = node.ownerDocument;
+            } else if (node.nodeType == 9) {
+                // the node may be the document itself, nodeType 9 = DOCUMENT_NODE
+                doc = node;
+            } else {
+                throw new Error("Invalid node passed to fireEvent: " + node.id);
+            }
+
+            if (node.dispatchEvent) {
+                // Gecko-style approach (now the standard) takes more work
+                var eventClass = "";
+
+                // Different events have different event classes.
+                // If this switch statement can't map an eventName to an eventClass,
+                // the event firing is going to fail.
+                switch (eventName) {
+                case "click": // Dispatching of 'click' appears to not work correctly in Safari. Use 'mousedown' or 'mouseup' instead.
+                case "mouseenter":
+                case "mouseleave":
+                case "mousedown":
+                case "mouseup":
+                    eventClass = "MouseEvents";
+                    break;
+
+                case "focus":
+                case "change":
+                case "blur":
+                case "select":
+                    eventClass = "HTMLEvents";
+                    break;
+
+                default:
+                    throw "fireEvent: Couldn't find an event class for event '" + eventName + "'.";
+                    break;
+                }
+                var event = doc.createEvent(eventClass);
+
+                var bubbles = eventName == "change" ? false : true;
+                event.initEvent(eventName, bubbles, true); // All events created as bubbling and cancelable.
+
+                event.synthetic = true; // allow detection of synthetic events
+                // The second parameter says go ahead with the default action
+                node.dispatchEvent(event, true);
+            } else if (node.fireEvent) {
+                // IE-old school style
+                var event = doc.createEventObject();
+                event.synthetic = true; // allow detection of synthetic events
+                node.fireEvent("on" + eventName, event);
+            }
+        },
+
+        index: function( el ){
+            var c = el.parentNode.children, i = 0;
+            for(; i < c.length; i++ )
+                if( c[i] == el ) return i;
+        },
+
+        trim: function(string) {
+            return string.trim();
+        },
+
+        eventTriggered: function(e) {
+            if (e.currentTarget.dataset.triggered) {
+                return true;
+            } else {
+                e.currentTarget.dataset.triggered = true;
+
+                return false;
+            }
+        },
+
+        remove: function(el) {
+            if (el && el.parentNode) {
+                el.parentNode.removeChild(el);
+            }
+        },
+
+        find: function(parent, query) {
+            if ( parent !== null) {
+                return parent.querySelector(query);
+            } else {
+                return null;
+            }
+        },
+
+        findAll: function(parent, query) {
+            if ( parent !== null ) {
+                return parent.querySelectorAll(query);
+            } else {
+                return null;
+            }
+        },
+
+        insertAfter: function(el, referenceNode) {
+            return referenceNode.parentNode.insertBefore(el, referenceNode.nextSibling);
+        },
+
+        parents: function(elem, selector) {
+            // Set up a parent array
+            var parents = [];
+
+            // Push each parent element to the array
+            for ( ; elem && elem !== document; elem = elem.parentNode ) {
+                if (selector) {
+                    if (elem.matches(selector)) {
+                        parents.push(elem);
+                    }
+                    continue;
+                }
+                parents.push(elem);
+            }
+
+            // Return our parent array
+            return parents;
+        },
+
+        children: function(el, selector, log) {
+            if (!el || !el.childNodes) {
+                return null;
+            }
+
+            var result = [],
+                i = 0,
+                l = el.childNodes.length;
+
+            for (var i; i < l; ++i) {
+                if (el.childNodes[i].nodeType == 1 && KTUtil.matches(el.childNodes[i], selector, log)) {
+                    result.push(el.childNodes[i]);
+                }
+            }
+
+            return result;
+        },
+
+        child: function(el, selector, log) {
+            var children = KTUtil.children(el, selector, log);
+
+            return children ? children[0] : null;
+        },
+
+        matches: function(el, selector, log) {
+            var p = Element.prototype;
+            var f = p.matches || p.webkitMatchesSelector || p.mozMatchesSelector || p.msMatchesSelector || function(s) {
+                return [].indexOf.call(document.querySelectorAll(s), this) !== -1;
+            };
+
+            if (el && el.tagName) {
+                return f.call(el, selector);
+            } else {
+                return false;
+            }
+        },
+
+        data: function(el) {
+            return {
+                set: function(name, data) {
+                    if (!el) {
+                        return;
+                    }
+
+                    if (el.customDataTag === undefined) {
+                        window.KTUtilElementDataStoreID++;
+                        el.customDataTag = window.KTUtilElementDataStoreID;
+                    }
+
+                    if (window.KTUtilElementDataStore[el.customDataTag] === undefined) {
+                        window.KTUtilElementDataStore[el.customDataTag] = {};
+                    }
+
+                    window.KTUtilElementDataStore[el.customDataTag][name] = data;
+                },
+
+                get: function(name) {
+                    if (!el) {
+                        return;
+                    }
+
+                    if (el.customDataTag === undefined) {
+                        return null;
+                    }
+
+                    return this.has(name) ? window.KTUtilElementDataStore[el.customDataTag][name] : null;
+                },
+
+                has: function(name) {
+                    if (!el) {
+                        return false;
+                    }
+
+                    if (el.customDataTag === undefined) {
+                        return false;
+                    }
+
+                    return (window.KTUtilElementDataStore[el.customDataTag] && window.KTUtilElementDataStore[el.customDataTag][name]) ? true : false;
+                },
+
+                remove: function(name) {
+                    if (el && this.has(name)) {
+                        delete window.KTUtilElementDataStore[el.customDataTag][name];
+                    }
+                }
+            };
+        },
+
+        outerWidth: function(el, margin) {
+            var width;
+
+            if (margin === true) {
+                width = parseFloat(el.offsetWidth);
+                width += parseFloat(KTUtil.css(el, 'margin-left')) + parseFloat(KTUtil.css(el, 'margin-right'));
+
+                return parseFloat(width);
+            } else {
+                width = parseFloat(el.offsetWidth);
+
+                return width;
+            }
+        },
+
+        offset: function(el) {
+            var rect, win;
+
+            if ( !el ) {
+                return;
+            }
+
+            // Return zeros for disconnected and hidden (display: none) elements (gh-2310)
+            // Support: IE <=11 only
+            // Running getBoundingClientRect on a
+            // disconnected node in IE throws an error
+
+            if ( !el.getClientRects().length ) {
+                return { top: 0, left: 0 };
+            }
+
+            // Get document-relative position by adding viewport scroll to viewport-relative gBCR
+            rect = el.getBoundingClientRect();
+            win = el.ownerDocument.defaultView;
+
+            return {
+                top: rect.top + win.pageYOffset,
+                left: rect.left + win.pageXOffset,
+                right: window.innerWidth - (el.offsetLeft + el.offsetWidth)
+            };
+        },
+
+        height: function(el) {
+            return KTUtil.css(el, 'height');
+        },
+
+        outerHeight: function(el, withMargin) {
+            var height = el.offsetHeight;
+            var style;
+
+            if (typeof withMargin !== 'undefined' && withMargin === true) {
+                style = getComputedStyle(el);
+                height += parseInt(style.marginTop) + parseInt(style.marginBottom);
+
+                return height;
+            } else {
+                return height;
+            }
+        },
+
+        visible: function(el) {
+            return !(el.offsetWidth === 0 && el.offsetHeight === 0);
+        },
+
+        isVisibleInContainer: function (el, container) {
+            const eleTop = el.offsetTop;
+            const eleBottom = eleTop + el.clientHeight;
+        
+            const containerTop = container.scrollTop;
+            const containerBottom = containerTop + container.clientHeight;
+        
+            // The element is fully visible in the container
+            return (
+                (eleTop >= containerTop && eleBottom <= containerBottom) ||
+                // Some part of the element is visible in the container
+                (eleTop < containerTop && containerTop < eleBottom) ||
+                (eleTop < containerBottom && containerBottom < eleBottom)
+            );
+        },
+
+        getRelativeTopPosition: function (el, container) {
+            return el.offsetTop - container.offsetTop;
+        },
+
+        attr: function(el, name, value) {
+            if (el == undefined) {
+                return;
+            }
+
+            if (value !== undefined) {
+                el.setAttribute(name, value);
+            } else {
+                return el.getAttribute(name);
+            }
+        },
+
+        hasAttr: function(el, name) {
+            if (el == undefined) {
+                return;
+            }
+
+            return el.getAttribute(name) ? true : false;
+        },
+
+        removeAttr: function(el, name) {
+            if (el == undefined) {
+                return;
+            }
+
+            el.removeAttribute(name);
+        },
+
+        animate: function(from, to, duration, update, easing, done) {
+            /**
+             * TinyAnimate.easings
+             *  Adapted from jQuery Easing
+             */
+            var easings = {};
+            var easing;
+
+            easings.linear = function(t, b, c, d) {
+                return c * t / d + b;
+            };
+
+            easing = easings.linear;
+
+            // Early bail out if called incorrectly
+            if (typeof from !== 'number' ||
+                typeof to !== 'number' ||
+                typeof duration !== 'number' ||
+                typeof update !== 'function') {
+                return;
+            }
+
+            // Create mock done() function if necessary
+            if (typeof done !== 'function') {
+                done = function() {};
+            }
+
+            // Pick implementation (requestAnimationFrame | setTimeout)
+            var rAF = window.requestAnimationFrame || function(callback) {
+                window.setTimeout(callback, 1000 / 50);
+            };
+
+            // Animation loop
+            var canceled = false;
+            var change = to - from;
+
+            function loop(timestamp) {
+                var time = (timestamp || +new Date()) - start;
+
+                if (time >= 0) {
+                    update(easing(time, from, change, duration));
+                }
+                if (time >= 0 && time >= duration) {
+                    update(to);
+                    done();
+                } else {
+                    rAF(loop);
+                }
+            }
+
+            update(from);
+
+            // Start animation loop
+            var start = window.performance && window.performance.now ? window.performance.now() : +new Date();
+
+            rAF(loop);
+        },
+
+        actualCss: function(el, prop, cache) {
+            var css = '';
+
+            if (el instanceof HTMLElement === false) {
+                return;
+            }
+
+            if (!el.getAttribute('kt-hidden-' + prop) || cache === false) {
+                var value;
+
+                // the element is hidden so:
+                // making the el block so we can meassure its height but still be hidden
+                css = el.style.cssText;
+                el.style.cssText = 'position: absolute; visibility: hidden; display: block;';
+
+                if (prop == 'width') {
+                    value = el.offsetWidth;
+                } else if (prop == 'height') {
+                    value = el.offsetHeight;
+                }
+
+                el.style.cssText = css;
+
+                // store it in cache
+                el.setAttribute('kt-hidden-' + prop, value);
+
+                return parseFloat(value);
+            } else {
+                // store it in cache
+                return parseFloat(el.getAttribute('kt-hidden-' + prop));
+            }
+        },
+
+        actualHeight: function(el, cache) {
+            return KTUtil.actualCss(el, 'height', cache);
+        },
+
+        actualWidth: function(el, cache) {
+            return KTUtil.actualCss(el, 'width', cache);
+        },
+
+        getScroll: function(element, method) {
+            // The passed in `method` value should be 'Top' or 'Left'
+            method = 'scroll' + method;
+            return (element == window || element == document) ? (
+                self[(method == 'scrollTop') ? 'pageYOffset' : 'pageXOffset'] ||
+                (browserSupportsBoxModel && document.documentElement[method]) ||
+                document.body[method]
+            ) : element[method];
+        },
+
+        css: function(el, styleProp, value, important) {
+            if (!el) {
+                return;
+            }
+
+            if (value !== undefined) {
+                if ( important === true ) {
+                    el.style.setProperty(styleProp, value, 'important');
+                } else {
+                    el.style[styleProp] = value;
+                }
+            } else {
+                var defaultView = (el.ownerDocument || document).defaultView;
+
+                // W3C standard way:
+                if (defaultView && defaultView.getComputedStyle) {
+                    // sanitize property name to css notation
+                    // (hyphen separated words eg. font-Size)
+                    styleProp = styleProp.replace(/([A-Z])/g, "-$1").toLowerCase();
+
+                    return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);
+                } else if (el.currentStyle) { // IE
+                    // sanitize property name to camelCase
+                    styleProp = styleProp.replace(/\-(\w)/g, function(str, letter) {
+                        return letter.toUpperCase();
+                    });
+
+                    value = el.currentStyle[styleProp];
+
+                    // convert other units to pixels on IE
+                    if (/^\d+(em|pt|%|ex)?$/i.test(value)) {
+                        return (function(value) {
+                            var oldLeft = el.style.left, oldRsLeft = el.runtimeStyle.left;
+
+                            el.runtimeStyle.left = el.currentStyle.left;
+                            el.style.left = value || 0;
+                            value = el.style.pixelLeft + "px";
+                            el.style.left = oldLeft;
+                            el.runtimeStyle.left = oldRsLeft;
+
+                            return value;
+                        })(value);
+                    }
+
+                    return value;
+                }
+            }
+        },
+
+        slide: function(el, dir, speed, callback, recalcMaxHeight) {
+            if (!el || (dir == 'up' && KTUtil.visible(el) === false) || (dir == 'down' && KTUtil.visible(el) === true)) {
+                return;
+            }
+
+            speed = (speed ? speed : 600);
+            var calcHeight = KTUtil.actualHeight(el);
+            var calcPaddingTop = false;
+            var calcPaddingBottom = false;
+
+            if (KTUtil.css(el, 'padding-top') && KTUtil.data(el).has('slide-padding-top') !== true) {
+                KTUtil.data(el).set('slide-padding-top', KTUtil.css(el, 'padding-top'));
+            }
+
+            if (KTUtil.css(el, 'padding-bottom') && KTUtil.data(el).has('slide-padding-bottom') !== true) {
+                KTUtil.data(el).set('slide-padding-bottom', KTUtil.css(el, 'padding-bottom'));
+            }
+
+            if (KTUtil.data(el).has('slide-padding-top')) {
+                calcPaddingTop = parseInt(KTUtil.data(el).get('slide-padding-top'));
+            }
+
+            if (KTUtil.data(el).has('slide-padding-bottom')) {
+                calcPaddingBottom = parseInt(KTUtil.data(el).get('slide-padding-bottom'));
+            }
+
+            if (dir == 'up') { // up
+                el.style.cssText = 'display: block; overflow: hidden;';
+
+                if (calcPaddingTop) {
+                    KTUtil.animate(0, calcPaddingTop, speed, function(value) {
+                        el.style.paddingTop = (calcPaddingTop - value) + 'px';
+                    }, 'linear');
+                }
+
+                if (calcPaddingBottom) {
+                    KTUtil.animate(0, calcPaddingBottom, speed, function(value) {
+                        el.style.paddingBottom = (calcPaddingBottom - value) + 'px';
+                    }, 'linear');
+                }
+
+                KTUtil.animate(0, calcHeight, speed, function(value) {
+                    el.style.height = (calcHeight - value) + 'px';
+                }, 'linear', function() {
+                    el.style.height = '';
+                    el.style.display = 'none';
+
+                    if (typeof callback === 'function') {
+                        callback();
+                    }
+                });
+
+
+            } else if (dir == 'down') { // down
+                el.style.cssText = 'display: block; overflow: hidden;';
+
+                if (calcPaddingTop) {
+                    KTUtil.animate(0, calcPaddingTop, speed, function(value) {//
+                        el.style.paddingTop = value + 'px';
+                    }, 'linear', function() {
+                        el.style.paddingTop = '';
+                    });
+                }
+
+                if (calcPaddingBottom) {
+                    KTUtil.animate(0, calcPaddingBottom, speed, function(value) {
+                        el.style.paddingBottom = value + 'px';
+                    }, 'linear', function() {
+                        el.style.paddingBottom = '';
+                    });
+                }
+
+                KTUtil.animate(0, calcHeight, speed, function(value) {
+                    el.style.height = value + 'px';
+                }, 'linear', function() {
+                    el.style.height = '';
+                    el.style.display = '';
+                    el.style.overflow = '';
+
+                    if (typeof callback === 'function') {
+                        callback();
+                    }
+                });
+            }
+        },
+
+        slideUp: function(el, speed, callback) {
+            KTUtil.slide(el, 'up', speed, callback);
+        },
+
+        slideDown: function(el, speed, callback) {
+            KTUtil.slide(el, 'down', speed, callback);
+        },
+
+        show: function(el, display) {
+            if (typeof el !== 'undefined') {
+                el.style.display = (display ? display : 'block');
+            }
+        },
+
+        hide: function(el) {
+            if (typeof el !== 'undefined') {
+                el.style.display = 'none';
+            }
+        },
+
+        addEvent: function(el, type, handler, one) {
+            if (typeof el !== 'undefined' && el !== null) {
+                el.addEventListener(type, handler);
+            }
+        },
+
+        removeEvent: function(el, type, handler) {
+            if (el !== null) {
+                el.removeEventListener(type, handler);
+            }
+        },
+
+        on: function(element, selector, event, handler) {
+            if ( element === null ) {
+                return;
+            }
+
+            var eventId = KTUtil.getUniqueId('event');
+
+            window.KTUtilDelegatedEventHandlers[eventId] = function(e) {
+                var targets = element.querySelectorAll(selector);
+                var target = e.target;
+
+                while ( target && target !== element ) {
+                    for ( var i = 0, j = targets.length; i < j; i++ ) {
+                        if ( target === targets[i] ) {
+                            handler.call(target, e);
+                        }
+                    }
+
+                    target = target.parentNode;
+                }
+            }
+
+            KTUtil.addEvent(element, event, window.KTUtilDelegatedEventHandlers[eventId]);
+
+            return eventId;
+        },
+
+        off: function(element, event, eventId) {
+            if (!element || !window.KTUtilDelegatedEventHandlers[eventId]) {
+                return;
+            }
+
+            KTUtil.removeEvent(element, event, window.KTUtilDelegatedEventHandlers[eventId]);
+
+            delete window.KTUtilDelegatedEventHandlers[eventId];
+        },
+
+        one: function onetime(el, type, callback) {
+            el.addEventListener(type, function callee(e) {
+                // remove event
+                if (e.target && e.target.removeEventListener) {
+                    e.target.removeEventListener(e.type, callee);
+                }
+
+                // need to verify from https://themeforest.net/author_dashboard#comment_23615588
+                if (el && el.removeEventListener) {
+				    e.currentTarget.removeEventListener(e.type, callee);
+			    }
+
+                // call handler
+                return callback(e);
+            });
+        },
+
+        hash: function(str) {
+            var hash = 0,
+                i, chr;
+
+            if (str.length === 0) return hash;
+            for (i = 0; i < str.length; i++) {
+                chr = str.charCodeAt(i);
+                hash = ((hash << 5) - hash) + chr;
+                hash |= 0; // Convert to 32bit integer
+            }
+
+            return hash;
+        },
+
+        animateClass: function(el, animationName, callback) {
+            var animation;
+            var animations = {
+                animation: 'animationend',
+                OAnimation: 'oAnimationEnd',
+                MozAnimation: 'mozAnimationEnd',
+                WebkitAnimation: 'webkitAnimationEnd',
+                msAnimation: 'msAnimationEnd',
+            };
+
+            for (var t in animations) {
+                if (el.style[t] !== undefined) {
+                    animation = animations[t];
+                }
+            }
+            
+            KTUtil.addClass(el, animationName);
+
+            KTUtil.one(el, animation, function() {
+                KTUtil.removeClass(el, animationName);
+            });
+
+            if (callback) {
+                KTUtil.one(el, animation, callback);
+            }
+        },
+
+        transitionEnd: function(el, callback) {
+            var transition;
+            var transitions = {
+                transition: 'transitionend',
+                OTransition: 'oTransitionEnd',
+                MozTransition: 'mozTransitionEnd',
+                WebkitTransition: 'webkitTransitionEnd',
+                msTransition: 'msTransitionEnd'
+            };
+
+            for (var t in transitions) {
+                if (el.style[t] !== undefined) {
+                    transition = transitions[t];
+                }
+            }
+
+            KTUtil.one(el, transition, callback);
+        },
+
+        animationEnd: function(el, callback) {
+            var animation;
+            var animations = {
+                animation: 'animationend',
+                OAnimation: 'oAnimationEnd',
+                MozAnimation: 'mozAnimationEnd',
+                WebkitAnimation: 'webkitAnimationEnd',
+                msAnimation: 'msAnimationEnd'
+            };
+
+            for (var t in animations) {
+                if (el.style[t] !== undefined) {
+                    animation = animations[t];
+                }
+            }
+
+            KTUtil.one(el, animation, callback);
+        },
+
+        animateDelay: function(el, value) {
+            var vendors = ['webkit-', 'moz-', 'ms-', 'o-', ''];
+            for (var i = 0; i < vendors.length; i++) {
+                KTUtil.css(el, vendors[i] + 'animation-delay', value);
+            }
+        },
+
+        animateDuration: function(el, value) {
+            var vendors = ['webkit-', 'moz-', 'ms-', 'o-', ''];
+            for (var i = 0; i < vendors.length; i++) {
+                KTUtil.css(el, vendors[i] + 'animation-duration', value);
+            }
+        },
+
+        scrollTo: function(target, offset, duration) {
+            var duration = duration ? duration : 500;
+            var targetPos = target ? KTUtil.offset(target).top : 0;
+            var scrollPos = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+            var from, to;
+
+            if (offset) {
+                targetPos = targetPos - offset;
+            }
+
+            from = scrollPos;
+            to = targetPos;
+
+            KTUtil.animate(from, to, duration, function(value) {
+                document.documentElement.scrollTop = value;
+                document.body.parentNode.scrollTop = value;
+                document.body.scrollTop = value;
+            }); //, easing, done
+        },
+
+        scrollTop: function(offset, duration) {
+            KTUtil.scrollTo(null, offset, duration);
+        },
+
+        isArray: function(obj) {
+            return obj && Array.isArray(obj);
+        },
+
+        isEmpty: function(obj) {
+            for (var prop in obj) {
+                if (obj.hasOwnProperty(prop)) {
+                    return false;
+                }
+            }
+
+            return true;
+        },
+
+        numberString: function(nStr) {
+            nStr += '';
+            var x = nStr.split('.');
+            var x1 = x[0];
+            var x2 = x.length > 1 ? '.' + x[1] : '';
+            var rgx = /(\d+)(\d{3})/;
+            while (rgx.test(x1)) {
+                x1 = x1.replace(rgx, '$1' + ',' + '$2');
+            }
+            return x1 + x2;
+        },
+
+        isRTL: function() {
+            return (document.querySelector('html').getAttribute("direction") === 'rtl');
+        },
+
+        snakeToCamel: function(s){
+            return s.replace(/(\-\w)/g, function(m){return m[1].toUpperCase();});
+        },
+
+        filterBoolean: function(val) {
+            // Convert string boolean
+			if (val === true || val === 'true') {
+				return true;
+			}
+
+			if (val === false || val === 'false') {
+				return false;
+			}
+
+            return val;
+        },
+
+        setHTML: function(el, html) {
+            el.innerHTML = html;
+        },
+
+        getHTML: function(el) {
+            if (el) {
+                return el.innerHTML;
+            }
+        },
+
+        getDocumentHeight: function() {
+            var body = document.body;
+            var html = document.documentElement;
+
+            return Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight );
+        },
+
+        getScrollTop: function() {
+            return  (document.scrollingElement || document.documentElement).scrollTop;
+        },
+
+        colorLighten: function(color, amount) {
+            const addLight = function(color, amount){
+                let cc = parseInt(color,16) + amount;
+                let c = (cc > 255) ? 255 : (cc);
+                c = (c.toString(16).length > 1 ) ? c.toString(16) : `0${c.toString(16)}`;
+                return c;
+            }
+
+            color = (color.indexOf("#")>=0) ? color.substring(1,color.length) : color;
+            amount = parseInt((255*amount)/100);
+            
+            return color = `#${addLight(color.substring(0,2), amount)}${addLight(color.substring(2,4), amount)}${addLight(color.substring(4,6), amount)}`;
+        },
+
+        colorDarken: function(color, amount) {
+            const subtractLight = function(color, amount){
+                let cc = parseInt(color,16) - amount;
+                let c = (cc < 0) ? 0 : (cc);
+                c = (c.toString(16).length > 1 ) ? c.toString(16) : `0${c.toString(16)}`;
+
+                return c;
+            }
+              
+            color = (color.indexOf("#")>=0) ? color.substring(1,color.length) : color;
+            amount = parseInt((255*amount)/100);
+
+            return color = `#${subtractLight(color.substring(0,2), amount)}${subtractLight(color.substring(2,4), amount)}${subtractLight(color.substring(4,6), amount)}`;
+        },
+
+        // Throttle function: Input as function which needs to be throttled and delay is the time interval in milliseconds
+        throttle:  function (timer, func, delay) {
+        	// If setTimeout is already scheduled, no need to do anything
+        	if (timer) {
+        		return;
+        	}
+
+        	// Schedule a setTimeout after delay seconds
+        	timer  =  setTimeout(function () {
+        		func();
+
+        		// Once setTimeout function execution is finished, timerId = undefined so that in <br>
+        		// the next scroll event function execution can be scheduled by the setTimeout
+        		timer  =  undefined;
+        	}, delay);
+        },
+
+        // Debounce function: Input as function which needs to be debounced and delay is the debounced time in milliseconds
+        debounce: function (timer, func, delay) {
+        	// Cancels the setTimeout method execution
+        	clearTimeout(timer)
+
+        	// Executes the func after delay time.
+        	timer  =  setTimeout(func, delay);
+        },
+
+        parseJson: function(value) {
+            if (typeof value === 'string') {
+                value = value.replace(/'/g, "\"");
+
+                var jsonStr = value.replace(/(\w+:)|(\w+ :)/g, function(matched) {
+                    return '"' + matched.substring(0, matched.length - 1) + '":';
+                });
+
+                try {
+                    value = JSON.parse(jsonStr);
+                } catch(e) { }
+            }
+
+            return value;
+        },
+
+        getResponsiveValue: function(value, defaultValue) {
+            var width = this.getViewPort().width;
+            var result;
+
+            value = KTUtil.parseJson(value);
+
+            if (typeof value === 'object') {
+                var resultKey;
+                var resultBreakpoint = -1;
+                var breakpoint;
+
+                for (var key in value) {
+                    if (key === 'default') {
+                        breakpoint = 0;
+                    } else {
+                        breakpoint = this.getBreakpoint(key) ? this.getBreakpoint(key) : parseInt(key);
+                    }
+
+                    if (breakpoint <= width && breakpoint > resultBreakpoint) {
+                        resultKey = key;
+                        resultBreakpoint = breakpoint;
+                    }
+                }
+
+                if (resultKey) {
+                    result = value[resultKey];
+                } else {
+                    result = value;
+                }
+            } else {
+                result = value;
+            }
+
+            return result;
+        },
+
+        each: function(array, callback) {
+            return [].slice.call(array).map(callback);
+        },
+
+        getSelectorMatchValue: function(value) {
+            var result = null;
+            value = KTUtil.parseJson(value);
+
+            if ( typeof value === 'object' ) {
+                // Match condition
+                if ( value['match'] !== undefined ) {
+                    var selector = Object.keys(value['match'])[0];
+                    value = Object.values(value['match'])[0];
+
+                    if ( document.querySelector(selector) !== null ) {
+                        result = value;
+                    }
+                }
+            } else {
+                result = value;
+            }
+
+            return result;
+        },
+
+        getConditionalValue: function(value) {
+            var value = KTUtil.parseJson(value);
+            var result = KTUtil.getResponsiveValue(value);
+
+            if ( result !== null && result['match'] !== undefined ) {
+                result = KTUtil.getSelectorMatchValue(result);
+            }
+
+            if ( result === null && value !== null && value['default'] !== undefined ) {
+                result = value['default'];
+            }
+
+            return result;
+        },
+
+        getCssVariableValue: function(variableName) {
+            var hex = getComputedStyle(document.documentElement).getPropertyValue(variableName);
+            if ( hex && hex.length > 0 ) {
+                hex = hex.trim();
+            }
+
+            return hex;
+        },
+
+        isInViewport: function(element) {        
+            var rect = element.getBoundingClientRect();
+
+            return (
+                rect.top >= 0 &&
+                rect.left >= 0 &&
+                rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+                rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+            );
+        },
+
+        onDOMContentLoaded: function(callback) {
+            if (document.readyState === 'loading') {
+                document.addEventListener('DOMContentLoaded', callback);
+            } else {
+                callback();
+            }
+        },
+
+        inIframe: function() {
+            try {
+                return window.self !== window.top;
+            } catch (e) {
+                return true;
+            }
+        },
+
+        isHexColor(code) {
+            return /^#[0-9A-F]{6}$/i.test(code);
+        }
+    }
+}();
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTUtil;
+}
+"use strict";
+
+// Class definition
+var KTApp = function () {
+    var select2FocusFixInitialized = false;
+    var countUpInitialized = false;
+
+    var createBootstrapTooltip = function (el, options) {
+        if (el.getAttribute("data-kt-initialized") === "1") {
+            return;
+        }
+
+        var delay = {};
+
+        // Handle delay options
+        if (el.hasAttribute('data-bs-delay-hide')) {
+            delay['hide'] = el.getAttribute('data-bs-delay-hide');
+        }
+
+        if (el.hasAttribute('data-bs-delay-show')) {
+            delay['show'] = el.getAttribute('data-bs-delay-show');
+        }
+
+        if (delay) {
+            options['delay'] = delay;
+        }
+
+        // Check dismiss options
+        if (el.hasAttribute('data-bs-dismiss') && el.getAttribute('data-bs-dismiss') == 'click') {
+            options['dismiss'] = 'click';
+        }
+
+        // Initialize popover
+        var tp = new bootstrap.Tooltip(el, options);        
+
+        // Handle dismiss
+        if (options['dismiss'] && options['dismiss'] === 'click') {
+            // Hide popover on element click
+            el.addEventListener("click", function (e) {
+                tp.hide();
+            });
+        }
+
+        el.setAttribute("data-kt-initialized", "1");
+
+        return tp;
+    }
+
+    var createBootstrapTooltips = function () {
+        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+
+        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+            createBootstrapTooltip(tooltipTriggerEl, {});
+        });
+    }
+
+    var createBootstrapPopover = function (el, options) {
+        if (el.getAttribute("data-kt-initialized") === "1") {
+            return;
+        }
+
+        var delay = {};
+
+        // Handle delay options
+        if (el.hasAttribute('data-bs-delay-hide')) {
+            delay['hide'] = el.getAttribute('data-bs-delay-hide');
+        }
+
+        if (el.hasAttribute('data-bs-delay-show')) {
+            delay['show'] = el.getAttribute('data-bs-delay-show');
+        }
+
+        if (delay) {
+            options['delay'] = delay;
+        }
+
+        // Handle dismiss option
+        if (el.getAttribute('data-bs-dismiss') == 'true') {
+            options['dismiss'] = true;
+        }
+
+        if (options['dismiss'] === true) {
+            options['template'] = '<div class="popover" role="tooltip"><div class="popover-arrow"></div><span class="popover-dismiss btn btn-icon"></span><h3 class="popover-header"></h3><div class="popover-body"></div></div>'
+        }
+
+        // Initialize popover
+        var popover = new bootstrap.Popover(el, options);
+
+        // Handle dismiss click
+        if (options['dismiss'] === true) {
+            var dismissHandler = function (e) {
+                popover.hide();
+            }
+
+            el.addEventListener('shown.bs.popover', function () {
+                var dismissEl = document.getElementById(el.getAttribute('aria-describedby'));
+                dismissEl.addEventListener('click', dismissHandler);
+            });
+
+            el.addEventListener('hide.bs.popover', function () {
+                var dismissEl = document.getElementById(el.getAttribute('aria-describedby'));
+                dismissEl.removeEventListener('click', dismissHandler);
+            });
+        }
+
+        el.setAttribute("data-kt-initialized", "1");
+
+        return popover;
+    }
+
+    var createBootstrapPopovers = function () {
+        var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
+
+        var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
+            createBootstrapPopover(popoverTriggerEl, {});
+        });
+    }
+
+    var createBootstrapToasts = function () {
+        var toastElList = [].slice.call(document.querySelectorAll('.toast'));
+        var toastList = toastElList.map(function (toastEl) {
+            if (toastEl.getAttribute("data-kt-initialized") === "1") {
+                return;
+            }
+
+            toastEl.setAttribute("data-kt-initialized", "1");
+
+            return new bootstrap.Toast(toastEl, {})
+        });
+    }
+
+    var createButtons = function () {
+        var buttonsGroup = [].slice.call(document.querySelectorAll('[data-kt-buttons="true"]'));
+
+        buttonsGroup.map(function (group) {
+            if (group.getAttribute("data-kt-initialized") === "1") {
+                return;
+            }
+
+            var selector = group.hasAttribute('data-kt-buttons-target') ? group.getAttribute('data-kt-buttons-target') : '.btn';
+            var activeButtons = [].slice.call(group.querySelectorAll(selector));
+
+            // Toggle Handler
+            KTUtil.on(group, selector, 'click', function (e) {
+                activeButtons.map(function (button) {
+                    button.classList.remove('active');
+                });
+
+                this.classList.add('active');
+            });       
+
+            group.setAttribute("data-kt-initialized", "1");
+        });
+    }
+
+    var createDateRangePickers = function() {
+        // Check if jQuery included
+        if (typeof jQuery == 'undefined') {
+            return;
+        }
+
+        // Check if daterangepicker included
+        if (typeof $.fn.daterangepicker === 'undefined') {
+            return;
+        }
+
+        var elements = [].slice.call(document.querySelectorAll('[data-kt-daterangepicker="true"]'));
+        var start = moment().subtract(29, 'days');
+        var end = moment();
+        
+        elements.map(function (element) {
+            if (element.getAttribute("data-kt-initialized") === "1") {
+                return;
+            }
+
+            var display = element.querySelector('div');
+            var attrOpens  = element.hasAttribute('data-kt-daterangepicker-opens') ? element.getAttribute('data-kt-daterangepicker-opens') : 'left';
+            var range = element.getAttribute('data-kt-daterangepicker-range');
+
+            var cb = function(start, end) {
+                var current = moment();
+
+                if (display) {
+                    if ( current.isSame(start, "day") && current.isSame(end, "day") ) {
+                        display.innerHTML = start.format('D MMM YYYY');
+                    } else {
+                        display.innerHTML = start.format('D MMM YYYY') + ' - ' + end.format('D MMM YYYY');
+                    }                    
+                }
+            }
+
+            if ( range === "today" ) {
+                start = moment();
+                end = moment();
+            }
+
+            $(element).daterangepicker({
+                startDate: start,
+                endDate: end,
+                opens: attrOpens,
+                ranges: {
+                'Today': [moment(), moment()],
+                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                'This Month': [moment().startOf('month'), moment().endOf('month')],
+                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+                }
+            }, cb);
+
+            cb(start, end);
+
+            element.setAttribute("data-kt-initialized", "1");
+        });
+    }
+
+    var createSelect2 = function () {
+        // Check if jQuery included
+        if (typeof jQuery == 'undefined') {
+            return;
+        }
+
+        // Check if select2 included
+        if (typeof $.fn.select2 === 'undefined') {
+            return;
+        }
+
+        var elements = [].slice.call(document.querySelectorAll('[data-control="select2"], [data-kt-select2="true"]'));
+
+        elements.map(function (element) {
+            if (element.getAttribute("data-kt-initialized") === "1") {
+                return;
+            }
+
+            var options = {
+                dir: document.body.getAttribute('direction')
+            };
+
+            if (element.getAttribute('data-hide-search') == 'true') {
+                options.minimumResultsForSearch = Infinity;
+            }
+
+            $(element).select2(options);
+
+            element.setAttribute("data-kt-initialized", "1");
+        });
+
+        /*
+        * Hacky fix for a bug in select2 with jQuery 3.6.0's new nested-focus "protection"
+        * see: https://github.com/select2/select2/issues/5993
+        * see: https://github.com/jquery/jquery/issues/4382
+        *
+        * TODO: Recheck with the select2 GH issue and remove once this is fixed on their side
+        */
+
+        if (select2FocusFixInitialized === false) {
+            select2FocusFixInitialized = true;
+            
+            $(document).on('select2:open', function(e) {
+                var elements = document.querySelectorAll('.select2-container--open .select2-search__field');
+                if (elements.length > 0) {
+                    elements[elements.length - 1].focus();
+                }                
+            });
+        }        
+    }
+
+    var createAutosize = function () {
+        var inputs = [].slice.call(document.querySelectorAll('[data-kt-autosize="true"]'));
+
+        inputs.map(function (input) {
+            if (input.getAttribute("data-kt-initialized") === "1") {
+                return;
+            }
+
+            autosize(input);
+
+            input.setAttribute("data-kt-initialized", "1");
+        });
+    }
+
+    var createCountUp = function () {
+        var elements = [].slice.call(document.querySelectorAll('[data-kt-countup="true"]:not(.counted)'));
+
+        elements.map(function (element) {
+            if (KTUtil.isInViewport(element) && KTUtil.visible(element)) {
+                if (element.getAttribute("data-kt-initialized") === "1") {
+                    return;
+                }
+
+                var options = {};
+
+                var value = element.getAttribute('data-kt-countup-value');
+                value = parseFloat(value.replace(/,/g, ""));
+
+                if (element.hasAttribute('data-kt-countup-start-val')) {
+                    options.startVal = parseFloat(element.getAttribute('data-kt-countup-start-val'));
+                }
+
+                if (element.hasAttribute('data-kt-countup-duration')) {
+                    options.duration = parseInt(element.getAttribute('data-kt-countup-duration'));
+                }
+
+                if (element.hasAttribute('data-kt-countup-decimal-places')) {
+                    options.decimalPlaces = parseInt(element.getAttribute('data-kt-countup-decimal-places'));
+                }
+
+                if (element.hasAttribute('data-kt-countup-prefix')) {
+                    options.prefix = element.getAttribute('data-kt-countup-prefix');
+                }
+
+                if (element.hasAttribute('data-kt-countup-separator')) {
+                    options.separator = element.getAttribute('data-kt-countup-separator');
+                }
+
+                if (element.hasAttribute('data-kt-countup-suffix')) {
+                    options.suffix = element.getAttribute('data-kt-countup-suffix');
+                }
+
+                var count = new countUp.CountUp(element, value, options);
+
+                count.start();
+
+                element.classList.add('counted');
+
+                element.setAttribute("data-kt-initialized", "1");
+            }
+        });
+    }
+
+    var createCountUpTabs = function () {
+        if (countUpInitialized === false) {
+            // Initial call
+            createCountUp();
+
+            // Window scroll event handler
+            window.addEventListener('scroll', createCountUp);
+        }      
+
+        // Tabs shown event handler
+        var tabs = [].slice.call(document.querySelectorAll('[data-kt-countup-tabs="true"][data-bs-toggle="tab"]'));
+        tabs.map(function (tab) {
+            if (tab.getAttribute("data-kt-initialized") === "1") {
+                return;
+            }
+
+            tab.addEventListener('shown.bs.tab', createCountUp);
+
+            tab.setAttribute("data-kt-initialized", "1");
+        });
+
+        countUpInitialized = true;
+    }
+
+    var createTinySliders = function () {
+        // Init Slider
+        var initSlider = function (el) {
+            if (!el) {
+                return;
+            }
+
+            const tnsOptions = {};
+
+            // Convert string boolean
+            const checkBool = function (val) {
+                if (val === 'true') {
+                    return true;
+                }
+                if (val === 'false') {
+                    return false;
+                }
+                return val;
+            };
+
+            // get extra options via data attributes
+            el.getAttributeNames().forEach(function (attrName) {
+                // more options; https://github.com/ganlanyuan/tiny-slider#options
+                if ((/^data-tns-.*/g).test(attrName)) {
+                    let optionName = attrName.replace('data-tns-', '').toLowerCase().replace(/(?:[\s-])\w/g, function (match) {
+                        return match.replace('-', '').toUpperCase();
+                    });
+
+                    if (attrName === 'data-tns-responsive') {
+                        // fix string with a valid json
+                        const jsonStr = el.getAttribute(attrName).replace(/(\w+:)|(\w+ :)/g, function (matched) {
+                            return '"' + matched.substring(0, matched.length - 1) + '":';
+                        });
+                        try {
+                            // convert json string to object
+                            tnsOptions[optionName] = JSON.parse(jsonStr);
+                        }
+                        catch (e) {
+                        }
+                    }
+                    else {
+                        tnsOptions[optionName] = checkBool(el.getAttribute(attrName));
+                    }
+                }
+            });
+
+            const opt = Object.assign({}, {
+                container: el,
+                slideBy: 'page',
+                autoplay: true,
+                autoplayButtonOutput: false,
+            }, tnsOptions);
+
+            if (el.closest('.tns')) {
+                KTUtil.addClass(el.closest('.tns'), 'tns-initiazlied');
+            }
+
+            return tns(opt);
+        }
+
+        // Sliders
+        const elements = Array.prototype.slice.call(document.querySelectorAll('[data-tns="true"]'), 0);
+
+        if (!elements && elements.length === 0) {
+            return;
+        }
+
+        elements.forEach(function (el) {
+            if (el.getAttribute("data-kt-initialized") === "1") {
+                return;
+            }
+
+            initSlider(el);
+
+            el.setAttribute("data-kt-initialized", "1");
+        });
+    }
+
+    var initSmoothScroll = function () {
+        if (SmoothScroll) {
+            new SmoothScroll('a[data-kt-scroll-toggle][href*="#"]', {
+                speed: 1000,
+                speedAsDuration: true,
+                offset: function (anchor, toggle) {
+                    // Integer or Function returning an integer. How far to offset the scrolling anchor location in pixels
+                    // This example is a function, but you could do something as simple as `offset: 25`
+
+                    // An example returning different values based on whether the clicked link was in the header nav or not
+                    if (anchor.hasAttribute('data-kt-scroll-offset')) {
+                        var val = KTUtil.getResponsiveValue(anchor.getAttribute('data-kt-scroll-offset'));
+                        
+                        return val;
+                    } else {
+                        return 0;
+                    }
+                }
+            });
+        }
+    }
+
+    var initCheck = function () {
+        // Toggle Handler
+        KTUtil.on(document.body, '[data-kt-check="true"]', 'change', function (e) {
+            var check = this;
+            var targets = document.querySelectorAll(check.getAttribute('data-kt-check-target'));
+
+            KTUtil.each(targets, function (target) {
+                if (target.type == 'checkbox') {
+                    target.checked = check.checked;
+                } else {
+                    target.classList.toggle('active');
+                }
+            });
+        });
+    }
+
+    var initBootstrapCollapse = function() {
+        KTUtil.on(document.body,  '.collapsible[data-bs-toggle="collapse"]', 'click', function(e) {
+            if (this.classList.contains('collapsed')) {
+                this.classList.remove('active');
+                this.blur();
+            } else {
+                this.classList.add('active');
+            }
+
+            if (this.hasAttribute('data-kt-toggle-text')) {
+                var text = this.getAttribute('data-kt-toggle-text');
+                var target = this.querySelector('[data-kt-toggle-text-target="true"]');
+                var target = target ? target : this;
+
+                this.setAttribute('data-kt-toggle-text', target.innerText);
+                target.innerText = text;
+            }
+        });
+    }
+
+    var initBootstrapRotate = function() {
+        KTUtil.on(document.body,  '[data-kt-rotate="true"]', 'click', function(e) {
+            if (this.classList.contains('active')) {
+                this.classList.remove('active');
+                this.blur();
+            } else {
+                this.classList.add('active');
+            }
+        });
+    }
+
+    var initPageLoader = function () {
+        // CSS3 Transitions only after page load(.page-loading or .app-page-loading class added to body tag and remove with JS on page load)
+        setTimeout(function ()
+        {
+            KTUtil.removeClass(document.body, 'page-loading');
+            document.body.removeAttribute('data-kt-app-page-loading');
+        }, 1000 * 3);
+    }
+
+    return {
+        init: function () {
+            initSmoothScroll();
+
+            initCheck();
+
+            initBootstrapCollapse();
+
+            initBootstrapRotate();
+        },
+
+        initPageLoader: function () {
+            initPageLoader();
+        },
+
+        createInstances: function () {
+            createBootstrapTooltips();
+
+            createBootstrapPopovers();
+
+            createBootstrapToasts();
+
+            createDateRangePickers();
+
+            createButtons();
+
+            createSelect2();
+
+            createCountUp();
+
+            createCountUpTabs();
+
+            createAutosize();
+
+            createTinySliders();
+        }
+    };
+}();
+
+// Initialize app on document ready
+KTUtil.onDOMContentLoaded(function () {
+    KTApp.init();
+    KTApp.createInstances();
+});
+
+// Initialize page loader on window load
+window.addEventListener("load", function() {
+    KTApp.initPageLoader();
+});
+
+// Declare KTApp for Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTApp;
+}
+"use strict";
+
+// Class definition
+var KTAppLayoutBuilder = function() {
+	var form;
+	var actionInput;
+	var url;
+	var previewButton;
+	var exportButton;
+	var resetButton;
+
+	var handlePreview = function() {
+		previewButton.addEventListener("click", function(e) {
+			e.preventDefault();
+
+			// Set form action value
+			actionInput.value = "preview";
+
+			// Show progress
+			previewButton.setAttribute("data-kt-indicator", "on");
+
+			// Prepare form data
+			var data = $(form).serialize();
+
+			// Submit
+			$.ajax({
+				type: "POST",
+				dataType: "html",
+				url: url,
+				data: data,
+				success: function(response, status, xhr) {
+					if (history.scrollRestoration) {
+						history.scrollRestoration = 'manual';
+					}					
+					location.reload();					
+					return;
+
+					toastr.success(
+						"Preview has been updated with current configured layout.", 
+						"Preview updated!", 
+						{timeOut: 0, extendedTimeOut: 0, closeButton: true, closeDuration: 0}
+					);
+
+					setTimeout(function() {
+						location.reload(); // reload page
+					}, 1500);
+				},
+				error: function(response) {
+					toastr.error(
+						"Please try it again later.", 
+						"Something went wrong!", 
+						{timeOut: 0, extendedTimeOut: 0, closeButton: true, closeDuration: 0}
+					);
+				},
+				complete: function() {
+					previewButton.removeAttribute("data-kt-indicator");
+				}
+			});
+		});
+	};
+
+	var handleExport = function() {
+		exportButton.addEventListener("click", function(e) {
+			e.preventDefault();
+
+			toastr.success(
+				"Process has been started and it may take a while.", 
+				"Generating HTML!", 
+				{timeOut: 0, extendedTimeOut: 0, closeButton: true, closeDuration: 0}
+			);
+
+			// Show progress
+			exportButton.setAttribute("data-kt-indicator", "on");
+
+			// Set form action value
+			actionInput.value = "export";
+			
+			// Prepare form data
+			var data = $(form).serialize();
+
+			$.ajax({
+				type: "POST",
+				dataType: "html",
+				url: url,
+				data: data,
+				success: function(response, status, xhr) {
+					var timer = setInterval(function() {
+						$("<iframe/>").attr({
+							src: url + "?layout-builder[action]=export&download=1&output=" + response,
+							style: "visibility:hidden;display:none",
+						}).ready(function() {
+							// Stop the timer
+							clearInterval(timer);
+
+							exportButton.removeAttribute("data-kt-indicator");
+						}).appendTo("body");
+					}, 3000);
+				},
+				error: function(response) {
+					toastr.error(
+						"Please try it again later.", 
+						"Something went wrong!", 
+						{timeOut: 0, extendedTimeOut: 0, closeButton: true, closeDuration: 0}
+					);
+
+					exportButton.removeAttribute("data-kt-indicator");
+				},
+			});
+		});
+	};
+
+	var handleReset = function() {
+		resetButton.addEventListener("click", function(e) {
+			e.preventDefault();
+
+			// Show progress
+			resetButton.setAttribute("data-kt-indicator", "on");
+
+			// Set form action value
+			actionInput.value = "reset";
+			
+			// Prepare form data
+			var data = $(form).serialize();
+
+			$.ajax({
+				type: "POST",
+				dataType: "html",
+				url: url,
+				data: data,
+				success: function(response, status, xhr) {
+					if (history.scrollRestoration) {
+						history.scrollRestoration = 'manual';
+					}
+					
+					location.reload();					
+					return;
+					
+					toastr.success(
+						"Preview has been successfully reset and the page will be reloaded.", 
+						"Reset Preview!", 
+						{timeOut: 0, extendedTimeOut: 0, closeButton: true, closeDuration: 0}
+					);
+
+					setTimeout(function() {
+						location.reload(); // reload page
+					}, 1500);
+				},
+				error: function(response) {
+					toastr.error(
+						"Please try it again later.", 
+						"Something went wrong!", 
+						{timeOut: 0, extendedTimeOut: 0, closeButton: true, closeDuration: 0}
+					);
+				},
+				complete: function() {
+					resetButton.removeAttribute("data-kt-indicator");
+				},
+			});
+		});
+	};
+
+	var handleThemeMode = function() {
+		var checkLight = document.querySelector('#kt_layout_builder_theme_mode_light');
+		var checkDark = document.querySelector('#kt_layout_builder_theme_mode_dark');
+		var check = document.querySelector('#kt_layout_builder_theme_mode_' + KTThemeMode.getMode());
+
+		if (checkLight) {
+			checkLight.addEventListener("click", function() {
+				this.checked = true;
+				this.closest('[data-kt-buttons="true"]').querySelector('.form-check-image.active').classList.remove('active');
+				this.closest('.form-check-image').classList.add('active');
+				KTThemeMode.setMode('light');
+			});
+		}
+		
+		if (checkDark) {
+			checkDark.addEventListener("click", function() {
+				this.checked = true;
+				this.closest('[data-kt-buttons="true"]').querySelector('.form-check-image.active').classList.remove('active');
+				this.closest('.form-check-image').classList.add('active');
+				KTThemeMode.setMode('dark');
+			});
+		}
+
+		if ( check ) {
+			check.closest('.form-check-image').classList.add('active');
+			check.checked = true;
+		}
+	}
+
+	return {
+		// Public functions
+		init: function() {
+            form = document.querySelector("#kt_app_layout_builder_form");
+
+            if ( !form ) {
+                return;
+            }
+
+            url = form.getAttribute("action");
+            actionInput = document.querySelector("#kt_app_layout_builder_action");            
+            previewButton = document.querySelector("#kt_app_layout_builder_preview");
+            exportButton = document.querySelector("#kt_app_layout_builder_export");
+            resetButton = document.querySelector("#kt_app_layout_builder_reset");
+    
+			if ( previewButton ) {
+				handlePreview();
+			}
+
+			if ( exportButton ) {
+				handleExport();
+			}
+
+			if ( resetButton ) {
+				handleReset();
+			}
+
+			handleThemeMode();
+		}
+	};
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function() {
+    KTAppLayoutBuilder.init();
+});
+"use strict";
+
+// Class definition
+var KTLayoutSearch = function() {
+    // Private variables
+    var element;
+    var formElement;
+    var mainElement;
+    var resultsElement;
+    var wrapperElement;
+    var emptyElement;
+
+    var preferencesElement;
+    var preferencesShowElement;
+    var preferencesDismissElement;
+    
+    var advancedOptionsFormElement;
+    var advancedOptionsFormShowElement;
+    var advancedOptionsFormCancelElement;
+    var advancedOptionsFormSearchElement;
+    
+    var searchObject;
+
+    // Private functions
+    var processs = function(search) {
+        var timeout = setTimeout(function() {
+            var number = KTUtil.getRandomInt(1, 3);
+
+            // Hide recently viewed
+            mainElement.classList.add('d-none');
+
+            if (number === 3) {
+                // Hide results
+                resultsElement.classList.add('d-none');
+                // Show empty message 
+                emptyElement.classList.remove('d-none');
+            } else {
+                // Show results
+                resultsElement.classList.remove('d-none');
+                // Hide empty message 
+                emptyElement.classList.add('d-none');
+            }                  
+
+            // Complete search
+            search.complete();
+        }, 1500);
+    }
+
+    var clear = function(search) {
+        // Show recently viewed
+        mainElement.classList.remove('d-none');
+        // Hide results
+        resultsElement.classList.add('d-none');
+        // Hide empty message 
+        emptyElement.classList.add('d-none');
+    }    
+
+    var handlePreferences = function() {
+        // Preference show handler
+        preferencesShowElement.addEventListener('click', function() {
+            wrapperElement.classList.add('d-none');
+            preferencesElement.classList.remove('d-none');
+        });
+
+        // Preference dismiss handler
+        preferencesDismissElement.addEventListener('click', function() {
+            wrapperElement.classList.remove('d-none');
+            preferencesElement.classList.add('d-none');
+        });
+    }
+
+    var handleAdvancedOptionsForm = function() {
+        // Show
+        advancedOptionsFormShowElement.addEventListener('click', function() {
+            wrapperElement.classList.add('d-none');
+            advancedOptionsFormElement.classList.remove('d-none');
+        });
+
+        // Cancel
+        advancedOptionsFormCancelElement.addEventListener('click', function() {
+            wrapperElement.classList.remove('d-none');
+            advancedOptionsFormElement.classList.add('d-none');
+        });
+
+        // Search
+        advancedOptionsFormSearchElement.addEventListener('click', function() {
+            
+        });
+    }
+
+    // Public methods
+	return {
+		init: function() {
+            // Elements
+            element = document.querySelector('#kt_header_search');
+
+            if (!element) {
+                return;
+            }
+
+            wrapperElement = element.querySelector('[data-kt-search-element="wrapper"]');
+            formElement = element.querySelector('[data-kt-search-element="form"]');
+            mainElement = element.querySelector('[data-kt-search-element="main"]');
+            resultsElement = element.querySelector('[data-kt-search-element="results"]');
+            emptyElement = element.querySelector('[data-kt-search-element="empty"]');
+
+            preferencesElement = element.querySelector('[data-kt-search-element="preferences"]');
+            preferencesShowElement = element.querySelector('[data-kt-search-element="preferences-show"]');
+            preferencesDismissElement = element.querySelector('[data-kt-search-element="preferences-dismiss"]');
+
+            advancedOptionsFormElement = element.querySelector('[data-kt-search-element="advanced-options-form"]');
+            advancedOptionsFormShowElement = element.querySelector('[data-kt-search-element="advanced-options-form-show"]');
+            advancedOptionsFormCancelElement = element.querySelector('[data-kt-search-element="advanced-options-form-cancel"]');
+            advancedOptionsFormSearchElement = element.querySelector('[data-kt-search-element="advanced-options-form-search"]');
+            
+            // Initialize search handler
+            searchObject = new KTSearch(element);
+
+            // Search handler
+            searchObject.on('kt.search.process', processs);
+
+            // Clear handler
+            searchObject.on('kt.search.clear', clear);
+
+            // Custom handlers
+            handlePreferences();
+            handleAdvancedOptionsForm();            
+		}
+	};
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function() {
+    KTLayoutSearch.init();
+});
+"use strict";
+
+// Class definition
+var KTAppSidebar = function () {
+	// Private variables
+	var toggle;
+	var sidebar;
+	var headerMenu;
+	var menuDashboardsCollapse;
+	var menuWrapper;
+
+	// Private functions
+	// Handle sidebar minimize mode toggle
+	var handleToggle = function () {
+	   	var toggleObj = KTToggle.getInstance(toggle);
+	   	var headerMenuObj = KTMenu.getInstance(headerMenu);
+
+		if ( toggleObj === null || headerMenuObj === null ) {
+			return;
+		}
+
+	   	// Add a class to prevent sidebar hover effect after toggle click
+	   	toggleObj.on('kt.toggle.change', function() {
+			// Set animation state
+			sidebar.classList.add('animating');
+			
+			// Wait till animation finishes
+			setTimeout(function() {
+				// Remove animation state
+				sidebar.classList.remove('animating');
+			}, 300);
+
+			// Prevent header menu dropdown display on hover
+			if (headerMenuObj) {
+				headerMenuObj.disable();
+
+				// Timeout to enable header menu 
+				setTimeout(function() {
+					headerMenuObj.enable();
+				}, 1000);
+			}
+	   	});
+
+		// Store sidebar minimize state in cookie
+		toggleObj.on('kt.toggle.changed', function() {
+			// In server side check sidebar_minimize_state cookie 
+			// value and add data-kt-app-sidebar-minimize="on" 
+			// attribute to Body tag and "active" class to the toggle button
+			var date = new Date(Date.now() + 30 * 24 * 60 * 60 * 1000); // 30 days from now
+
+			KTCookie.set("sidebar_minimize_state", toggleObj.isEnabled() ? "on" : "off", {expires: date}); 
+		});
+	}
+
+	// Handle dashboards menu items collapse mode
+	var handleShowMore = function() {
+		menuDashboardsCollapse.addEventListener('hide.bs.collapse', event => {
+			menuWrapper.scrollTo({
+				top: 0,
+				behavior: 'instant'
+			});
+		});        
+	}
+
+	var handleMenuScroll = function() {
+		var menuActiveItem = menuWrapper.querySelector(".menu-link.active");
+
+		if ( !menuActiveItem ) {
+			return;
+		} 
+
+		if ( KTUtil.isVisibleInContainer(menuActiveItem, menuWrapper) === true) {
+			return;
+		}
+
+		menuWrapper.scroll({
+			top: KTUtil.getRelativeTopPosition(menuActiveItem, menuWrapper),
+			behavior: 'smooth'
+		});
+	}
+
+	// Public methods
+	return {
+		init: function () {
+			// Elements
+			sidebar = document.querySelector('#kt_app_sidebar');
+			toggle = document.querySelector('#kt_app_sidebar_toggle');
+			headerMenu = document.querySelector('#kt_app_header_menu');
+			menuDashboardsCollapse = document.querySelector('#kt_app_sidebar_menu_dashboards_collapse');
+			menuWrapper = document.querySelector('#kt_app_sidebar_menu_wrapper');
+			
+			if ( sidebar === null ) {
+				return;
+			}
+
+			if ( toggle ) {
+				handleToggle();	
+			}
+
+			if ( menuWrapper ) {
+				handleMenuScroll();
+			}
+
+			if ( menuDashboardsCollapse ) {
+				handleShowMore();
+			}
+		}
+	};
+}();
+
+
+"use strict";
+
+// Class definition
+var KTThemeMode = function () {
+	var menu;
+	var callbacks = [];
+	var the = this;
+	var element;
+
+    var getParamName = function(postfix) {
+        var name = document.body.hasAttribute("data-kt-name") ? document.body.getAttribute("data-kt-name") + "_" : "";
+
+        return "kt_" + name + "theme_mode" + "_" + postfix;
+    }
+
+    var getMode = function() {
+        var modeParam = getParamName("value");
+		var menuMode = getMenuMode();
+
+        if ( localStorage.getItem(modeParam) !== null ) {
+            return localStorage.getItem(modeParam);
+        }
+
+        if ( element.hasAttribute("data-theme") ) {
+            return element.getAttribute("data-theme");
+        }
+
+		if ( menuMode ) {
+			if ( menuMode === "system" ) {
+				return getSystemMode();
+			} else {
+				return menuMode;
+			}
+        }
+
+        return "light";
+    }
+
+    var setMode = function(mode, menuMode) {
+		// Check input values
+		if ( mode !== "light" && mode !== "dark" ) {
+			return;
+		}
+
+		// Get param names
+        var modeParam = getParamName("value");
+		var menuModeParam = getParamName("menu");
+
+		// Reset mode if system mode was changed
+		if ( menuMode === 'system') {
+			if ( getSystemMode() !==  mode ) {
+				mode = getSystemMode();
+			}
+		}
+		
+		// Check menu mode
+		if ( !menuMode) {
+			menuMode = mode;
+		}
+
+		// Read active menu mode value
+		var activeMenuItem = menu ? menu.querySelector('[data-kt-element="mode"][data-kt-value="' + menuMode + '"]') : null;
+
+		// Enable switching state
+		element.setAttribute("data-kt-theme-mode-switching", "true");
+		
+		// Set mode to the target element
+		element.setAttribute("data-theme", mode);
+
+		// Disable switching state
+		setTimeout(function() {
+			element.removeAttribute("data-kt-theme-mode-switching");
+		}, 300);
+		
+		// Store mode value in storage
+        localStorage.setItem(modeParam, mode);			
+		
+		// Set active menu item
+		if ( activeMenuItem ) {
+			localStorage.setItem(menuModeParam, menuMode);
+			setActiveMenuItem(activeMenuItem);
+		}			
+    }
+
+	var getMenuMode = function() {
+		var menuModeParam = getParamName("menu");
+		var menuItem = menu ? menu.querySelector('.active[data-kt-element="mode"]') : null;
+
+		if ( menuItem && menuItem.getAttribute('data-kt-value') ) {
+            return menuItem.getAttribute('data-kt-value');
+        }
+
+		if ( localStorage.getItem(menuModeParam) !== null ) {
+			return localStorage.getItem(menuModeParam);
+		}
+
+		return "";
+	}
+
+	var getSystemMode = function() {
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? "dark" : "light";
+    }
+
+	var initMode = function() {
+		setMode(getMode(), getMenuMode());
+		KTEventHandler.trigger(element, 'kt.thememode.init', the);
+	}
+
+	var getActiveMenuItem = function() {
+		return menu.querySelector('[data-kt-element="mode"][data-kt-value="' + getMenuMode() + '"]');
+	}
+
+	var setActiveMenuItem = function(item) {
+		var menuModeParam = getParamName("menu");
+		var menuMode = item.getAttribute("data-kt-value");
+		
+		var activeItem = menu.querySelector('.active[data-kt-element="mode"]');
+
+		if ( activeItem ) {
+			activeItem.classList.remove("active");
+		}
+
+		item.classList.add("active");
+		localStorage.setItem(menuModeParam, menuMode);
+	}
+
+	var handleMenu = function() {
+		var param = getParamName("menu");
+
+		var items = [].slice.call(menu.querySelectorAll('[data-kt-element="mode"]'));
+
+        items.map(function (item) {
+            item.addEventListener("click", function(e) {
+				e.preventDefault();
+
+				var menuMode = item.getAttribute("data-kt-value");
+				var mode = menuMode;
+
+				if ( menuMode === "system") {
+					mode = getSystemMode();
+				} 		
+
+				setMode(mode, menuMode);
+
+				KTEventHandler.trigger(element, 'kt.thememode.change', the);
+			});			     
+        });
+	}
+
+    return {
+        init: function () {
+			menu = document.querySelector('[data-kt-element="theme-mode-menu"]');
+			element = document.documentElement;
+
+            initMode();
+
+			if (menu) {
+				handleMenu();
+			}			
+        },
+
+        getMode: function () {
+            return getMode();
+        },
+
+		getMenuMode: function() {
+			return getMenuMode();
+		},
+
+		getSystemMode: function () {
+            return getSystemMode();
+        },
+
+        setMode: function(mode) {
+            return setMode(mode)
+        },
+
+		on: function(name, handler) {
+			return KTEventHandler.on(element, name, handler);
+		},
+
+		off: function(name, handlerId) {
+			return KTEventHandler.off(element, name, handlerId);
+		}
+    };
+}();
+
+// Initialize app on document ready
+KTUtil.onDOMContentLoaded(function () {
+    KTThemeMode.init();
+});
+
+// Declare KTThemeMode for Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTThemeMode;
+}
+"use strict";
+
+// Class definition
+var KTLayoutToolbar = function () {
+    // Private variables
+    var toolbar;
+
+    // Private functions
+    var initForm = function () {
+        var rangeSlider = document.querySelector("#kt_app_toolbar_slider");
+        var rangeSliderValueElement = document.querySelector("#kt_app_toolbar_slider_value");
+
+        if (!rangeSlider) {
+            return;
+        }
+
+        noUiSlider.create(rangeSlider, {
+            start: [5],
+            connect: [true, false],
+            step: 1,
+            format: wNumb({
+                decimals: 1
+            }),
+            range: {
+                min: [1],
+                max: [10]
+            }
+        });
+
+        rangeSlider.noUiSlider.on("update", function (values, handle) {
+            rangeSliderValueElement.innerHTML = values[handle];
+        });
+
+        var handle = rangeSlider.querySelector(".noUi-handle");
+
+        handle.setAttribute("tabindex", 0);
+
+        handle.addEventListener("click", function () {
+            this.focus();
+        });
+
+        handle.addEventListener("keydown", function (event) {
+            var value = Number(rangeSlider.noUiSlider.get());
+
+            switch (event.which) {
+                case 37:
+                    rangeSlider.noUiSlider.set(value - 1);
+                    break;
+                case 39:
+                    rangeSlider.noUiSlider.set(value + 1);
+                    break;
+            }
+        });
+    }
+
+    // Public methods
+    return {
+        init: function () {
+            // Elements
+            toolbar = document.querySelector('#kt_app_toolbar');
+
+            if (!toolbar) {
+                return;
+            }
+
+            initForm();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function () {
+    KTLayoutToolbar.init();
+});

Moonlight/wwwroot/assets/js/snow.js

@@ -0,0 +1,118 @@
+window.createSnow = function () {
+    (function () {
+        var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame ||
+            function (callback) {
+                window.setTimeout(callback, 1000 / 60);
+            };
+        window.requestAnimationFrame = requestAnimationFrame;
+    })();
+
+
+    var flakes = [],
+        canvas = document.getElementById("snow"),
+        ctx = canvas.getContext("2d"),
+        flakeCount = 200,
+        mX = -100,
+        mY = -100
+
+    canvas.width = window.innerWidth;
+    canvas.height = window.innerHeight;
+
+    function snow() {
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+        for (var i = 0; i < flakeCount; i++) {
+            var flake = flakes[i],
+                x = mX,
+                y = mY,
+                minDist = 150,
+                x2 = flake.x,
+                y2 = flake.y;
+
+            var dist = Math.sqrt((x2 - x) * (x2 - x) + (y2 - y) * (y2 - y)),
+                dx = x2 - x,
+                dy = y2 - y;
+
+            if (dist < minDist) {
+                var force = minDist / (dist * dist),
+                    xcomp = (x - x2) / dist,
+                    ycomp = (y - y2) / dist,
+                    deltaV = force / 2;
+
+                flake.velX -= deltaV * xcomp;
+                flake.velY -= deltaV * ycomp;
+
+            } else {
+                flake.velX *= .98;
+                if (flake.velY <= flake.speed) {
+                    flake.velY = flake.speed
+                }
+                flake.velX += Math.cos(flake.step += .05) * flake.stepSize;
+            }
+
+            ctx.fillStyle = "rgba(255,255,255," + flake.opacity + ")";
+            flake.y += flake.velY;
+            flake.x += flake.velX;
+
+            if (flake.y >= canvas.height || flake.y <= 0) {
+                reset(flake);
+            }
+
+
+            if (flake.x >= canvas.width || flake.x <= 0) {
+                reset(flake);
+            }
+
+            ctx.beginPath();
+            ctx.arc(flake.x, flake.y, flake.size, 0, Math.PI * 2);
+            ctx.fill();
+        }
+        requestAnimationFrame(snow);
+    };
+
+    function reset(flake) {
+        flake.x = Math.floor(Math.random() * canvas.width);
+        flake.y = 0;
+        flake.size = (Math.random() * 3) + 2;
+        flake.speed = (Math.random() * 1) + 0.5;
+        flake.velY = flake.speed;
+        flake.velX = 0;
+        flake.opacity = (Math.random() * 0.5) + 0.3;
+    }
+
+    function init() {
+        for (var i = 0; i < flakeCount; i++) {
+            var x = Math.floor(Math.random() * canvas.width),
+                y = Math.floor(Math.random() * canvas.height),
+                size = (Math.random() * 3) + 2,
+                speed = (Math.random() * 1) + 0.5,
+                opacity = (Math.random() * 0.5) + 0.3;
+
+            flakes.push({
+                speed: speed,
+                velY: speed,
+                velX: 0,
+                x: x,
+                y: y,
+                size: size,
+                stepSize: (Math.random()) / 30,
+                step: 0,
+                opacity: opacity
+            });
+        }
+
+        snow();
+    };
+
+    canvas.addEventListener("mousemove", function (e) {
+        mX = e.clientX,
+            mY = e.clientY
+    });
+
+    window.addEventListener("resize", function () {
+        canvas.width = window.innerWidth;
+        canvas.height = window.innerHeight;
+    })
+
+    init();
+}

Moonlight/wwwroot/assets/js/theme.js

@@ -0,0 +1,14 @@
+if (document.documentElement) {
+    const defaultThemeMode = "dark";
+    const name = document.body.getAttribute("data-kt-name");
+    let themeMode = localStorage.getItem("kt_" + (name !== null ? name + "_" : "") + "theme_mode_value");
+
+    if (themeMode === null) {
+        if (defaultThemeMode === "system") {
+            themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+        } else {
+            themeMode = defaultThemeMode;
+        }
+    }
+    document.documentElement.setAttribute("data-theme", themeMode);
+}