From 78cb25bc8197db59265b460efe661b164660547b Mon Sep 17 00:00:00 2001
From: Tamal Saha <tamal@appscode.com>
Date: Wed, 1 Apr 2026 15:21:28 +0600
Subject: [PATCH] Replace Bulma CSS with Tailwind CSS

- Remove Bulma npm dependency
- Add Tailwind CSS, Dart Sass, and postcss-import as devDependencies
- Create tailwind.config.js and src/css/main.css
- Add _bulma-compat.scss compatibility layer so Bulma class names
  continue to render correctly during incremental migration
- Update postcss.config.js to include tailwindcss and postcss-import
- Add full set of Bulma responsive mixins to _mixin.scss
- Update style-bundle.html to load both tailwind.css and custom.css
- Migrate all HTML templates (layouts/, shortcodes/, partials/) from
  Bulma grid classes (columns/column) to Tailwind flex/grid utilities
- Rebuild CSS: tailwind.css (11K) + custom.css (300K)

Hugo build produces 67 pages with no errors.

Signed-off-by: Tamal Saha <tamal@appscode.com>
---
 Makefile                                      |     4 +
 layouts/_default/c1.html                      |    30 +-
 layouts/_default/c1_tab.html                  |    14 +-
 layouts/_default/consulting.html              |    32 +-
 layouts/_default/contact_us.html              |     8 +-
 layouts/_default/contact_us_update.html       |     4 +-
 layouts/_default/meet-expert.html             |     6 +-
 layouts/_default/partner.html                 |    43 +-
 layouts/_default/pricing.html                 |    32 +-
 layouts/_default/support.html                 |    39 +-
 layouts/_default/training.html                |    28 +-
 layouts/_default/videos.html                  |    36 +-
 layouts/_default/webinar.html                 |    24 +-
 layouts/index.html                            |   136 +-
 layouts/partials/components/cta-area.html     |     8 +-
 layouts/partials/components/press-area.html   |    10 +-
 layouts/partials/components/testimonial.html  |    10 +-
 layouts/partials/footer/footer.html           |    66 +-
 layouts/partials/header/header.html           |    32 +-
 layouts/partials/helpers/style-bundle.html    |    10 +-
 layouts/products/datasheet.html               |     6 +-
 layouts/products/features.html                |    15 +-
 layouts/products/meet-expert.html             |     6 +-
 layouts/products/pricing.html                 |    48 +-
 layouts/products/project_simple.html          |    20 +-
 .../project_simple_before_templatized.html    |    24 +-
 layouts/products/single.html                  |    14 +-
 layouts/shortcodes/common/cards-group.html    |     2 +-
 .../common/cards-large-preview.html           |     6 +-
 .../common/cards-large-preview2.html          |     6 +-
 layouts/shortcodes/common/cards.html          |    10 +-
 layouts/shortcodes/common/cards2.html         |    10 +-
 layouts/shortcodes/common/cta-area.html       |     4 +-
 layouts/shortcodes/common/customer-logos.html |     6 +-
 layouts/shortcodes/common/expertise.html      |    10 +-
 layouts/shortcodes/common/faq.html            |     6 +-
 layouts/shortcodes/common/hero-area.html      |     8 +-
 .../shortcodes/common/partner-listing.html    |    10 +-
 .../shortcodes/common/service-details.html    |    12 +-
 .../shortcodes/common/service-details2.html   |    14 +-
 .../common/title-with-small-cards.html        |     6 +-
 .../services/development-process.html         |     8 +-
 .../services/engineering-resources.html       |    18 +-
 .../leverage-our-golang-expertise.html        |    10 +-
 .../services/we-love-open-source.html         |    16 +-
 .../we-understand-the-nitty-gritty.html       |    12 +-
 layouts/shortcodes/services/why-appscode.html |    10 +-
 layouts/videos/single.html                    |     8 +-
 package-lock.json                             |   968 +-
 package.json                                  |    10 +-
 postcss.config.js                             |     8 +-
 process-css.js                                |    14 +-
 src/css/main.css                              |     5 +
 static/assets/css/tailwind.css                |   732 +
 static/assets/sass/base/_bulma-compat.scss    |   830 +
 static/assets/sass/custom.css                 | 17806 +++++++++++++
 static/assets/sass/main-custom.css            | 17256 +++++++++++++
 static/assets/sass/main.css                   | 20826 +---------------
 static/assets/sass/main.scss                  |     6 +-
 static/assets/sass/mixins/_mixin.scss         |    47 +
 static/assets/sass/pages/_services.scss       |     2 +-
 tailwind.config.js                            |    20 +
 62 files changed, 38483 insertions(+), 20944 deletions(-)
 create mode 100644 src/css/main.css
 create mode 100644 static/assets/css/tailwind.css
 create mode 100644 static/assets/sass/base/_bulma-compat.scss
 create mode 100644 static/assets/sass/custom.css
 create mode 100644 static/assets/sass/main-custom.css
 create mode 100644 tailwind.config.js

diff --git a/Makefile b/Makefile
index a5bd79c130..d416afcce2 100644
--- a/Makefile
+++ b/Makefile
@@ -71,6 +71,10 @@ gen:
 	rm -rf public
 	hugo --config=config.dev.yaml
 
+.PHONY: build-css
+build-css:
+	npm run build:css
+
 .PHONY: qa
 qa: gen
 	firebase use default
diff --git a/layouts/_default/c1.html b/layouts/_default/c1.html
index 176603a7f2..470524f572 100644
--- a/layouts/_default/c1.html
+++ b/layouts/_default/c1.html
@@ -7,9 +7,9 @@
 <!-- about hero  area start -->
 <section class="hero-area-2 bg-color-available">
   <div class="container">
-    <div class="columns">
-      <div class="column is-6 is-offset-3 d-table">
-        <div class="hero-area-inner-2 has-text-centered d-table-cell">
+    <div class="flex justify-center">
+      <div class="w-full md:w-1/2 d-table">
+        <div class="hero-area-inner-2 text-center d-table-cell">
           <h1>About Us</h1>
           <p>{{ .Site.Data.products.appscode.summary }}</p>
         </div>
@@ -22,9 +22,9 @@ <h1>About Us</h1>
 <!-- about start -->
 <section class="about-text-area section-padding">
   <div class="container">
-    <div class="columns">
-      <div class="column is-8 is-offset-2">
-        <div class="about-text-inner has-text-centered">
+    <div class="flex justify-center">
+      <div class="w-full md:w-2/3">
+        <div class="about-text-inner text-center">
           <p>
             AppsCode Inc. was founded by <a href="https://www.linkedin.com/in/tamalsaha" class="ac-primary-color">Tamal Saha</a> in 2016. Before founding AppsCode, Tamal was a software engineer at Google and Amazon. He has a Master of Computer Science degree from University of Virginia. He completed his Bachelor’s degree in CSE from BUET, Dhaka, Bangladesh. He comes from Bangladesh.
           </p>
@@ -41,8 +41,8 @@ <h1>About Us</h1>
 <!-- message start -->
 <section class="ceo-message section-padding pt-0">
   <div class="container">
-    <div class="columns">
-      <div class="column is-5 is-offset-1-desktop">
+    <div class="flex flex-col md:flex-row gap-8">
+      <div class="w-full md:w-5/12">
         <div class="ceo-message-wrapper">
           <h2>Message from CEO</h2>
           <p>
@@ -54,7 +54,7 @@ <h2>Message from CEO</h2>
           </div>
         </div>
       </div>
-      <div class="column is-6 is-offset-1">
+      <div class="w-full md:w-1/2 md:ml-8">
         <div class="ceo-image">
           <div class="dots-style"></div>
           <img src="/assets/images/appscode/appscode.png" alt="" />
@@ -68,15 +68,15 @@ <h2>Message from CEO</h2>
 <!-- happy-customer start -->
 <section class="our-customer-area section-padding">
   <div class="container">
-    <div class="columns">
-      <div class="column is-6 is-offset-3">
-        <div class="section-title has-text-centered">
+    <div class="flex justify-center">
+      <div class="w-full md:w-1/2 text-center">
+        <div class="section-title text-center">
           <h2>We Have Happy Customers <br />Around the World</h2>
         </div>
       </div>
     </div>
-    <div class="columns">
-      <div class="column is-10 is-offset-1 has-text-centered">
+    <div class="flex justify-center">
+      <div class="w-full lg:w-10/12 text-center">
         <div class="social-prove-brand-area">
           <div class="brand-image-wrapper owl-carousel" id="brand-image-wrapper">
             {{ range $customer := $.Site.Data.customers }}
@@ -103,7 +103,7 @@ <h2>Ready to Get Started?</h2>
             <p>Create a Free Account and refer your friend</p>
           </div>
         </div>
-        <div class="column is-6 has-text-right is-mobile">
+        <div class="column is-6 text-right is-mobile">
           <div class="cta-button d-table">
             <div class="cta-button-inner d-table-cell">
               <a
diff --git a/layouts/_default/c1_tab.html b/layouts/_default/c1_tab.html
index cad23cf629..0170b17a90 100644
--- a/layouts/_default/c1_tab.html
+++ b/layouts/_default/c1_tab.html
@@ -7,9 +7,9 @@
 <!-- about breadcrumb area start -->
 <section class="hero-area-2 bg-color-available">
   <div class="container">
-    <div class="columns">
-      <div class="column is-6 is-offset-3 d-table">
-        <div class="hero-area-inner-2 has-text-centered d-table-cell">
+    <div class="flex justify-center">
+      <div class="w-full md:w-1/2 d-table">
+        <div class="hero-area-inner-2 text-center d-table-cell">
           <h1>{{ .Title }}</h1>
         </div>
       </div>
@@ -21,8 +21,8 @@ <h1>{{ .Title }}</h1>
 <!-- terms of service-area start -->
 <section class="section-padding">
   <div class="container">
-    <div class="columns">
-      <div class="column is-3">
+    <div class="flex flex-col md:flex-row gap-8">
+      <div class="w-full md:w-1/4">
         <div class="kd-left-sidebar appscode-style">
           <div class="kd-sidebar-menu">
             {{ $currentPage := . }}
@@ -36,7 +36,7 @@ <h1>{{ .Title }}</h1>
           </div>
         </div>
       </div>
-      <div class="column is-9">
+      <div class="w-full md:w-3/4">
         <div class="full-info appscode-style">
           {{ .Content }}
         </div>
@@ -57,7 +57,7 @@ <h2>Ready to Get Started?</h2>
             <p>Create a Free Account and refer your friend</p>
           </div>
         </div>
-        <div class="column is-6 has-text-right is-mobile">
+        <div class="column is-6 text-right is-mobile">
           <div class="cta-button d-table">
             <div class="cta-button-inner d-table-cell">
               <a
diff --git a/layouts/_default/consulting.html b/layouts/_default/consulting.html
index b36e34d04c..86727187c9 100644
--- a/layouts/_default/consulting.html
+++ b/layouts/_default/consulting.html
@@ -7,9 +7,9 @@
 <!-- about hero  area start -->
 <section class="hero-area-2">
   <div class="container">
-    <div class="columns">
-      <div class="column is-8 is-offset-2 d-table">
-        <div class="hero-area-inner-2 has-text-centered d-table-cell">
+    <div class="flex justify-center">
+      <div class="w-full md:w-2/3 d-table">
+        <div class="hero-area-inner-2 text-center d-table-cell">
           <h1 data-aos="fade-up">Our Experts are Your Experts</h1>
           <p data-aos="fade-up" data-aos-duration="800">
             AppsCode consultants work hand-in-hand with customers. Our
@@ -29,7 +29,7 @@ <h1 data-aos="fade-up">Our Experts are Your Experts</h1>
 <!-- about hero area end -->
 
 <!-- consulting illustration area start -->
-<div class="illustration-area illustration-1 mt-30 is-hidden-touch"></div>
+<div class="illustration-area illustration-1 mt-30 hidden lg:block"></div>
 <!-- consulting illustration area end -->
 
 <!-- consulting-area start -->
@@ -106,8 +106,8 @@ <h2>Production Readiness Review</h2>
 <!-- package-area start -->
 <section class="package-area pb-80">
   <div class="container">
-    <div class="columns">
-      <div class="column is-full-tablet is-two-thirds-desktop is-offset-2-desktop has-text-centered">
+    <div class="flex justify-center">
+      <div class="w-full lg:w-2/3 text-center">
         <!-- title start -->
         <div class="section-title" data-aos="fade-up">
           <h2>AppsCode offers different staffing models to match your needs</h2>
@@ -115,10 +115,10 @@ <h2>AppsCode offers different staffing models to match your needs</h2>
         <!-- title end -->
       </div>
     </div>
-    <div class="columns">
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
       <!-- bundle start -->
-      <div class="column is-4" data-aos="fade-up">
-        <div class="single-package-wrapper has-text-centered">
+      <div data-aos="fade-up">
+        <div class="single-package-wrapper text-center">
           <h4>Pre-packaged bundles</h4>
           <p>
             Production Readiness Review will validate existing work on
@@ -128,8 +128,8 @@ <h4>Pre-packaged bundles</h4>
       </div>
       <!-- bundle end -->
       <!-- bundle start -->
-      <div class="column is-4" data-aos="fade-up" data-aos-duration="800">
-        <div class="single-package-wrapper has-text-centered">
+      <div data-aos="fade-up" data-aos-duration="800">
+        <div class="single-package-wrapper text-center">
           <h4>Project aligned delivery</h4>
           <p>
             Develop custom tooling for Kubernetes based on scoping
@@ -139,8 +139,8 @@ <h4>Project aligned delivery</h4>
       </div>
       <!-- bundle end -->
       <!-- bundle start -->
-      <div class="column is-4" data-aos="fade-up" data-aos-duration="1000">
-        <div class="single-package-wrapper has-text-centered">
+      <div data-aos="fade-up" data-aos-duration="1000">
+        <div class="single-package-wrapper text-center">
           <h4>Resident architect</h4>
           <p>
             Our engineer will work side-by-side with your Devops
@@ -157,8 +157,8 @@ <h4>Resident architect</h4>
 <!-- testimonial area start -->
 <section class="testimonial-area-2 mb-80">
   <div class="container">
-    <div class="columns">
-      <div class="column">
+    <div>
+      <div>
         <div class="testimonial-wrapper">
           <div class="quote-icon" data-aos="fade-up">
             <img src="/assets/images/consulting-page/quote.png" alt="" />
@@ -168,7 +168,7 @@ <h1 data-aos="fade-up" data-aos-duration="800">
           </h1>
 
 
-          <div class="testimonial-client-info is-pulled-right" data-aos="fade-up" data-aos-duration="1000">
+        <div class="ml-auto" data-aos="fade-up" data-aos-duration="1000">
             <div class="client-thumb">
               <img src="https://cdn.appscode.com/images/customers/persons/luca_ravazzolo.png" alt="Mario Kozjak">
             </div>
diff --git a/layouts/_default/contact_us.html b/layouts/_default/contact_us.html
index 89cf1e193f..dfb742f10d 100644
--- a/layouts/_default/contact_us.html
+++ b/layouts/_default/contact_us.html
@@ -7,9 +7,9 @@
 <!-- about hero  area start -->
 <section class="contact-hero">
   <div class="container">
-    <div class="columns">
-      <div class="column is-6 d-table">
-        <div class="has-text-left">
+    <div class="flex flex-col md:flex-row gap-8">
+      <div class="w-full md:w-1/2 d-table">
+        <div class="text-left">
           <h2 class="is-font-weight-bold">Send us a note &<br/>
           We will be in touch shortly</h2>
           <p>Got questions about our services or need assistance? We're here to help! At AppsCode, we're passionate about empowering businesses with cutting-edge solutions for Kubernetes and cloud-native technologies.</p>
@@ -87,7 +87,7 @@ <h6>Dhaka Office</h6>
           <!-- single location end   -->
         </div>
       </div>
-      <div class="column is-6">
+      <div class="w-full md:w-1/2">
         <div class="contact-form modify-contact-form">
           <!-- please remove the form and add your generate form style -->
           <div class="contact-form-inner">
diff --git a/layouts/_default/contact_us_update.html b/layouts/_default/contact_us_update.html
index 38ffb47dc3..49555bc41b 100644
--- a/layouts/_default/contact_us_update.html
+++ b/layouts/_default/contact_us_update.html
@@ -55,7 +55,7 @@
     <!-- navbar area end -->
 
     <!-- body-content start  -->
-    <div class="contact-page-body is-flex">
+    <div class="contact-page-body flex">
       <!-- left content start  -->
       <div class="left-content">
         <h1>
@@ -170,7 +170,7 @@ <h3>Contact us</h3>
 
         <!-- footer content start  -->
         <div class="footer-wrapper">
-          <div class="footer-content is-flex is-align-items-center is-justify-content-space-between">
+          <div class="footer-content flex items-center is-justify-content-space-between">
             <div class="footer-left">
               <p>© 2021 AppsCode Inc. All rights reserved.</p>
             </div>
diff --git a/layouts/_default/meet-expert.html b/layouts/_default/meet-expert.html
index c792ee37ba..9cae21416c 100644
--- a/layouts/_default/meet-expert.html
+++ b/layouts/_default/meet-expert.html
@@ -4,9 +4,8 @@
 
 <section>
   <div class="container">
-    <div class="columns">
-        <div class="column has-text-centered">
-            <div class="schedule-title">
+    <div class="text-center">
+        <div class="schedule-title">
                 <h2>Talk to a product expert about
 				{{ if $productName }}
 				{{ index $.Site.Data.products .Params.product_name "name" }}
@@ -16,7 +15,6 @@ <h2>Talk to a product expert about
                 </h2>
             </div>
         </div>
-    </div>
   </div>
 </section>
 <!-- Calendly inline widget begin -->
diff --git a/layouts/_default/partner.html b/layouts/_default/partner.html
index 4398c1c178..d7199d6370 100644
--- a/layouts/_default/partner.html
+++ b/layouts/_default/partner.html
@@ -9,19 +9,16 @@
         <img class="right-el" src="/assets/images/shape/decorative-el.svg" alt="decorative-el">
     </span>
     <div class="container">
-        <div class="columns is-multiline is-centered">
-            <div class="column is-10-tablet is-8-desktop">
-               <div class="section-title has-text-centered">
+        <div class="flex justify-center">
+            <div class="w-full lg:w-2/3">
+               <div class="section-title text-center">
                  <h1>AppsCode Partners</h1>
                  <p>Empower your growth with AppsCode! We unite advanced database technologies and service providers to deliver transformative solutions worldwide.</p>
                </div>
             </div>
         </div>
-        <div class="columns is-multiline is-centered">
-            <div class="column is-4">
-                <div class="single-feature card-view has-text-centered">
-                    <div class="icon">
-                        <img src="/assets/images/products/appscode/icons/global/resources.png" alt="Access to Exclusive Resources" loading="lazy">
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div>
                     </div>
                     <div class="content">
                       <h4>Access to Exclusive Resources</h4>
@@ -29,10 +26,7 @@ <h4>Access to Exclusive Resources</h4>
                     </div>
                   </div>
             </div>
-            <div class="column is-4">
-                <div class="single-feature card-view has-text-centered">
-                    <div class="icon">
-                        <img src="/assets/images/products/appscode/icons/global/expand.png" alt="Expand Your Reach" loading="lazy">
+            <div>
                     </div>
                     <div class="content">
                       <h4>Expand Your Reach</h4>
@@ -40,10 +34,7 @@ <h4>Expand Your Reach</h4>
                     </div>
                   </div>
             </div>
-            <div class="column is-4">
-                <div class="single-feature card-view has-text-centered">
-                    <div class="icon">
-                        <img src="/assets/images/products/appscode/icons/global/commission.png" alt="Earn Competitive Commissions" loading="lazy">
+            <div>
                     </div>
                     <div class="content">
                       <h4>Earn Competitive Commissions</h4>
@@ -66,9 +57,9 @@ <h4>Earn Competitive Commissions</h4>
 
 <section class="showcase-partner section-padding">
     <div class="container">
-        <div class="columns is-multiline is-centered">
-            <div class="column is-10-tablet is-8-desktop">
-                <div class="section-title has-text-centered mb-0">
+        <div class="flex justify-center">
+            <div class="w-full lg:w-2/3">
+                <div class="section-title text-center mb-0">
                     <h2>Cloud Partners</h2>
                     <p class="mb-0">An industry-leading group of cloud providers integrate with AppsCode's powerful Kubernetes Solutions to provide enhanced value to their customers.</p>
                 </div>
@@ -93,9 +84,9 @@ <h2>Cloud Partners</h2>
         <img class="right-el" src="/assets/images/shape/decorative-el.svg" alt="decorative-el">
     </span>
     <div class="container">
-        <div class="columns is-multiline is-centered">
-            <div class="column is-10">
-                <div class="section-title has-text-centered mb-0">
+        <div class="flex justify-center">
+            <div class="w-full lg:w-5/6">
+                <div class="section-title text-center mb-0">
                     <h2>Technology Partners</h2>
                 </div>
 
@@ -117,7 +108,7 @@ <h2>Technology Partners</h2>
     <div class="container">
         <div class="columns is-multiline is-centered">
             <div class="column is-10">
-                <div class="section-title has-text-centered mb-0">
+                <div class="section-title text-center mb-0">
                     <h2>System Integrators</h2>
                 </div>
 
@@ -141,10 +132,10 @@ <h2>System Integrators</h2>
         <img class="right-el" src="/assets/images/shape/decorative-el.svg" alt="decorative-el">
     </span>
     <div class="container">
-        <div class="columns is-centered">
-            <div class="column is-10">
+        <div class="flex justify-center">
+            <div class="w-full lg:w-5/6">
                 <div class="contact-form-wrapper  section-padding">
-                    <div class="section-title has-text-centered mb-0">
+                    <div class="section-title text-center mb-0">
                         <h2>Ready to become a partner? <br> Join our program today and start earning!</h2>
                     </div>
                     <div class="form-content">
diff --git a/layouts/_default/pricing.html b/layouts/_default/pricing.html
index 09839e0dc2..01f0cdedb0 100644
--- a/layouts/_default/pricing.html
+++ b/layouts/_default/pricing.html
@@ -5,9 +5,8 @@
 <!-- hero area for page start -->
 <section class="hero-area features-plan">
   <div class="container">
-    <div class="columns">
-      <div class="column is-6">
-        <!-- hero content start -->
+    <div class="flex flex-col md:flex-row gap-8">
+      <div class="w-full md:w-1/2">
         <div class="hero-area-content d-table pr-115">
           <div class="hero-content-inner d-table-cell">
             <h1>
@@ -28,8 +27,7 @@ <h1>
         </div>
         <!-- hero content end -->
       </div>
-      <div class="column is-6">
-        <div class="hero-area-img">
+      <div class="w-full md:w-1/2">
           <img src="/assets/images/support-page/support-img.png" alt="" class="img" />
         </div>
       </div>
@@ -50,7 +48,7 @@ <h2>Support Plans</h2>
         <p>Our support plans are designed to meet your need, risk tolerance and budget constraints</p>
       </div>
       <div class="cta-right">
-        <div class="single-cta community has-text-centered">
+        <div class="single-cta community text-center">
           <h3>Community</h3>
           <small>Free</small>
           <p>Recommended if you are
@@ -59,7 +57,7 @@ <h3>Community</h3>
               Products</a>
           </div>
         </div>
-        <div class="single-cta enterprise has-text-centered">
+        <div class="single-cta enterprise text-center">
           <h3>Enterprise</h3>
           <p>Recommended if you have
             production workloads.</p>
@@ -242,8 +240,8 @@ <h3>Enterprise</h3>
     </div>
 
     <!-- pricing description start -->
-    <div class="columns mt-30 pricing-description-mobile">
-      <div class="column">
+    <div class="mt-30 pricing-description-mobile">
+      <div>
         <div class="pricing-description">
           <ul>
             <li>
@@ -268,8 +266,8 @@ <h3>Enterprise</h3>
 <!-- payment method area start -->
 <section class="payment-method-area section-padding">
   <div class="container">
-    <div class="columns">
-      <div class="column is-4 is-offset-1">
+    <div class="flex flex-col md:flex-row gap-8">
+      <div class="w-full md:w-1/3">
         <div class="payment-method-innner-text pr-140">
           <h2>Payment Methods</h2>
           <p>
@@ -280,7 +278,7 @@ <h2>Payment Methods</h2>
           </p>
         </div>
       </div>
-      <div class="column is-6 is-offset-1">
+      <div class="w-full md:w-1/2">
         <div class="image-wrapper d-table">
           <div class="payment-option-image d-table-cell">
             <div class="single-payment-method">
@@ -312,15 +310,15 @@ <h2>Payment Methods</h2>
 <!-- faq section start  -->
 <section class="features-plan-faq-area section-padding">
   <div class="container">
-    <div class="columns is-centered">
-      <div class="column is-half">
-        <div class="section-title has-text-centered">
+    <div class="flex justify-center">
+      <div class="w-full md:w-1/2 text-center">
+        <div class="section-title text-center">
           <h2>FAQ</h2>
         </div>
       </div>
     </div>
-    <div class="columns is-centered">
-      <div class="column is-8">
+    <div class="flex justify-center">
+      <div class="w-full md:w-2/3">
         <!--use "is-marginless" class for remove margin -->
         <div class="ac-accordion-wrapper">
           <!-- single accordion item start  -->
diff --git a/layouts/_default/support.html b/layouts/_default/support.html
index c07408e4c9..6b64ac249e 100644
--- a/layouts/_default/support.html
+++ b/layouts/_default/support.html
@@ -7,9 +7,9 @@
 <!-- hero  area start -->
 <section class="hero-area-2 bg-color-available">
   <div class="container">
-    <div class="columns">
-      <div class="column is-6 is-offset-3 d-table">
-        <div class="hero-area-inner-2 has-text-centered d-table-cell">
+    <div class="flex justify-center">
+      <div class="w-full md:w-1/2 d-table">
+        <div class="hero-area-inner-2 text-center d-table-cell">
           <h1 data-aos="fade-up">Support</h1>
           <p data-aos="fade-up" data-aos-duration="800">Need some help? We're here for you.</p>
           <div class="consulting-button mt-30" data-aos="fade-up" data-aos-duration="1000">
@@ -26,8 +26,8 @@ <h1 data-aos="fade-up">Support</h1>
 <section class="cre-area pb-50 section-padding">
   <div class="container">
     <!-- single CRE start -->
-    <div class="columns">
-      <div class="column is-8 is-offset-2 has-text-centered">
+    <div class="flex justify-center">
+      <div class="w-full md:w-2/3 text-center">
         <!-- title start -->
         <div class="section-title" data-aos="fade-up">
           <h2>
@@ -38,8 +38,8 @@ <h2>
         <!-- title start -->
       </div>
     </div>
-    <div class="columns">
-      <div class="column is-4  is-offset-1">
+    <div class="flex flex-col md:flex-row items-center gap-8 mb-12">
+      <div class="w-full md:w-2/5">
         <div class="consulting-wrapper d-table">
           <div class="consulting-inner d-table-cell" data-aos="fade-up">
             <h2>
@@ -52,7 +52,7 @@ <h2>
           </div>
         </div>
       </div>
-      <div class="column is-5 is-offset-1">
+      <div class="w-full md:w-3/5">
         <div class="consulting-image" data-aos="fade-up" data-aos-duration="800">
           <img src="/assets/images/support/3.png" alt="" />
         </div>
@@ -60,13 +60,13 @@ <h2>
     </div>
     <!-- single CRE end -->
     <!-- single CRE start -->
-    <div class="columns reverse-row-order">
-      <div class="column is-5 is-offset-1">
+    <div class="flex flex-col-reverse md:flex-row items-center gap-8 mb-12">
+      <div class="w-full md:w-3/5">
         <div class="consulting-image" data-aos="fade-up">
           <img src="/assets/images/support/1.png" alt="" />
         </div>
       </div>
-      <div class="column is-4 is-offset-1">
+      <div class="w-full md:w-2/5">
         <div class="consulting-wrapper d-table">
           <div class="consulting-inner d-table-cell" data-aos="fade-up" data-aos-duration="800">
             <h2>Remote Hands</h2>
@@ -81,11 +81,8 @@ <h2>Remote Hands</h2>
     </div>
     <!-- single CRE end -->
     <!-- single CRE start -->
-    <div class="columns">
-      <div class="column"></div>
-    </div>
-    <div class="columns">
-      <div class="column is-4 is-offset-1">
+    <div class="flex flex-col md:flex-row items-center gap-8 mb-12">
+      <div class="w-full md:w-2/5">
         <div class="consulting-wrapper d-table">
           <div class="consulting-inner d-table-cell" data-aos="fade-up">
             <h2>
@@ -98,7 +95,7 @@ <h2>
           </div>
         </div>
       </div>
-      <div class="column is-5 is-offset-1">
+      <div class="w-full md:w-3/5">
         <div class="consulting-image" data-aos="fade-up" data-aos-duration="800">
           <img src="/assets/images/support/2.png" alt="" />
         </div>
@@ -112,8 +109,8 @@ <h2>
 <!-- testimonial area start -->
 <section class="testimonial-area-2 section-padding">
   <div class="container">
-    <div class="columns">
-      <div class="column">
+    <div>
+      <div>
         <div class="testimonial-wrapper">
           <div class="quote-icon" data-aos="fade-up">
             <img src="/assets/images/consulting-page/quote.png" alt="" />
@@ -123,8 +120,8 @@ <h1 data-aos="fade-up" data-aos-duration="800">
             after 1 week is a great achievement and a
             demonstration of the value that AppsCode provides."
           </h1>
-          <div class="user-information is-flex" data-aos="fade-up" data-aos-duration="1500">
-            <figure class="image is-64x64">
+          <div class="user-information flex items-center gap-4" data-aos="fade-up" data-aos-duration="1500">
+            <figure class="w-16 h-16 rounded-full overflow-hidden flex-shrink-0">
                 <img class="is-rounded" src="https://bulma.io/images/placeholders/64x64.png">
             </figure>
             <div class="user-info-inner">
diff --git a/layouts/_default/training.html b/layouts/_default/training.html
index c4c2c207b0..c910616e9b 100644
--- a/layouts/_default/training.html
+++ b/layouts/_default/training.html
@@ -7,9 +7,9 @@
 <!-- about hero  area start -->
 <section class="hero-area-2 mt-50">
   <div class="container">
-    <div class="columns">
-      <div class="column is-10 is-offset-1 d-table">
-        <div class="hero-area-inner-2 has-text-centered d-table-cell">
+    <div class="flex justify-center">
+      <div class="w-full lg:w-10/12 d-table">
+        <div class="hero-area-inner-2 text-center d-table-cell">
           <h1 data-aos="fade-up">Training Courses</h1>
           <p data-aos="fade-up" data-aos-duration="800">
             Our on-site and remote training courses are tailored to
@@ -25,7 +25,7 @@ <h1 data-aos="fade-up">Training Courses</h1>
             so that your team can jump start on delivering value to your customers
             instead of spending weeks to learn the system.
           </p>
-          <div class="hero-area-button has-text-centered" data-aos="fade-up" data-aos-duration="1000">
+          <div class="hero-area-button text-center" data-aos="fade-up" data-aos-duration="1000">
             <a href="/contact/" class="button ac-button is-primary mt-30 pl-40 pr-40"
               >Contact Us</a
             >
@@ -43,8 +43,8 @@ <h1 data-aos="fade-up">Training Courses</h1>
 <!-- illustration-area start -->
 <div class="training-image-area">
   <div class="container is-fluid section">
-    <div class="columns">
-      <div class="column is-12 has-text-centered">
+    <div>
+        <div class="w-full text-center">
         <div class="training-wrapper-image">
           <!-- image start -->
           <div class="single-training-image-wrapper" data-aos="fade-right" data-aos-duration="800">
@@ -81,8 +81,8 @@ <h1 data-aos="fade-up">Training Courses</h1>
   <!-- about appscode start -->
   <section class="about-training">
     <div class="container">
-      <div class="columns">
-        <div class="column is-full-desktop has-text-left is-one-thirds-fullhd">
+      <div>
+        <div class="w-full text-left">
           <!-- title start -->
           <div class="section-title" data-aos="fade-up">
             <h2>
@@ -93,20 +93,20 @@ <h2>
           <!-- title end -->
         </div>
       </div>
-      <div class="columns">
-        <div class="column is-4">
+      <div class="flex flex-col md:flex-row gap-8">
+        <div class="w-full md:w-1/3">
           <div class="ac-image" data-aos="fade-up" data-aos-duration="800">
             <img src="/assets/images/training-page/ac.png" alt="" />
           </div>
         </div>
-        <div class="column is-3 is-offset-1">
+        <div class="w-full md:w-1/4">
           <div class="ac-text pr-20" data-aos="fade-up" data-aos-duration="1000">
             <p>
               Kubernetes workshop teaches the basic Kubernetes concepts and day-to-day interactions as a user of the system. This disucsses how to deploy and scale a cluster on your preferred cloud provider, configure DNS, and manage applications with Kubernetes (including creating and managing pods, replication controllers, services and ingress) from cli and UI.
             </p>
           </div>
         </div>
-        <div class="column is-4">
+        <div class="w-full md:w-1/3 ml-auto">
           <div class="ac-text" data-aos="fade-up" data-aos-duration="1500">
             <p>
               Workshops are delivered via web-conferencing or in person (within Continental USA).
@@ -122,8 +122,8 @@ <h2>
 <!-- cta-area start -->
 <div class="cta-area-2 section-padding">
   <div class="container">
-    <div class="columns">
-      <div class="column is-8 is-offset-2 has-text-centered">
+    <div class="flex justify-center">
+      <div class="w-full md:w-2/3 text-center">
         <div class="cta-content" data-aos="fade-up">
           <h3 class="mb-20">Got more questions? Let's talk.</h3>
           <a href="/contact/" class="button ac-button is-primary pl-40 pr-40">Contact Us</a>
diff --git a/layouts/_default/videos.html b/layouts/_default/videos.html
index 82a81600f3..2955768f99 100644
--- a/layouts/_default/videos.html
+++ b/layouts/_default/videos.html
@@ -6,7 +6,7 @@
       <!-- left sidebar area start  -->
       <div class="left-sidebar">
         <div class="left-sidebar-inner">
-          <h4><span>AppsCode Videos</span> <button class="material-icons is-hidden-tablet"
+          <h4><span>AppsCode Videos</span> <button class="material-icons block md:hidden"
               id="filterClose">close</button></h4>
           <hr>
           <div class="filter-items">
@@ -138,21 +138,21 @@ <h4><span>AppsCode Videos</span> <button class="material-icons is-hidden-tablet"
         <!-- youtube video end  -->
 
         <!-- video title start  -->
-        <div class="video-title is-flex is-justify-content-space-between is-align-items-baseline">
+        <div class="video-title flex is-justify-content-space-between is-align-items-baseline">
           <h1>Introduction to KubeDB AutoOps Component Supervisor</h1>
         </div>
         <!-- video title end  -->
 
         <!-- header items start  -->
-        <div class="header-items is-flex is-justify-content-space-between mt-5 mb-12">
+        <div class="header-items flex is-justify-content-space-between mt-5 mb-12">
           <div class="header-left">
-            <div class="buttons outlined-bg-buttons mb-0 is-hidden-tablet">
+            <div class="buttons outlined-bg-buttons mb-0 block md:hidden">
               <button class="button is-tinny" id="filterBtn">Filter <span class="material-icons-outlined ml-8">
                   filter_list
                 </span></button>
             </div>
 
-            <div class="tags filtered-tags is-hidden-mobile">
+            <div class="tags filtered-tags hidden md:block">
               <div class="tag">All <span class="material-icons-outlined">close</span></div>
               <div class="tag">KubeDB <span class="material-icons-outlined">close</span></div>
               <div class="tag">Webiner <span class="material-icons-outlined">close</span></div>
@@ -175,9 +175,9 @@ <h1>Introduction to KubeDB AutoOps Component Supervisor</h1>
 
         <!-- gallery body start  -->
         <div class="body-content">
-          <div class="columns is-multiline">
+          <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
             <!-- single card item start  -->
-            <div class="column is-full-mobile is-half-tablet is-one-third-desktop is-one-third-fullhd">
+            <div class="">
               <a href="#" class="gallery-card">
                 <div class="card-thumbnail">
                   <img
@@ -196,7 +196,7 @@ <h1>Introduction to KubeDB AutoOps Component Supervisor</h1>
                     <span>WEBINER</span>
                   </div>
                   <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1>
-                  <div class="meta-tag is-flex is-justify-content-space-between">
+                  <div class="meta-tag flex is-justify-content-space-between">
                     <p><span class="material-icons-outlined">calendar_today</span>22-Feb-2022</p>
                     <p><span class="material-icons-outlined">person_outline</span>Masudur Rahman</p>
                   </div>
@@ -206,7 +206,7 @@ <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1
             <!-- single card item end -->
 
             <!-- single card item start  -->
-            <div class="column is-full-mobile is-half-tablet is-one-third-desktop is-one-third-fullhd">
+            <div class="">
               <a href="#" class="gallery-card">
                 <div class="card-thumbnail">
                   <img
@@ -225,7 +225,7 @@ <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1
                     <span>WEBINER</span>
                   </div>
                   <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1>
-                  <div class="meta-tag is-flex is-justify-content-space-between">
+                  <div class="meta-tag flex is-justify-content-space-between">
                     <p><span class="material-icons-outlined">calendar_today</span>22-Feb-2022</p>
                     <p><span class="material-icons-outlined">person_outline</span>Masudur Rahman</p>
                   </div>
@@ -235,7 +235,7 @@ <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1
             <!-- single card item end -->
 
             <!-- single card item start  -->
-            <div class="column is-full-mobile is-half-tablet is-one-third-desktop is-one-third-fullhd">
+            <div class="">
               <a href="#" class="gallery-card">
                 <div class="card-thumbnail">
                   <img
@@ -254,7 +254,7 @@ <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1
                     <span>WEBINER</span>
                   </div>
                   <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1>
-                  <div class="meta-tag is-flex is-justify-content-space-between">
+                  <div class="meta-tag flex is-justify-content-space-between">
                     <p><span class="material-icons-outlined">calendar_today</span>22-Feb-2022</p>
                     <p><span class="material-icons-outlined">person_outline</span>Masudur Rahman</p>
                   </div>
@@ -264,7 +264,7 @@ <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1
             <!-- single card item end -->
 
             <!-- single card item start  -->
-            <div class="column is-full-mobile is-half-tablet is-one-third-desktop is-one-third-fullhd">
+            <div class="">
               <a href="#" class="gallery-card">
                 <div class="card-thumbnail">
                   <img
@@ -279,7 +279,7 @@ <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1
                     <span>WEBINER</span>
                   </div>
                   <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1>
-                  <div class="meta-tag is-flex is-justify-content-space-between">
+                  <div class="meta-tag flex is-justify-content-space-between">
                     <p><span class="material-icons-outlined">calendar_today</span>22-Feb-2022</p>
                     <p><span class="material-icons-outlined">person_outline</span>Masudur Rahman</p>
                   </div>
@@ -289,7 +289,7 @@ <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1
             <!-- single card item end -->
 
             <!-- single card item start  -->
-            <div class="column is-full-mobile is-half-tablet is-one-third-desktop is-one-third-fullhd">
+            <div class="">
               <a href="#" class="gallery-card">
                 <div class="card-thumbnail">
                   <img
@@ -304,7 +304,7 @@ <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1
                     <span>WEBINER</span>
                   </div>
                   <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1>
-                  <div class="meta-tag is-flex is-justify-content-space-between">
+                  <div class="meta-tag flex is-justify-content-space-between">
                     <p><span class="material-icons-outlined">calendar_today</span>22-Feb-2022</p>
                     <p><span class="material-icons-outlined">person_outline</span>Masudur Rahman</p>
                   </div>
@@ -314,7 +314,7 @@ <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1
             <!-- single card item end -->
 
             <!-- single card item start  -->
-            <div class="column is-full-mobile is-half-tablet is-one-third-desktop is-one-third-fullhd">
+            <div class="">
               <a href="#" class="gallery-card">
                 <div class="card-thumbnail">
                   <img
@@ -329,7 +329,7 @@ <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1
                     <span>WEBINER</span>
                   </div>
                   <h1 class="is-ellipsis-2">Upgrading MySQL with KubeDB Enterprise by AppsCode</h1>
-                  <div class="meta-tag is-flex is-justify-content-space-between">
+                  <div class="meta-tag flex is-justify-content-space-between">
                     <p><span class="material-icons-outlined">calendar_today</span>22-Feb-2022</p>
                     <p><span class="material-icons-outlined">person_outline</span>Masudur Rahman</p>
                   </div>
diff --git a/layouts/_default/webinar.html b/layouts/_default/webinar.html
index d4da6e6d62..3b2f6501f0 100644
--- a/layouts/_default/webinar.html
+++ b/layouts/_default/webinar.html
@@ -7,7 +7,7 @@
 {{ define "main" }}
 <!-- preloader start  -->
 <!--
-<div class="is-flex is-justify-content-center is-align-items-center is-flex-direction-column ac-preloader">
+<div class="flex is-justify-content-center items-center flex-col ac-preloader">
   <span class="spinner"></span>
   <p class="font-size-12 mt-10 pl-5">
     LOADING
@@ -19,16 +19,16 @@
 <!-- hero  area start -->
 <section class="hero-area-2 is-hidden" id="webinarHeroArea">
   <div class="container">
-    <div class="columns">
-      <div class="column is-8">
+    <div class="flex flex-col md:flex-row gap-8">
+      <div class="w-full md:w-2/3">
         <div class="webinar-hero-area mt-80 mr-100">
           <!-- webinar header start  -->
-          <div class="webinar-header is-flex is-justify-content-space-between is-align-items-center mt-10">
+          <div class="webinar-header flex is-justify-content-space-between items-center mt-10">
             <div class="upcoming-message">
               <h1 class="is-gradient">Upcoming <span class="mr-3"><br /></span> Webinars</h1>
             </div>
             <!-- webinar list start  -->
-            <ul class="webinar-list-items is-flex">
+            <ul class="webinar-list-items flex">
               <!-- single date item start  -->
               <li class="webinar-item tab is-active" data-tab-target="#webinar1">
                 <p>Loading</p>
@@ -108,7 +108,7 @@ <h6>Pulak Kanti Bhowmick</h6>
 
         </div>
       </div>
-      <div class="column is-4">
+      <div class="w-full md:w-1/3">
         <!-- register-success/register-failed -->
         <div class="registration-form-container mt-80">
           <div class="registration-form-wrapper">
@@ -259,16 +259,16 @@ <h3>Register Now</h3>
         <!-- gallery body start  -->
         <div class="body-content">
           
-          <div class="columns is-multiline">
+          <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
 
             <!-- title and search start -->
-              <div class="column is-12 is-sticky webinar-search pb-0">
+              <div class="col-span-full is-sticky webinar-search pb-0">
 
                 <div
-                  class="is-flex is-justify-content-space-between is-align-items-center pb-12 bb-1">
+                  class="flex is-justify-content-space-between items-center pb-12 bb-1">
                   <h4>Our Previous Webinars</h4>
                   <div class="search-box">
-                    <label class="height-20 width-20 is-flex" for="search"><svg xmlns="http://www.w3.org/2000/svg"
+                    <label class="height-20 width-20 flex" for="search"><svg xmlns="http://www.w3.org/2000/svg"
                         fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                         <path stroke-linecap="round" stroke-linejoin="round"
                           d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
@@ -284,7 +284,7 @@ <h4>Our Previous Webinars</h4>
             <!-- single card item start  -->
             {{ $webinarData := getJSON "https://x.appscode.com/_/playlists/PLoiT1Gv2KR1hAtDDW7fHEi-s2y2H3DOgx" }}
             {{ range $webinarData }}
-            <div class="column is-one-third-widescreen is-one-third-desktop is-one-quarter-fullhd is-half-tablet is-full-mobile">
+            <div>
               <a href="https://www.youtube.com/watch?v={{ .contentDetails.videoId }}"
                 class="gallery-card webinar-video">
                 <div class="card-thumbnail">
@@ -300,7 +300,7 @@ <h4>Our Previous Webinars</h4>
                   </div>
                 </div>
                 <div class="card-body">
-                <div class="meta-tag is-flex is-justify-content-space-between">
+                <div class="meta-tag flex is-justify-content-space-between">
                   <p><span
                       class="icon">
                       <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
diff --git a/layouts/index.html b/layouts/index.html
index b677eba156..92e255e76c 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -10,8 +10,8 @@
 <div class="bg-gradient-1" style="background-image: url(./assets/images/gradient-bg.webp);">
   <section class="hero-area-1">
     <div class="container">
-      <div class="columns is-vcentered">
-        <div class="column is-6">
+      <div class="flex flex-col md:flex-row items-center gap-8">
+        <div class="w-full md:w-1/2">
            <!-- news connect-message start  -->
            <div class="news-message-wrapper height-40">
              <a href="" class="news-message is-hidden" ><span>cool stuff!</a>
@@ -79,7 +79,7 @@ <h1><span>Kubernetes Native</span><br><img src="data:image/svg+xml;base64,PHN2Zy
           </div>
           <!-- buttons  -->
         </div>
-        <div class="column is-6 is-hidden-mobile">
+        <div class="w-full md:w-1/2 hidden md:block">
           <div class="h-right-content">
 
             <!-- intro video  -->
@@ -102,8 +102,8 @@ <h1><span>Kubernetes Native</span><br><img src="data:image/svg+xml;base64,PHN2Zy
       </div>
     </div>
       <div class="container" >
-        <div class="columns">
-          <div class="column is-12">
+        <div>
+          <div class="w-full">
             <h2 class="is-size-5">Trusted by Companies</h2>
             <div class="social-prove-brand-area">
               <div class="brand-image-wrapper owl-carousel" id="brand-image-wrapper">
@@ -138,24 +138,24 @@ <h2 class="is-size-5">Trusted by Companies</h2>
   <!--==================== products area start  ====================-->
   <div class="products-area" id="products">
     <div class="container">
-      <div class="columns is-centered">
-        <div class="column is-8">
-          <div class="section-title has-text-centered-tablet mb-0">
+      <div class="flex justify-center mb-6">
+        <div class="w-full md:w-2/3">
+          <div class="section-title md:text-center mb-0">
             <p class="mb-0 has-text-primary is-uppercase">Empowering Your Kubernetes JOURNEY</p>
             <h2 class="mb-0">Explore AppsCode Products</h2>
           </div>
         </div>
       </div>
-      <div class="columns is-multiline">
+      <div class="flex flex-col md:flex-row gap-4">
         <!-- single product start  -->
         {{ range $product := $p.homepage.main_products }}
-        <div class="column is-one-quarter-widescreen is-one-quarter-fullhd is-half-tablet is-full-mobile">
+        <div class="w-full md:w-1/4">
           <a href="{{ $product.url }}" class="single-product">
             <div class="product-logo"><img src="{{ $product.logo }}" alt="{{$product.name}}" loading="lazy" height="auto" width="auto"></div>
             <p class="is-ellipsis-4">{{ $product.description | safeHTML  }}</p>
-            <button class="button ac-button is-transparent is-flex is-gap-4">
+            <button class="button ac-button is-transparent flex gap-4">
              <span>{{$product.name}}</span>
-              <span class="width-16 is-flex">
+              <span class="width-16 flex">
                 <iconify-icon icon="heroicons:arrow-up-right" width="14" height="14"></iconify-icon>
               </span>
             </button>
@@ -172,8 +172,8 @@ <h2 class="mb-0">Explore AppsCode Products</h2>
   <!--==================== others product area start  ====================-->
   <section class="others-products section-padding">
     <div class="container">
-      <div class="columns is-vcentered is-multiline">
-        <div class="column is-4-desktop is-6-tablet is-full-mobile">
+      <div class="flex flex-col md:flex-row gap-8">
+        <div class="w-full md:w-1/3">
           <div class="pr-60">
             <div class="section-title mb-16">
               <p class="mb-0 has-text-primary is-uppercase">Why AppsCode 🤔</p>
@@ -188,19 +188,19 @@ <h2 class="mb-4">{{ $p.homepage.highlight_products.title }}</h2>
             </a>
           </div>
         </div>
-        <div class="column is-8-desktop is-6-tablet is-full-mobile">
+        <div class="w-full md:w-2/3">
           <div class="products">
-            <div class="columns is-multiline">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
               {{ range $product := $p.homepage.highlight_products.products }}
-              <div class="column is-6-desktop is-full-tablet is-full-mobile" >
+              <div>
 
                 <!-- sigle product start  -->
                 <div class="single-product">
                   <img src="{{ $product.logo }}" alt="{{ $product.name }}" loading="lazy" height="60" width="auto">
                   <p>{{ $product.summary | safeHTML }}</p>
-                  <a class="inline-button is-flex is-gap-4" href="{{ $product.url }}">
+                  <a class="inline-button flex gap-4" href="{{ $product.url }}">
                     <span>EXPLORE MORE</span>
-                    <span class="width-16 is-flex">
+                    <span class="width-16 flex">
                       <iconify-icon icon="heroicons:arrow-up-right" width="14" height="14"></iconify-icon>
                     </span>
                   </a>
@@ -224,8 +224,8 @@ <h2 class="mb-4">{{ $p.homepage.highlight_products.title }}</h2>
     <img class="shape dot-2" src="/assets/images/appscode/dots.png" alt="">
   </div> -->
   <div class="container">
-    <div class="columns">
-      <div class="column is-3">
+      <div class="flex flex-col md:flex-row gap-6">
+      <div class="w-full md:w-1/4">
         <!-- features tabs start  -->
         <div class="features-tabs" id="nav-serialscrolling">
           <ul>
@@ -237,13 +237,13 @@ <h2 class="mb-4">{{ $p.homepage.highlight_products.title }}</h2>
         </div>
         <!-- features tabs end -->
       </div>
-      <div class="column is-9 is-paddingless-desktop">
+      <div class="w-full md:w-3/4 lg:p-0">
         <div class="products-description-wrapper">
           <!-- single product start  -->
           {{ range $products := $p.homepage.products }}
           <div class="single-product {{$products.product}}" data-serialscrolling-target="{{ $products.id }}">
-            <div class="columns">
-              <div class="column is-6-desktop is-full-touch" >
+            <div class="flex flex-col md:flex-row gap-8">
+              <div class="w-full md:w-1/2">
                 <!-- single product description start  -->
                 <div class="product-description">
                   <div class="brand">
@@ -270,7 +270,7 @@ <h2 class="mb-4">{{ $p.homepage.highlight_products.title }}</h2>
                 </div>
                 <!-- single product description end -->
               </div>
-              <div class="column is-6 is-hidden-touch" >
+              <div class="w-full md:w-1/2 hidden lg:block">
                 <div class="illustration">
                   <img src="{{ $products.illustration }}" alt="appscode illustration"  loading="lazy" height="auto" width="auto">
                 </div>
@@ -291,9 +291,9 @@ <h2 class="mb-4">{{ $p.homepage.highlight_products.title }}</h2>
 <section class="section-padding ui-features-area" id="ui-features">
   <div class="container">
     <!-- section title  -->
-    <div class="columns is-centered">
-      <div class="column is-10-tablet is-8 is-10-desktop is-8-widescreen">
-        <div class="section-title has-text-centered-tablet">
+    <div class="flex justify-center">
+      <div class="w-full lg:w-10/12">
+        <div class="section-title md:text-center">
           <h2>Manage your Kubernetes Native Applications across any Cloud or On-premises</h2>
           <p>A single pane of glass for managing your Stateless and Stateful applications across any cloud or on-premises environments. Hide the complexity of Kubernetes behind a simple and elegant UI.</p>
         </div>
@@ -302,9 +302,9 @@ <h2>Manage your Kubernetes Native Applications across any Cloud or On-premises</
     <!-- section title  -->
 
     <!-- features with screenshot  -->
-    <div class="columns">
-      <div class="column is-4-desktop is-full-touch">
-        <div class="is-flex is-flex-direction-column" style="gap: 32px;">
+    <div class="flex flex-col md:flex-row gap-8">
+      <div class="w-full md:w-1/3">
+        <div class="flex flex-col" style="gap: 32px;">
           <!-- single features item start -->
           <div class="single-feature">
             <div class="icon"><img src="https://img.icons8.com/sf-regular/100/00A651/easy.png" alt="Hide the complexity of Kubernetes behind a simple & elegant UI" loading="lazy"></div>
@@ -347,7 +347,7 @@ <h3>Better Safe than Sorry</h3>
           <!-- single features item end -->
         </div>
       </div>
-      <div class="column is-hidden-touch is-8-desktop">
+      <div class="w-full md:w-2/3 hidden lg:block">
         <div class="ui-dashboard">
           <!-- image come from css  -->
           <!-- <img src="/assets/images/products/appscode/features/ui-features.jpg" alt="features"> -->
@@ -357,9 +357,9 @@ <h3>Better Safe than Sorry</h3>
     <!-- features with screenshot  -->
 
     <!-- more features start -->
-    <div class="columns is-vcentered more-features">
-      <div class="column is-7">
-        <div class="is-flex is-flex-wrap-wrap more-products" >
+    <div class="flex flex-col md:flex-row items-center gap-8 more-features">
+      <div class="w-full md:w-7/12">
+        <div class="flex flex-wrap more-products" >
           <!-- single features item start -->
           <div class="single-feature card-view">
             <div class="icon"><img src="https://img.icons8.com/external-smashingstocks-detailed-outline-smashing-stocks/100/5959CF/external-monitoring-seo-and-web-smashingstocks-detailed-outline-smashing-stocks.png" alt="Monitoring & Alerting" loading="lazy"></div>
@@ -400,13 +400,12 @@ <h3>GitOps Ready</h3>
           <!-- single features item end -->
         </div>
       </div>
-      <div class="column is-5">
-       <div class="section-title mb-0">
+      <div class="w-full md:w-5/12">
           <h2>Cloud reimagined for the age of Kubernetes</h2>
           <p class="mb-16">Global Cloud Infrastructure at your Fingertip. Leverage the global infrastructure footprint of the cloud providers with a few clicks.</p>
        </div>
 
-       <div class="is-flex is-flex-direction-column" style="gap: 32px; margin-bottom: 32px;">
+       <div class="flex flex-col" style="gap: 32px; margin-bottom: 32px;">
         <!-- single features item start -->
         <div class="single-feature">
           <div class="icon"><img src="https://img.icons8.com/external-outline-juicy-fish/100/00A651/external-flexible-arrows-outline-outline-juicy-fish-2.png" alt="Flexible & Extensible" loading="lazy"></div>
@@ -447,9 +446,9 @@ <h3>We are always there for you</h3>
 <section class="section-padding dark-bg mechanics-area" id="mechanics">
   <div class="container">
    <!-- section title  -->
-   <div class="columns is-centered">
-    <div class="column is-10-tablet is-8 is-10-desktop is-8-widescreen">
-      <div class="section-title has-text-centered-tablet">
+   <div class="flex justify-center">
+    <div class="w-full lg:w-10/12">
+      <div class="section-title md:text-center">
         <h2>Deploy & Manage Databases with 1-click</h2>
         <p>Discover how our UI enabled users to deploy & manage popular database endgines with 1-click. Learn to navigate seamlessly and make the most of its capabilities for an improved user experience.</p>
       </div>
@@ -457,9 +456,9 @@ <h2>Deploy & Manage Databases with 1-click</h2>
    </div>
    <!-- section title  -->
 
-   <div class="columns is-vcentered" style="padding-bottom: 60px;">
-    <div class="column is-4">
-      <div class="is-flex is-flex-direction-column is-flex-wrap-wrap" style="gap: 8px;">
+   <div class="flex flex-col md:flex-row items-center gap-8" style="padding-bottom: 60px;">
+    <div class="w-full md:w-1/3">
+      <div class="flex flex-col flex-wrap" style="gap: 8px;">
 
         <!-- single features mechanism item start -->
         <div class="single-feature mechanism is-active">
@@ -523,8 +522,7 @@ <h2>Deploy & Manage Databases with 1-click</h2>
 
       </div>
     </div>
-    <div class="column is-8">
-      <div class="ui-mechanism">
+    <div class="w-full md:w-2/3">
         <div id="provisioing" class="single-ui-ss provisioning">
           <img src="/assets/images/products/appscode/features/steps/provisioning.webp" alt="provisioning-databases" loading="lazy">
         </div>
@@ -574,7 +572,7 @@ <h2>Kubernetes Databases Deployed with Cluster UI || KubeDB UI</h2>
           </a>
         </div>
         <div class="column is-7">
-          <div class="is-flex is-flex-wrap-wrap" style="gap: 12px;">
+          <div class="flex flex-wrap" style="gap: 12px;">
             <-- single features item start --!>
             <div class="single-feature card-view bg-dark">
 
@@ -582,9 +580,9 @@ <h2>Kubernetes Databases Deployed with Cluster UI || KubeDB UI</h2>
               <div class="content">
                 <h3></h3>
                 <p>Use Stash to backup and restore any stateful workload using restic or volume snapshotting on any K8s cluster </p>
-                <a href="https://console.appscode.com/" target="_blank" class="is-flex is-underlined">
+                <a href="https://console.appscode.com/" target="_blank" class="flex is-underlined">
                  <span>TRY CONSOLE UI</span>
-                  <span class="is-flex width-18">
+                  <span class="flex width-18">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                       <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25" />
                     </svg>
@@ -600,9 +598,9 @@ <h3></h3>
               <div class="content">
                 <h3></h3>
                 <p>Use Stash to backup and restore any stateful workload using restic or volume snapshotting on any K8s cluster </p>
-                <a href="https://db.appscode.com/" target="_blank" class="is-flex is-underlined">
+                <a href="https://db.appscode.com/" target="_blank" class="flex is-underlined">
                   <span>TRY KUBEDB UI</span>
-                  <span class="is-flex width-18">
+                  <span class="flex width-18">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                       <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25" />
                     </svg>
@@ -626,8 +624,8 @@ <h3></h3>
 <!--====================  subscription area start  --==================== -->
 <section class="subscription-area section-padding">
   <div class="container">
-    <div class="columns is-vcentered">
-      <div class="column is-7">
+      <div class="flex flex-col md:flex-row items-center gap-8">
+      <div class="w-full md:w-7/12">
         <div class="subscription-message">
           <div class="section-title mb-0">
             <h2  class="mb-8">{{ $p.homepage.subscription.title | safeHTML}}</h2>
@@ -636,7 +634,7 @@ <h2  class="mb-8">{{ $p.homepage.subscription.title | safeHTML}}</h2>
           <!-- <a class="button ac-button is-primary is-outlined" href="https://support.appscode.com/">GET</a> -->
         </div>
       </div>
-      <div class="column is-5" >
+      <div class="w-full md:w-5/12" >
         <p>{{ $p.homepage.subscription.summary_right | safeHTML}}</p>
 
         <!-- subscription input  -->
@@ -662,14 +660,14 @@ <h2  class="mb-8">{{ $p.homepage.subscription.title | safeHTML}}</h2>
   <!--==================== social connect area end ====================-->
   <section class="social-connect-area section-padding">
     <div class="container">
-      <div class="columns is-multiline">
-        <div class="column is-10-tablet is-8 is-10-desktop is-8-widescreen">
+      <div class="flex flex-col md:flex-row items-center gap-8">
+        <div class="w-full md:w-10/12">
           <div class="section-title connect-message">
             <h2>{{ $p.homepage.social_connect.title }}</h2>
             <p class="mb-0" >{{ $p.homepage.social_connect.summary }}</p>
           </div>
         </div>
-        <div class="column is-4">
+        <div class="w-full md:w-1/3">
           <ul class="social-link">
             {{ range $social_link := $p.homepage.social_connect.social_link }}
             <li><a href="{{ $social_link.url }}"><span><img
@@ -682,11 +680,10 @@ <h2>{{ $p.homepage.social_connect.title }}</h2>
       </div>
 
       <!-- cards start  -->
-      <div class="columns is-multiline">
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
         {{ range $social_cards := $p.homepage.social_connect.social_cards}}
         <!-- single card start  -->
-        <div class="column is-one-third-widescreen is-one-third-fullhd is-one-third-tablet is-full-mobile"
-         >
+        <div>
           <a href="{{ $social_cards.url }}" class="single-card is-block">
             <div class="card-top">
               <div class="card-icon"><img src="{{ $social_cards.icon }}" alt="{{ $social_cards.icon }}" width="60" height="60"></div>
@@ -719,11 +716,11 @@ <h2>{{ $social_cards.users }}</h2>
   <section class="testimonial-area">
 
     <div class="container">
-      <div class="columns is-vcentered">
-        <div class="column is-4">
+      <div class="flex flex-col md:flex-row items-center gap-8">
+        <div class="w-full md:w-1/3">
           <div class="section-title">
             <h2 class="is-gradient">What They Are <span
-                class="has-text-weight-light"> Saying About us</span></h2>
+                class="font-light"> Saying About us</span></h2>
             <p >Trusted by top engineers at the most ambitious companies</p>
           </div>
           <!-- arrows start  -->
@@ -741,7 +738,7 @@ <h2 class="is-gradient">What They Are <span
           </div>
           <!-- arrows end -->
         </div>
-        <div class="column is-8">
+        <div class="w-full md:w-2/3">
           <!-- owl-carousel -->
           <div class="testimonial-carousel-wrapper owl-carousel testimonial-carousel">
             {{ range $user := $.Site.Data.testimonials }}
@@ -775,17 +772,16 @@ <h2 class="is-gradient">What They Are <span
     <div class="container">
       <div class="cta-area-inner">
         <div class="container">
-          <div class="columns is-vcentered is-multiline">
-            <div class="column is-full-tablet is-8-desktop">
-             <div class="section-title mb-0 has-text-left-tablet">
+          <div class="flex flex-col md:flex-row items-center gap-8">
+            <div class="w-full md:w-2/3">
+             <div class="section-title mb-0 md:text-left">
               <h2>Manage your Kubernetes Native Applications across <br/>any Cloud or On-premies!</h2>
               <p class="mb-0">AppsCode products are FREE to try on any supported Kubernetes versions. There is no up-front investment required, and you need to pay only for the resources you use to your infrastructure provider. We offer a 30 day license FREE of cost for a given Kubernetes cluster.
               </p>
              </div>
             </div>
-            <div
-              class="column is-full-tablet is-4-desktop has-text-centered-touch has-text-right-desktop">
-              <div class="buttons is-justify-content-flex-center-mobile is-justify-content-flex-end">
+            <div class="w-full md:w-1/3 text-center lg:text-right">
+              <div class="buttons justify-center justify-end">
 
                 <a href="{{ $.Site.Params.domain_appscode }}/contact/" class="button ac-button is-primary ">
                     <span class="icon">
diff --git a/layouts/partials/components/cta-area.html b/layouts/partials/components/cta-area.html
index 9fee5a37c0..bac790012b 100644
--- a/layouts/partials/components/cta-area.html
+++ b/layouts/partials/components/cta-area.html
@@ -5,13 +5,13 @@
      <div class="container">
        <div class="cta-area-inner">
          <div class="container">
-           <div class="columns is-vcentered is-multiline">
-             <div class="column is-full-tablet is-half-tablet is-half-desktop">
+           <div class="flex flex-col md:flex-row items-center gap-4">
+             <div class="w-full md:w-1/2">
                <h3 data-aos="fade-up" data-aos-duration="500" class="aos-init aos-animate">Ready to Get Started?</h3>
              </div>
              <div
-               class="column is-full-tablet is-half-tablet is-half-desktop has-text-centered-touch has-text-right-desktop">
-               <div class="buttons is-justify-content-flex-end">
+               class="w-full md:w-1/2 text-center md:text-right">
+               <div class="buttons justify-end">
 
                  <a href="/products/{{ $p.key }}/{{ $p.latestVersion }}/setup/" class="button ac-button ac-white"
                    style="background-color: white; border: 1px solid #e7e7e7; color: #00a651;">Try
diff --git a/layouts/partials/components/press-area.html b/layouts/partials/components/press-area.html
index c78edb67b5..48e11f563b 100644
--- a/layouts/partials/components/press-area.html
+++ b/layouts/partials/components/press-area.html
@@ -1,19 +1,19 @@
 <!-- press-area start -->
 <section class="press-area section-padding is-hidden">
     <div class="container">
-      <div class="columns">
-        <div class="column is-10-tablet is-8 is-10-desktop is-8-widescreen">
+      <div class="flex">
+        <div class="w-full md:w-10/12 lg:w-2/3">
           <!-- section title start -->
-          <div class="section-title has-text-centered-tablet mb-10" data-aos="fade-up">
+          <div class="section-title md:text-center mb-10" data-aos="fade-up">
             <h2>WHAT THEY PUBLISHED</h2>
           </div>
           <!-- section title end -->
         </div>
       </div>
-      <div class="columns is-multiline" data-aos="fade-up" data-aos-duration="800">
+      <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-6" data-aos="fade-up" data-aos-duration="800">
         {{ range $idx, $article := $.Site.Data.press }}
         <!-- single press start -->
-        <div class="column is-one-quarter-widescreen is-one-quarter-fullhd is-half-tablet is-full-mobile">
+        <div>
           <div class="single-press-wrapper">
             <div class="press-image press-image-{{ add $idx 1 }}"></div>
             <div class="press-content">
diff --git a/layouts/partials/components/testimonial.html b/layouts/partials/components/testimonial.html
index a35a7d65bd..122750165a 100644
--- a/layouts/partials/components/testimonial.html
+++ b/layouts/partials/components/testimonial.html
@@ -1,11 +1,11 @@
 <section class="testimonial-area">
 
   <div class="container">
-    <div class="columns is-vcentered">
-      <div class="column is-4">
+    <div class="flex flex-col md:flex-row items-center gap-8">
+      <div class="w-full md:w-1/3">
         <div class="section-title">
           <h2 class="is-gradient" data-aos="fade-up" data-aos-duration="500">What They Are <span
-              class="has-text-weight-light"> Talking About us</span></h2>
+              class="font-light"> Talking About us</span></h2>
           <p data-aos="fade-up" data-aos-duration="700">Trusted by top engineers at the most ambitious companies</p>
         </div>
         <!-- arrows start  -->
@@ -25,7 +25,7 @@ <h2 class="is-gradient" data-aos="fade-up" data-aos-duration="500">What They Are
         </div>
         <!-- arrows end -->
       </div>
-      <div class="column is-8">
+      <div class="w-full md:w-2/3">
         <!-- owl-carousel -->
         <div class="testimonial-carousel-wrapper owl-carousel testimonial-carousel">
           {{ range $user := $.Site.Data.testimonials }}
@@ -33,7 +33,7 @@ <h2 class="is-gradient" data-aos="fade-up" data-aos-duration="500">What They Are
           <div class="single-testimonial-item">
             <!-- user info wrapper start  -->
             <div class="user-info-wrapper">
-              <figure class="image is-64x64">
+              <figure class="w-16 h-16 rounded-full overflow-hidden">
                 <img class="is-rounded" src="{{ $user.profile }}" alt="{{ $user.name }}">
               </figure>
               <div class="user-info">
diff --git a/layouts/partials/footer/footer.html b/layouts/partials/footer/footer.html
index e4088340a8..87ff414aa6 100644
--- a/layouts/partials/footer/footer.html
+++ b/layouts/partials/footer/footer.html
@@ -1,8 +1,8 @@
 <footer class="footer-area dark-bg">
   <div class="footer-top">
     <div class="container">
-      <div class="columns is-mobile is-multiline is-variable is-1-mobile">
-        <div class="column is-full-mobile is-one-third-desktop is-one-third-widescreen is-one-third-tablet mb-15"
+      <div class="grid grid-cols-2 md:grid-cols-5 gap-4">
+        <div class="col-span-2 md:col-span-2 mb-15"
           data-aos="fade-up">
           <div class="single-footer-widget">
             <!-- logo start -->
@@ -36,7 +36,7 @@
 
             <!-- contact information start -->
             <div class="contact-information">
-              <p class="has-text-weight-semibold">Have any Inquiry?</p>
+              <p class="font-semibold">Have any Inquiry?</p>
               <ul class="all-contact-info">
                 <li>
                   <a href="callto:{{.Site.Params.contact_phone}}"><span><i class="fa fa-phone"
@@ -53,7 +53,7 @@
           </div>
         </div>
 
-        <div class="column is-half-mobile" data-aos="fade-up" data-aos-duration="500">
+        <div class="col-span-1" data-aos="fade-up" data-aos-duration="500">
           <div class="single-footer-widget">
             <!-- footer menu start -->
             <div class="footer-menu is-info">
@@ -61,9 +61,9 @@
               <ul class="footer-link">
                 {{ range $item := $.Site.Data.config.footerLinks }}
                 {{ $p := (index $.Site.Data.products $item) }}
-                <li><a href="{{index $.Site.Params $p.website.domainKey}}{{$p.website.path}}" class="is-flex is-gap-4">
+                <li><a href="{{index $.Site.Params $p.website.domainKey}}{{$p.website.path}}" class="flex gap-4">
                   <span>{{$p.name}}</span>
-                  <span class="is-flex is-align-items-center">
+                  <span class="flex items-center">
                     <iconify-icon icon="heroicons:arrow-up-right" width="14" height="14"></iconify-icon>
                   </span>
                 </a></li>
@@ -74,7 +74,7 @@
           </div>
         </div>
 
-        <div class="column is-half-mobile" data-aos="fade-up" data-aos-duration="600">
+        <div class="col-span-1" data-aos="fade-up" data-aos-duration="600">
           <div class="single-footer-widget">
             <!-- footer menu start -->
             <div class="footer-menu is-success">
@@ -82,22 +82,22 @@
               <ul class="footer-link">
                 <!-- <li><a href="{{.Site.Params.domain_appscode}}/pricing/">Pricing</a></li> -->
                 <li>
-                  <a href="{{.Site.Params.domain_appscode}}/consulting/" class="is-flex is-gap-4">
+                  <a href="{{.Site.Params.domain_appscode}}/consulting/" class="flex gap-4">
                   <span>Consulting</span>
-                  <span class="is-flex is-align-items-center">
+                  <span class="flex items-center">
                     <iconify-icon icon="heroicons:arrow-small-right" width="14" height="14"></iconify-icon>
                   </span>
                   </a>
                 </li>
-                <li><a href="{{.Site.Params.domain_appscode}}/training/" class="is-flex is-gap-4">
+                <li><a href="{{.Site.Params.domain_appscode}}/training/" class="flex gap-4">
                   <span>Training</span>
-                  <span class="is-flex is-align-items-center">
+                  <span class="flex items-center">
                     <iconify-icon icon="heroicons:arrow-small-right" width="14" height="14"></iconify-icon>
                   </span>
                 </a></li>
-                <li><a href="{{.Site.Params.domain_appscode}}/support/" class="is-flex is-gap-4">
+                <li><a href="{{.Site.Params.domain_appscode}}/support/" class="flex gap-4">
                   <span>Support</span>
-                  <span class="is-flex is-align-items-center">
+                  <span class="flex items-center">
                     <iconify-icon icon="heroicons:arrow-small-right" width="14" height="14"></iconify-icon>
                   </span>
                 </a></li>
@@ -107,27 +107,27 @@
           </div>
         </div>
 
-        <div class="column is-half-mobile" data-aos="fade-up" data-aos-duration="700">
+        <div class="col-span-1" data-aos="fade-up" data-aos-duration="700">
           <div class="single-footer-widget">
             <!-- footer menu start -->
             <div class="footer-menu is-warning">
               <label>Company</label>
               <ul class="footer-link">
-                <li><a href="{{.Site.Params.domain_appscode}}/about/" class="is-flex is-gap-4">
+                <li><a href="{{.Site.Params.domain_appscode}}/about/" class="flex gap-4">
                  <span> About Us</span>
-                  <span class="is-flex is-align-items-center">
+                  <span class="flex items-center">
                     <iconify-icon icon="heroicons:arrow-small-right" width="14" height="14"></iconify-icon>
                   </span>
                 </a></li>
-                <li><a href="{{.Site.Params.blog_url}}" class="is-flex is-gap-4">
+                <li><a href="{{.Site.Params.blog_url}}" class="flex gap-4">
                   <span>Blog</span>
-                  <span class="is-flex is-align-items-center">
+                  <span class="flex items-center">
                     <iconify-icon icon="heroicons:arrow-small-right" width="14" height="14"></iconify-icon>
                   </span>
                 </a></li>
-                <li><a href="{{.Site.Params.domain_appscode}}/contact/" class="is-flex is-gap-4">
+                <li><a href="{{.Site.Params.domain_appscode}}/contact/" class="flex gap-4">
                   <span>Contact Us</span>
-                  <span class="is-flex is-align-items-center">
+                  <span class="flex items-center">
                     <iconify-icon icon="heroicons:arrow-small-right" width="14" height="14"></iconify-icon>
                   </span>
                 </a></li>
@@ -137,41 +137,41 @@
           </div>
         </div>
 
-        <div class="column is-half-mobile" data-aos="fade-up" data-aos-duration="800">
+        <div class="col-span-1" data-aos="fade-up" data-aos-duration="800">
           <div class="single-footer-widget">
             <!-- footer menu start -->
             <div class="footer-menu is-danger">
               <label>Legal</label>
               <ul class="footer-link">
                 <li>
-                  <a href="{{.Site.Params.domain_appscode}}/legal/tos/" class="is-flex is-gap-4">
+                  <a href="{{.Site.Params.domain_appscode}}/legal/tos/" class="flex gap-4">
                   <span>Terms of Service</span>
-                  <span class="is-flex is-align-items-center">
+                  <span class="flex items-center">
                     <iconify-icon icon="heroicons:arrow-small-right" width="14" height="14"></iconify-icon>
                   </span>
                 </a>
                </li>
 
                <li>
-                <a href="{{.Site.Params.domain_appscode}}/legal/privacy-policy/" class="is-flex is-gap-4">
+                <a href="{{.Site.Params.domain_appscode}}/legal/privacy-policy/" class="flex gap-4">
                 <span>Privacy Policy</span>
-                <span class="is-flex is-align-items-center">
+                <span class="flex items-center">
                   <iconify-icon icon="heroicons:arrow-small-right" width="14" height="14"></iconify-icon>
                 </span>
                 </a>
                </li>
                 <li>
-                  <a href="{{.Site.Params.domain_appscode}}/legal/security/" class="is-flex is-gap-4">
+                  <a href="{{.Site.Params.domain_appscode}}/legal/security/" class="flex gap-4">
                     <span>Security</span>
-                    <span class="is-flex is-align-items-center">
+                    <span class="flex items-center">
                       <iconify-icon icon="heroicons:arrow-small-right" width="14" height="14"></iconify-icon>
                     </span>
                   </a>
                 </li>
                 <li>
-                  <a href="{{.Site.Params.domain_appscode}}/legal/sla/" class="is-flex is-gap-4">
+                  <a href="{{.Site.Params.domain_appscode}}/legal/sla/" class="flex gap-4">
                   <span>Service Level Agreement</span>
-                  <span class="is-flex is-align-items-center">
+                  <span class="flex items-center">
                     <iconify-icon icon="heroicons:arrow-small-right" width="14" height="14"></iconify-icon>
                   </span>
                   </a>
@@ -186,18 +186,18 @@
   </div>
   <div class="footer-bottom dark-bg">
     <div class="container">
-      <div class="columns is-vcentered">
-        <div class="column is-4 has-text-centered-mobile  has-text-left-tablet is-paddingless">
+      <div class="flex flex-col md:flex-row items-center justify-between">
+        <div class="w-full md:w-1/3 text-center md:text-left p-0">
           <p>© {{ now.Format "2006" }} AppsCode Inc. All rights reserved.</p>
         </div>
-        <div class="column is-4 is-mobile has-text-centered-touch has-text-centered-desktop is-paddingless">
+        <div class="w-full md:w-1/3 text-center p-0">
           <div class="footer-inline-link">
             <a href="{{.Site.Params.domain_appscode}}/legal/privacy-policy/">Privacy Policy</a>
             <a href="{{.Site.Params.domain_appscode}}/legal/tos/">Terms of Service</a>
             <a href="https://icons8.com/" target="_blank"> Icons by Icons8</a>
           </div>
         </div>
-        <div class="column is-4 has-text-centered-mobile  has-text-right-tablet is-paddingless">
+        <div class="w-full md:w-1/3 text-center md:text-right p-0">
           <div class="socail-link-inline">
             <ul>
               <li>
diff --git a/layouts/partials/header/header.html b/layouts/partials/header/header.html
index f376336481..a5aa0edf3a 100644
--- a/layouts/partials/header/header.html
+++ b/layouts/partials/header/header.html
@@ -40,7 +40,7 @@
                 <img src="{{$.Site.Data.products.appscode.logo.src}}"
                   alt="{{$.Site.Data.products.appscode.logo.alt}}" loading="eager" height="30" width="auto"/>
               </a>
-              <a role="button" class="navbar-burger is-hidden-desktop" aria-label="menu" aria-expanded="false">
+              <a role="button" class="navbar-burger block lg:hidden" aria-label="menu" aria-expanded="false">
                 <span aria-hidden="true"></span>
                 <span aria-hidden="true"></span>
                 <span aria-hidden="true"></span>
@@ -51,7 +51,7 @@
 
 
           <div class="navbar-right">
-            <div class="is-flex is-justify-content-space-between is-fullwidth">
+            <div class="flex is-justify-content-space-between is-fullwidth">
               <!-- navbar items start -->
               <ul class="navbar-left-group">
                 <li class="nav-item">
@@ -78,7 +78,7 @@
                             <img src="{{ $p.icon.src }}" alt="{{ $p.icon.alt }}" loading="lazy">
                           </div>
                           <div class="product-info">
-                            <h2 class="is-size-6 is-flex">{{ $p.name }}
+                            <h2 class="is-size-6 flex">{{ $p.name }}
                               {{ if eq ($p.name) "KubeStash" }}
                               <span class="whats-new is-relative is-block" style="right: -2px; top: -12px;">New</span>
                               {{ end }}
@@ -331,7 +331,7 @@ <h2 class="is-size-6">{{ $p.name }}</h2>
                               <img src="{{ $service.icon }}" alt="{{ $service.title }}"/>
                             </div>
                             <div class="product-info">
-                              <h2 class="is-size-6 is-flex">{{ $service.title }}</h2>
+                              <h2 class="is-size-6 flex">{{ $service.title }}</h2>
                               <p>{{ $service.description }}</p>
                             </div>
                             <!-- <div class="navigate-icon">
@@ -355,7 +355,7 @@ <h2 class="is-size-6 is-flex">{{ $service.title }}</h2>
                                   {{ end }}
                                 </div> -->
                                 <div class="product-info">
-                                  <h2 class="is-size-6 is-flex is-align-items-center gap-8">{{ $offering.title }} <span class="arrow-right icon">
+                                  <h2 class="is-size-6 flex items-center gap-8">{{ $offering.title }} <span class="arrow-right icon">
                                     <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.5 12H5m8 6s6-4.419 6-6s-6-6-6-6"/></svg>
                                   </span></h2>
                                   <p>{{ $offering.description }}</p>
@@ -416,37 +416,37 @@ <h2 class="is-size-6 is-flex is-align-items-center gap-8">{{ $offering.title }}
                           <h2>RESOURCES</h2>
                           <ul>
                             <!-- <li><a href="#" target="_blank">Forum</a></li> -->
-                            <li><a href="{{.Site.Params.blog_url}}" class="is-flex is-gap-4">
+                            <li><a href="{{.Site.Params.blog_url}}" class="flex gap-4">
                               <span>Blog</span>
-                              <span class="is-flex width-12">
+                              <span class="flex width-12">
                                 <iconify-icon icon="heroicons:arrow-up-right" width="14" height="14"></iconify-icon>
                               </span>
                             </a>
                           </li>
-                            <li><a href="{{.Site.Params.docs_url}}" class="is-flex is-gap-4">
+                            <li><a href="{{.Site.Params.docs_url}}" class="flex gap-4">
                               <span>Docs</span>
-                              <span class="is-flex width-12">
+                              <span class="flex width-12">
                                 <iconify-icon icon="heroicons:arrow-up-right" width="14" height="14"></iconify-icon>
                               </span>
                             </a></li>
                             <li><a
                                 href="https://www.youtube.com/watch?v=4lkBt5UUEAQ&list=PLoiT1Gv2KR1hAtDDW7fHEi-s2y2H3DOgx"
-                                target="_blank" class="is-flex is-gap-4">
+                                target="_blank" class="flex gap-4">
                                 <span>Webinars</span>
-                              <span class="is-flex width-12">
+                              <span class="flex width-12">
                                 <iconify-icon icon="heroicons:arrow-up-right" width="14" height="14"></iconify-icon>
                               </span>
                             </a>
                           </li>
-                            <li><a href="{{.Site.Params.learn_url}}" class="is-flex is-gap-4">
+                            <li><a href="{{.Site.Params.learn_url}}" class="flex gap-4">
                               <span>Learn</span>
-                              <span class="is-flex width-12">
+                              <span class="flex width-12">
                                 <iconify-icon icon="heroicons:arrow-up-right" width="14" height="14"></iconify-icon>
                               </span>
                             </a></li>
-                            <li><a href="{{.Site.Params.youtube_url}}" target="_blank" class="is-flex is-gap-4">
+                            <li><a href="{{.Site.Params.youtube_url}}" target="_blank" class="flex gap-4">
                               <span>Demos</span>
-                              <span class="is-flex width-12">
+                              <span class="flex width-12">
                                 <iconify-icon icon="heroicons:arrow-up-right" width="14" height="14"></iconify-icon>
                               </span>
                             </a></li>
@@ -628,7 +628,7 @@ <h2>RESOURCES</h2>
           <!-- version select end -->
           {{ end }}
 
-          <a role="button" class="navbar-burger width-65 font-size-14 has-text-weight-bold pl-6 pr-6"
+          <a role="button" class="navbar-burger width-65 font-size-14 font-bold pl-6 pr-6"
             aria-label="menu" aria-expanded="false">
             MENU <i class="fa fa-angle-down pl-5"></i>
           </a>
diff --git a/layouts/partials/helpers/style-bundle.html b/layouts/partials/helpers/style-bundle.html
index 8131e169f3..9453f6d79e 100644
--- a/layouts/partials/helpers/style-bundle.html
+++ b/layouts/partials/helpers/style-bundle.html
@@ -15,8 +15,8 @@
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" media="print" onload="this.media='all'">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" media="print" onload="this.media='all'">
 
-<!-- Load custom CSS asynchronously -->
-<link rel="stylesheet" href="/assets/sass/main.css">
-<!-- {{ with $style := resources.Get "/assets/sass/main.css" | resources.PostCSS | resources.Minify | resources.Fingerprint }}
-<link rel="stylesheet" href="{{ $style.RelPermalink }}" />
-{{ end }} -->
+<!-- Tailwind CSS utility classes -->
+<link rel="stylesheet" href="/assets/css/tailwind.css">
+
+<!-- Custom component styles (compiled from SCSS) -->
+<link rel="stylesheet" href="/assets/sass/custom.css">
diff --git a/layouts/products/datasheet.html b/layouts/products/datasheet.html
index fcbc28cd57..2c5726c253 100644
--- a/layouts/products/datasheet.html
+++ b/layouts/products/datasheet.html
@@ -6,8 +6,8 @@
 <!-- datasheet area start -->
 <section class="section-padding">
   <div class="container">
-    <div class="columns">
-      <div class="column is-6">
+    <div class="flex flex-col md:flex-row gap-8">
+      <div class="w-full md:w-1/2">
         <div class="datasheet-wrapper">
             <div class="download-image">
                 <img src="/assets/images/datasheet-image/download.png" alt="" />
@@ -32,7 +32,7 @@ <h4 class="mt-15">Talk to a product expert</h4>
             </div>
         </div>
       </div>
-      <div class="column is-6">
+      <div class="w-full md:w-1/2">
         <div class="form-area">
           <script src='https://appscode.freshsales.io/web_forms/{{ $datasheetFormID }}/form.js' crossorigin='anonymous' id='fs_{{ $datasheetFormID }}'></script>
         </div>
diff --git a/layouts/products/features.html b/layouts/products/features.html
index 0740d08f4d..d0e3cc1152 100644
--- a/layouts/products/features.html
+++ b/layouts/products/features.html
@@ -6,7 +6,7 @@
 <section class="features-area">
   <div class="hero-features d-table">
     <!-- hero features text start -->
-    <div class="hero-features-content d-table-cell has-text-centered">
+    <div class="hero-features-content d-table-cell text-center">
       <h1>{{ $p.name }} Features</h1>
       <p>{{ $p.summary }}</p>
       <div class="hero-area-button">
@@ -29,8 +29,8 @@ <h1>{{ $p.name }} Features</h1>
   <div class="container">
     <div class="feature-section-gap pb-100">
       {{ if (modBool $idx 2) }}
-      <div class="columns">
-        <div class="column is-5 is-offset-1">
+      <div class="flex flex-col md:flex-row gap-8">
+        <div class="w-full md:w-5/12 md:ml-8">
           <div class="feature-wrapper d-table">
             <div class="feature-content pr-140 d-table-cell">
               <h2>{{ $f.title }}</h2>
@@ -40,8 +40,7 @@ <h2>{{ $f.title }}</h2>
             </div>
           </div>
         </div>
-        <div class="column is-5 is-offset-1">
-          <div class="single-feature-image">
+        <div class="w-full md:w-5/12 md:ml-8">
             <img
               src="{{ $f.image.src }}"
               alt="{{ $f.image.alt }}"
@@ -51,8 +50,8 @@ <h2>{{ $f.title }}</h2>
         </div>
       </div>
       {{ else }}
-      <div class="columns reverse-row-order">
-        <div class="column is-5 is-offset-1">
+      <div class="flex flex-col-reverse md:flex-row gap-8">
+        <div class="w-full md:w-5/12 md:ml-8">
           <div class="single-feature-image">
             <img
               src="{{ $f.image.src }}"
@@ -61,7 +60,7 @@ <h2>{{ $f.title }}</h2>
             />
           </div>
         </div>
-        <div class="column is-5">
+        <div class="w-full md:w-5/12">
           <div class="feature-wrapper d-table">
             <div class="feature-content pr-45 d-table-cell">
               <h2>{{ $f.title }}</h2>
diff --git a/layouts/products/meet-expert.html b/layouts/products/meet-expert.html
index c792ee37ba..9cae21416c 100644
--- a/layouts/products/meet-expert.html
+++ b/layouts/products/meet-expert.html
@@ -4,9 +4,8 @@
 
 <section>
   <div class="container">
-    <div class="columns">
-        <div class="column has-text-centered">
-            <div class="schedule-title">
+    <div class="text-center">
+        <div class="schedule-title">
                 <h2>Talk to a product expert about
 				{{ if $productName }}
 				{{ index $.Site.Data.products .Params.product_name "name" }}
@@ -16,7 +15,6 @@ <h2>Talk to a product expert about
                 </h2>
             </div>
         </div>
-    </div>
   </div>
 </section>
 <!-- Calendly inline widget begin -->
diff --git a/layouts/products/pricing.html b/layouts/products/pricing.html
index 041e4c68cb..ebb659a154 100644
--- a/layouts/products/pricing.html
+++ b/layouts/products/pricing.html
@@ -5,8 +5,8 @@
 <!-- hero area for page start -->
 <section class="hero-area features-plan">
   <div class="container">
-    <div class="columns">
-      <div class="column is-6">
+    <div class="flex flex-col md:flex-row items-center gap-8">
+      <div class="w-full md:w-1/2">
         <!-- hero content start -->
         <div class="hero-area-content d-table pr-60">
           <div class="hero-content-inner d-table-cell">
@@ -25,7 +25,7 @@ <h1 data-aos="fade-up">
         </div>
         <!-- hero content end -->
       </div>
-      <div class="column is-6">
+      <div class="w-full md:w-1/2">
         <div class="hero-area-img" data-aos="fade-up" data-aos-duration="1000">
           <img
             src="/assets/images/support-page/support-img.png"
@@ -42,24 +42,22 @@ <h1 data-aos="fade-up">
 <!-- pricing plan start -->
 <section class="pricing-plan-area section-padding support-page">
   <div class="container">
-    <div class="columns">
-      <div class="column has-text-centered">
-        <!-- section title start -->
-        <div class="section-title mb-80">
+    <div class="text-center">
+      <!-- section title start -->
+      <div class="section-title mb-80">
           <h2 data-aos="fade-up">{{ $p.name }} Support Plans</h2>
           <p data-aos="fade-up" data-aos-duration="500">
             Our support plans are designed to meet your need, risk tolerance and budget constraints
           </p>
         </div>
-        <!-- section title end -->
-      </div>
+      <!-- section title end -->
     </div>
   </div>
   <div class="pricing-area-wrapper">
     <div class="container">
-      <div class="columns is-variable is-0">
+      <div class="flex flex-col md:flex-row">
         <!-- pricing column start -->
-        <div class="column" data-aos="fade-up">
+        <div class="md:flex-1" data-aos="fade-up">
           <div class="single-pricing-table details">
             <!-- pricing body start -->
             <div class="pricing-body">
@@ -155,7 +153,7 @@ <h2 data-aos="fade-up">{{ $p.name }} Support Plans</h2>
         </div>
         <!-- pricing column end -->
         <!-- pricing column start -->
-        <div class="column has-text-centered" data-aos="fade-up" data-aos-duration="800">
+        <div class="text-center md:flex-1" data-aos="fade-up" data-aos-duration="800">
           <div class="single-pricing-table free">
             <!-- pricing heading start -->
             <div class="pricing-heading">
@@ -261,7 +259,7 @@ <h4>Community</h4>
         </div>
         <!-- pricing column end -->
         <!-- pricing column start -->
-        <div class="column has-text-centered" data-aos="fade-up" data-aos-duration="1500">
+        <div class="text-center md:flex-1" data-aos="fade-up" data-aos-duration="1500">
           <div class="single-pricing-table plutinum">
             <!-- pricing heading start -->
             <div class="pricing-heading">
@@ -368,8 +366,8 @@ <h4>Enterprise</h4>
         <!-- pricing column end -->
       </div>
       <!-- pricing description start -->
-      <div class="columns mt-30 pricing-description-mobile" data-aos="fade-up" data-aos-duration="1000">
-        <div class="column">
+      <div class="mt-30 pricing-description-mobile" data-aos="fade-up" data-aos-duration="1000">
+        <div>
           <div class="pricing-description">
             <ul>
               <li>
@@ -391,8 +389,8 @@ <h4>Enterprise</h4>
 <!-- payment method area start -->
 <section class="payment-method-area section-padding">
   <div class="container">
-    <div class="columns">
-      <div class="column is-4 is-offset-1">
+    <div class="flex flex-col md:flex-row items-center gap-8">
+      <div class="w-full md:w-2/5">
         <div class="payment-method-innner-text pr-140" data-aos="fade-up">
           <h2>Payment Methods</h2>
           <p data-aos="fade-up" data-aos-duration="800">
@@ -402,7 +400,7 @@ <h2>Payment Methods</h2>
           </p>
         </div>
       </div>
-      <div class="column is-6 is-offset-1">
+      <div class="w-full md:w-3/5">
         <div class="image-wrapper d-table">
           <div class="payment-option-image d-table-cell">
             <div class="single-payment-method" data-aos="fade-up">
@@ -458,20 +456,18 @@ <h2>Payment Methods</h2>
 <!-- faq area start -->
 <section class="faq-area section-padding">
   <div class="container">
-    <div class="columns">
-      <div class="column has-text-centered">
-        <div class="section-title" data-aos="fade-up">
-          <h2>Frequently Asked Questions</h2>
-        </div>
+    <div class="text-center">
+      <div class="section-title" data-aos="fade-up">
+        <h2>Frequently Asked Questions</h2>
       </div>
     </div>
-    <div class="columns">
-      <div class="column is-5 is-offset-1">
+    <div class="flex flex-col md:flex-row items-center gap-8">
+      <div class="w-full md:w-1/2">
         <div class="faq-image" data-aos="fade-up">
           <img src="/assets/images/support-page/faq.png" alt="" class="img" />
         </div>
       </div>
-      <div class="column is-5 is-offset-1">
+      <div class="w-full md:w-1/2">
         <div class="faq-content">
           <!-- faq content start -->
           <div class="accordion">
diff --git a/layouts/products/project_simple.html b/layouts/products/project_simple.html
index 7c1a359c48..8dd71a928a 100644
--- a/layouts/products/project_simple.html
+++ b/layouts/products/project_simple.html
@@ -24,8 +24,8 @@
     <div class="circle"></div>
   </div>
   <div class="container">
-    <div class="columns is-vcentered is-multiline">
-      <div class="column is-6">
+    <div class="flex flex-col md:flex-row items-center gap-8">
+      <div class="w-full md:w-1/2">
          <!-- news connect-message start  -->
          <div class="news-message-wrapper">
            <a href="" class="news-message is-hidden" data-aos="fade-up" data-aos-duration="900"><span>cool stuff!</a>
@@ -71,7 +71,7 @@ <h1> {{ $p.tagline | safeHTML }}</h1>
         </div>
 
       </div>
-      <div class="column is-6">
+      <div class="w-full md:w-1/2">
         <div class="hero-area-right">
           <img src="{{ $p.heroImage.src }}" alt="{{ $p.heroImage.alt }}" class="img" />
         <!-- <img src="/assets/images/products/kubedb/hero-right-image.png" alt=""> -->
@@ -84,8 +84,8 @@ <h1> {{ $p.tagline | safeHTML }}</h1>
 <!-- social prove logo area start   -->
 <div class="social-prove-brand-area">
   <div class="container">
-    <div class="columns">
-      <div class="column is-12">
+    <div>
+      <div>
         <div class="brand-image-wrapper owl-carousel" id="brand-image-wrapper">
           {{ range $customer := $.Site.Data.customers }}
           {{ if $customer.show }}
@@ -101,9 +101,9 @@ <h1> {{ $p.tagline | safeHTML }}</h1>
 <!-- product features area start  -->
 <section class="product-feaures-area mb-50">
   <div class="container">
-    <div class="columns is-centered">
-      <div class="column is-8">
-        <div class="section-title has-text-centered">
+    <div class="flex justify-center">
+      <div class="w-full lg:w-2/3">
+        <div class="section-title text-center">
           <h2 class="is-gradient">Special Features</h2>
           {{ if $p.summary }}
           <p data-aos="fade-up" data-aos-duration="700">
@@ -116,10 +116,10 @@ <h2 class="is-gradient">Special Features</h2>
   </div>
   <div class="container">
     <!-- is-centered -->
-    <div class="columns is-multiline is-centered">
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
       <!-- single feature information start  -->
       {{ range $f := $p.features }}
-      <div class="column is-half-tablet is-one-third-widescreen">
+      <div>
         <a href="/features/{{ $f.url }}" class="single-features-item" data-aos="fade-up" data-aos-duration="500">
           <div class="feature-icon">
             <img src="{{ $f.icon.src }}" alt="{{ $f.icon.alt }}" />
diff --git a/layouts/products/project_simple_before_templatized.html b/layouts/products/project_simple_before_templatized.html
index bad5ce44b2..9854b4ae3d 100644
--- a/layouts/products/project_simple_before_templatized.html
+++ b/layouts/products/project_simple_before_templatized.html
@@ -6,8 +6,8 @@
 <section class="hero-area">
   <div class="container">
     <div>
-      <div class="columns">
-        <div class="column is-6">
+      <div class="flex flex-col md:flex-row items-center gap-8">
+        <div class="w-full md:w-1/2">
           <!-- hero content start -->
           <div class="hero-area-content d-table">
             <div class="hero-content-inner d-table-cell">
@@ -35,7 +35,7 @@ <h1>
           </div>
           <!-- hero content end -->
         </div>
-        <div class="column is-6 is-hidden-mobile">
+        <div class="w-full md:w-1/2 hidden md:block">
           <!-- hero image start -->
           <div class="hero-area-img">
             <img src="/assets/images/hero-img.png" alt="" class="img" />
@@ -51,8 +51,8 @@ <h1>
 <!-- feature-area start -->
 <section class="product-feature-area section-padding">
   <div class="container">
-    <div class="columns">
-      <div class="column is-8 is-offset-2 has-text-centered">
+    <div class="flex justify-center">
+      <div class="w-full md:w-8/12 text-center">
         <!-- section-title start -->
         <div class="section-title is-main-title">
           <h2>Product Features</h2>
@@ -64,9 +64,9 @@ <h2>Product Features</h2>
         <!-- section-title end -->
       </div>
     </div>
-    <div class="columns is-multiline">
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
       <!-- single feature area start -->
-      <div class="column is-6">
+      <div>
         <div class="single-product-feature-wrapper">
           <div class="product-feature-icon">
             <img src="/assets/images/icon/feature-icon/http.png" alt="" />
@@ -91,7 +91,7 @@ <h3>HTTP & TCP</h3>
       </div>
       <!-- single feature area end -->
       <!-- single feature area start -->
-      <div class="column is-6">
+      <div>
         <div class="single-product-feature-wrapper">
           <div class="product-feature-icon">
             <img src="/assets/images/icon/feature-icon/ssl.png" alt="" />
@@ -116,7 +116,7 @@ <h3>SSL</h3>
       </div>
       <!-- single feature area end -->
       <!-- single feature area start -->
-      <div class="column is-6">
+      <div>
         <div class="single-product-feature-wrapper">
           <div class="product-feature-icon">
             <img src="/assets/images/icon/feature-icon/platform.png" alt="" />
@@ -141,7 +141,7 @@ <h3>Platform Support</h3>
       </div>
       <!-- single feature area end -->
       <!-- single feature area start -->
-      <div class="column is-6">
+      <div>
         <div class="single-product-feature-wrapper">
           <div class="product-feature-icon">
             <img src="/assets/images/icon/feature-icon/haproxy.png" alt="" />
@@ -166,7 +166,7 @@ <h3>Haproxy</h3>
       </div>
       <!-- single feature area end -->
       <!-- single feature area start -->
-      <div class="column is-6">
+      <div>
         <div class="single-product-feature-wrapper">
           <div class="product-feature-icon">
             <img src="/assets/images/icon/feature-icon/prometheus.png" alt="" />
@@ -191,7 +191,7 @@ <h3>Prometheus</h3>
       </div>
       <!-- single feature area end -->
       <!-- single feature area start -->
-      <div class="column is-6">
+      <div>
         <div class="single-product-feature-wrapper">
           <div class="product-feature-icon">
             <img src="/assets/images/icon/feature-icon/encrypt.png" alt="" />
diff --git a/layouts/products/single.html b/layouts/products/single.html
index 46ce98fa24..5b2105df9e 100644
--- a/layouts/products/single.html
+++ b/layouts/products/single.html
@@ -5,8 +5,8 @@
 {{ $p := (index .Site.Data.products .Params.product_name) }}
 
 <!-- documentation and search start   -->
-<div class="responsive-menu is-hidden-desktop is-flex is-justify-content-center">
-  <div class="is-flex is-justify-content-space-between is-fullwidth pl-20 pr-20">
+<div class="responsive-menu block lg:hidden flex is-justify-content-center">
+  <div class="flex is-justify-content-space-between is-fullwidth pl-20 pr-20">
     <button class="button"><span class="material-icons">
         menu
       </span></button>
@@ -152,7 +152,7 @@ <h2 class="is-size-6">{{ .Name }}</h2>
 <div class="documentation-area">
   <!-- documentation area start -->
   <div class="left-sidebar-wrapper">
-    <button class="button ac-button inline-button back-button pl-15 is-hidden-desktop">
+    <button class="button ac-button inline-button back-button pl-15 block lg:hidden">
       <span
       class="icon p-0">
       <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
@@ -283,7 +283,7 @@ <h2 class="is-size-6">{{ .Name }}</h2>
 
       <!-- table of contents area start -->
       <div class="tbl-of-contents">
-        <button class="button ac-button inline-button back-button pl-15 is-hidden-desktop">
+        <button class="button ac-button inline-button back-button pl-15 block lg:hidden">
           <span
           class="icon p-0">
           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
@@ -353,14 +353,14 @@ <h5>Search</h5>
 <!-- improve page section start  -->
 <div class="improve-section-area">
   <div class="container">
-    <div class="columns has-text-centered">
+    <div class="text-center">
       {{ $urlToken := (split .File.Path "/") }}
-      <div class="column is-12">
+      <div>
         <a
           href="{{ $p.repoURL }}/edit/master/docs/{{ if (gt $urlToken 2) }} {{- range after 2 $urlToken -}}{{.}}/{{- end -}}{{ end }}">Improve
           This Page</a>
       </div>
-      <!-- <div class="column is-6 has-text-right">
+      <!-- <div class="column is-6 text-right">
             <p>Last Update 3 days ago</p>
           </div> -->
     </div>
diff --git a/layouts/shortcodes/common/cards-group.html b/layouts/shortcodes/common/cards-group.html
index db99700fce..ccd095a2f9 100644
--- a/layouts/shortcodes/common/cards-group.html
+++ b/layouts/shortcodes/common/cards-group.html
@@ -7,7 +7,7 @@
 {{ with $data.cards_group }}
 <section class="section-padding engagement-models-section bg-light">
     <div class="container">
-        <div class="section-title has-text-centered mb-32">
+        <div class="section-title text-center mb-32">
             <h2>{{ $data.cards_group.title }}</h2>
             <p>{{$data.cards_group.subtitle }}</p>
         </div>
diff --git a/layouts/shortcodes/common/cards-large-preview.html b/layouts/shortcodes/common/cards-large-preview.html
index 45cc978261..8a5b12d92a 100644
--- a/layouts/shortcodes/common/cards-large-preview.html
+++ b/layouts/shortcodes/common/cards-large-preview.html
@@ -7,14 +7,14 @@
 {{ with $data.large_preview_cards }}
 <section class="section-padding cloud-native-partner-section">
     <div class="container">
-        <div class="section-title has-text-centered mb-32">
+        <div class="section-title text-center mb-32">
             <h2>{{ $data.large_preview_cards.title }}</h2>
             <p>{{ $data.large_preview_cards.subtitle }}</p>
         </div>
 
-        <div class="columns is-multiline">
+        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
             {{ range $item := $data.large_preview_cards.items }}
-            <div class="column is-4">
+            <div>
                 <div class="single-feature card-view">
                     <div class="icon">
                         {{ if or $item.icon $item.logo }}
diff --git a/layouts/shortcodes/common/cards-large-preview2.html b/layouts/shortcodes/common/cards-large-preview2.html
index d43c445fd1..44b13dead3 100644
--- a/layouts/shortcodes/common/cards-large-preview2.html
+++ b/layouts/shortcodes/common/cards-large-preview2.html
@@ -7,14 +7,14 @@
 {{ with $data.large_preview_cards2 }}
 <section class="section-padding cloud-native-partner-section style-2">
     <div class="container">
-        <div class="section-title has-text-centered mb-32">
+        <div class="section-title text-center mb-32">
             <h2>{{ $data.large_preview_cards2.title }}</h2>
             <p>{{ $data.large_preview_cards2.subtitle }}</p>
         </div>
 
-        <div class="columns is-multiline">
+        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
             {{ range $item := $data.large_preview_cards2.items }}
-            <div class="column is-3">
+            <div>
                 <div class="single-feature card-view">
                     <div class="icon">
                          {{ if or $item.icon $item.logo }}
diff --git a/layouts/shortcodes/common/cards.html b/layouts/shortcodes/common/cards.html
index 33304bd6ce..1e1d28b05f 100644
--- a/layouts/shortcodes/common/cards.html
+++ b/layouts/shortcodes/common/cards.html
@@ -4,18 +4,18 @@
 {{ with $data.cards }}
 <section class="section-padding bg-light benefits-section">
     <div class="container">
-        <div class="columns is-centered">
-            <div class="column is-10">
-                <div class="section-title has-text-centered-tablet mb-16">
+        <div class="flex justify-center">
+            <div class="w-full lg:w-5/6">
+                <div class="section-title md:text-center mb-16">
                     <h2>{{ default "Our Services" .title }}</h2>
                     <p class="mb-0">{{ default "" .subtitle | safeHTML }}</p>
                 </div>
             </div>
         </div>
 
-        <div class="columns is-multiline">
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
             {{ range .items }}
-            <div class="column is-4">
+            <div>
                 <div class="service-card">
                     <div class="service-icon">
                          {{ if or .icon .logo }}
diff --git a/layouts/shortcodes/common/cards2.html b/layouts/shortcodes/common/cards2.html
index 8ac68a6941..20324e2cd4 100644
--- a/layouts/shortcodes/common/cards2.html
+++ b/layouts/shortcodes/common/cards2.html
@@ -4,18 +4,18 @@
 {{ with $data.cards2 }}
 <section class="section-padding bg-light benefits-section">
     <div class="container">
-        <div class="columns is-centered">
-            <div class="column is-10">
-                <div class="section-title has-text-centered-tablet mb-16">
+        <div class="flex justify-center">
+            <div class="w-full lg:w-5/6">
+                <div class="section-title md:text-center mb-16">
                     <h2>{{ default "Our Services" .title }}</h2>
                     <p class="mb-0">{{ default "" .subtitle | safeHTML }}</p>
                 </div>
             </div>
         </div>
 
-        <div class="columns is-multiline">
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
             {{ range .items }}
-            <div class="column is-4">
+            <div>
                 <div class="service-card">
                     <div class="service-icon">
                         {{ if or .icon .logo }}
diff --git a/layouts/shortcodes/common/cta-area.html b/layouts/shortcodes/common/cta-area.html
index 0482f972e0..f74c3facb9 100644
--- a/layouts/shortcodes/common/cta-area.html
+++ b/layouts/shortcodes/common/cta-area.html
@@ -7,8 +7,8 @@
 {{ with $data.final_cta }}
 <!-- Final CTA Section -->
 <section class="section-padding cta-action-section">
-    <div class="container has-text-centered">
-        <div class="section-title has-text-centered">
+    <div class="container text-center">
+        <div class="section-title text-center">
             <h2>{{ $data.final_cta.title }}</h2>
             <p>
                 {{ $data.final_cta.subtitle | safeHTML }}
diff --git a/layouts/shortcodes/common/customer-logos.html b/layouts/shortcodes/common/customer-logos.html
index 431c32f1c2..6030133a47 100644
--- a/layouts/shortcodes/common/customer-logos.html
+++ b/layouts/shortcodes/common/customer-logos.html
@@ -4,10 +4,10 @@
 {{ with $data.trusted_by }}
 <!-- Trusted by Section -->
 <section>
-    <div class="container has-text-centered">
+    <div class="container text-center">
         <h5>{{ $data.trusted_by.title }}</h5>
-        <div class="columns is-centered is-vcentered">
-            <div class="column is-12">
+        <div class="flex justify-center items-center">
+            <div class="w-full">
                 <div class="social-prove-brand-area">
                     <div class="brand-image-wrapper owl-carousel" id="brand-image-wrapper">
                         {{ range $customer := $.Site.Data.customers }}
diff --git a/layouts/shortcodes/common/expertise.html b/layouts/shortcodes/common/expertise.html
index bd4edcff93..60803cdd02 100644
--- a/layouts/shortcodes/common/expertise.html
+++ b/layouts/shortcodes/common/expertise.html
@@ -7,9 +7,9 @@
 {{ with $data.tech_stack }}
 <section class="section-padding">
     <div class="container">
-        <div class="columns is-multiline is-centered">
-            <div class="column">
-                <div class="section-title has-text-centered">
+        <div class="text-center">
+            <div>
+                <div class="section-title text-center">
                     <h2>{{ $data.tech_stack.title }}</h2>
                     <p>{{ $data.tech_stack.subtitle | safeHTML }}</p>
                 </div>
@@ -18,10 +18,10 @@ <h2>{{ $data.tech_stack.title }}</h2>
     </div>
 
     <div class="container">
-        <div class="columns is-multiline is-centered">
+        <div class="flex justify-center">
             <div class="logo-presentation">
                 {{ range $item := $data.tech_stack.technologies }}
-                <div class="single-logo has-text-centered" title="{{ $item.name }}">
+                <div class="single-logo text-center" title="{{ $item.name }}">
                     <img src="{{ $item.logo }}" alt="{{ $item.name }}">
                     <span class="logo-name">{{ $item.name }}</span>
                 </div>
diff --git a/layouts/shortcodes/common/faq.html b/layouts/shortcodes/common/faq.html
index c679479471..c108c68f62 100644
--- a/layouts/shortcodes/common/faq.html
+++ b/layouts/shortcodes/common/faq.html
@@ -7,8 +7,8 @@
 {{ with $data.faq }}
 <section class="faq-area section-padding">
   <div class="container">
-    <div class="columns is-vcentered">
-      <div class="column is-6">
+    <div class="flex flex-col md:flex-row items-center gap-8">
+      <div class="w-full md:w-1/2">
         <div class="faq-left">
 
           <div class="faq-image">
@@ -34,7 +34,7 @@ <h4 class="mb-8">Frequently Asked Questions</h4>
         </div>
       </div>
 
-      <div class="column is-6">
+      <div class="w-full md:w-1/2">
         <div class="faq-right">
           <div class="ac-accordion-wrapper">
             {{ range $index, $item := . }}
diff --git a/layouts/shortcodes/common/hero-area.html b/layouts/shortcodes/common/hero-area.html
index b04f0b0fa2..fc70ed3aa2 100644
--- a/layouts/shortcodes/common/hero-area.html
+++ b/layouts/shortcodes/common/hero-area.html
@@ -5,16 +5,16 @@
 <!-- Hero Section -->
 <section class="hero-area is-services">
     <div class="container">
-        <div class="columns is-vcentered">
-            <div class="column is-6 is-full-touch">
+        <div class="flex flex-col md:flex-row items-center gap-8">
+            <div class="w-full md:w-1/2">
                 <h1 class="is-gradient">{{ $data.hero.title }}</h1>
                 <p>
                     {{ $data.hero.subtitle | safeHTML}}
                 </p>
                 <a href="{{ $data.hero.cta_url }}" class="button ac-button is-primary ">{{ $data.hero.cta_text }}</a>
             </div>
-            <div class="column is-6 is-full-touch">
-                <div class="hero-illustration has-text-right">
+            <div class="w-full md:w-1/2">
+                <div class="hero-illustration text-right">
                     <img src="{{ $data.hero.illustration.src }}" alt="{{ $data.hero.illustration.alt }}" />
                 </div>
             </div>
diff --git a/layouts/shortcodes/common/partner-listing.html b/layouts/shortcodes/common/partner-listing.html
index ecdbca0640..6df10a889a 100644
--- a/layouts/shortcodes/common/partner-listing.html
+++ b/layouts/shortcodes/common/partner-listing.html
@@ -7,18 +7,18 @@
 {{ with $data.partner_listing }}
 <section class="section-padding">
     <div class="container">
-        <div class="columns is-centered">
-            <div class="column is-10">
-                <div class="section-title has-text-centered-tablet mb-16">
+        <div class="flex justify-center">
+            <div class="w-full lg:w-5/6">
+                <div class="section-title md:text-center mb-16">
                     <h2>{{ .title }}</h2>
                     <p class="mb-0">{{ .subtitle | safeHTML }}</p>
                 </div>
             </div>
         </div>
 
-        <div class="columns is-multiline">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
             {{ range .products }}
-            <div class="column is-6">
+            <div>
                 <a href="{{ .url }}" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit;">
                     <div class="service-card" style="display: flex; align-items: center; gap: 20px; padding: 24px;">
                         <div class="service-icon" style="flex-shrink: 0;">
diff --git a/layouts/shortcodes/common/service-details.html b/layouts/shortcodes/common/service-details.html
index e534781227..3bcdabc97c 100644
--- a/layouts/shortcodes/common/service-details.html
+++ b/layouts/shortcodes/common/service-details.html
@@ -7,17 +7,17 @@
 {{ with $data.service_details }}
 <section class="section-padding bg-light">
     <div class="container">
-        <div class="section-title has-text-centered mb-6">
+        <div class="section-title text-center mb-6">
             <h2>{{ .title }}</h2>
             <p>{{ .subtitle | safeHTML }}</p>
         </div>
 
 
         {{ range $index, $section := $data.service_details.sections }}
-        <div class="columns is-multiline is-vcentered {{ if modBool $index 2 }}reverse-column-mobile{{ end  }}">
+        <div class="flex flex-col md:flex-row items-center gap-8 mb-12 {{ if modBool $index 2 }}reverse-column-mobile{{ end  }}">
             {{ if modBool $index 2 }}
             <!-- Odd index: Image Right, Text Left -->
-            <div class="column is-7">
+            <div class="w-full md:w-7/12">
                 <div class="service-wrapper d-table">
                     <div class="service-content pr-140 d-table-cell">
                         <h3>{{ $section.title }}</h3>
@@ -37,7 +37,7 @@ <h3>{{ $section.title }}</h3>
                     </div>
                 </div>
             </div>
-            <div class="column is-5 has-text-right">
+            <div class="w-full md:w-5/12 text-right">
                 <div class="service-thumbnail">
                     <img src="{{ $section.image }}" alt="{{ $section.title }}" class="img">
                 </div>
@@ -45,12 +45,12 @@ <h3>{{ $section.title }}</h3>
 
             {{ else }}
             <!-- Even index: Text Right, Image Left -->
-            <div class="column is-5">
+            <div class="w-full md:w-5/12">
                 <div class="service-thumbnail">
                     <img src="{{ $section.image }}" alt="{{ $section.title }}" class="img">
                 </div>
             </div>
-            <div class="column is-7">
+            <div class="w-full md:w-7/12">
                 <div class="service-wrapper d-table">
                     <div class="service-content pr-140 d-table-cell">
                         <h3>{{ $section.title | safeHTML }}</h3>
diff --git a/layouts/shortcodes/common/service-details2.html b/layouts/shortcodes/common/service-details2.html
index 52a30d28ec..b9bd4ff2ae 100644
--- a/layouts/shortcodes/common/service-details2.html
+++ b/layouts/shortcodes/common/service-details2.html
@@ -7,18 +7,18 @@
 {{ with $data.service_details2 }}
 <section class="section-padding bg-light">
     <div class="container">
-        <div class="section-title has-text-centered mb-6">
+        <div class="section-title text-center mb-6">
             <h2>{{ .title }}</h2>
             <p>{{ .subtitle | safeHTML }}</p>
         </div>
 
-        <div class="columns is-multiline">
+        <div>
 
             {{ range $index, $section := $data.service_details2.sections }}
-            <div class="columns is-multiline is-vcentered">
+            <div class="flex flex-col md:flex-row items-center gap-8 mb-12">
                 {{ if modBool $index 2 }}
                 <!-- Odd index: Image Right, Text Left -->
-                <div class="column is-7">
+                <div class="w-full md:w-7/12">
                     <div class="service-wrapper d-table">
                         <div class="service-content pr-140 d-table-cell">
                             <h3>{{ $section.title  | safeHTML }}</h3>
@@ -37,7 +37,7 @@ <h3>{{ $section.title  | safeHTML }}</h3>
                         </div>
                     </div>
                 </div>
-                <div class="column is-5 has-text-right">
+                <div class="w-full md:w-5/12 text-right">
                     <div class="service-thumbnail">
                         <img src="{{ $section.image }}" alt="{{ $section.title }}" class="img">
                     </div>
@@ -45,12 +45,12 @@ <h3>{{ $section.title  | safeHTML }}</h3>
 
                 {{ else }}
                 <!-- Even index: Text Right, Image Left -->
-                <div class="column is-5">
+                <div class="w-full md:w-5/12">
                     <div class="service-thumbnail">
                         <img src="{{ $section.image }}" alt="{{ $section.title }}" class="img">
                     </div>
                 </div>
-                <div class="column is-7">
+                <div class="w-full md:w-7/12">
                     <div class="service-wrapper d-table">
                         <div class="service-content pr-140 d-table-cell">
                             <h3>{{ $section.title }}</h3>
diff --git a/layouts/shortcodes/common/title-with-small-cards.html b/layouts/shortcodes/common/title-with-small-cards.html
index 16d4ec2db4..df36d4b9ef 100644
--- a/layouts/shortcodes/common/title-with-small-cards.html
+++ b/layouts/shortcodes/common/title-with-small-cards.html
@@ -7,14 +7,14 @@
 {{ with $data.title_with_small_cards }}
 <section class="section-padding bg-light">
   <div class="container">
-    <div class="section-title has-text-centered mb-6">
+    <div class="section-title text-center mb-6">
       <h2>{{ .title }}</h2>
       <p>{{ .subtitle | safeHTML }}</p>
     </div>
 
-    <div class="columns is-centered is-multiline">
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
       {{ range .areas }}
-      <div class="column is-3">
+      <div>
         <div class="development-card">
           <div class="development-icon">
               {{ if or .icon .logo }}
diff --git a/layouts/shortcodes/services/development-process.html b/layouts/shortcodes/services/development-process.html
index 760175cd59..27ec45f3c2 100644
--- a/layouts/shortcodes/services/development-process.html
+++ b/layouts/shortcodes/services/development-process.html
@@ -2,17 +2,17 @@
 .Page.Params.data }} {{ $data = getJSON .Page.Params.data }} {{ end }} {{ with
 $data.development_process }}
 <section class="section-padding product-development-process-section">
-    <div class="container has-text-centered">
-        <div class="section-title has-text-centered">
+    <div class="container text-center">
+        <div class="section-title text-center">
             <h2>{{ .title }}</h2>
             <p>{{ .subtitle }}</p>
         </div>
     </div>
 
     <div class="container">
-        <div class="columns is-vcentered">
+        <div class="flex flex-col md:flex-row items-center">
             <!-- Left side: Steps -->
-            <div class="column is-12">
+            <div class="w-full">
                 <div class="steps-wrapper">
                     <div class="tab-items">
                         {{ range $index, $item := .steps }}
diff --git a/layouts/shortcodes/services/engineering-resources.html b/layouts/shortcodes/services/engineering-resources.html
index c3d904382f..23e0217fff 100644
--- a/layouts/shortcodes/services/engineering-resources.html
+++ b/layouts/shortcodes/services/engineering-resources.html
@@ -5,20 +5,16 @@
 {{ end }}
 
 {{ with $data.resources }}
-<section class="section-padding has-background-white engineering-resources-section">
+<section class="section-padding bg-white engineering-resources-section">
     <div class="container">
-        <div class="columns">
-            <div class="column">
-                <div class="section-title has-text-centered">
-                    <h2>{{ $data.resources.title }}</h2>
-                    <p>{{ $data.resources.subtitle }}</p>
-                </div>
-            </div>
+        <div class="section-title text-center">
+            <h2>{{ $data.resources.title }}</h2>
+            <p>{{ $data.resources.subtitle }}</p>
         </div>
 
-        <div class="columns is-multiline">
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-8">
             {{ range $item := $data.resources.items }}
-            <div class="column is-4">
+            <div>
                 <a href="{{ $item.link }}" class="resource-card">
                     {{ if $item.image }}
                     <div class="resource-thumbnail">
@@ -28,7 +24,7 @@ <h2>{{ $data.resources.title }}</h2>
                     {{ if $item.type }}
                         <div class="tag">{{ $item.type }}</div>
                     {{ end }}
-                    <div class="resource-content {{ if not $item.image }}has-text-centered{{ end }}">
+                    <div class="resource-content {{ if not $item.image }}text-center{{ end }}">
                         <h4 class="title mb-12">{{ $item.title }}</h4>
                         {{ if $item.description }}
                             <p>{{ $item.description | safeHTML }}</p>
diff --git a/layouts/shortcodes/services/leverage-our-golang-expertise.html b/layouts/shortcodes/services/leverage-our-golang-expertise.html
index 9c55063885..4964b593dd 100644
--- a/layouts/shortcodes/services/leverage-our-golang-expertise.html
+++ b/layouts/shortcodes/services/leverage-our-golang-expertise.html
@@ -6,8 +6,8 @@
 <!-- Leverage Golang Expertise Section -->
 <section class="section section-lg card-section">
     <div class="container">
-        <div class="columns is-vcentered">
-            <div class="column is-4">
+        <div class="flex flex-col md:flex-row items-center gap-8">
+            <div class="w-full md:w-1/3">
                 <div class="section-title mb-0">
                     <h2>{{ $data.golang_expertise.title }}</h2>
                     <p>
@@ -16,10 +16,10 @@ <h2>{{ $data.golang_expertise.title }}</h2>
                     <a href="#" class="button ac-button mt-16">{{ $data.golang_expertise.cta_text }}</a>
                 </div>
             </div>
-            <div class="column is-8">
-                <div class="columns is-gapless is-multiline">
+            <div class="w-full md:w-2/3">
+                <div class="grid grid-cols-1 md:grid-cols-2">
                     {{ range $item := $data.golang_expertise.services }}
-                    <div class="column is-6 single-card-wrapper">
+                    <div class="single-card-wrapper">
                         <div class="single-feature card-view">
                             <div class="icon">
                                 <i class="{{ $item.icon }}"></i>
diff --git a/layouts/shortcodes/services/we-love-open-source.html b/layouts/shortcodes/services/we-love-open-source.html
index 517e6fb1e9..d01c964683 100644
--- a/layouts/shortcodes/services/we-love-open-source.html
+++ b/layouts/shortcodes/services/we-love-open-source.html
@@ -6,26 +6,22 @@
 
 {{ with $data.open_source }}
 
-<section class="section-padding has-background-white features-area">
+<section class="section-padding bg-white features-area">
     <div class="container">
-        <div class="columns">
-            <div class="column is-12">
-                <div class="columns is-vcentered is-flex-direction-row-reverse-mobile">
-                    <div class="column is-6">
+        <div class="flex flex-col md:flex-row items-center gap-8">
+            <div class="w-full md:w-1/2">
                         <div class="features-thumbnail"><img src="{{ $data.open_source.image.src }}"
                                 alt="{{ $data.open_source.image.alt }}" class="img">
                         </div>
-                    </div>
-                    <div class="column is-6">
+            </div>
+            <div class="w-full md:w-1/2">
                         <div class="feature-wrapper d-table">
                             <div class="feature-content pr-140 d-table-cell">
                                 <h3>{{ $data.open_source.title | safeHTML}}</h3>
                                 <p>{{ $data.open_source.description | safeHTML }}</p>
-                                <a href="https://github.com/appscode-cloud" class="has-text-info has-text-center-mobile">{{ $data.open_source.cta_text }}</a>
+                                <a href="https://github.com/appscode-cloud" class="text-info text-center md:text-left">{{ $data.open_source.cta_text }}</a>
                             </div>
                         </div>
-                    </div>
-                </div>
             </div>
         </div>
     </div>
diff --git a/layouts/shortcodes/services/we-understand-the-nitty-gritty.html b/layouts/shortcodes/services/we-understand-the-nitty-gritty.html
index 6420d51aba..3cdb292bb6 100644
--- a/layouts/shortcodes/services/we-understand-the-nitty-gritty.html
+++ b/layouts/shortcodes/services/we-understand-the-nitty-gritty.html
@@ -7,22 +7,22 @@
 {{ with $data.industries }}
 <section class="section section-lg card-section working-scenarios-section">
     <div class="container">
-        <div class="columns is-vcentered">
-            <div class="column is-4">
+        <div class="flex flex-col md:flex-row items-center gap-8">
+            <div class="w-full md:w-1/3">
                 <div class="section-title mb-0">
                     <h2>{{ $data.industries.title }}</h2>
                     <p>{{ $data.industries.subtitle | safeHTML }}</p>
                     <p>{{ $data.industries.additional_text | safeHTML }}</p>
                 </div>
             </div>
-            <div class="column is-8">
-                <div class="columns is-gapless is-multiline">
+            <div class="w-full md:w-2/3">
+                <div class="grid grid-cols-1 md:grid-cols-2">
                     {{ range $item := $data.industries.sectors }}
-                    <div class="column is-6 single-card-wrapper">
+                    <div class="single-card-wrapper">
                         <div class="single-feature card-view">
 
                             <div class="content">
-                                <div class="is-flex is-align-items-center is-gap-8">
+                                <div class="flex items-center gap-8">
                                     <div class="icon">
                                         <i class="{{ $item.icon }}"></i>
                                     </div>
diff --git a/layouts/shortcodes/services/why-appscode.html b/layouts/shortcodes/services/why-appscode.html
index 80139cbf10..472a98fc57 100644
--- a/layouts/shortcodes/services/why-appscode.html
+++ b/layouts/shortcodes/services/why-appscode.html
@@ -8,16 +8,16 @@
 
 <section class="section section-lg card-section">
     <div class="container">
-        <div class="columns is-vcentered">
-            <div class="column is-4">
+        <div class="flex flex-col md:flex-row items-center gap-8">
+            <div class="w-full md:w-1/3">
                 <div class="section-title mb-0">
                     <h2>{{ $data.why_choose_us.title }}</h2>
                 </div>
             </div>
-            <div class="column is-8">
-                <div class="columns is-gapless is-multiline">
+            <div class="w-full md:w-2/3">
+                <div class="grid grid-cols-1 md:grid-cols-2">
                     {{ range $item := $data.why_choose_us.reasons }}
-                    <div class="column is-6 single-card-wrapper">
+                    <div class="single-card-wrapper">
                         <div class="single-feature card-view">
                             <div class="icon">
                                 <i class="{{ $item.icon }}"></i>
diff --git a/layouts/videos/single.html b/layouts/videos/single.html
index 665f03c036..9436a7ee54 100644
--- a/layouts/videos/single.html
+++ b/layouts/videos/single.html
@@ -1,8 +1,8 @@
 {{ define "main" }}
 <section class="single-video-page section-padding">
   <div class="container">
-    <div class="columns">
-      <div class="column is-8">
+    <div class="flex flex-col md:flex-row gap-8">
+      <div class="w-full md:w-2/3">
         <div class="left-content">
 
           <!-- youtube video start  -->
@@ -15,7 +15,7 @@
           <!-- youtube video end  -->
 
           <!-- video title start  -->
-          <div class="video-title is-flex is-justify-content-space-between is-align-items-baseline">
+          <div class="video-title flex is-justify-content-space-between is-align-items-baseline">
             <h1>Elasticsearch Hot Warm Cold Architecture Management with Kibana
               in Kubernetes Using KubeDB</h1>
             <div class="buttons outlined-bg-buttons">
@@ -75,7 +75,7 @@ <h5>Mario Kozjak</h5>
 
         </div>
       </div>
-      <div class="column is-4">
+      <div class="w-full md:w-1/3">
         <div class="right-content">
           <div class="video-list-wrapper">
 
diff --git a/package-lock.json b/package-lock.json
index 19a836952d..abbf3e2063 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,13 +9,28 @@
       "version": "0.2.0",
       "license": "Apache-2.0",
       "dependencies": {
-        "bulma": "^0.9.4",
         "postcss": "^8.4.12"
       },
       "devDependencies": {
         "@fullhuman/postcss-purgecss": "^6.0.0",
         "autoprefixer": "^10.4.27",
-        "postcss-cli": "^9.1.0"
+        "postcss-cli": "^9.1.0",
+        "postcss-import": "^16.0.0",
+        "sass": "^1.98.0",
+        "tailwindcss": "^3.4.0"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/@fullhuman/postcss-purgecss": {
@@ -49,6 +64,45 @@
         "node": ">=12"
       }
     },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -87,6 +141,348 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz",
+      "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.3",
+        "is-glob": "^4.0.3",
+        "node-addon-api": "^7.0.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.6",
+        "@parcel/watcher-darwin-arm64": "2.5.6",
+        "@parcel/watcher-darwin-x64": "2.5.6",
+        "@parcel/watcher-freebsd-x64": "2.5.6",
+        "@parcel/watcher-linux-arm-glibc": "2.5.6",
+        "@parcel/watcher-linux-arm-musl": "2.5.6",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.6",
+        "@parcel/watcher-linux-arm64-musl": "2.5.6",
+        "@parcel/watcher-linux-x64-glibc": "2.5.6",
+        "@parcel/watcher-linux-x64-musl": "2.5.6",
+        "@parcel/watcher-win32-arm64": "2.5.6",
+        "@parcel/watcher-win32-ia32": "2.5.6",
+        "@parcel/watcher-win32-x64": "2.5.6"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz",
+      "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz",
+      "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz",
+      "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz",
+      "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz",
+      "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz",
+      "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz",
+      "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz",
+      "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz",
+      "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz",
+      "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz",
+      "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz",
+      "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz",
+      "integrity": "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -124,6 +520,13 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
@@ -138,6 +541,13 @@
         "node": ">= 8"
       }
     },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/array-union": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-3.0.1.tgz",
@@ -278,11 +688,15 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
-    "node_modules/bulma": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.4.tgz",
-      "integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ==",
-      "license": "MIT"
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
     },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001780",
@@ -492,6 +906,24 @@
         "node": ">= 0.6.0"
       }
     },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -505,6 +937,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@@ -637,8 +1076,18 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
       "dev": true,
@@ -723,6 +1172,19 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -733,6 +1195,13 @@
         "node": ">= 4"
       }
     },
+    "node_modules/immutable": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.5.tgz",
+      "integrity": "sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -746,6 +1215,22 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -812,6 +1297,16 @@
         "@pkgjs/parseargs": "^0.11.0"
       }
     },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
     "node_modules/jsonfile": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
@@ -835,6 +1330,13 @@
         "node": ">=10"
       }
     },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/lru-cache": {
       "version": "10.4.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
@@ -892,6 +1394,18 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -910,6 +1424,14 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/node-releases": {
       "version": "2.0.36",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
@@ -927,6 +1449,26 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/package-json-from-dist": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
@@ -944,6 +1486,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/path-scurry": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
@@ -1000,6 +1549,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.5.8",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
@@ -1058,6 +1617,50 @@
         "postcss": "^8.0.0"
       }
     },
+    "node_modules/postcss-import": {
+      "version": "16.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-16.1.1.tgz",
+      "integrity": "sha512-2xVS1NCZAfjtVdvXiyegxzJ447GyqCeEI5V7ApgQVOWnros1p5lGNovJNapwPpMombyFBfqDwt7AD3n2l0KOfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
     "node_modules/postcss-load-config": {
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
@@ -1088,6 +1691,32 @@
         }
       }
     },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
     "node_modules/postcss-reporter": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.1.0.tgz",
@@ -1216,6 +1845,27 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/reusify": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
@@ -1251,6 +1901,57 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/sass": {
+      "version": "1.98.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.98.0.tgz",
+      "integrity": "sha512-+4N/u9dZ4PrgzGgPlKnaaRQx64RO0JBKs9sDhQ2pLgN6JQZ25uPQZKQYaBJU48Kd5BxgXoJ4e09Dq7nMcOUW3A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.1.5",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/sass/node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/sass/node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -1413,6 +2114,177 @@
         "node": ">=8"
       }
     },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/sucrase/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
+      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.7",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/postcss-load-config": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/thenby": {
       "version": "1.3.4",
       "resolved": "https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz",
@@ -1420,6 +2292,77 @@
       "dev": true,
       "license": "Apache-2.0"
     },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -1433,6 +2376,13 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
     "node_modules/universalify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
diff --git a/package.json b/package.json
index 8e9150bbb4..6e9317b4f6 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,10 @@
   "version": "0.2.0",
   "description": "appscode.com",
   "scripts": {
+    "build:sass": "sass --no-source-map static/assets/sass/main.scss static/assets/sass/custom.css",
+    "build:tailwind": "npx tailwindcss -i src/css/main.css -o static/assets/css/tailwind.css",
+    "build:css": "npm run build:sass && npm run build:tailwind",
+    "watch:css": "npm run build:sass && npm run build:tailwind -- --watch",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
@@ -18,11 +22,13 @@
   "devDependencies": {
     "@fullhuman/postcss-purgecss": "^6.0.0",
     "autoprefixer": "^10.4.27",
-    "postcss-cli": "^9.1.0"
+    "postcss-cli": "^9.1.0",
+    "postcss-import": "^16.0.0",
+    "sass": "^1.98.0",
+    "tailwindcss": "^3.4.0"
   },
   "private": true,
   "dependencies": {
-    "bulma": "^0.9.4",
     "postcss": "^8.4.12"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
index 25eb9396b5..fd1206d6b9 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,8 @@
 module.exports = {
-  plugins: {
-    autoprefixer: {}
-  }
+  plugins: [
+    require('postcss-import'),
+    require('tailwindcss'),
+    require('autoprefixer'),
+  ]
 };
 
diff --git a/process-css.js b/process-css.js
index 757f0dedc7..11723b2b73 100644
--- a/process-css.js
+++ b/process-css.js
@@ -2,7 +2,7 @@ const fs = require('fs');
 const postcss = require('postcss');
 const purgecss = require('@fullhuman/postcss-purgecss');
 
-const cssFilePath = './static/assets/sass/main.css'; // Path CSS file
+const cssFilePath = './static/assets/sass/custom.css'; // Path CSS file
 
 // Read the CSS file
 fs.readFile(cssFilePath, (err, css) => {
@@ -24,22 +24,28 @@ fs.readFile(cssFilePath, (err, css) => {
         'active',
         'is-visible',
         'is-right-0',
+        'is-block',
+        'is-hidden',
+        'is-active',
         'fserv-field',
         'select2-container',
         'select2',
         'fs-webform-container',
         'placeholder',
         'fserv-button-submit'
-
       ],
       deep: [
-        /^fserv-/, 
+        /^fserv-/,
         /^fs-/,
         /^select2-/,
         /^formserv/,
         /^ss-/,
         /^owl-/,
-        /^item/
+        /^item/,
+        /^is-/,
+        /^has-/,
+        /^column/,
+        /^columns/,
       ],
       greedy: [
         // /^header-/,
diff --git a/src/css/main.css b/src/css/main.css
new file mode 100644
index 0000000000..c13f2c5843
--- /dev/null
+++ b/src/css/main.css
@@ -0,0 +1,5 @@
+/* Tailwind CSS directives - generates utility classes for all templates */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
diff --git a/static/assets/css/tailwind.css b/static/assets/css/tailwind.css
new file mode 100644
index 0000000000..1e66f32390
--- /dev/null
+++ b/static/assets/css/tailwind.css
@@ -0,0 +1,732 @@
+/* Tailwind CSS directives - generates utility classes for all templates */
+
+*, ::before, ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  
+}
+
+::-ms-backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  
+}
+
+::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  
+}
+
+.container {
+  width: 100%
+}
+
+@media (min-width: 640px) {
+  .container {
+    max-width: 640px
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    max-width: 768px
+  }
+}
+
+@media (min-width: 1024px) {
+  .container {
+    max-width: 1024px
+  }
+}
+
+@media (min-width: 1280px) {
+  .container {
+    max-width: 1280px
+  }
+}
+
+@media (min-width: 1536px) {
+  .container {
+    max-width: 1536px
+  }
+}
+
+.visible {
+  visibility: visible
+}
+
+.static {
+  position: static
+}
+
+.fixed {
+  position: fixed
+}
+
+.absolute {
+  position: absolute
+}
+
+.col-span-1 {
+  grid-column: span 1 / span 1
+}
+
+.col-span-2 {
+  grid-column: span 2 / span 2
+}
+
+.col-span-full {
+  grid-column: 1 / -1
+}
+
+.mb-0 {
+  margin-bottom: 0px
+}
+
+.mb-10 {
+  margin-bottom: 2.5rem
+}
+
+.mb-12 {
+  margin-bottom: 3rem
+}
+
+.mb-16 {
+  margin-bottom: 4rem
+}
+
+.mb-20 {
+  margin-bottom: 5rem
+}
+
+.mb-32 {
+  margin-bottom: 8rem
+}
+
+.mb-4 {
+  margin-bottom: 1rem
+}
+
+.mb-6 {
+  margin-bottom: 1.5rem
+}
+
+.mb-8 {
+  margin-bottom: 2rem
+}
+
+.mb-80 {
+  margin-bottom: 20rem
+}
+
+.ml-20 {
+  margin-left: 5rem
+}
+
+.ml-8 {
+  margin-left: 2rem
+}
+
+.ml-auto {
+  margin-left: auto
+}
+
+.mr-3 {
+  margin-right: 0.75rem
+}
+
+.mr-8 {
+  margin-right: 2rem
+}
+
+.mt-10 {
+  margin-top: 2.5rem
+}
+
+.mt-12 {
+  margin-top: 3rem
+}
+
+.mt-16 {
+  margin-top: 4rem
+}
+
+.mt-20 {
+  margin-top: 5rem
+}
+
+.mt-32 {
+  margin-top: 8rem
+}
+
+.mt-5 {
+  margin-top: 1.25rem
+}
+
+.mt-8 {
+  margin-top: 2rem
+}
+
+.mt-80 {
+  margin-top: 20rem
+}
+
+.block {
+  display: block
+}
+
+.inline {
+  display: inline
+}
+
+.flex {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex
+}
+
+.table {
+  display: table
+}
+
+.grid {
+  display: grid
+}
+
+.contents {
+  display: contents
+}
+
+.hidden {
+  display: none
+}
+
+.size-6 {
+  width: 1.5rem;
+  height: 1.5rem
+}
+
+.h-16 {
+  height: 4rem
+}
+
+.h-5 {
+  height: 1.25rem
+}
+
+.h-6 {
+  height: 1.5rem
+}
+
+.w-16 {
+  width: 4rem
+}
+
+.w-5 {
+  width: 1.25rem
+}
+
+.w-6 {
+  width: 1.5rem
+}
+
+.w-full {
+  width: 100%
+}
+
+.flex-shrink {
+  -ms-flex-negative: 1;
+      flex-shrink: 1
+}
+
+.flex-shrink-0 {
+  -ms-flex-negative: 0;
+      flex-shrink: 0
+}
+
+.transform {
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr))
+}
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr))
+}
+
+.flex-col {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column
+}
+
+.flex-col-reverse {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse
+}
+
+.flex-wrap {
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap
+}
+
+.items-center {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center
+}
+
+.justify-end {
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end
+}
+
+.justify-center {
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center
+}
+
+.justify-between {
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between
+}
+
+.gap-4 {
+  gap: 1rem
+}
+
+.gap-6 {
+  gap: 1.5rem
+}
+
+.gap-8 {
+  gap: 2rem
+}
+
+.overflow-hidden {
+  overflow: hidden
+}
+
+.rounded-full {
+  border-radius: 9999px
+}
+
+.border {
+  border-width: 1px
+}
+
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
+}
+
+.p-0 {
+  padding: 0px
+}
+
+.p-10 {
+  padding: 2.5rem
+}
+
+.pb-0 {
+  padding-bottom: 0px
+}
+
+.pb-12 {
+  padding-bottom: 3rem
+}
+
+.pb-80 {
+  padding-bottom: 20rem
+}
+
+.pl-0 {
+  padding-left: 0px
+}
+
+.pl-20 {
+  padding-left: 5rem
+}
+
+.pl-40 {
+  padding-left: 10rem
+}
+
+.pl-5 {
+  padding-left: 1.25rem
+}
+
+.pl-6 {
+  padding-left: 1.5rem
+}
+
+.pr-0 {
+  padding-right: 0px
+}
+
+.pr-20 {
+  padding-right: 5rem
+}
+
+.pr-40 {
+  padding-right: 10rem
+}
+
+.pr-6 {
+  padding-right: 1.5rem
+}
+
+.pr-60 {
+  padding-right: 15rem
+}
+
+.pt-0 {
+  padding-top: 0px
+}
+
+.text-left {
+  text-align: left
+}
+
+.text-center {
+  text-align: center
+}
+
+.text-right {
+  text-align: right
+}
+
+.font-bold {
+  font-weight: 700
+}
+
+.font-light {
+  font-weight: 300
+}
+
+.font-semibold {
+  font-weight: 600
+}
+
+.uppercase {
+  text-transform: uppercase
+}
+
+.underline {
+  text-decoration-line: underline
+}
+
+.transition {
+  -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 150ms;
+          transition-duration: 150ms
+}
+
+@media (min-width: 640px) {
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr))
+  }
+}
+
+@media (min-width: 768px) {
+  .md\:col-span-2 {
+    grid-column: span 2 / span 2
+  }
+
+  .md\:ml-8 {
+    margin-left: 2rem
+  }
+
+  .md\:block {
+    display: block
+  }
+
+  .md\:hidden {
+    display: none
+  }
+
+  .md\:w-1\/2 {
+    width: 50%
+  }
+
+  .md\:w-1\/3 {
+    width: 33.333333%
+  }
+
+  .md\:w-1\/4 {
+    width: 25%
+  }
+
+  .md\:w-10\/12 {
+    width: 83.333333%
+  }
+
+  .md\:w-2\/3 {
+    width: 66.666667%
+  }
+
+  .md\:w-2\/5 {
+    width: 40%
+  }
+
+  .md\:w-3\/4 {
+    width: 75%
+  }
+
+  .md\:w-3\/5 {
+    width: 60%
+  }
+
+  .md\:w-5\/12 {
+    width: 41.666667%
+  }
+
+  .md\:w-7\/12 {
+    width: 58.333333%
+  }
+
+  .md\:w-8\/12 {
+    width: 66.666667%
+  }
+
+  .md\:flex-1 {
+    -webkit-box-flex: 1;
+        -ms-flex: 1 1 0%;
+            flex: 1 1 0%
+  }
+
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr))
+  }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr))
+  }
+
+  .md\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr))
+  }
+
+  .md\:flex-row {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row
+  }
+
+  .md\:text-left {
+    text-align: left
+  }
+
+  .md\:text-center {
+    text-align: center
+  }
+
+  .md\:text-right {
+    text-align: right
+  }
+}
+
+@media (min-width: 1024px) {
+  .lg\:block {
+    display: block
+  }
+
+  .lg\:hidden {
+    display: none
+  }
+
+  .lg\:w-10\/12 {
+    width: 83.333333%
+  }
+
+  .lg\:w-2\/3 {
+    width: 66.666667%
+  }
+
+  .lg\:w-5\/6 {
+    width: 83.333333%
+  }
+
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr))
+  }
+
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr))
+  }
+
+  .lg\:p-0 {
+    padding: 0px
+  }
+
+  .lg\:text-right {
+    text-align: right
+  }
+}
+
+@media (min-width: 1280px) {
+  .xl\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr))
+  }
+}
+
diff --git a/static/assets/sass/base/_bulma-compat.scss b/static/assets/sass/base/_bulma-compat.scss
new file mode 100644
index 0000000000..c958d9303a
--- /dev/null
+++ b/static/assets/sass/base/_bulma-compat.scss
@@ -0,0 +1,830 @@
+// =============================================================================
+// Bulma Compatibility Layer
+// Provides Bulma-compatible CSS classes that are used in templates.
+// This replaces the Bulma CSS framework while maintaining the same class names.
+// =============================================================================
+
+// ---------------------------------------------------------------------------
+// Box Sizing (was provided by Bulma's base/normalize)
+// ---------------------------------------------------------------------------
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+// ---------------------------------------------------------------------------
+// Container (matches Bulma's responsive container behavior)
+// ---------------------------------------------------------------------------
+.container {
+  flex-grow: 1;
+  margin: 0 auto;
+  position: relative;
+  width: auto;
+  padding: 0 32px;
+
+  @include mobile {
+    padding: 0 16px;
+  }
+
+  @include desktop {
+    max-width: 960px;
+    padding: 0;
+  }
+
+  @include widescreen {
+    max-width: 1152px;
+  }
+
+  @include fullhd {
+    max-width: 1344px;
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Bulma Grid System
+// ---------------------------------------------------------------------------
+.columns {
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+  margin-top: -0.75rem;
+  display: flex;
+  flex-wrap: wrap;
+
+  &:last-child {
+    margin-bottom: -0.75rem;
+  }
+
+  &:not(:last-child) {
+    margin-bottom: calc(1.5rem - 0.75rem);
+  }
+
+  &.is-centered {
+    justify-content: center;
+  }
+
+  &.is-vcentered {
+    align-items: center;
+  }
+
+  &.is-multiline {
+    flex-wrap: wrap;
+  }
+
+  &.is-mobile {
+    display: flex;
+  }
+
+  &.is-gapless {
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 0;
+
+    > .column {
+      margin: 0;
+      padding: 0;
+    }
+
+    &:not(:last-child) {
+      margin-bottom: 1.5rem;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  // Tablet and above: show as flex row
+  @include tablet {
+    display: flex;
+  }
+}
+
+.column {
+  display: block;
+  flex-basis: 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+  padding: 0.75rem;
+
+  // Fixed width sizes (active on tablet+)
+  @include tablet {
+    &.is-1 { flex: none; width: 8.3333%; }
+    &.is-2 { flex: none; width: 16.6666%; }
+    &.is-3 { flex: none; width: 25%; }
+    &.is-4 { flex: none; width: 33.3333%; }
+    &.is-5 { flex: none; width: 41.6666%; }
+    &.is-6 { flex: none; width: 50%; }
+    &.is-7 { flex: none; width: 58.3333%; }
+    &.is-8 { flex: none; width: 66.6666%; }
+    &.is-9 { flex: none; width: 75%; }
+    &.is-10 { flex: none; width: 83.3333%; }
+    &.is-11 { flex: none; width: 91.6666%; }
+    &.is-12 { flex: none; width: 100%; }
+
+    &.is-offset-3 { margin-left: 25%; }
+    &.is-offset-6 { margin-left: 50%; }
+
+    // Tablet-specific sizes
+    &.is-10-tablet { flex: none; width: 83.3333%; }
+    &.is-8-tablet  { flex: none; width: 66.6666%; }
+    &.is-6-tablet  { flex: none; width: 50%; }
+    &.is-4-tablet  { flex: none; width: 33.3333%; }
+
+    // Full-width on touch (mobile+tablet)
+    &.is-full-touch { flex: none; width: 100%; }
+
+    // Mobile-specific column sizes (used inside .columns.is-mobile)
+    &.is-half-mobile   { flex: none; width: 50%; }
+    &.is-full-mobile   { flex: none; width: 100%; }
+    &.is-one-third-tablet { flex: none; width: 33.3333%; }
+    &.is-half-tablet   { flex: none; width: 50%; }
+    &.is-full-tablet   { flex: none; width: 100%; }
+  }
+
+  // Desktop-specific sizes
+  @include desktop {
+    &.is-8-desktop  { flex: none; width: 66.6666%; }
+    &.is-10-tablet  { flex: none; width: 83.3333%; }
+    &.is-one-third-desktop { flex: none; width: 33.3333%; }
+    &.is-half-desktop { flex: none; width: 50%; }
+    &.is-full-desktop { flex: none; width: 100%; }
+    &.is-full-touch { flex: none; width: 100%; }
+  }
+
+  // Widescreen-specific sizes
+  @include widescreen {
+    &.is-one-third-widescreen { flex: none; width: 33.3333%; }
+    &.is-half-widescreen { flex: none; width: 50%; }
+    &.is-full-touch { flex: none; width: 100%; }
+  }
+}
+
+// columns.is-mobile: all sizes work on mobile too
+.columns.is-mobile {
+  > .column {
+    &.is-1 { flex: none; width: 8.3333%; }
+    &.is-2 { flex: none; width: 16.6666%; }
+    &.is-3 { flex: none; width: 25%; }
+    &.is-4 { flex: none; width: 33.3333%; }
+    &.is-5 { flex: none; width: 41.6666%; }
+    &.is-6 { flex: none; width: 50%; }
+    &.is-7 { flex: none; width: 58.3333%; }
+    &.is-8 { flex: none; width: 66.6666%; }
+    &.is-9 { flex: none; width: 75%; }
+    &.is-10 { flex: none; width: 83.3333%; }
+    &.is-half-mobile { flex: none; width: 50%; }
+    &.is-full-mobile { flex: none; width: 100%; }
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Responsive column size helpers (all breakpoints)
+// ---------------------------------------------------------------------------
+
+// Mobile-specific sizes (≤768px)
+@include mobile {
+  .column {
+    &.is-1-mobile  { flex: none; width: 8.3333%; }
+    &.is-2-mobile  { flex: none; width: 16.6666%; }
+    &.is-3-mobile  { flex: none; width: 25%; }
+    &.is-4-mobile  { flex: none; width: 33.3333%; }
+    &.is-5-mobile  { flex: none; width: 41.6666%; }
+    &.is-6-mobile  { flex: none; width: 50%; }
+    &.is-7-mobile  { flex: none; width: 58.3333%; }
+    &.is-8-mobile  { flex: none; width: 66.6666%; }
+    &.is-9-mobile  { flex: none; width: 75%; }
+    &.is-10-mobile { flex: none; width: 83.3333%; }
+    &.is-11-mobile { flex: none; width: 91.6666%; }
+    &.is-12-mobile, &.is-full-mobile { flex: none; width: 100%; }
+    &.is-half-mobile         { flex: none; width: 50%; }
+    &.is-one-third-mobile    { flex: none; width: 33.3333%; }
+    &.is-one-quarter-mobile  { flex: none; width: 25%; }
+    &.is-three-quarters-mobile { flex: none; width: 75%; }
+    &.is-two-thirds-mobile   { flex: none; width: 66.6666%; }
+  }
+}
+
+// Tablet-only sizes (769px - 1023px)
+@include tablet-only {
+  .column {
+    &.is-1-tablet-only  { flex: none; width: 8.3333%; }
+    &.is-2-tablet-only  { flex: none; width: 16.6666%; }
+    &.is-3-tablet-only  { flex: none; width: 25%; }
+    &.is-4-tablet-only  { flex: none; width: 33.3333%; }
+    &.is-5-tablet-only  { flex: none; width: 41.6666%; }
+    &.is-6-tablet-only  { flex: none; width: 50%; }
+    &.is-7-tablet-only  { flex: none; width: 58.3333%; }
+    &.is-8-tablet-only  { flex: none; width: 66.6666%; }
+    &.is-9-tablet-only  { flex: none; width: 75%; }
+    &.is-10-tablet-only { flex: none; width: 83.3333%; }
+  }
+}
+
+// Tablet+ sizes (769px+)
+@include tablet {
+  .column {
+    @for $i from 1 through 12 {
+      &.is-#{$i}-tablet { flex: none; width: #{$i * 8.3333%}; }
+    }
+    &.is-half-tablet         { flex: none; width: 50%; }
+    &.is-full-tablet         { flex: none; width: 100%; }
+    &.is-one-third-tablet    { flex: none; width: 33.3333%; }
+    &.is-one-quarter-tablet  { flex: none; width: 25%; }
+    &.is-three-quarters-tablet { flex: none; width: 75%; }
+    &.is-two-thirds-tablet   { flex: none; width: 66.6666%; }
+  }
+}
+
+// Desktop+ sizes (1024px+)
+@include desktop {
+  .column {
+    @for $i from 1 through 12 {
+      &.is-#{$i}-desktop { flex: none; width: #{$i * 8.3333%}; }
+    }
+    &.is-half-desktop           { flex: none; width: 50%; }
+    &.is-full-desktop           { flex: none; width: 100%; }
+    &.is-one-third-desktop      { flex: none; width: 33.3333%; }
+    &.is-one-thirds-desktop     { flex: none; width: 33.3333%; }
+    &.is-one-quarter-desktop    { flex: none; width: 25%; }
+    &.is-three-quarters-desktop { flex: none; width: 75%; }
+    &.is-two-thirds-desktop     { flex: none; width: 66.6666%; }
+
+    &.is-offset-1-desktop  { margin-left: 8.3333%; }
+    &.is-offset-2-desktop  { margin-left: 16.6666%; }
+    &.is-offset-3-desktop  { margin-left: 25%; }
+    &.is-offset-4-desktop  { margin-left: 33.3333%; }
+  }
+}
+
+// Widescreen+ sizes (1216px+)
+@include widescreen {
+  .column {
+    @for $i from 1 through 12 {
+      &.is-#{$i}-widescreen { flex: none; width: #{$i * 8.3333%}; }
+    }
+    &.is-half-widescreen         { flex: none; width: 50%; }
+    &.is-full-widescreen         { flex: none; width: 100%; }
+    &.is-one-third-widescreen    { flex: none; width: 33.3333%; }
+    &.is-one-quarter-widescreen  { flex: none; width: 25%; }
+    &.is-three-quarters-widescreen { flex: none; width: 75%; }
+    &.is-two-thirds-widescreen   { flex: none; width: 66.6666%; }
+  }
+}
+
+// Fullhd+ sizes (1408px+)
+@include fullhd {
+  .column {
+    @for $i from 1 through 12 {
+      &.is-#{$i}-fullhd { flex: none; width: #{$i * 8.3333%}; }
+    }
+    &.is-half-fullhd         { flex: none; width: 50%; }
+    &.is-full-fullhd         { flex: none; width: 100%; }
+    &.is-one-third-fullhd    { flex: none; width: 33.3333%; }
+    &.is-one-thirds-fullhd   { flex: none; width: 33.3333%; }
+    &.is-one-quarter-fullhd  { flex: none; width: 25%; }
+    &.is-three-quarters-fullhd { flex: none; width: 75%; }
+    &.is-two-thirds-fullhd   { flex: none; width: 66.6666%; }
+  }
+}
+
+// Named fraction helpers (base, for all sizes)
+.column {
+  &.is-half          { flex: none; width: 50%; }
+  &.is-one-quarter   { flex: none; width: 25%; }
+  &.is-one-third     { flex: none; width: 33.3333%; }
+  &.is-two-thirds    { flex: none; width: 66.6666%; }
+  &.is-three-quarters { flex: none; width: 75%; }
+
+  // Offset helpers
+  &.is-offset-1 { margin-left: 8.3333%; }
+  &.is-offset-2 { margin-left: 16.6666%; }
+  &.is-offset-3 { margin-left: 25%; }
+  &.is-offset-4 { margin-left: 33.3333%; }
+  &.is-offset-5 { margin-left: 41.6666%; }
+  &.is-offset-6 { margin-left: 50%; }
+}
+
+// ---------------------------------------------------------------------------
+// Visibility helpers
+// ---------------------------------------------------------------------------
+.is-hidden {
+  display: none !important;
+}
+
+.is-block {
+  display: block !important;
+}
+
+.is-inline {
+  display: inline !important;
+}
+
+.is-inline-block {
+  display: inline-block !important;
+}
+
+.is-flex {
+  display: flex !important;
+}
+
+.is-inline-flex {
+  display: inline-flex !important;
+}
+
+.is-relative {
+  position: relative !important;
+}
+
+@include mobile {
+  .is-hidden-mobile {
+    display: none !important;
+  }
+}
+
+@include tablet {
+  .is-hidden-tablet-only {
+    display: none !important;
+  }
+}
+
+@include tablet-only {
+  .is-hidden-tablet-only {
+    display: none !important;
+  }
+}
+
+@include touch {
+  .is-hidden-touch {
+    display: none !important;
+  }
+}
+
+@include desktop {
+  .is-hidden-desktop {
+    display: none !important;
+  }
+  .is-block-desktop {
+    display: block !important;
+  }
+}
+
+@include tablet {
+  .is-hidden-tablet {
+    display: none !important;
+  }
+}
+
+@include mobile {
+  .is-hidden-mobile {
+    display: none !important;
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Bulma flexbox helpers
+// ---------------------------------------------------------------------------
+.is-justify-content-center     { justify-content: center !important; }
+.is-justify-content-flex-end   { justify-content: flex-end !important; }
+.is-justify-content-flex-start { justify-content: flex-start !important; }
+.is-justify-content-space-between { justify-content: space-between !important; }
+.is-justify-content-space-around  { justify-content: space-around !important; }
+.is-align-items-flex-start { align-items: flex-start !important; }
+.is-align-items-flex-end   { align-items: flex-end !important; }
+.is-align-items-center     { align-items: center !important; }
+.is-align-items-stretch    { align-items: stretch !important; }
+.is-flex-wrap-wrap   { flex-wrap: wrap !important; }
+.is-flex-wrap-nowrap { flex-wrap: nowrap !important; }
+.is-flex-direction-column  { flex-direction: column !important; }
+.is-flex-direction-row     { flex-direction: row !important; }
+.is-flex-grow-0 { flex-grow: 0 !important; }
+.is-flex-grow-1 { flex-grow: 1 !important; }
+.is-flex-shrink-0 { flex-shrink: 0 !important; }
+.is-flex-shrink-1 { flex-shrink: 1 !important; }
+
+// ---------------------------------------------------------------------------
+// Bulma typography helpers
+// ---------------------------------------------------------------------------
+.has-text-primary   { color: $ac-primary !important; }
+.has-text-white     { color: $ac-white !important; }
+.has-text-black     { color: $ac-black !important; }
+.has-text-gray      { color: $ac-gray-light !important; }
+.has-text-dark      { color: $ac-color-heading !important; }
+
+// Text alignment
+.has-text-centered  { text-align: center !important; }
+.has-text-right     { text-align: right !important; }
+.has-text-left      { text-align: left !important; }
+.has-text-justified { text-align: justify !important; }
+
+@include mobile {
+  .has-text-centered-mobile { text-align: center !important; }
+  .has-text-right-mobile    { text-align: right !important; }
+  .has-text-left-mobile     { text-align: left !important; }
+}
+
+@include tablet {
+  .has-text-centered-tablet { text-align: center !important; }
+  .has-text-right-tablet    { text-align: right !important; }
+  .has-text-left-tablet     { text-align: left !important; }
+}
+
+@include touch {
+  .has-text-centered-touch { text-align: center !important; }
+  .has-text-right-touch    { text-align: right !important; }
+  .has-text-left-touch     { text-align: left !important; }
+}
+
+@include desktop {
+  .has-text-centered-desktop { text-align: center !important; }
+  .has-text-right-desktop    { text-align: right !important; }
+  .has-text-left-desktop     { text-align: left !important; }
+}
+
+@include widescreen {
+  .has-text-centered-widescreen { text-align: center !important; }
+}
+
+@include fullhd {
+  .has-text-centered-fullhd { text-align: center !important; }
+}
+
+.has-text-weight-light    { font-weight: 300 !important; }
+.has-text-weight-normal   { font-weight: 400 !important; }
+.has-text-weight-medium   { font-weight: 500 !important; }
+.has-text-weight-semibold { font-weight: 600 !important; }
+.has-text-weight-bold     { font-weight: 700 !important; }
+.has-text-weight-extrabold { font-weight: 800 !important; }
+
+.is-size-1 { font-size: 3rem !important; }
+.is-size-2 { font-size: 2.5rem !important; }
+.is-size-3 { font-size: 2rem !important; }
+.is-size-4 { font-size: 1.5rem !important; }
+.is-size-5 { font-size: 1.25rem !important; }
+.is-size-6 { font-size: 1rem !important; }
+.is-size-7 { font-size: 0.75rem !important; }
+
+.is-uppercase  { text-transform: uppercase !important; }
+.is-lowercase  { text-transform: lowercase !important; }
+.is-capitalized { text-transform: capitalize !important; }
+.is-underlined { text-decoration: underline !important; }
+.is-italic     { font-style: italic !important; }
+
+// ---------------------------------------------------------------------------
+// Bulma spacing helpers (.is-paddingless, .is-marginless)
+// ---------------------------------------------------------------------------
+.is-paddingless { padding: 0 !important; }
+.is-marginless  { margin: 0 !important; }
+.is-clipped     { overflow: hidden !important; }
+
+@include desktop {
+  .is-paddingless-desktop { padding: 0 !important; }
+  .is-marginless-desktop  { margin: 0 !important; }
+}
+
+@include mobile {
+  .is-paddingless-mobile { padding: 0 !important; }
+}
+
+// ---------------------------------------------------------------------------
+// Bulma button base (minimal base so .button.ac-button works)
+// ---------------------------------------------------------------------------
+.button {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  align-items: center;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  box-shadow: none;
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 1rem;
+  height: 2.5em;
+  justify-content: flex-start;
+  line-height: 1.5;
+  padding: calc(0.5em - 1px) 1em;
+  position: relative;
+  text-align: center;
+  user-select: none;
+  vertical-align: top;
+  white-space: nowrap;
+  background-color: white;
+  color: #363636;
+  outline: none;
+  text-decoration: none;
+
+  &:focus,
+  &:focus-visible {
+    outline: none;
+  }
+
+  &.is-rounded {
+    border-radius: 9999px;
+    padding-left: 1.25em;
+    padding-right: 1.25em;
+  }
+
+  &.is-fullwidth {
+    display: flex;
+    width: 100%;
+  }
+
+  &.is-loading {
+    color: transparent !important;
+    pointer-events: none;
+
+    &::after {
+      content: "";
+      border: 2px solid $ac-primary;
+      border-radius: 50%;
+      border-right-color: transparent;
+      border-top-color: transparent;
+      width: 1em;
+      height: 1em;
+      position: absolute;
+      left: calc(50% - 0.5em);
+      top: calc(50% - 0.5em);
+      animation: spinAround 500ms infinite linear;
+    }
+  }
+}
+
+.buttons {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  gap: 8px;
+
+  &.is-centered {
+    justify-content: center;
+  }
+
+  &.is-right {
+    justify-content: flex-end;
+  }
+
+  &.has-addons {
+    .button {
+      &:not(:last-child) {
+        border-bottom-right-radius: 0;
+        border-top-right-radius: 0;
+        margin-right: -1px;
+      }
+      &:not(:first-child) {
+        border-bottom-left-radius: 0;
+        border-top-left-radius: 0;
+      }
+    }
+  }
+}
+
+@keyframes spinAround {
+  from { transform: rotate(0deg); }
+  to   { transform: rotate(359deg); }
+}
+
+// ---------------------------------------------------------------------------
+// Bulma form elements (field, control, input)
+// ---------------------------------------------------------------------------
+.field {
+  &:not(:last-child) {
+    margin-bottom: 0.75rem;
+  }
+
+  &.has-addons {
+    display: flex;
+    justify-content: flex-start;
+
+    .control {
+      &:not(:last-child) {
+        margin-right: -1px;
+      }
+
+      &:not(:first-child):not(:last-child) {
+        .button,
+        .input {
+          border-radius: 0;
+        }
+      }
+
+      &:first-child:not(:only-child) {
+        .button,
+        .input {
+          border-bottom-right-radius: 0;
+          border-top-right-radius: 0;
+        }
+      }
+
+      &:last-child:not(:only-child) {
+        .button,
+        .input {
+          border-bottom-left-radius: 0;
+          border-top-left-radius: 0;
+        }
+      }
+    }
+  }
+}
+
+.control {
+  box-sizing: border-box;
+  clear: both;
+  font-size: 1rem;
+  position: relative;
+  text-align: inherit;
+}
+
+.input {
+  background-color: white;
+  border: 1px solid #dbdbdb;
+  border-radius: 4px;
+  color: #363636;
+  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
+  height: 2.5em;
+  max-width: 100%;
+  width: 100%;
+  padding: calc(0.5em - 1px) calc(0.75em - 1px);
+  font-size: 1rem;
+  line-height: 1.5;
+  display: inline-flex;
+  align-items: center;
+
+  &:focus,
+  &:focus-visible {
+    outline: none;
+    border-color: $ac-primary;
+    box-shadow: 0 0 0 0.125em rgba($ac-primary, 0.25);
+  }
+
+  &::placeholder {
+    color: #a0a0a0;
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Bulma dropdown (used in product version selector)
+// ---------------------------------------------------------------------------
+.dropdown {
+  display: inline-flex;
+  position: relative;
+  vertical-align: top;
+
+  &.is-active,
+  &:hover {
+    .dropdown-menu {
+      display: block;
+    }
+  }
+}
+
+.dropdown-trigger {
+  > .button {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.dropdown-menu {
+  display: none;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 20;
+  min-width: 12rem;
+  padding-top: 4px;
+}
+
+.dropdown-content {
+  background-color: white;
+  border-radius: 4px;
+  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+  padding: 0.5rem 0;
+}
+
+.dropdown-item {
+  color: #4a4a4a;
+  display: block;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  padding: 0.375rem 1rem;
+  position: relative;
+  text-decoration: none;
+  white-space: nowrap;
+
+  &:hover {
+    background-color: #f5f5f5;
+    color: #0a0a0a;
+  }
+
+  &.is-active {
+    background-color: $ac-primary;
+    color: white;
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Bulma image helpers
+// ---------------------------------------------------------------------------
+.image {
+  display: block;
+  position: relative;
+
+  img {
+    display: block;
+    height: auto;
+    width: 100%;
+
+    &.is-rounded {
+      border-radius: 9999px;
+    }
+  }
+
+  &.is-16x16  { height: 16px;  width: 16px; }
+  &.is-24x24  { height: 24px;  width: 24px; }
+  &.is-32x32  { height: 32px;  width: 32px; }
+  &.is-48x48  { height: 48px;  width: 48px; }
+  &.is-64x64  { height: 64px;  width: 64px; }
+  &.is-96x96  { height: 96px;  width: 96px; }
+  &.is-128x128 { height: 128px; width: 128px; }
+}
+
+.is-rounded {
+  border-radius: 9999px !important;
+}
+
+// ---------------------------------------------------------------------------
+// Bulma tag helper
+// ---------------------------------------------------------------------------
+.tag {
+  align-items: center;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  color: #4a4a4a;
+  display: inline-flex;
+  font-size: 0.75rem;
+  height: 2em;
+  justify-content: center;
+  line-height: 1.5;
+  padding: 0 0.75em;
+  white-space: nowrap;
+}
+
+// ---------------------------------------------------------------------------
+// Bulma section base (used on some pages)
+// ---------------------------------------------------------------------------
+.section {
+  padding: 3rem 1.5rem;
+
+  @include desktop {
+    padding: 3rem 3rem;
+  }
+
+  &.section-lg {
+    padding: 5rem 1.5rem;
+
+    @include desktop {
+      padding: 5rem 3rem;
+    }
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Bulma .title helper (used in a few templates)
+// ---------------------------------------------------------------------------
+.title {
+  color: $ac-color-heading;
+  font-weight: 600;
+  line-height: 1.125;
+  word-break: break-word;
+
+  &.is-5 {
+    font-size: 1.25rem;
+  }
+
+  &.is-4 {
+    font-size: 1.5rem;
+  }
+
+  &.is-3 {
+    font-size: 2rem;
+  }
+}
+
+// ---------------------------------------------------------------------------
+// background helpers
+// ---------------------------------------------------------------------------
+.has-background-white {
+  background-color: white !important;
+}
+
+.bg-light {
+  background-color: #f7f8fa !important;
+}
+
+// ---------------------------------------------------------------------------
+// Active state
+// ---------------------------------------------------------------------------
+.is-active {
+  // context-specific - individual components define what .is-active does
+}
diff --git a/static/assets/sass/custom.css b/static/assets/sass/custom.css
new file mode 100644
index 0000000000..29b1b9f53f
--- /dev/null
+++ b/static/assets/sass/custom.css
@@ -0,0 +1,17806 @@
+/* Deafult Margin & Padding view-height & view-width */
+.m-0 {
+  margin: 0px !important;
+}
+
+.mt-0 {
+  margin-top: 0px !important;
+}
+
+.mb-0 {
+  margin-bottom: 0px !important;
+}
+
+.ml-0 {
+  margin-left: 0px !important;
+}
+
+.mr-0 {
+  margin-right: 0px !important;
+}
+
+.p-0 {
+  padding: 0px !important;
+}
+
+.pt-0 {
+  padding-top: 0px !important;
+}
+
+.pb-0 {
+  padding-bottom: 0px !important;
+}
+
+.pl-0 {
+  padding-left: 0px !important;
+}
+
+.pr-0 {
+  padding-right: 0px !important;
+}
+
+.vh-0 {
+  height: 0vh !important;
+}
+
+.vw-0 {
+  width: 0vw !important;
+}
+
+.font-size-0 {
+  font-size: 0px !important;
+}
+
+.m-1 {
+  margin: 1px !important;
+}
+
+.mt-1 {
+  margin-top: 1px !important;
+}
+
+.mb-1 {
+  margin-bottom: 1px !important;
+}
+
+.ml-1 {
+  margin-left: 1px !important;
+}
+
+.mr-1 {
+  margin-right: 1px !important;
+}
+
+.p-1 {
+  padding: 1px !important;
+}
+
+.pt-1 {
+  padding-top: 1px !important;
+}
+
+.pb-1 {
+  padding-bottom: 1px !important;
+}
+
+.pl-1 {
+  padding-left: 1px !important;
+}
+
+.pr-1 {
+  padding-right: 1px !important;
+}
+
+.vh-1 {
+  height: 1vh !important;
+}
+
+.vw-1 {
+  width: 1vw !important;
+}
+
+.font-size-1 {
+  font-size: 1px !important;
+}
+
+.m-2 {
+  margin: 2px !important;
+}
+
+.mt-2 {
+  margin-top: 2px !important;
+}
+
+.mb-2 {
+  margin-bottom: 2px !important;
+}
+
+.ml-2 {
+  margin-left: 2px !important;
+}
+
+.mr-2 {
+  margin-right: 2px !important;
+}
+
+.p-2 {
+  padding: 2px !important;
+}
+
+.pt-2 {
+  padding-top: 2px !important;
+}
+
+.pb-2 {
+  padding-bottom: 2px !important;
+}
+
+.pl-2 {
+  padding-left: 2px !important;
+}
+
+.pr-2 {
+  padding-right: 2px !important;
+}
+
+.vh-2 {
+  height: 2vh !important;
+}
+
+.vw-2 {
+  width: 2vw !important;
+}
+
+.font-size-2 {
+  font-size: 2px !important;
+}
+
+.m-3 {
+  margin: 3px !important;
+}
+
+.mt-3 {
+  margin-top: 3px !important;
+}
+
+.mb-3 {
+  margin-bottom: 3px !important;
+}
+
+.ml-3 {
+  margin-left: 3px !important;
+}
+
+.mr-3 {
+  margin-right: 3px !important;
+}
+
+.p-3 {
+  padding: 3px !important;
+}
+
+.pt-3 {
+  padding-top: 3px !important;
+}
+
+.pb-3 {
+  padding-bottom: 3px !important;
+}
+
+.pl-3 {
+  padding-left: 3px !important;
+}
+
+.pr-3 {
+  padding-right: 3px !important;
+}
+
+.vh-3 {
+  height: 3vh !important;
+}
+
+.vw-3 {
+  width: 3vw !important;
+}
+
+.font-size-3 {
+  font-size: 3px !important;
+}
+
+.m-4 {
+  margin: 4px !important;
+}
+
+.mt-4 {
+  margin-top: 4px !important;
+}
+
+.mb-4 {
+  margin-bottom: 4px !important;
+}
+
+.ml-4 {
+  margin-left: 4px !important;
+}
+
+.mr-4 {
+  margin-right: 4px !important;
+}
+
+.p-4 {
+  padding: 4px !important;
+}
+
+.pt-4 {
+  padding-top: 4px !important;
+}
+
+.pb-4 {
+  padding-bottom: 4px !important;
+}
+
+.pl-4 {
+  padding-left: 4px !important;
+}
+
+.pr-4 {
+  padding-right: 4px !important;
+}
+
+.vh-4 {
+  height: 4vh !important;
+}
+
+.vw-4 {
+  width: 4vw !important;
+}
+
+.font-size-4 {
+  font-size: 4px !important;
+}
+
+.m-5 {
+  margin: 5px !important;
+}
+
+.mt-5 {
+  margin-top: 5px !important;
+}
+
+.mb-5 {
+  margin-bottom: 5px !important;
+}
+
+.ml-5 {
+  margin-left: 5px !important;
+}
+
+.mr-5 {
+  margin-right: 5px !important;
+}
+
+.p-5 {
+  padding: 5px !important;
+}
+
+.pt-5 {
+  padding-top: 5px !important;
+}
+
+.pb-5 {
+  padding-bottom: 5px !important;
+}
+
+.pl-5 {
+  padding-left: 5px !important;
+}
+
+.pr-5 {
+  padding-right: 5px !important;
+}
+
+.vh-5 {
+  height: 5vh !important;
+}
+
+.vw-5 {
+  width: 5vw !important;
+}
+
+.font-size-5 {
+  font-size: 5px !important;
+}
+
+.m-6 {
+  margin: 6px !important;
+}
+
+.mt-6 {
+  margin-top: 6px !important;
+}
+
+.mb-6 {
+  margin-bottom: 6px !important;
+}
+
+.ml-6 {
+  margin-left: 6px !important;
+}
+
+.mr-6 {
+  margin-right: 6px !important;
+}
+
+.p-6 {
+  padding: 6px !important;
+}
+
+.pt-6 {
+  padding-top: 6px !important;
+}
+
+.pb-6 {
+  padding-bottom: 6px !important;
+}
+
+.pl-6 {
+  padding-left: 6px !important;
+}
+
+.pr-6 {
+  padding-right: 6px !important;
+}
+
+.vh-6 {
+  height: 6vh !important;
+}
+
+.vw-6 {
+  width: 6vw !important;
+}
+
+.font-size-6 {
+  font-size: 6px !important;
+}
+
+.m-7 {
+  margin: 7px !important;
+}
+
+.mt-7 {
+  margin-top: 7px !important;
+}
+
+.mb-7 {
+  margin-bottom: 7px !important;
+}
+
+.ml-7 {
+  margin-left: 7px !important;
+}
+
+.mr-7 {
+  margin-right: 7px !important;
+}
+
+.p-7 {
+  padding: 7px !important;
+}
+
+.pt-7 {
+  padding-top: 7px !important;
+}
+
+.pb-7 {
+  padding-bottom: 7px !important;
+}
+
+.pl-7 {
+  padding-left: 7px !important;
+}
+
+.pr-7 {
+  padding-right: 7px !important;
+}
+
+.vh-7 {
+  height: 7vh !important;
+}
+
+.vw-7 {
+  width: 7vw !important;
+}
+
+.font-size-7 {
+  font-size: 7px !important;
+}
+
+.m-8 {
+  margin: 8px !important;
+}
+
+.mt-8 {
+  margin-top: 8px !important;
+}
+
+.mb-8 {
+  margin-bottom: 8px !important;
+}
+
+.ml-8 {
+  margin-left: 8px !important;
+}
+
+.mr-8 {
+  margin-right: 8px !important;
+}
+
+.p-8 {
+  padding: 8px !important;
+}
+
+.pt-8 {
+  padding-top: 8px !important;
+}
+
+.pb-8 {
+  padding-bottom: 8px !important;
+}
+
+.pl-8 {
+  padding-left: 8px !important;
+}
+
+.pr-8 {
+  padding-right: 8px !important;
+}
+
+.vh-8 {
+  height: 8vh !important;
+}
+
+.vw-8 {
+  width: 8vw !important;
+}
+
+.font-size-8 {
+  font-size: 8px !important;
+}
+
+.m-9 {
+  margin: 9px !important;
+}
+
+.mt-9 {
+  margin-top: 9px !important;
+}
+
+.mb-9 {
+  margin-bottom: 9px !important;
+}
+
+.ml-9 {
+  margin-left: 9px !important;
+}
+
+.mr-9 {
+  margin-right: 9px !important;
+}
+
+.p-9 {
+  padding: 9px !important;
+}
+
+.pt-9 {
+  padding-top: 9px !important;
+}
+
+.pb-9 {
+  padding-bottom: 9px !important;
+}
+
+.pl-9 {
+  padding-left: 9px !important;
+}
+
+.pr-9 {
+  padding-right: 9px !important;
+}
+
+.vh-9 {
+  height: 9vh !important;
+}
+
+.vw-9 {
+  width: 9vw !important;
+}
+
+.font-size-9 {
+  font-size: 9px !important;
+}
+
+.m-10 {
+  margin: 10px !important;
+}
+
+.mt-10 {
+  margin-top: 10px !important;
+}
+
+.mb-10 {
+  margin-bottom: 10px !important;
+}
+
+.ml-10 {
+  margin-left: 10px !important;
+}
+
+.mr-10 {
+  margin-right: 10px !important;
+}
+
+.p-10 {
+  padding: 10px !important;
+}
+
+.pt-10 {
+  padding-top: 10px !important;
+}
+
+.pb-10 {
+  padding-bottom: 10px !important;
+}
+
+.pl-10 {
+  padding-left: 10px !important;
+}
+
+.pr-10 {
+  padding-right: 10px !important;
+}
+
+.vh-10 {
+  height: 10vh !important;
+}
+
+.vw-10 {
+  width: 10vw !important;
+}
+
+.font-size-10 {
+  font-size: 10px !important;
+}
+
+.m-11 {
+  margin: 11px !important;
+}
+
+.mt-11 {
+  margin-top: 11px !important;
+}
+
+.mb-11 {
+  margin-bottom: 11px !important;
+}
+
+.ml-11 {
+  margin-left: 11px !important;
+}
+
+.mr-11 {
+  margin-right: 11px !important;
+}
+
+.p-11 {
+  padding: 11px !important;
+}
+
+.pt-11 {
+  padding-top: 11px !important;
+}
+
+.pb-11 {
+  padding-bottom: 11px !important;
+}
+
+.pl-11 {
+  padding-left: 11px !important;
+}
+
+.pr-11 {
+  padding-right: 11px !important;
+}
+
+.vh-11 {
+  height: 11vh !important;
+}
+
+.vw-11 {
+  width: 11vw !important;
+}
+
+.font-size-11 {
+  font-size: 11px !important;
+}
+
+.m-12 {
+  margin: 12px !important;
+}
+
+.mt-12 {
+  margin-top: 12px !important;
+}
+
+.mb-12 {
+  margin-bottom: 12px !important;
+}
+
+.ml-12 {
+  margin-left: 12px !important;
+}
+
+.mr-12 {
+  margin-right: 12px !important;
+}
+
+.p-12 {
+  padding: 12px !important;
+}
+
+.pt-12 {
+  padding-top: 12px !important;
+}
+
+.pb-12 {
+  padding-bottom: 12px !important;
+}
+
+.pl-12 {
+  padding-left: 12px !important;
+}
+
+.pr-12 {
+  padding-right: 12px !important;
+}
+
+.vh-12 {
+  height: 12vh !important;
+}
+
+.vw-12 {
+  width: 12vw !important;
+}
+
+.font-size-12 {
+  font-size: 12px !important;
+}
+
+.m-13 {
+  margin: 13px !important;
+}
+
+.mt-13 {
+  margin-top: 13px !important;
+}
+
+.mb-13 {
+  margin-bottom: 13px !important;
+}
+
+.ml-13 {
+  margin-left: 13px !important;
+}
+
+.mr-13 {
+  margin-right: 13px !important;
+}
+
+.p-13 {
+  padding: 13px !important;
+}
+
+.pt-13 {
+  padding-top: 13px !important;
+}
+
+.pb-13 {
+  padding-bottom: 13px !important;
+}
+
+.pl-13 {
+  padding-left: 13px !important;
+}
+
+.pr-13 {
+  padding-right: 13px !important;
+}
+
+.vh-13 {
+  height: 13vh !important;
+}
+
+.vw-13 {
+  width: 13vw !important;
+}
+
+.font-size-13 {
+  font-size: 13px !important;
+}
+
+.m-14 {
+  margin: 14px !important;
+}
+
+.mt-14 {
+  margin-top: 14px !important;
+}
+
+.mb-14 {
+  margin-bottom: 14px !important;
+}
+
+.ml-14 {
+  margin-left: 14px !important;
+}
+
+.mr-14 {
+  margin-right: 14px !important;
+}
+
+.p-14 {
+  padding: 14px !important;
+}
+
+.pt-14 {
+  padding-top: 14px !important;
+}
+
+.pb-14 {
+  padding-bottom: 14px !important;
+}
+
+.pl-14 {
+  padding-left: 14px !important;
+}
+
+.pr-14 {
+  padding-right: 14px !important;
+}
+
+.vh-14 {
+  height: 14vh !important;
+}
+
+.vw-14 {
+  width: 14vw !important;
+}
+
+.font-size-14 {
+  font-size: 14px !important;
+}
+
+.m-15 {
+  margin: 15px !important;
+}
+
+.mt-15 {
+  margin-top: 15px !important;
+}
+
+.mb-15 {
+  margin-bottom: 15px !important;
+}
+
+.ml-15 {
+  margin-left: 15px !important;
+}
+
+.mr-15 {
+  margin-right: 15px !important;
+}
+
+.p-15 {
+  padding: 15px !important;
+}
+
+.pt-15 {
+  padding-top: 15px !important;
+}
+
+.pb-15 {
+  padding-bottom: 15px !important;
+}
+
+.pl-15 {
+  padding-left: 15px !important;
+}
+
+.pr-15 {
+  padding-right: 15px !important;
+}
+
+.vh-15 {
+  height: 15vh !important;
+}
+
+.vw-15 {
+  width: 15vw !important;
+}
+
+.font-size-15 {
+  font-size: 15px !important;
+}
+
+.m-16 {
+  margin: 16px !important;
+}
+
+.mt-16 {
+  margin-top: 16px !important;
+}
+
+.mb-16 {
+  margin-bottom: 16px !important;
+}
+
+.ml-16 {
+  margin-left: 16px !important;
+}
+
+.mr-16 {
+  margin-right: 16px !important;
+}
+
+.p-16 {
+  padding: 16px !important;
+}
+
+.pt-16 {
+  padding-top: 16px !important;
+}
+
+.pb-16 {
+  padding-bottom: 16px !important;
+}
+
+.pl-16 {
+  padding-left: 16px !important;
+}
+
+.pr-16 {
+  padding-right: 16px !important;
+}
+
+.vh-16 {
+  height: 16vh !important;
+}
+
+.vw-16 {
+  width: 16vw !important;
+}
+
+.font-size-16 {
+  font-size: 16px !important;
+}
+
+.m-17 {
+  margin: 17px !important;
+}
+
+.mt-17 {
+  margin-top: 17px !important;
+}
+
+.mb-17 {
+  margin-bottom: 17px !important;
+}
+
+.ml-17 {
+  margin-left: 17px !important;
+}
+
+.mr-17 {
+  margin-right: 17px !important;
+}
+
+.p-17 {
+  padding: 17px !important;
+}
+
+.pt-17 {
+  padding-top: 17px !important;
+}
+
+.pb-17 {
+  padding-bottom: 17px !important;
+}
+
+.pl-17 {
+  padding-left: 17px !important;
+}
+
+.pr-17 {
+  padding-right: 17px !important;
+}
+
+.vh-17 {
+  height: 17vh !important;
+}
+
+.vw-17 {
+  width: 17vw !important;
+}
+
+.font-size-17 {
+  font-size: 17px !important;
+}
+
+.m-18 {
+  margin: 18px !important;
+}
+
+.mt-18 {
+  margin-top: 18px !important;
+}
+
+.mb-18 {
+  margin-bottom: 18px !important;
+}
+
+.ml-18 {
+  margin-left: 18px !important;
+}
+
+.mr-18 {
+  margin-right: 18px !important;
+}
+
+.p-18 {
+  padding: 18px !important;
+}
+
+.pt-18 {
+  padding-top: 18px !important;
+}
+
+.pb-18 {
+  padding-bottom: 18px !important;
+}
+
+.pl-18 {
+  padding-left: 18px !important;
+}
+
+.pr-18 {
+  padding-right: 18px !important;
+}
+
+.vh-18 {
+  height: 18vh !important;
+}
+
+.vw-18 {
+  width: 18vw !important;
+}
+
+.font-size-18 {
+  font-size: 18px !important;
+}
+
+.m-19 {
+  margin: 19px !important;
+}
+
+.mt-19 {
+  margin-top: 19px !important;
+}
+
+.mb-19 {
+  margin-bottom: 19px !important;
+}
+
+.ml-19 {
+  margin-left: 19px !important;
+}
+
+.mr-19 {
+  margin-right: 19px !important;
+}
+
+.p-19 {
+  padding: 19px !important;
+}
+
+.pt-19 {
+  padding-top: 19px !important;
+}
+
+.pb-19 {
+  padding-bottom: 19px !important;
+}
+
+.pl-19 {
+  padding-left: 19px !important;
+}
+
+.pr-19 {
+  padding-right: 19px !important;
+}
+
+.vh-19 {
+  height: 19vh !important;
+}
+
+.vw-19 {
+  width: 19vw !important;
+}
+
+.font-size-19 {
+  font-size: 19px !important;
+}
+
+.m-20 {
+  margin: 20px !important;
+}
+
+.mt-20 {
+  margin-top: 20px !important;
+}
+
+.mb-20 {
+  margin-bottom: 20px !important;
+}
+
+.ml-20 {
+  margin-left: 20px !important;
+}
+
+.mr-20 {
+  margin-right: 20px !important;
+}
+
+.p-20 {
+  padding: 20px !important;
+}
+
+.pt-20 {
+  padding-top: 20px !important;
+}
+
+.pb-20 {
+  padding-bottom: 20px !important;
+}
+
+.pl-20 {
+  padding-left: 20px !important;
+}
+
+.pr-20 {
+  padding-right: 20px !important;
+}
+
+.vh-20 {
+  height: 20vh !important;
+}
+
+.vw-20 {
+  width: 20vw !important;
+}
+
+.font-size-20 {
+  font-size: 20px !important;
+}
+
+.m-21 {
+  margin: 21px !important;
+}
+
+.mt-21 {
+  margin-top: 21px !important;
+}
+
+.mb-21 {
+  margin-bottom: 21px !important;
+}
+
+.ml-21 {
+  margin-left: 21px !important;
+}
+
+.mr-21 {
+  margin-right: 21px !important;
+}
+
+.p-21 {
+  padding: 21px !important;
+}
+
+.pt-21 {
+  padding-top: 21px !important;
+}
+
+.pb-21 {
+  padding-bottom: 21px !important;
+}
+
+.pl-21 {
+  padding-left: 21px !important;
+}
+
+.pr-21 {
+  padding-right: 21px !important;
+}
+
+.vh-21 {
+  height: 21vh !important;
+}
+
+.vw-21 {
+  width: 21vw !important;
+}
+
+.font-size-21 {
+  font-size: 21px !important;
+}
+
+.m-22 {
+  margin: 22px !important;
+}
+
+.mt-22 {
+  margin-top: 22px !important;
+}
+
+.mb-22 {
+  margin-bottom: 22px !important;
+}
+
+.ml-22 {
+  margin-left: 22px !important;
+}
+
+.mr-22 {
+  margin-right: 22px !important;
+}
+
+.p-22 {
+  padding: 22px !important;
+}
+
+.pt-22 {
+  padding-top: 22px !important;
+}
+
+.pb-22 {
+  padding-bottom: 22px !important;
+}
+
+.pl-22 {
+  padding-left: 22px !important;
+}
+
+.pr-22 {
+  padding-right: 22px !important;
+}
+
+.vh-22 {
+  height: 22vh !important;
+}
+
+.vw-22 {
+  width: 22vw !important;
+}
+
+.font-size-22 {
+  font-size: 22px !important;
+}
+
+.m-23 {
+  margin: 23px !important;
+}
+
+.mt-23 {
+  margin-top: 23px !important;
+}
+
+.mb-23 {
+  margin-bottom: 23px !important;
+}
+
+.ml-23 {
+  margin-left: 23px !important;
+}
+
+.mr-23 {
+  margin-right: 23px !important;
+}
+
+.p-23 {
+  padding: 23px !important;
+}
+
+.pt-23 {
+  padding-top: 23px !important;
+}
+
+.pb-23 {
+  padding-bottom: 23px !important;
+}
+
+.pl-23 {
+  padding-left: 23px !important;
+}
+
+.pr-23 {
+  padding-right: 23px !important;
+}
+
+.vh-23 {
+  height: 23vh !important;
+}
+
+.vw-23 {
+  width: 23vw !important;
+}
+
+.font-size-23 {
+  font-size: 23px !important;
+}
+
+.m-24 {
+  margin: 24px !important;
+}
+
+.mt-24 {
+  margin-top: 24px !important;
+}
+
+.mb-24 {
+  margin-bottom: 24px !important;
+}
+
+.ml-24 {
+  margin-left: 24px !important;
+}
+
+.mr-24 {
+  margin-right: 24px !important;
+}
+
+.p-24 {
+  padding: 24px !important;
+}
+
+.pt-24 {
+  padding-top: 24px !important;
+}
+
+.pb-24 {
+  padding-bottom: 24px !important;
+}
+
+.pl-24 {
+  padding-left: 24px !important;
+}
+
+.pr-24 {
+  padding-right: 24px !important;
+}
+
+.vh-24 {
+  height: 24vh !important;
+}
+
+.vw-24 {
+  width: 24vw !important;
+}
+
+.font-size-24 {
+  font-size: 24px !important;
+}
+
+.m-25 {
+  margin: 25px !important;
+}
+
+.mt-25 {
+  margin-top: 25px !important;
+}
+
+.mb-25 {
+  margin-bottom: 25px !important;
+}
+
+.ml-25 {
+  margin-left: 25px !important;
+}
+
+.mr-25 {
+  margin-right: 25px !important;
+}
+
+.p-25 {
+  padding: 25px !important;
+}
+
+.pt-25 {
+  padding-top: 25px !important;
+}
+
+.pb-25 {
+  padding-bottom: 25px !important;
+}
+
+.pl-25 {
+  padding-left: 25px !important;
+}
+
+.pr-25 {
+  padding-right: 25px !important;
+}
+
+.vh-25 {
+  height: 25vh !important;
+}
+
+.vw-25 {
+  width: 25vw !important;
+}
+
+.font-size-25 {
+  font-size: 25px !important;
+}
+
+.m-26 {
+  margin: 26px !important;
+}
+
+.mt-26 {
+  margin-top: 26px !important;
+}
+
+.mb-26 {
+  margin-bottom: 26px !important;
+}
+
+.ml-26 {
+  margin-left: 26px !important;
+}
+
+.mr-26 {
+  margin-right: 26px !important;
+}
+
+.p-26 {
+  padding: 26px !important;
+}
+
+.pt-26 {
+  padding-top: 26px !important;
+}
+
+.pb-26 {
+  padding-bottom: 26px !important;
+}
+
+.pl-26 {
+  padding-left: 26px !important;
+}
+
+.pr-26 {
+  padding-right: 26px !important;
+}
+
+.vh-26 {
+  height: 26vh !important;
+}
+
+.vw-26 {
+  width: 26vw !important;
+}
+
+.font-size-26 {
+  font-size: 26px !important;
+}
+
+.m-27 {
+  margin: 27px !important;
+}
+
+.mt-27 {
+  margin-top: 27px !important;
+}
+
+.mb-27 {
+  margin-bottom: 27px !important;
+}
+
+.ml-27 {
+  margin-left: 27px !important;
+}
+
+.mr-27 {
+  margin-right: 27px !important;
+}
+
+.p-27 {
+  padding: 27px !important;
+}
+
+.pt-27 {
+  padding-top: 27px !important;
+}
+
+.pb-27 {
+  padding-bottom: 27px !important;
+}
+
+.pl-27 {
+  padding-left: 27px !important;
+}
+
+.pr-27 {
+  padding-right: 27px !important;
+}
+
+.vh-27 {
+  height: 27vh !important;
+}
+
+.vw-27 {
+  width: 27vw !important;
+}
+
+.font-size-27 {
+  font-size: 27px !important;
+}
+
+.m-28 {
+  margin: 28px !important;
+}
+
+.mt-28 {
+  margin-top: 28px !important;
+}
+
+.mb-28 {
+  margin-bottom: 28px !important;
+}
+
+.ml-28 {
+  margin-left: 28px !important;
+}
+
+.mr-28 {
+  margin-right: 28px !important;
+}
+
+.p-28 {
+  padding: 28px !important;
+}
+
+.pt-28 {
+  padding-top: 28px !important;
+}
+
+.pb-28 {
+  padding-bottom: 28px !important;
+}
+
+.pl-28 {
+  padding-left: 28px !important;
+}
+
+.pr-28 {
+  padding-right: 28px !important;
+}
+
+.vh-28 {
+  height: 28vh !important;
+}
+
+.vw-28 {
+  width: 28vw !important;
+}
+
+.font-size-28 {
+  font-size: 28px !important;
+}
+
+.m-29 {
+  margin: 29px !important;
+}
+
+.mt-29 {
+  margin-top: 29px !important;
+}
+
+.mb-29 {
+  margin-bottom: 29px !important;
+}
+
+.ml-29 {
+  margin-left: 29px !important;
+}
+
+.mr-29 {
+  margin-right: 29px !important;
+}
+
+.p-29 {
+  padding: 29px !important;
+}
+
+.pt-29 {
+  padding-top: 29px !important;
+}
+
+.pb-29 {
+  padding-bottom: 29px !important;
+}
+
+.pl-29 {
+  padding-left: 29px !important;
+}
+
+.pr-29 {
+  padding-right: 29px !important;
+}
+
+.vh-29 {
+  height: 29vh !important;
+}
+
+.vw-29 {
+  width: 29vw !important;
+}
+
+.font-size-29 {
+  font-size: 29px !important;
+}
+
+.m-30 {
+  margin: 30px !important;
+}
+
+.mt-30 {
+  margin-top: 30px !important;
+}
+
+.mb-30 {
+  margin-bottom: 30px !important;
+}
+
+.ml-30 {
+  margin-left: 30px !important;
+}
+
+.mr-30 {
+  margin-right: 30px !important;
+}
+
+.p-30 {
+  padding: 30px !important;
+}
+
+.pt-30 {
+  padding-top: 30px !important;
+}
+
+.pb-30 {
+  padding-bottom: 30px !important;
+}
+
+.pl-30 {
+  padding-left: 30px !important;
+}
+
+.pr-30 {
+  padding-right: 30px !important;
+}
+
+.vh-30 {
+  height: 30vh !important;
+}
+
+.vw-30 {
+  width: 30vw !important;
+}
+
+.font-size-30 {
+  font-size: 30px !important;
+}
+
+.m-31 {
+  margin: 31px !important;
+}
+
+.mt-31 {
+  margin-top: 31px !important;
+}
+
+.mb-31 {
+  margin-bottom: 31px !important;
+}
+
+.ml-31 {
+  margin-left: 31px !important;
+}
+
+.mr-31 {
+  margin-right: 31px !important;
+}
+
+.p-31 {
+  padding: 31px !important;
+}
+
+.pt-31 {
+  padding-top: 31px !important;
+}
+
+.pb-31 {
+  padding-bottom: 31px !important;
+}
+
+.pl-31 {
+  padding-left: 31px !important;
+}
+
+.pr-31 {
+  padding-right: 31px !important;
+}
+
+.vh-31 {
+  height: 31vh !important;
+}
+
+.vw-31 {
+  width: 31vw !important;
+}
+
+.font-size-31 {
+  font-size: 31px !important;
+}
+
+.m-32 {
+  margin: 32px !important;
+}
+
+.mt-32 {
+  margin-top: 32px !important;
+}
+
+.mb-32 {
+  margin-bottom: 32px !important;
+}
+
+.ml-32 {
+  margin-left: 32px !important;
+}
+
+.mr-32 {
+  margin-right: 32px !important;
+}
+
+.p-32 {
+  padding: 32px !important;
+}
+
+.pt-32 {
+  padding-top: 32px !important;
+}
+
+.pb-32 {
+  padding-bottom: 32px !important;
+}
+
+.pl-32 {
+  padding-left: 32px !important;
+}
+
+.pr-32 {
+  padding-right: 32px !important;
+}
+
+.vh-32 {
+  height: 32vh !important;
+}
+
+.vw-32 {
+  width: 32vw !important;
+}
+
+.font-size-32 {
+  font-size: 32px !important;
+}
+
+.m-33 {
+  margin: 33px !important;
+}
+
+.mt-33 {
+  margin-top: 33px !important;
+}
+
+.mb-33 {
+  margin-bottom: 33px !important;
+}
+
+.ml-33 {
+  margin-left: 33px !important;
+}
+
+.mr-33 {
+  margin-right: 33px !important;
+}
+
+.p-33 {
+  padding: 33px !important;
+}
+
+.pt-33 {
+  padding-top: 33px !important;
+}
+
+.pb-33 {
+  padding-bottom: 33px !important;
+}
+
+.pl-33 {
+  padding-left: 33px !important;
+}
+
+.pr-33 {
+  padding-right: 33px !important;
+}
+
+.vh-33 {
+  height: 33vh !important;
+}
+
+.vw-33 {
+  width: 33vw !important;
+}
+
+.font-size-33 {
+  font-size: 33px !important;
+}
+
+.m-34 {
+  margin: 34px !important;
+}
+
+.mt-34 {
+  margin-top: 34px !important;
+}
+
+.mb-34 {
+  margin-bottom: 34px !important;
+}
+
+.ml-34 {
+  margin-left: 34px !important;
+}
+
+.mr-34 {
+  margin-right: 34px !important;
+}
+
+.p-34 {
+  padding: 34px !important;
+}
+
+.pt-34 {
+  padding-top: 34px !important;
+}
+
+.pb-34 {
+  padding-bottom: 34px !important;
+}
+
+.pl-34 {
+  padding-left: 34px !important;
+}
+
+.pr-34 {
+  padding-right: 34px !important;
+}
+
+.vh-34 {
+  height: 34vh !important;
+}
+
+.vw-34 {
+  width: 34vw !important;
+}
+
+.font-size-34 {
+  font-size: 34px !important;
+}
+
+.m-35 {
+  margin: 35px !important;
+}
+
+.mt-35 {
+  margin-top: 35px !important;
+}
+
+.mb-35 {
+  margin-bottom: 35px !important;
+}
+
+.ml-35 {
+  margin-left: 35px !important;
+}
+
+.mr-35 {
+  margin-right: 35px !important;
+}
+
+.p-35 {
+  padding: 35px !important;
+}
+
+.pt-35 {
+  padding-top: 35px !important;
+}
+
+.pb-35 {
+  padding-bottom: 35px !important;
+}
+
+.pl-35 {
+  padding-left: 35px !important;
+}
+
+.pr-35 {
+  padding-right: 35px !important;
+}
+
+.vh-35 {
+  height: 35vh !important;
+}
+
+.vw-35 {
+  width: 35vw !important;
+}
+
+.font-size-35 {
+  font-size: 35px !important;
+}
+
+.m-36 {
+  margin: 36px !important;
+}
+
+.mt-36 {
+  margin-top: 36px !important;
+}
+
+.mb-36 {
+  margin-bottom: 36px !important;
+}
+
+.ml-36 {
+  margin-left: 36px !important;
+}
+
+.mr-36 {
+  margin-right: 36px !important;
+}
+
+.p-36 {
+  padding: 36px !important;
+}
+
+.pt-36 {
+  padding-top: 36px !important;
+}
+
+.pb-36 {
+  padding-bottom: 36px !important;
+}
+
+.pl-36 {
+  padding-left: 36px !important;
+}
+
+.pr-36 {
+  padding-right: 36px !important;
+}
+
+.vh-36 {
+  height: 36vh !important;
+}
+
+.vw-36 {
+  width: 36vw !important;
+}
+
+.font-size-36 {
+  font-size: 36px !important;
+}
+
+.m-37 {
+  margin: 37px !important;
+}
+
+.mt-37 {
+  margin-top: 37px !important;
+}
+
+.mb-37 {
+  margin-bottom: 37px !important;
+}
+
+.ml-37 {
+  margin-left: 37px !important;
+}
+
+.mr-37 {
+  margin-right: 37px !important;
+}
+
+.p-37 {
+  padding: 37px !important;
+}
+
+.pt-37 {
+  padding-top: 37px !important;
+}
+
+.pb-37 {
+  padding-bottom: 37px !important;
+}
+
+.pl-37 {
+  padding-left: 37px !important;
+}
+
+.pr-37 {
+  padding-right: 37px !important;
+}
+
+.vh-37 {
+  height: 37vh !important;
+}
+
+.vw-37 {
+  width: 37vw !important;
+}
+
+.font-size-37 {
+  font-size: 37px !important;
+}
+
+.m-38 {
+  margin: 38px !important;
+}
+
+.mt-38 {
+  margin-top: 38px !important;
+}
+
+.mb-38 {
+  margin-bottom: 38px !important;
+}
+
+.ml-38 {
+  margin-left: 38px !important;
+}
+
+.mr-38 {
+  margin-right: 38px !important;
+}
+
+.p-38 {
+  padding: 38px !important;
+}
+
+.pt-38 {
+  padding-top: 38px !important;
+}
+
+.pb-38 {
+  padding-bottom: 38px !important;
+}
+
+.pl-38 {
+  padding-left: 38px !important;
+}
+
+.pr-38 {
+  padding-right: 38px !important;
+}
+
+.vh-38 {
+  height: 38vh !important;
+}
+
+.vw-38 {
+  width: 38vw !important;
+}
+
+.font-size-38 {
+  font-size: 38px !important;
+}
+
+.m-39 {
+  margin: 39px !important;
+}
+
+.mt-39 {
+  margin-top: 39px !important;
+}
+
+.mb-39 {
+  margin-bottom: 39px !important;
+}
+
+.ml-39 {
+  margin-left: 39px !important;
+}
+
+.mr-39 {
+  margin-right: 39px !important;
+}
+
+.p-39 {
+  padding: 39px !important;
+}
+
+.pt-39 {
+  padding-top: 39px !important;
+}
+
+.pb-39 {
+  padding-bottom: 39px !important;
+}
+
+.pl-39 {
+  padding-left: 39px !important;
+}
+
+.pr-39 {
+  padding-right: 39px !important;
+}
+
+.vh-39 {
+  height: 39vh !important;
+}
+
+.vw-39 {
+  width: 39vw !important;
+}
+
+.font-size-39 {
+  font-size: 39px !important;
+}
+
+.m-40 {
+  margin: 40px !important;
+}
+
+.mt-40 {
+  margin-top: 40px !important;
+}
+
+.mb-40 {
+  margin-bottom: 40px !important;
+}
+
+.ml-40 {
+  margin-left: 40px !important;
+}
+
+.mr-40 {
+  margin-right: 40px !important;
+}
+
+.p-40 {
+  padding: 40px !important;
+}
+
+.pt-40 {
+  padding-top: 40px !important;
+}
+
+.pb-40 {
+  padding-bottom: 40px !important;
+}
+
+.pl-40 {
+  padding-left: 40px !important;
+}
+
+.pr-40 {
+  padding-right: 40px !important;
+}
+
+.vh-40 {
+  height: 40vh !important;
+}
+
+.vw-40 {
+  width: 40vw !important;
+}
+
+.font-size-40 {
+  font-size: 40px !important;
+}
+
+.m-41 {
+  margin: 41px !important;
+}
+
+.mt-41 {
+  margin-top: 41px !important;
+}
+
+.mb-41 {
+  margin-bottom: 41px !important;
+}
+
+.ml-41 {
+  margin-left: 41px !important;
+}
+
+.mr-41 {
+  margin-right: 41px !important;
+}
+
+.p-41 {
+  padding: 41px !important;
+}
+
+.pt-41 {
+  padding-top: 41px !important;
+}
+
+.pb-41 {
+  padding-bottom: 41px !important;
+}
+
+.pl-41 {
+  padding-left: 41px !important;
+}
+
+.pr-41 {
+  padding-right: 41px !important;
+}
+
+.vh-41 {
+  height: 41vh !important;
+}
+
+.vw-41 {
+  width: 41vw !important;
+}
+
+.font-size-41 {
+  font-size: 41px !important;
+}
+
+.m-42 {
+  margin: 42px !important;
+}
+
+.mt-42 {
+  margin-top: 42px !important;
+}
+
+.mb-42 {
+  margin-bottom: 42px !important;
+}
+
+.ml-42 {
+  margin-left: 42px !important;
+}
+
+.mr-42 {
+  margin-right: 42px !important;
+}
+
+.p-42 {
+  padding: 42px !important;
+}
+
+.pt-42 {
+  padding-top: 42px !important;
+}
+
+.pb-42 {
+  padding-bottom: 42px !important;
+}
+
+.pl-42 {
+  padding-left: 42px !important;
+}
+
+.pr-42 {
+  padding-right: 42px !important;
+}
+
+.vh-42 {
+  height: 42vh !important;
+}
+
+.vw-42 {
+  width: 42vw !important;
+}
+
+.font-size-42 {
+  font-size: 42px !important;
+}
+
+.m-43 {
+  margin: 43px !important;
+}
+
+.mt-43 {
+  margin-top: 43px !important;
+}
+
+.mb-43 {
+  margin-bottom: 43px !important;
+}
+
+.ml-43 {
+  margin-left: 43px !important;
+}
+
+.mr-43 {
+  margin-right: 43px !important;
+}
+
+.p-43 {
+  padding: 43px !important;
+}
+
+.pt-43 {
+  padding-top: 43px !important;
+}
+
+.pb-43 {
+  padding-bottom: 43px !important;
+}
+
+.pl-43 {
+  padding-left: 43px !important;
+}
+
+.pr-43 {
+  padding-right: 43px !important;
+}
+
+.vh-43 {
+  height: 43vh !important;
+}
+
+.vw-43 {
+  width: 43vw !important;
+}
+
+.font-size-43 {
+  font-size: 43px !important;
+}
+
+.m-44 {
+  margin: 44px !important;
+}
+
+.mt-44 {
+  margin-top: 44px !important;
+}
+
+.mb-44 {
+  margin-bottom: 44px !important;
+}
+
+.ml-44 {
+  margin-left: 44px !important;
+}
+
+.mr-44 {
+  margin-right: 44px !important;
+}
+
+.p-44 {
+  padding: 44px !important;
+}
+
+.pt-44 {
+  padding-top: 44px !important;
+}
+
+.pb-44 {
+  padding-bottom: 44px !important;
+}
+
+.pl-44 {
+  padding-left: 44px !important;
+}
+
+.pr-44 {
+  padding-right: 44px !important;
+}
+
+.vh-44 {
+  height: 44vh !important;
+}
+
+.vw-44 {
+  width: 44vw !important;
+}
+
+.font-size-44 {
+  font-size: 44px !important;
+}
+
+.m-45 {
+  margin: 45px !important;
+}
+
+.mt-45 {
+  margin-top: 45px !important;
+}
+
+.mb-45 {
+  margin-bottom: 45px !important;
+}
+
+.ml-45 {
+  margin-left: 45px !important;
+}
+
+.mr-45 {
+  margin-right: 45px !important;
+}
+
+.p-45 {
+  padding: 45px !important;
+}
+
+.pt-45 {
+  padding-top: 45px !important;
+}
+
+.pb-45 {
+  padding-bottom: 45px !important;
+}
+
+.pl-45 {
+  padding-left: 45px !important;
+}
+
+.pr-45 {
+  padding-right: 45px !important;
+}
+
+.vh-45 {
+  height: 45vh !important;
+}
+
+.vw-45 {
+  width: 45vw !important;
+}
+
+.font-size-45 {
+  font-size: 45px !important;
+}
+
+.m-46 {
+  margin: 46px !important;
+}
+
+.mt-46 {
+  margin-top: 46px !important;
+}
+
+.mb-46 {
+  margin-bottom: 46px !important;
+}
+
+.ml-46 {
+  margin-left: 46px !important;
+}
+
+.mr-46 {
+  margin-right: 46px !important;
+}
+
+.p-46 {
+  padding: 46px !important;
+}
+
+.pt-46 {
+  padding-top: 46px !important;
+}
+
+.pb-46 {
+  padding-bottom: 46px !important;
+}
+
+.pl-46 {
+  padding-left: 46px !important;
+}
+
+.pr-46 {
+  padding-right: 46px !important;
+}
+
+.vh-46 {
+  height: 46vh !important;
+}
+
+.vw-46 {
+  width: 46vw !important;
+}
+
+.font-size-46 {
+  font-size: 46px !important;
+}
+
+.m-47 {
+  margin: 47px !important;
+}
+
+.mt-47 {
+  margin-top: 47px !important;
+}
+
+.mb-47 {
+  margin-bottom: 47px !important;
+}
+
+.ml-47 {
+  margin-left: 47px !important;
+}
+
+.mr-47 {
+  margin-right: 47px !important;
+}
+
+.p-47 {
+  padding: 47px !important;
+}
+
+.pt-47 {
+  padding-top: 47px !important;
+}
+
+.pb-47 {
+  padding-bottom: 47px !important;
+}
+
+.pl-47 {
+  padding-left: 47px !important;
+}
+
+.pr-47 {
+  padding-right: 47px !important;
+}
+
+.vh-47 {
+  height: 47vh !important;
+}
+
+.vw-47 {
+  width: 47vw !important;
+}
+
+.font-size-47 {
+  font-size: 47px !important;
+}
+
+.m-48 {
+  margin: 48px !important;
+}
+
+.mt-48 {
+  margin-top: 48px !important;
+}
+
+.mb-48 {
+  margin-bottom: 48px !important;
+}
+
+.ml-48 {
+  margin-left: 48px !important;
+}
+
+.mr-48 {
+  margin-right: 48px !important;
+}
+
+.p-48 {
+  padding: 48px !important;
+}
+
+.pt-48 {
+  padding-top: 48px !important;
+}
+
+.pb-48 {
+  padding-bottom: 48px !important;
+}
+
+.pl-48 {
+  padding-left: 48px !important;
+}
+
+.pr-48 {
+  padding-right: 48px !important;
+}
+
+.vh-48 {
+  height: 48vh !important;
+}
+
+.vw-48 {
+  width: 48vw !important;
+}
+
+.font-size-48 {
+  font-size: 48px !important;
+}
+
+.m-49 {
+  margin: 49px !important;
+}
+
+.mt-49 {
+  margin-top: 49px !important;
+}
+
+.mb-49 {
+  margin-bottom: 49px !important;
+}
+
+.ml-49 {
+  margin-left: 49px !important;
+}
+
+.mr-49 {
+  margin-right: 49px !important;
+}
+
+.p-49 {
+  padding: 49px !important;
+}
+
+.pt-49 {
+  padding-top: 49px !important;
+}
+
+.pb-49 {
+  padding-bottom: 49px !important;
+}
+
+.pl-49 {
+  padding-left: 49px !important;
+}
+
+.pr-49 {
+  padding-right: 49px !important;
+}
+
+.vh-49 {
+  height: 49vh !important;
+}
+
+.vw-49 {
+  width: 49vw !important;
+}
+
+.font-size-49 {
+  font-size: 49px !important;
+}
+
+.m-50 {
+  margin: 50px !important;
+}
+
+.mt-50 {
+  margin-top: 50px !important;
+}
+
+.mb-50 {
+  margin-bottom: 50px !important;
+}
+
+.ml-50 {
+  margin-left: 50px !important;
+}
+
+.mr-50 {
+  margin-right: 50px !important;
+}
+
+.p-50 {
+  padding: 50px !important;
+}
+
+.pt-50 {
+  padding-top: 50px !important;
+}
+
+.pb-50 {
+  padding-bottom: 50px !important;
+}
+
+.pl-50 {
+  padding-left: 50px !important;
+}
+
+.pr-50 {
+  padding-right: 50px !important;
+}
+
+.vh-50 {
+  height: 50vh !important;
+}
+
+.vw-50 {
+  width: 50vw !important;
+}
+
+.font-size-50 {
+  font-size: 50px !important;
+}
+
+.m-51 {
+  margin: 51px !important;
+}
+
+.mt-51 {
+  margin-top: 51px !important;
+}
+
+.mb-51 {
+  margin-bottom: 51px !important;
+}
+
+.ml-51 {
+  margin-left: 51px !important;
+}
+
+.mr-51 {
+  margin-right: 51px !important;
+}
+
+.p-51 {
+  padding: 51px !important;
+}
+
+.pt-51 {
+  padding-top: 51px !important;
+}
+
+.pb-51 {
+  padding-bottom: 51px !important;
+}
+
+.pl-51 {
+  padding-left: 51px !important;
+}
+
+.pr-51 {
+  padding-right: 51px !important;
+}
+
+.vh-51 {
+  height: 51vh !important;
+}
+
+.vw-51 {
+  width: 51vw !important;
+}
+
+.font-size-51 {
+  font-size: 51px !important;
+}
+
+.m-52 {
+  margin: 52px !important;
+}
+
+.mt-52 {
+  margin-top: 52px !important;
+}
+
+.mb-52 {
+  margin-bottom: 52px !important;
+}
+
+.ml-52 {
+  margin-left: 52px !important;
+}
+
+.mr-52 {
+  margin-right: 52px !important;
+}
+
+.p-52 {
+  padding: 52px !important;
+}
+
+.pt-52 {
+  padding-top: 52px !important;
+}
+
+.pb-52 {
+  padding-bottom: 52px !important;
+}
+
+.pl-52 {
+  padding-left: 52px !important;
+}
+
+.pr-52 {
+  padding-right: 52px !important;
+}
+
+.vh-52 {
+  height: 52vh !important;
+}
+
+.vw-52 {
+  width: 52vw !important;
+}
+
+.font-size-52 {
+  font-size: 52px !important;
+}
+
+.m-53 {
+  margin: 53px !important;
+}
+
+.mt-53 {
+  margin-top: 53px !important;
+}
+
+.mb-53 {
+  margin-bottom: 53px !important;
+}
+
+.ml-53 {
+  margin-left: 53px !important;
+}
+
+.mr-53 {
+  margin-right: 53px !important;
+}
+
+.p-53 {
+  padding: 53px !important;
+}
+
+.pt-53 {
+  padding-top: 53px !important;
+}
+
+.pb-53 {
+  padding-bottom: 53px !important;
+}
+
+.pl-53 {
+  padding-left: 53px !important;
+}
+
+.pr-53 {
+  padding-right: 53px !important;
+}
+
+.vh-53 {
+  height: 53vh !important;
+}
+
+.vw-53 {
+  width: 53vw !important;
+}
+
+.font-size-53 {
+  font-size: 53px !important;
+}
+
+.m-54 {
+  margin: 54px !important;
+}
+
+.mt-54 {
+  margin-top: 54px !important;
+}
+
+.mb-54 {
+  margin-bottom: 54px !important;
+}
+
+.ml-54 {
+  margin-left: 54px !important;
+}
+
+.mr-54 {
+  margin-right: 54px !important;
+}
+
+.p-54 {
+  padding: 54px !important;
+}
+
+.pt-54 {
+  padding-top: 54px !important;
+}
+
+.pb-54 {
+  padding-bottom: 54px !important;
+}
+
+.pl-54 {
+  padding-left: 54px !important;
+}
+
+.pr-54 {
+  padding-right: 54px !important;
+}
+
+.vh-54 {
+  height: 54vh !important;
+}
+
+.vw-54 {
+  width: 54vw !important;
+}
+
+.font-size-54 {
+  font-size: 54px !important;
+}
+
+.m-55 {
+  margin: 55px !important;
+}
+
+.mt-55 {
+  margin-top: 55px !important;
+}
+
+.mb-55 {
+  margin-bottom: 55px !important;
+}
+
+.ml-55 {
+  margin-left: 55px !important;
+}
+
+.mr-55 {
+  margin-right: 55px !important;
+}
+
+.p-55 {
+  padding: 55px !important;
+}
+
+.pt-55 {
+  padding-top: 55px !important;
+}
+
+.pb-55 {
+  padding-bottom: 55px !important;
+}
+
+.pl-55 {
+  padding-left: 55px !important;
+}
+
+.pr-55 {
+  padding-right: 55px !important;
+}
+
+.vh-55 {
+  height: 55vh !important;
+}
+
+.vw-55 {
+  width: 55vw !important;
+}
+
+.font-size-55 {
+  font-size: 55px !important;
+}
+
+.m-56 {
+  margin: 56px !important;
+}
+
+.mt-56 {
+  margin-top: 56px !important;
+}
+
+.mb-56 {
+  margin-bottom: 56px !important;
+}
+
+.ml-56 {
+  margin-left: 56px !important;
+}
+
+.mr-56 {
+  margin-right: 56px !important;
+}
+
+.p-56 {
+  padding: 56px !important;
+}
+
+.pt-56 {
+  padding-top: 56px !important;
+}
+
+.pb-56 {
+  padding-bottom: 56px !important;
+}
+
+.pl-56 {
+  padding-left: 56px !important;
+}
+
+.pr-56 {
+  padding-right: 56px !important;
+}
+
+.vh-56 {
+  height: 56vh !important;
+}
+
+.vw-56 {
+  width: 56vw !important;
+}
+
+.font-size-56 {
+  font-size: 56px !important;
+}
+
+.m-57 {
+  margin: 57px !important;
+}
+
+.mt-57 {
+  margin-top: 57px !important;
+}
+
+.mb-57 {
+  margin-bottom: 57px !important;
+}
+
+.ml-57 {
+  margin-left: 57px !important;
+}
+
+.mr-57 {
+  margin-right: 57px !important;
+}
+
+.p-57 {
+  padding: 57px !important;
+}
+
+.pt-57 {
+  padding-top: 57px !important;
+}
+
+.pb-57 {
+  padding-bottom: 57px !important;
+}
+
+.pl-57 {
+  padding-left: 57px !important;
+}
+
+.pr-57 {
+  padding-right: 57px !important;
+}
+
+.vh-57 {
+  height: 57vh !important;
+}
+
+.vw-57 {
+  width: 57vw !important;
+}
+
+.font-size-57 {
+  font-size: 57px !important;
+}
+
+.m-58 {
+  margin: 58px !important;
+}
+
+.mt-58 {
+  margin-top: 58px !important;
+}
+
+.mb-58 {
+  margin-bottom: 58px !important;
+}
+
+.ml-58 {
+  margin-left: 58px !important;
+}
+
+.mr-58 {
+  margin-right: 58px !important;
+}
+
+.p-58 {
+  padding: 58px !important;
+}
+
+.pt-58 {
+  padding-top: 58px !important;
+}
+
+.pb-58 {
+  padding-bottom: 58px !important;
+}
+
+.pl-58 {
+  padding-left: 58px !important;
+}
+
+.pr-58 {
+  padding-right: 58px !important;
+}
+
+.vh-58 {
+  height: 58vh !important;
+}
+
+.vw-58 {
+  width: 58vw !important;
+}
+
+.font-size-58 {
+  font-size: 58px !important;
+}
+
+.m-59 {
+  margin: 59px !important;
+}
+
+.mt-59 {
+  margin-top: 59px !important;
+}
+
+.mb-59 {
+  margin-bottom: 59px !important;
+}
+
+.ml-59 {
+  margin-left: 59px !important;
+}
+
+.mr-59 {
+  margin-right: 59px !important;
+}
+
+.p-59 {
+  padding: 59px !important;
+}
+
+.pt-59 {
+  padding-top: 59px !important;
+}
+
+.pb-59 {
+  padding-bottom: 59px !important;
+}
+
+.pl-59 {
+  padding-left: 59px !important;
+}
+
+.pr-59 {
+  padding-right: 59px !important;
+}
+
+.vh-59 {
+  height: 59vh !important;
+}
+
+.vw-59 {
+  width: 59vw !important;
+}
+
+.font-size-59 {
+  font-size: 59px !important;
+}
+
+.m-60 {
+  margin: 60px !important;
+}
+
+.mt-60 {
+  margin-top: 60px !important;
+}
+
+.mb-60 {
+  margin-bottom: 60px !important;
+}
+
+.ml-60 {
+  margin-left: 60px !important;
+}
+
+.mr-60 {
+  margin-right: 60px !important;
+}
+
+.p-60 {
+  padding: 60px !important;
+}
+
+.pt-60 {
+  padding-top: 60px !important;
+}
+
+.pb-60 {
+  padding-bottom: 60px !important;
+}
+
+.pl-60 {
+  padding-left: 60px !important;
+}
+
+.pr-60 {
+  padding-right: 60px !important;
+}
+
+.vh-60 {
+  height: 60vh !important;
+}
+
+.vw-60 {
+  width: 60vw !important;
+}
+
+.font-size-60 {
+  font-size: 60px !important;
+}
+
+.m-61 {
+  margin: 61px !important;
+}
+
+.mt-61 {
+  margin-top: 61px !important;
+}
+
+.mb-61 {
+  margin-bottom: 61px !important;
+}
+
+.ml-61 {
+  margin-left: 61px !important;
+}
+
+.mr-61 {
+  margin-right: 61px !important;
+}
+
+.p-61 {
+  padding: 61px !important;
+}
+
+.pt-61 {
+  padding-top: 61px !important;
+}
+
+.pb-61 {
+  padding-bottom: 61px !important;
+}
+
+.pl-61 {
+  padding-left: 61px !important;
+}
+
+.pr-61 {
+  padding-right: 61px !important;
+}
+
+.vh-61 {
+  height: 61vh !important;
+}
+
+.vw-61 {
+  width: 61vw !important;
+}
+
+.font-size-61 {
+  font-size: 61px !important;
+}
+
+.m-62 {
+  margin: 62px !important;
+}
+
+.mt-62 {
+  margin-top: 62px !important;
+}
+
+.mb-62 {
+  margin-bottom: 62px !important;
+}
+
+.ml-62 {
+  margin-left: 62px !important;
+}
+
+.mr-62 {
+  margin-right: 62px !important;
+}
+
+.p-62 {
+  padding: 62px !important;
+}
+
+.pt-62 {
+  padding-top: 62px !important;
+}
+
+.pb-62 {
+  padding-bottom: 62px !important;
+}
+
+.pl-62 {
+  padding-left: 62px !important;
+}
+
+.pr-62 {
+  padding-right: 62px !important;
+}
+
+.vh-62 {
+  height: 62vh !important;
+}
+
+.vw-62 {
+  width: 62vw !important;
+}
+
+.font-size-62 {
+  font-size: 62px !important;
+}
+
+.m-63 {
+  margin: 63px !important;
+}
+
+.mt-63 {
+  margin-top: 63px !important;
+}
+
+.mb-63 {
+  margin-bottom: 63px !important;
+}
+
+.ml-63 {
+  margin-left: 63px !important;
+}
+
+.mr-63 {
+  margin-right: 63px !important;
+}
+
+.p-63 {
+  padding: 63px !important;
+}
+
+.pt-63 {
+  padding-top: 63px !important;
+}
+
+.pb-63 {
+  padding-bottom: 63px !important;
+}
+
+.pl-63 {
+  padding-left: 63px !important;
+}
+
+.pr-63 {
+  padding-right: 63px !important;
+}
+
+.vh-63 {
+  height: 63vh !important;
+}
+
+.vw-63 {
+  width: 63vw !important;
+}
+
+.font-size-63 {
+  font-size: 63px !important;
+}
+
+.m-64 {
+  margin: 64px !important;
+}
+
+.mt-64 {
+  margin-top: 64px !important;
+}
+
+.mb-64 {
+  margin-bottom: 64px !important;
+}
+
+.ml-64 {
+  margin-left: 64px !important;
+}
+
+.mr-64 {
+  margin-right: 64px !important;
+}
+
+.p-64 {
+  padding: 64px !important;
+}
+
+.pt-64 {
+  padding-top: 64px !important;
+}
+
+.pb-64 {
+  padding-bottom: 64px !important;
+}
+
+.pl-64 {
+  padding-left: 64px !important;
+}
+
+.pr-64 {
+  padding-right: 64px !important;
+}
+
+.vh-64 {
+  height: 64vh !important;
+}
+
+.vw-64 {
+  width: 64vw !important;
+}
+
+.font-size-64 {
+  font-size: 64px !important;
+}
+
+.m-65 {
+  margin: 65px !important;
+}
+
+.mt-65 {
+  margin-top: 65px !important;
+}
+
+.mb-65 {
+  margin-bottom: 65px !important;
+}
+
+.ml-65 {
+  margin-left: 65px !important;
+}
+
+.mr-65 {
+  margin-right: 65px !important;
+}
+
+.p-65 {
+  padding: 65px !important;
+}
+
+.pt-65 {
+  padding-top: 65px !important;
+}
+
+.pb-65 {
+  padding-bottom: 65px !important;
+}
+
+.pl-65 {
+  padding-left: 65px !important;
+}
+
+.pr-65 {
+  padding-right: 65px !important;
+}
+
+.vh-65 {
+  height: 65vh !important;
+}
+
+.vw-65 {
+  width: 65vw !important;
+}
+
+.font-size-65 {
+  font-size: 65px !important;
+}
+
+.m-66 {
+  margin: 66px !important;
+}
+
+.mt-66 {
+  margin-top: 66px !important;
+}
+
+.mb-66 {
+  margin-bottom: 66px !important;
+}
+
+.ml-66 {
+  margin-left: 66px !important;
+}
+
+.mr-66 {
+  margin-right: 66px !important;
+}
+
+.p-66 {
+  padding: 66px !important;
+}
+
+.pt-66 {
+  padding-top: 66px !important;
+}
+
+.pb-66 {
+  padding-bottom: 66px !important;
+}
+
+.pl-66 {
+  padding-left: 66px !important;
+}
+
+.pr-66 {
+  padding-right: 66px !important;
+}
+
+.vh-66 {
+  height: 66vh !important;
+}
+
+.vw-66 {
+  width: 66vw !important;
+}
+
+.font-size-66 {
+  font-size: 66px !important;
+}
+
+.m-67 {
+  margin: 67px !important;
+}
+
+.mt-67 {
+  margin-top: 67px !important;
+}
+
+.mb-67 {
+  margin-bottom: 67px !important;
+}
+
+.ml-67 {
+  margin-left: 67px !important;
+}
+
+.mr-67 {
+  margin-right: 67px !important;
+}
+
+.p-67 {
+  padding: 67px !important;
+}
+
+.pt-67 {
+  padding-top: 67px !important;
+}
+
+.pb-67 {
+  padding-bottom: 67px !important;
+}
+
+.pl-67 {
+  padding-left: 67px !important;
+}
+
+.pr-67 {
+  padding-right: 67px !important;
+}
+
+.vh-67 {
+  height: 67vh !important;
+}
+
+.vw-67 {
+  width: 67vw !important;
+}
+
+.font-size-67 {
+  font-size: 67px !important;
+}
+
+.m-68 {
+  margin: 68px !important;
+}
+
+.mt-68 {
+  margin-top: 68px !important;
+}
+
+.mb-68 {
+  margin-bottom: 68px !important;
+}
+
+.ml-68 {
+  margin-left: 68px !important;
+}
+
+.mr-68 {
+  margin-right: 68px !important;
+}
+
+.p-68 {
+  padding: 68px !important;
+}
+
+.pt-68 {
+  padding-top: 68px !important;
+}
+
+.pb-68 {
+  padding-bottom: 68px !important;
+}
+
+.pl-68 {
+  padding-left: 68px !important;
+}
+
+.pr-68 {
+  padding-right: 68px !important;
+}
+
+.vh-68 {
+  height: 68vh !important;
+}
+
+.vw-68 {
+  width: 68vw !important;
+}
+
+.font-size-68 {
+  font-size: 68px !important;
+}
+
+.m-69 {
+  margin: 69px !important;
+}
+
+.mt-69 {
+  margin-top: 69px !important;
+}
+
+.mb-69 {
+  margin-bottom: 69px !important;
+}
+
+.ml-69 {
+  margin-left: 69px !important;
+}
+
+.mr-69 {
+  margin-right: 69px !important;
+}
+
+.p-69 {
+  padding: 69px !important;
+}
+
+.pt-69 {
+  padding-top: 69px !important;
+}
+
+.pb-69 {
+  padding-bottom: 69px !important;
+}
+
+.pl-69 {
+  padding-left: 69px !important;
+}
+
+.pr-69 {
+  padding-right: 69px !important;
+}
+
+.vh-69 {
+  height: 69vh !important;
+}
+
+.vw-69 {
+  width: 69vw !important;
+}
+
+.font-size-69 {
+  font-size: 69px !important;
+}
+
+.m-70 {
+  margin: 70px !important;
+}
+
+.mt-70 {
+  margin-top: 70px !important;
+}
+
+.mb-70 {
+  margin-bottom: 70px !important;
+}
+
+.ml-70 {
+  margin-left: 70px !important;
+}
+
+.mr-70 {
+  margin-right: 70px !important;
+}
+
+.p-70 {
+  padding: 70px !important;
+}
+
+.pt-70 {
+  padding-top: 70px !important;
+}
+
+.pb-70 {
+  padding-bottom: 70px !important;
+}
+
+.pl-70 {
+  padding-left: 70px !important;
+}
+
+.pr-70 {
+  padding-right: 70px !important;
+}
+
+.vh-70 {
+  height: 70vh !important;
+}
+
+.vw-70 {
+  width: 70vw !important;
+}
+
+.font-size-70 {
+  font-size: 70px !important;
+}
+
+.m-71 {
+  margin: 71px !important;
+}
+
+.mt-71 {
+  margin-top: 71px !important;
+}
+
+.mb-71 {
+  margin-bottom: 71px !important;
+}
+
+.ml-71 {
+  margin-left: 71px !important;
+}
+
+.mr-71 {
+  margin-right: 71px !important;
+}
+
+.p-71 {
+  padding: 71px !important;
+}
+
+.pt-71 {
+  padding-top: 71px !important;
+}
+
+.pb-71 {
+  padding-bottom: 71px !important;
+}
+
+.pl-71 {
+  padding-left: 71px !important;
+}
+
+.pr-71 {
+  padding-right: 71px !important;
+}
+
+.vh-71 {
+  height: 71vh !important;
+}
+
+.vw-71 {
+  width: 71vw !important;
+}
+
+.font-size-71 {
+  font-size: 71px !important;
+}
+
+.m-72 {
+  margin: 72px !important;
+}
+
+.mt-72 {
+  margin-top: 72px !important;
+}
+
+.mb-72 {
+  margin-bottom: 72px !important;
+}
+
+.ml-72 {
+  margin-left: 72px !important;
+}
+
+.mr-72 {
+  margin-right: 72px !important;
+}
+
+.p-72 {
+  padding: 72px !important;
+}
+
+.pt-72 {
+  padding-top: 72px !important;
+}
+
+.pb-72 {
+  padding-bottom: 72px !important;
+}
+
+.pl-72 {
+  padding-left: 72px !important;
+}
+
+.pr-72 {
+  padding-right: 72px !important;
+}
+
+.vh-72 {
+  height: 72vh !important;
+}
+
+.vw-72 {
+  width: 72vw !important;
+}
+
+.font-size-72 {
+  font-size: 72px !important;
+}
+
+.m-73 {
+  margin: 73px !important;
+}
+
+.mt-73 {
+  margin-top: 73px !important;
+}
+
+.mb-73 {
+  margin-bottom: 73px !important;
+}
+
+.ml-73 {
+  margin-left: 73px !important;
+}
+
+.mr-73 {
+  margin-right: 73px !important;
+}
+
+.p-73 {
+  padding: 73px !important;
+}
+
+.pt-73 {
+  padding-top: 73px !important;
+}
+
+.pb-73 {
+  padding-bottom: 73px !important;
+}
+
+.pl-73 {
+  padding-left: 73px !important;
+}
+
+.pr-73 {
+  padding-right: 73px !important;
+}
+
+.vh-73 {
+  height: 73vh !important;
+}
+
+.vw-73 {
+  width: 73vw !important;
+}
+
+.font-size-73 {
+  font-size: 73px !important;
+}
+
+.m-74 {
+  margin: 74px !important;
+}
+
+.mt-74 {
+  margin-top: 74px !important;
+}
+
+.mb-74 {
+  margin-bottom: 74px !important;
+}
+
+.ml-74 {
+  margin-left: 74px !important;
+}
+
+.mr-74 {
+  margin-right: 74px !important;
+}
+
+.p-74 {
+  padding: 74px !important;
+}
+
+.pt-74 {
+  padding-top: 74px !important;
+}
+
+.pb-74 {
+  padding-bottom: 74px !important;
+}
+
+.pl-74 {
+  padding-left: 74px !important;
+}
+
+.pr-74 {
+  padding-right: 74px !important;
+}
+
+.vh-74 {
+  height: 74vh !important;
+}
+
+.vw-74 {
+  width: 74vw !important;
+}
+
+.font-size-74 {
+  font-size: 74px !important;
+}
+
+.m-75 {
+  margin: 75px !important;
+}
+
+.mt-75 {
+  margin-top: 75px !important;
+}
+
+.mb-75 {
+  margin-bottom: 75px !important;
+}
+
+.ml-75 {
+  margin-left: 75px !important;
+}
+
+.mr-75 {
+  margin-right: 75px !important;
+}
+
+.p-75 {
+  padding: 75px !important;
+}
+
+.pt-75 {
+  padding-top: 75px !important;
+}
+
+.pb-75 {
+  padding-bottom: 75px !important;
+}
+
+.pl-75 {
+  padding-left: 75px !important;
+}
+
+.pr-75 {
+  padding-right: 75px !important;
+}
+
+.vh-75 {
+  height: 75vh !important;
+}
+
+.vw-75 {
+  width: 75vw !important;
+}
+
+.font-size-75 {
+  font-size: 75px !important;
+}
+
+.m-76 {
+  margin: 76px !important;
+}
+
+.mt-76 {
+  margin-top: 76px !important;
+}
+
+.mb-76 {
+  margin-bottom: 76px !important;
+}
+
+.ml-76 {
+  margin-left: 76px !important;
+}
+
+.mr-76 {
+  margin-right: 76px !important;
+}
+
+.p-76 {
+  padding: 76px !important;
+}
+
+.pt-76 {
+  padding-top: 76px !important;
+}
+
+.pb-76 {
+  padding-bottom: 76px !important;
+}
+
+.pl-76 {
+  padding-left: 76px !important;
+}
+
+.pr-76 {
+  padding-right: 76px !important;
+}
+
+.vh-76 {
+  height: 76vh !important;
+}
+
+.vw-76 {
+  width: 76vw !important;
+}
+
+.font-size-76 {
+  font-size: 76px !important;
+}
+
+.m-77 {
+  margin: 77px !important;
+}
+
+.mt-77 {
+  margin-top: 77px !important;
+}
+
+.mb-77 {
+  margin-bottom: 77px !important;
+}
+
+.ml-77 {
+  margin-left: 77px !important;
+}
+
+.mr-77 {
+  margin-right: 77px !important;
+}
+
+.p-77 {
+  padding: 77px !important;
+}
+
+.pt-77 {
+  padding-top: 77px !important;
+}
+
+.pb-77 {
+  padding-bottom: 77px !important;
+}
+
+.pl-77 {
+  padding-left: 77px !important;
+}
+
+.pr-77 {
+  padding-right: 77px !important;
+}
+
+.vh-77 {
+  height: 77vh !important;
+}
+
+.vw-77 {
+  width: 77vw !important;
+}
+
+.font-size-77 {
+  font-size: 77px !important;
+}
+
+.m-78 {
+  margin: 78px !important;
+}
+
+.mt-78 {
+  margin-top: 78px !important;
+}
+
+.mb-78 {
+  margin-bottom: 78px !important;
+}
+
+.ml-78 {
+  margin-left: 78px !important;
+}
+
+.mr-78 {
+  margin-right: 78px !important;
+}
+
+.p-78 {
+  padding: 78px !important;
+}
+
+.pt-78 {
+  padding-top: 78px !important;
+}
+
+.pb-78 {
+  padding-bottom: 78px !important;
+}
+
+.pl-78 {
+  padding-left: 78px !important;
+}
+
+.pr-78 {
+  padding-right: 78px !important;
+}
+
+.vh-78 {
+  height: 78vh !important;
+}
+
+.vw-78 {
+  width: 78vw !important;
+}
+
+.font-size-78 {
+  font-size: 78px !important;
+}
+
+.m-79 {
+  margin: 79px !important;
+}
+
+.mt-79 {
+  margin-top: 79px !important;
+}
+
+.mb-79 {
+  margin-bottom: 79px !important;
+}
+
+.ml-79 {
+  margin-left: 79px !important;
+}
+
+.mr-79 {
+  margin-right: 79px !important;
+}
+
+.p-79 {
+  padding: 79px !important;
+}
+
+.pt-79 {
+  padding-top: 79px !important;
+}
+
+.pb-79 {
+  padding-bottom: 79px !important;
+}
+
+.pl-79 {
+  padding-left: 79px !important;
+}
+
+.pr-79 {
+  padding-right: 79px !important;
+}
+
+.vh-79 {
+  height: 79vh !important;
+}
+
+.vw-79 {
+  width: 79vw !important;
+}
+
+.font-size-79 {
+  font-size: 79px !important;
+}
+
+.m-80 {
+  margin: 80px !important;
+}
+
+.mt-80 {
+  margin-top: 80px !important;
+}
+
+.mb-80 {
+  margin-bottom: 80px !important;
+}
+
+.ml-80 {
+  margin-left: 80px !important;
+}
+
+.mr-80 {
+  margin-right: 80px !important;
+}
+
+.p-80 {
+  padding: 80px !important;
+}
+
+.pt-80 {
+  padding-top: 80px !important;
+}
+
+.pb-80 {
+  padding-bottom: 80px !important;
+}
+
+.pl-80 {
+  padding-left: 80px !important;
+}
+
+.pr-80 {
+  padding-right: 80px !important;
+}
+
+.vh-80 {
+  height: 80vh !important;
+}
+
+.vw-80 {
+  width: 80vw !important;
+}
+
+.font-size-80 {
+  font-size: 80px !important;
+}
+
+.m-81 {
+  margin: 81px !important;
+}
+
+.mt-81 {
+  margin-top: 81px !important;
+}
+
+.mb-81 {
+  margin-bottom: 81px !important;
+}
+
+.ml-81 {
+  margin-left: 81px !important;
+}
+
+.mr-81 {
+  margin-right: 81px !important;
+}
+
+.p-81 {
+  padding: 81px !important;
+}
+
+.pt-81 {
+  padding-top: 81px !important;
+}
+
+.pb-81 {
+  padding-bottom: 81px !important;
+}
+
+.pl-81 {
+  padding-left: 81px !important;
+}
+
+.pr-81 {
+  padding-right: 81px !important;
+}
+
+.vh-81 {
+  height: 81vh !important;
+}
+
+.vw-81 {
+  width: 81vw !important;
+}
+
+.font-size-81 {
+  font-size: 81px !important;
+}
+
+.m-82 {
+  margin: 82px !important;
+}
+
+.mt-82 {
+  margin-top: 82px !important;
+}
+
+.mb-82 {
+  margin-bottom: 82px !important;
+}
+
+.ml-82 {
+  margin-left: 82px !important;
+}
+
+.mr-82 {
+  margin-right: 82px !important;
+}
+
+.p-82 {
+  padding: 82px !important;
+}
+
+.pt-82 {
+  padding-top: 82px !important;
+}
+
+.pb-82 {
+  padding-bottom: 82px !important;
+}
+
+.pl-82 {
+  padding-left: 82px !important;
+}
+
+.pr-82 {
+  padding-right: 82px !important;
+}
+
+.vh-82 {
+  height: 82vh !important;
+}
+
+.vw-82 {
+  width: 82vw !important;
+}
+
+.font-size-82 {
+  font-size: 82px !important;
+}
+
+.m-83 {
+  margin: 83px !important;
+}
+
+.mt-83 {
+  margin-top: 83px !important;
+}
+
+.mb-83 {
+  margin-bottom: 83px !important;
+}
+
+.ml-83 {
+  margin-left: 83px !important;
+}
+
+.mr-83 {
+  margin-right: 83px !important;
+}
+
+.p-83 {
+  padding: 83px !important;
+}
+
+.pt-83 {
+  padding-top: 83px !important;
+}
+
+.pb-83 {
+  padding-bottom: 83px !important;
+}
+
+.pl-83 {
+  padding-left: 83px !important;
+}
+
+.pr-83 {
+  padding-right: 83px !important;
+}
+
+.vh-83 {
+  height: 83vh !important;
+}
+
+.vw-83 {
+  width: 83vw !important;
+}
+
+.font-size-83 {
+  font-size: 83px !important;
+}
+
+.m-84 {
+  margin: 84px !important;
+}
+
+.mt-84 {
+  margin-top: 84px !important;
+}
+
+.mb-84 {
+  margin-bottom: 84px !important;
+}
+
+.ml-84 {
+  margin-left: 84px !important;
+}
+
+.mr-84 {
+  margin-right: 84px !important;
+}
+
+.p-84 {
+  padding: 84px !important;
+}
+
+.pt-84 {
+  padding-top: 84px !important;
+}
+
+.pb-84 {
+  padding-bottom: 84px !important;
+}
+
+.pl-84 {
+  padding-left: 84px !important;
+}
+
+.pr-84 {
+  padding-right: 84px !important;
+}
+
+.vh-84 {
+  height: 84vh !important;
+}
+
+.vw-84 {
+  width: 84vw !important;
+}
+
+.font-size-84 {
+  font-size: 84px !important;
+}
+
+.m-85 {
+  margin: 85px !important;
+}
+
+.mt-85 {
+  margin-top: 85px !important;
+}
+
+.mb-85 {
+  margin-bottom: 85px !important;
+}
+
+.ml-85 {
+  margin-left: 85px !important;
+}
+
+.mr-85 {
+  margin-right: 85px !important;
+}
+
+.p-85 {
+  padding: 85px !important;
+}
+
+.pt-85 {
+  padding-top: 85px !important;
+}
+
+.pb-85 {
+  padding-bottom: 85px !important;
+}
+
+.pl-85 {
+  padding-left: 85px !important;
+}
+
+.pr-85 {
+  padding-right: 85px !important;
+}
+
+.vh-85 {
+  height: 85vh !important;
+}
+
+.vw-85 {
+  width: 85vw !important;
+}
+
+.font-size-85 {
+  font-size: 85px !important;
+}
+
+.m-86 {
+  margin: 86px !important;
+}
+
+.mt-86 {
+  margin-top: 86px !important;
+}
+
+.mb-86 {
+  margin-bottom: 86px !important;
+}
+
+.ml-86 {
+  margin-left: 86px !important;
+}
+
+.mr-86 {
+  margin-right: 86px !important;
+}
+
+.p-86 {
+  padding: 86px !important;
+}
+
+.pt-86 {
+  padding-top: 86px !important;
+}
+
+.pb-86 {
+  padding-bottom: 86px !important;
+}
+
+.pl-86 {
+  padding-left: 86px !important;
+}
+
+.pr-86 {
+  padding-right: 86px !important;
+}
+
+.vh-86 {
+  height: 86vh !important;
+}
+
+.vw-86 {
+  width: 86vw !important;
+}
+
+.font-size-86 {
+  font-size: 86px !important;
+}
+
+.m-87 {
+  margin: 87px !important;
+}
+
+.mt-87 {
+  margin-top: 87px !important;
+}
+
+.mb-87 {
+  margin-bottom: 87px !important;
+}
+
+.ml-87 {
+  margin-left: 87px !important;
+}
+
+.mr-87 {
+  margin-right: 87px !important;
+}
+
+.p-87 {
+  padding: 87px !important;
+}
+
+.pt-87 {
+  padding-top: 87px !important;
+}
+
+.pb-87 {
+  padding-bottom: 87px !important;
+}
+
+.pl-87 {
+  padding-left: 87px !important;
+}
+
+.pr-87 {
+  padding-right: 87px !important;
+}
+
+.vh-87 {
+  height: 87vh !important;
+}
+
+.vw-87 {
+  width: 87vw !important;
+}
+
+.font-size-87 {
+  font-size: 87px !important;
+}
+
+.m-88 {
+  margin: 88px !important;
+}
+
+.mt-88 {
+  margin-top: 88px !important;
+}
+
+.mb-88 {
+  margin-bottom: 88px !important;
+}
+
+.ml-88 {
+  margin-left: 88px !important;
+}
+
+.mr-88 {
+  margin-right: 88px !important;
+}
+
+.p-88 {
+  padding: 88px !important;
+}
+
+.pt-88 {
+  padding-top: 88px !important;
+}
+
+.pb-88 {
+  padding-bottom: 88px !important;
+}
+
+.pl-88 {
+  padding-left: 88px !important;
+}
+
+.pr-88 {
+  padding-right: 88px !important;
+}
+
+.vh-88 {
+  height: 88vh !important;
+}
+
+.vw-88 {
+  width: 88vw !important;
+}
+
+.font-size-88 {
+  font-size: 88px !important;
+}
+
+.m-89 {
+  margin: 89px !important;
+}
+
+.mt-89 {
+  margin-top: 89px !important;
+}
+
+.mb-89 {
+  margin-bottom: 89px !important;
+}
+
+.ml-89 {
+  margin-left: 89px !important;
+}
+
+.mr-89 {
+  margin-right: 89px !important;
+}
+
+.p-89 {
+  padding: 89px !important;
+}
+
+.pt-89 {
+  padding-top: 89px !important;
+}
+
+.pb-89 {
+  padding-bottom: 89px !important;
+}
+
+.pl-89 {
+  padding-left: 89px !important;
+}
+
+.pr-89 {
+  padding-right: 89px !important;
+}
+
+.vh-89 {
+  height: 89vh !important;
+}
+
+.vw-89 {
+  width: 89vw !important;
+}
+
+.font-size-89 {
+  font-size: 89px !important;
+}
+
+.m-90 {
+  margin: 90px !important;
+}
+
+.mt-90 {
+  margin-top: 90px !important;
+}
+
+.mb-90 {
+  margin-bottom: 90px !important;
+}
+
+.ml-90 {
+  margin-left: 90px !important;
+}
+
+.mr-90 {
+  margin-right: 90px !important;
+}
+
+.p-90 {
+  padding: 90px !important;
+}
+
+.pt-90 {
+  padding-top: 90px !important;
+}
+
+.pb-90 {
+  padding-bottom: 90px !important;
+}
+
+.pl-90 {
+  padding-left: 90px !important;
+}
+
+.pr-90 {
+  padding-right: 90px !important;
+}
+
+.vh-90 {
+  height: 90vh !important;
+}
+
+.vw-90 {
+  width: 90vw !important;
+}
+
+.font-size-90 {
+  font-size: 90px !important;
+}
+
+.m-91 {
+  margin: 91px !important;
+}
+
+.mt-91 {
+  margin-top: 91px !important;
+}
+
+.mb-91 {
+  margin-bottom: 91px !important;
+}
+
+.ml-91 {
+  margin-left: 91px !important;
+}
+
+.mr-91 {
+  margin-right: 91px !important;
+}
+
+.p-91 {
+  padding: 91px !important;
+}
+
+.pt-91 {
+  padding-top: 91px !important;
+}
+
+.pb-91 {
+  padding-bottom: 91px !important;
+}
+
+.pl-91 {
+  padding-left: 91px !important;
+}
+
+.pr-91 {
+  padding-right: 91px !important;
+}
+
+.vh-91 {
+  height: 91vh !important;
+}
+
+.vw-91 {
+  width: 91vw !important;
+}
+
+.font-size-91 {
+  font-size: 91px !important;
+}
+
+.m-92 {
+  margin: 92px !important;
+}
+
+.mt-92 {
+  margin-top: 92px !important;
+}
+
+.mb-92 {
+  margin-bottom: 92px !important;
+}
+
+.ml-92 {
+  margin-left: 92px !important;
+}
+
+.mr-92 {
+  margin-right: 92px !important;
+}
+
+.p-92 {
+  padding: 92px !important;
+}
+
+.pt-92 {
+  padding-top: 92px !important;
+}
+
+.pb-92 {
+  padding-bottom: 92px !important;
+}
+
+.pl-92 {
+  padding-left: 92px !important;
+}
+
+.pr-92 {
+  padding-right: 92px !important;
+}
+
+.vh-92 {
+  height: 92vh !important;
+}
+
+.vw-92 {
+  width: 92vw !important;
+}
+
+.font-size-92 {
+  font-size: 92px !important;
+}
+
+.m-93 {
+  margin: 93px !important;
+}
+
+.mt-93 {
+  margin-top: 93px !important;
+}
+
+.mb-93 {
+  margin-bottom: 93px !important;
+}
+
+.ml-93 {
+  margin-left: 93px !important;
+}
+
+.mr-93 {
+  margin-right: 93px !important;
+}
+
+.p-93 {
+  padding: 93px !important;
+}
+
+.pt-93 {
+  padding-top: 93px !important;
+}
+
+.pb-93 {
+  padding-bottom: 93px !important;
+}
+
+.pl-93 {
+  padding-left: 93px !important;
+}
+
+.pr-93 {
+  padding-right: 93px !important;
+}
+
+.vh-93 {
+  height: 93vh !important;
+}
+
+.vw-93 {
+  width: 93vw !important;
+}
+
+.font-size-93 {
+  font-size: 93px !important;
+}
+
+.m-94 {
+  margin: 94px !important;
+}
+
+.mt-94 {
+  margin-top: 94px !important;
+}
+
+.mb-94 {
+  margin-bottom: 94px !important;
+}
+
+.ml-94 {
+  margin-left: 94px !important;
+}
+
+.mr-94 {
+  margin-right: 94px !important;
+}
+
+.p-94 {
+  padding: 94px !important;
+}
+
+.pt-94 {
+  padding-top: 94px !important;
+}
+
+.pb-94 {
+  padding-bottom: 94px !important;
+}
+
+.pl-94 {
+  padding-left: 94px !important;
+}
+
+.pr-94 {
+  padding-right: 94px !important;
+}
+
+.vh-94 {
+  height: 94vh !important;
+}
+
+.vw-94 {
+  width: 94vw !important;
+}
+
+.font-size-94 {
+  font-size: 94px !important;
+}
+
+.m-95 {
+  margin: 95px !important;
+}
+
+.mt-95 {
+  margin-top: 95px !important;
+}
+
+.mb-95 {
+  margin-bottom: 95px !important;
+}
+
+.ml-95 {
+  margin-left: 95px !important;
+}
+
+.mr-95 {
+  margin-right: 95px !important;
+}
+
+.p-95 {
+  padding: 95px !important;
+}
+
+.pt-95 {
+  padding-top: 95px !important;
+}
+
+.pb-95 {
+  padding-bottom: 95px !important;
+}
+
+.pl-95 {
+  padding-left: 95px !important;
+}
+
+.pr-95 {
+  padding-right: 95px !important;
+}
+
+.vh-95 {
+  height: 95vh !important;
+}
+
+.vw-95 {
+  width: 95vw !important;
+}
+
+.font-size-95 {
+  font-size: 95px !important;
+}
+
+.m-96 {
+  margin: 96px !important;
+}
+
+.mt-96 {
+  margin-top: 96px !important;
+}
+
+.mb-96 {
+  margin-bottom: 96px !important;
+}
+
+.ml-96 {
+  margin-left: 96px !important;
+}
+
+.mr-96 {
+  margin-right: 96px !important;
+}
+
+.p-96 {
+  padding: 96px !important;
+}
+
+.pt-96 {
+  padding-top: 96px !important;
+}
+
+.pb-96 {
+  padding-bottom: 96px !important;
+}
+
+.pl-96 {
+  padding-left: 96px !important;
+}
+
+.pr-96 {
+  padding-right: 96px !important;
+}
+
+.vh-96 {
+  height: 96vh !important;
+}
+
+.vw-96 {
+  width: 96vw !important;
+}
+
+.font-size-96 {
+  font-size: 96px !important;
+}
+
+.m-97 {
+  margin: 97px !important;
+}
+
+.mt-97 {
+  margin-top: 97px !important;
+}
+
+.mb-97 {
+  margin-bottom: 97px !important;
+}
+
+.ml-97 {
+  margin-left: 97px !important;
+}
+
+.mr-97 {
+  margin-right: 97px !important;
+}
+
+.p-97 {
+  padding: 97px !important;
+}
+
+.pt-97 {
+  padding-top: 97px !important;
+}
+
+.pb-97 {
+  padding-bottom: 97px !important;
+}
+
+.pl-97 {
+  padding-left: 97px !important;
+}
+
+.pr-97 {
+  padding-right: 97px !important;
+}
+
+.vh-97 {
+  height: 97vh !important;
+}
+
+.vw-97 {
+  width: 97vw !important;
+}
+
+.font-size-97 {
+  font-size: 97px !important;
+}
+
+.m-98 {
+  margin: 98px !important;
+}
+
+.mt-98 {
+  margin-top: 98px !important;
+}
+
+.mb-98 {
+  margin-bottom: 98px !important;
+}
+
+.ml-98 {
+  margin-left: 98px !important;
+}
+
+.mr-98 {
+  margin-right: 98px !important;
+}
+
+.p-98 {
+  padding: 98px !important;
+}
+
+.pt-98 {
+  padding-top: 98px !important;
+}
+
+.pb-98 {
+  padding-bottom: 98px !important;
+}
+
+.pl-98 {
+  padding-left: 98px !important;
+}
+
+.pr-98 {
+  padding-right: 98px !important;
+}
+
+.vh-98 {
+  height: 98vh !important;
+}
+
+.vw-98 {
+  width: 98vw !important;
+}
+
+.font-size-98 {
+  font-size: 98px !important;
+}
+
+.m-99 {
+  margin: 99px !important;
+}
+
+.mt-99 {
+  margin-top: 99px !important;
+}
+
+.mb-99 {
+  margin-bottom: 99px !important;
+}
+
+.ml-99 {
+  margin-left: 99px !important;
+}
+
+.mr-99 {
+  margin-right: 99px !important;
+}
+
+.p-99 {
+  padding: 99px !important;
+}
+
+.pt-99 {
+  padding-top: 99px !important;
+}
+
+.pb-99 {
+  padding-bottom: 99px !important;
+}
+
+.pl-99 {
+  padding-left: 99px !important;
+}
+
+.pr-99 {
+  padding-right: 99px !important;
+}
+
+.vh-99 {
+  height: 99vh !important;
+}
+
+.vw-99 {
+  width: 99vw !important;
+}
+
+.font-size-99 {
+  font-size: 99px !important;
+}
+
+.m-100 {
+  margin: 100px !important;
+}
+
+.mt-100 {
+  margin-top: 100px !important;
+}
+
+.mb-100 {
+  margin-bottom: 100px !important;
+}
+
+.ml-100 {
+  margin-left: 100px !important;
+}
+
+.mr-100 {
+  margin-right: 100px !important;
+}
+
+.p-100 {
+  padding: 100px !important;
+}
+
+.pt-100 {
+  padding-top: 100px !important;
+}
+
+.pb-100 {
+  padding-bottom: 100px !important;
+}
+
+.pl-100 {
+  padding-left: 100px !important;
+}
+
+.pr-100 {
+  padding-right: 100px !important;
+}
+
+.vh-100 {
+  height: 100vh !important;
+}
+
+.vw-100 {
+  width: 100vw !important;
+}
+
+.font-size-100 {
+  font-size: 100px !important;
+}
+
+/* Deafult height & widht */
+.height-0 {
+  height: 0px !important;
+}
+
+.width-0 {
+  width: 0px !important;
+}
+
+.height-1 {
+  height: 1px !important;
+}
+
+.width-1 {
+  width: 1px !important;
+}
+
+.height-2 {
+  height: 2px !important;
+}
+
+.width-2 {
+  width: 2px !important;
+}
+
+.height-3 {
+  height: 3px !important;
+}
+
+.width-3 {
+  width: 3px !important;
+}
+
+.height-4 {
+  height: 4px !important;
+}
+
+.width-4 {
+  width: 4px !important;
+}
+
+.height-5 {
+  height: 5px !important;
+}
+
+.width-5 {
+  width: 5px !important;
+}
+
+.height-6 {
+  height: 6px !important;
+}
+
+.width-6 {
+  width: 6px !important;
+}
+
+.height-7 {
+  height: 7px !important;
+}
+
+.width-7 {
+  width: 7px !important;
+}
+
+.height-8 {
+  height: 8px !important;
+}
+
+.width-8 {
+  width: 8px !important;
+}
+
+.height-9 {
+  height: 9px !important;
+}
+
+.width-9 {
+  width: 9px !important;
+}
+
+.height-10 {
+  height: 10px !important;
+}
+
+.width-10 {
+  width: 10px !important;
+}
+
+.height-11 {
+  height: 11px !important;
+}
+
+.width-11 {
+  width: 11px !important;
+}
+
+.height-12 {
+  height: 12px !important;
+}
+
+.width-12 {
+  width: 12px !important;
+}
+
+.height-13 {
+  height: 13px !important;
+}
+
+.width-13 {
+  width: 13px !important;
+}
+
+.height-14 {
+  height: 14px !important;
+}
+
+.width-14 {
+  width: 14px !important;
+}
+
+.height-15 {
+  height: 15px !important;
+}
+
+.width-15 {
+  width: 15px !important;
+}
+
+.height-16 {
+  height: 16px !important;
+}
+
+.width-16 {
+  width: 16px !important;
+}
+
+.height-17 {
+  height: 17px !important;
+}
+
+.width-17 {
+  width: 17px !important;
+}
+
+.height-18 {
+  height: 18px !important;
+}
+
+.width-18 {
+  width: 18px !important;
+}
+
+.height-19 {
+  height: 19px !important;
+}
+
+.width-19 {
+  width: 19px !important;
+}
+
+.height-20 {
+  height: 20px !important;
+}
+
+.width-20 {
+  width: 20px !important;
+}
+
+.height-21 {
+  height: 21px !important;
+}
+
+.width-21 {
+  width: 21px !important;
+}
+
+.height-22 {
+  height: 22px !important;
+}
+
+.width-22 {
+  width: 22px !important;
+}
+
+.height-23 {
+  height: 23px !important;
+}
+
+.width-23 {
+  width: 23px !important;
+}
+
+.height-24 {
+  height: 24px !important;
+}
+
+.width-24 {
+  width: 24px !important;
+}
+
+.height-25 {
+  height: 25px !important;
+}
+
+.width-25 {
+  width: 25px !important;
+}
+
+.height-26 {
+  height: 26px !important;
+}
+
+.width-26 {
+  width: 26px !important;
+}
+
+.height-27 {
+  height: 27px !important;
+}
+
+.width-27 {
+  width: 27px !important;
+}
+
+.height-28 {
+  height: 28px !important;
+}
+
+.width-28 {
+  width: 28px !important;
+}
+
+.height-29 {
+  height: 29px !important;
+}
+
+.width-29 {
+  width: 29px !important;
+}
+
+.height-30 {
+  height: 30px !important;
+}
+
+.width-30 {
+  width: 30px !important;
+}
+
+.height-31 {
+  height: 31px !important;
+}
+
+.width-31 {
+  width: 31px !important;
+}
+
+.height-32 {
+  height: 32px !important;
+}
+
+.width-32 {
+  width: 32px !important;
+}
+
+.height-33 {
+  height: 33px !important;
+}
+
+.width-33 {
+  width: 33px !important;
+}
+
+.height-34 {
+  height: 34px !important;
+}
+
+.width-34 {
+  width: 34px !important;
+}
+
+.height-35 {
+  height: 35px !important;
+}
+
+.width-35 {
+  width: 35px !important;
+}
+
+.height-36 {
+  height: 36px !important;
+}
+
+.width-36 {
+  width: 36px !important;
+}
+
+.height-37 {
+  height: 37px !important;
+}
+
+.width-37 {
+  width: 37px !important;
+}
+
+.height-38 {
+  height: 38px !important;
+}
+
+.width-38 {
+  width: 38px !important;
+}
+
+.height-39 {
+  height: 39px !important;
+}
+
+.width-39 {
+  width: 39px !important;
+}
+
+.height-40 {
+  height: 40px !important;
+}
+
+.width-40 {
+  width: 40px !important;
+}
+
+.height-41 {
+  height: 41px !important;
+}
+
+.width-41 {
+  width: 41px !important;
+}
+
+.height-42 {
+  height: 42px !important;
+}
+
+.width-42 {
+  width: 42px !important;
+}
+
+.height-43 {
+  height: 43px !important;
+}
+
+.width-43 {
+  width: 43px !important;
+}
+
+.height-44 {
+  height: 44px !important;
+}
+
+.width-44 {
+  width: 44px !important;
+}
+
+.height-45 {
+  height: 45px !important;
+}
+
+.width-45 {
+  width: 45px !important;
+}
+
+.height-46 {
+  height: 46px !important;
+}
+
+.width-46 {
+  width: 46px !important;
+}
+
+.height-47 {
+  height: 47px !important;
+}
+
+.width-47 {
+  width: 47px !important;
+}
+
+.height-48 {
+  height: 48px !important;
+}
+
+.width-48 {
+  width: 48px !important;
+}
+
+.height-49 {
+  height: 49px !important;
+}
+
+.width-49 {
+  width: 49px !important;
+}
+
+.height-50 {
+  height: 50px !important;
+}
+
+.width-50 {
+  width: 50px !important;
+}
+
+.height-51 {
+  height: 51px !important;
+}
+
+.width-51 {
+  width: 51px !important;
+}
+
+.height-52 {
+  height: 52px !important;
+}
+
+.width-52 {
+  width: 52px !important;
+}
+
+.height-53 {
+  height: 53px !important;
+}
+
+.width-53 {
+  width: 53px !important;
+}
+
+.height-54 {
+  height: 54px !important;
+}
+
+.width-54 {
+  width: 54px !important;
+}
+
+.height-55 {
+  height: 55px !important;
+}
+
+.width-55 {
+  width: 55px !important;
+}
+
+.height-56 {
+  height: 56px !important;
+}
+
+.width-56 {
+  width: 56px !important;
+}
+
+.height-57 {
+  height: 57px !important;
+}
+
+.width-57 {
+  width: 57px !important;
+}
+
+.height-58 {
+  height: 58px !important;
+}
+
+.width-58 {
+  width: 58px !important;
+}
+
+.height-59 {
+  height: 59px !important;
+}
+
+.width-59 {
+  width: 59px !important;
+}
+
+.height-60 {
+  height: 60px !important;
+}
+
+.width-60 {
+  width: 60px !important;
+}
+
+.height-61 {
+  height: 61px !important;
+}
+
+.width-61 {
+  width: 61px !important;
+}
+
+.height-62 {
+  height: 62px !important;
+}
+
+.width-62 {
+  width: 62px !important;
+}
+
+.height-63 {
+  height: 63px !important;
+}
+
+.width-63 {
+  width: 63px !important;
+}
+
+.height-64 {
+  height: 64px !important;
+}
+
+.width-64 {
+  width: 64px !important;
+}
+
+.height-65 {
+  height: 65px !important;
+}
+
+.width-65 {
+  width: 65px !important;
+}
+
+.height-66 {
+  height: 66px !important;
+}
+
+.width-66 {
+  width: 66px !important;
+}
+
+.height-67 {
+  height: 67px !important;
+}
+
+.width-67 {
+  width: 67px !important;
+}
+
+.height-68 {
+  height: 68px !important;
+}
+
+.width-68 {
+  width: 68px !important;
+}
+
+.height-69 {
+  height: 69px !important;
+}
+
+.width-69 {
+  width: 69px !important;
+}
+
+.height-70 {
+  height: 70px !important;
+}
+
+.width-70 {
+  width: 70px !important;
+}
+
+.height-71 {
+  height: 71px !important;
+}
+
+.width-71 {
+  width: 71px !important;
+}
+
+.height-72 {
+  height: 72px !important;
+}
+
+.width-72 {
+  width: 72px !important;
+}
+
+.height-73 {
+  height: 73px !important;
+}
+
+.width-73 {
+  width: 73px !important;
+}
+
+.height-74 {
+  height: 74px !important;
+}
+
+.width-74 {
+  width: 74px !important;
+}
+
+.height-75 {
+  height: 75px !important;
+}
+
+.width-75 {
+  width: 75px !important;
+}
+
+.height-76 {
+  height: 76px !important;
+}
+
+.width-76 {
+  width: 76px !important;
+}
+
+.height-77 {
+  height: 77px !important;
+}
+
+.width-77 {
+  width: 77px !important;
+}
+
+.height-78 {
+  height: 78px !important;
+}
+
+.width-78 {
+  width: 78px !important;
+}
+
+.height-79 {
+  height: 79px !important;
+}
+
+.width-79 {
+  width: 79px !important;
+}
+
+.height-80 {
+  height: 80px !important;
+}
+
+.width-80 {
+  width: 80px !important;
+}
+
+.height-81 {
+  height: 81px !important;
+}
+
+.width-81 {
+  width: 81px !important;
+}
+
+.height-82 {
+  height: 82px !important;
+}
+
+.width-82 {
+  width: 82px !important;
+}
+
+.height-83 {
+  height: 83px !important;
+}
+
+.width-83 {
+  width: 83px !important;
+}
+
+.height-84 {
+  height: 84px !important;
+}
+
+.width-84 {
+  width: 84px !important;
+}
+
+.height-85 {
+  height: 85px !important;
+}
+
+.width-85 {
+  width: 85px !important;
+}
+
+.height-86 {
+  height: 86px !important;
+}
+
+.width-86 {
+  width: 86px !important;
+}
+
+.height-87 {
+  height: 87px !important;
+}
+
+.width-87 {
+  width: 87px !important;
+}
+
+.height-88 {
+  height: 88px !important;
+}
+
+.width-88 {
+  width: 88px !important;
+}
+
+.height-89 {
+  height: 89px !important;
+}
+
+.width-89 {
+  width: 89px !important;
+}
+
+.height-90 {
+  height: 90px !important;
+}
+
+.width-90 {
+  width: 90px !important;
+}
+
+.height-91 {
+  height: 91px !important;
+}
+
+.width-91 {
+  width: 91px !important;
+}
+
+.height-92 {
+  height: 92px !important;
+}
+
+.width-92 {
+  width: 92px !important;
+}
+
+.height-93 {
+  height: 93px !important;
+}
+
+.width-93 {
+  width: 93px !important;
+}
+
+.height-94 {
+  height: 94px !important;
+}
+
+.width-94 {
+  width: 94px !important;
+}
+
+.height-95 {
+  height: 95px !important;
+}
+
+.width-95 {
+  width: 95px !important;
+}
+
+.height-96 {
+  height: 96px !important;
+}
+
+.width-96 {
+  width: 96px !important;
+}
+
+.height-97 {
+  height: 97px !important;
+}
+
+.width-97 {
+  width: 97px !important;
+}
+
+.height-98 {
+  height: 98px !important;
+}
+
+.width-98 {
+  width: 98px !important;
+}
+
+.height-99 {
+  height: 99px !important;
+}
+
+.width-99 {
+  width: 99px !important;
+}
+
+.height-100 {
+  height: 100px !important;
+}
+
+.width-100 {
+  width: 100px !important;
+}
+
+.height-101 {
+  height: 101px !important;
+}
+
+.width-101 {
+  width: 101px !important;
+}
+
+.height-102 {
+  height: 102px !important;
+}
+
+.width-102 {
+  width: 102px !important;
+}
+
+.height-103 {
+  height: 103px !important;
+}
+
+.width-103 {
+  width: 103px !important;
+}
+
+.height-104 {
+  height: 104px !important;
+}
+
+.width-104 {
+  width: 104px !important;
+}
+
+.height-105 {
+  height: 105px !important;
+}
+
+.width-105 {
+  width: 105px !important;
+}
+
+.height-106 {
+  height: 106px !important;
+}
+
+.width-106 {
+  width: 106px !important;
+}
+
+.height-107 {
+  height: 107px !important;
+}
+
+.width-107 {
+  width: 107px !important;
+}
+
+.height-108 {
+  height: 108px !important;
+}
+
+.width-108 {
+  width: 108px !important;
+}
+
+.height-109 {
+  height: 109px !important;
+}
+
+.width-109 {
+  width: 109px !important;
+}
+
+.height-110 {
+  height: 110px !important;
+}
+
+.width-110 {
+  width: 110px !important;
+}
+
+.height-111 {
+  height: 111px !important;
+}
+
+.width-111 {
+  width: 111px !important;
+}
+
+.height-112 {
+  height: 112px !important;
+}
+
+.width-112 {
+  width: 112px !important;
+}
+
+.height-113 {
+  height: 113px !important;
+}
+
+.width-113 {
+  width: 113px !important;
+}
+
+.height-114 {
+  height: 114px !important;
+}
+
+.width-114 {
+  width: 114px !important;
+}
+
+.height-115 {
+  height: 115px !important;
+}
+
+.width-115 {
+  width: 115px !important;
+}
+
+.height-116 {
+  height: 116px !important;
+}
+
+.width-116 {
+  width: 116px !important;
+}
+
+.height-117 {
+  height: 117px !important;
+}
+
+.width-117 {
+  width: 117px !important;
+}
+
+.height-118 {
+  height: 118px !important;
+}
+
+.width-118 {
+  width: 118px !important;
+}
+
+.height-119 {
+  height: 119px !important;
+}
+
+.width-119 {
+  width: 119px !important;
+}
+
+.height-120 {
+  height: 120px !important;
+}
+
+.width-120 {
+  width: 120px !important;
+}
+
+.height-121 {
+  height: 121px !important;
+}
+
+.width-121 {
+  width: 121px !important;
+}
+
+.height-122 {
+  height: 122px !important;
+}
+
+.width-122 {
+  width: 122px !important;
+}
+
+.height-123 {
+  height: 123px !important;
+}
+
+.width-123 {
+  width: 123px !important;
+}
+
+.height-124 {
+  height: 124px !important;
+}
+
+.width-124 {
+  width: 124px !important;
+}
+
+.height-125 {
+  height: 125px !important;
+}
+
+.width-125 {
+  width: 125px !important;
+}
+
+.height-126 {
+  height: 126px !important;
+}
+
+.width-126 {
+  width: 126px !important;
+}
+
+.height-127 {
+  height: 127px !important;
+}
+
+.width-127 {
+  width: 127px !important;
+}
+
+.height-128 {
+  height: 128px !important;
+}
+
+.width-128 {
+  width: 128px !important;
+}
+
+.height-129 {
+  height: 129px !important;
+}
+
+.width-129 {
+  width: 129px !important;
+}
+
+.height-130 {
+  height: 130px !important;
+}
+
+.width-130 {
+  width: 130px !important;
+}
+
+.height-131 {
+  height: 131px !important;
+}
+
+.width-131 {
+  width: 131px !important;
+}
+
+.height-132 {
+  height: 132px !important;
+}
+
+.width-132 {
+  width: 132px !important;
+}
+
+.height-133 {
+  height: 133px !important;
+}
+
+.width-133 {
+  width: 133px !important;
+}
+
+.height-134 {
+  height: 134px !important;
+}
+
+.width-134 {
+  width: 134px !important;
+}
+
+.height-135 {
+  height: 135px !important;
+}
+
+.width-135 {
+  width: 135px !important;
+}
+
+.height-136 {
+  height: 136px !important;
+}
+
+.width-136 {
+  width: 136px !important;
+}
+
+.height-137 {
+  height: 137px !important;
+}
+
+.width-137 {
+  width: 137px !important;
+}
+
+.height-138 {
+  height: 138px !important;
+}
+
+.width-138 {
+  width: 138px !important;
+}
+
+.height-139 {
+  height: 139px !important;
+}
+
+.width-139 {
+  width: 139px !important;
+}
+
+.height-140 {
+  height: 140px !important;
+}
+
+.width-140 {
+  width: 140px !important;
+}
+
+.height-141 {
+  height: 141px !important;
+}
+
+.width-141 {
+  width: 141px !important;
+}
+
+.height-142 {
+  height: 142px !important;
+}
+
+.width-142 {
+  width: 142px !important;
+}
+
+.height-143 {
+  height: 143px !important;
+}
+
+.width-143 {
+  width: 143px !important;
+}
+
+.height-144 {
+  height: 144px !important;
+}
+
+.width-144 {
+  width: 144px !important;
+}
+
+.height-145 {
+  height: 145px !important;
+}
+
+.width-145 {
+  width: 145px !important;
+}
+
+.height-146 {
+  height: 146px !important;
+}
+
+.width-146 {
+  width: 146px !important;
+}
+
+.height-147 {
+  height: 147px !important;
+}
+
+.width-147 {
+  width: 147px !important;
+}
+
+.height-148 {
+  height: 148px !important;
+}
+
+.width-148 {
+  width: 148px !important;
+}
+
+.height-149 {
+  height: 149px !important;
+}
+
+.width-149 {
+  width: 149px !important;
+}
+
+.height-150 {
+  height: 150px !important;
+}
+
+.width-150 {
+  width: 150px !important;
+}
+
+.height-151 {
+  height: 151px !important;
+}
+
+.width-151 {
+  width: 151px !important;
+}
+
+.height-152 {
+  height: 152px !important;
+}
+
+.width-152 {
+  width: 152px !important;
+}
+
+.height-153 {
+  height: 153px !important;
+}
+
+.width-153 {
+  width: 153px !important;
+}
+
+.height-154 {
+  height: 154px !important;
+}
+
+.width-154 {
+  width: 154px !important;
+}
+
+.height-155 {
+  height: 155px !important;
+}
+
+.width-155 {
+  width: 155px !important;
+}
+
+.height-156 {
+  height: 156px !important;
+}
+
+.width-156 {
+  width: 156px !important;
+}
+
+.height-157 {
+  height: 157px !important;
+}
+
+.width-157 {
+  width: 157px !important;
+}
+
+.height-158 {
+  height: 158px !important;
+}
+
+.width-158 {
+  width: 158px !important;
+}
+
+.height-159 {
+  height: 159px !important;
+}
+
+.width-159 {
+  width: 159px !important;
+}
+
+.height-160 {
+  height: 160px !important;
+}
+
+.width-160 {
+  width: 160px !important;
+}
+
+.height-161 {
+  height: 161px !important;
+}
+
+.width-161 {
+  width: 161px !important;
+}
+
+.height-162 {
+  height: 162px !important;
+}
+
+.width-162 {
+  width: 162px !important;
+}
+
+.height-163 {
+  height: 163px !important;
+}
+
+.width-163 {
+  width: 163px !important;
+}
+
+.height-164 {
+  height: 164px !important;
+}
+
+.width-164 {
+  width: 164px !important;
+}
+
+.height-165 {
+  height: 165px !important;
+}
+
+.width-165 {
+  width: 165px !important;
+}
+
+.height-166 {
+  height: 166px !important;
+}
+
+.width-166 {
+  width: 166px !important;
+}
+
+.height-167 {
+  height: 167px !important;
+}
+
+.width-167 {
+  width: 167px !important;
+}
+
+.height-168 {
+  height: 168px !important;
+}
+
+.width-168 {
+  width: 168px !important;
+}
+
+.height-169 {
+  height: 169px !important;
+}
+
+.width-169 {
+  width: 169px !important;
+}
+
+.height-170 {
+  height: 170px !important;
+}
+
+.width-170 {
+  width: 170px !important;
+}
+
+.height-171 {
+  height: 171px !important;
+}
+
+.width-171 {
+  width: 171px !important;
+}
+
+.height-172 {
+  height: 172px !important;
+}
+
+.width-172 {
+  width: 172px !important;
+}
+
+.height-173 {
+  height: 173px !important;
+}
+
+.width-173 {
+  width: 173px !important;
+}
+
+.height-174 {
+  height: 174px !important;
+}
+
+.width-174 {
+  width: 174px !important;
+}
+
+.height-175 {
+  height: 175px !important;
+}
+
+.width-175 {
+  width: 175px !important;
+}
+
+.height-176 {
+  height: 176px !important;
+}
+
+.width-176 {
+  width: 176px !important;
+}
+
+.height-177 {
+  height: 177px !important;
+}
+
+.width-177 {
+  width: 177px !important;
+}
+
+.height-178 {
+  height: 178px !important;
+}
+
+.width-178 {
+  width: 178px !important;
+}
+
+.height-179 {
+  height: 179px !important;
+}
+
+.width-179 {
+  width: 179px !important;
+}
+
+.height-180 {
+  height: 180px !important;
+}
+
+.width-180 {
+  width: 180px !important;
+}
+
+.height-181 {
+  height: 181px !important;
+}
+
+.width-181 {
+  width: 181px !important;
+}
+
+.height-182 {
+  height: 182px !important;
+}
+
+.width-182 {
+  width: 182px !important;
+}
+
+.height-183 {
+  height: 183px !important;
+}
+
+.width-183 {
+  width: 183px !important;
+}
+
+.height-184 {
+  height: 184px !important;
+}
+
+.width-184 {
+  width: 184px !important;
+}
+
+.height-185 {
+  height: 185px !important;
+}
+
+.width-185 {
+  width: 185px !important;
+}
+
+.height-186 {
+  height: 186px !important;
+}
+
+.width-186 {
+  width: 186px !important;
+}
+
+.height-187 {
+  height: 187px !important;
+}
+
+.width-187 {
+  width: 187px !important;
+}
+
+.height-188 {
+  height: 188px !important;
+}
+
+.width-188 {
+  width: 188px !important;
+}
+
+.height-189 {
+  height: 189px !important;
+}
+
+.width-189 {
+  width: 189px !important;
+}
+
+.height-190 {
+  height: 190px !important;
+}
+
+.width-190 {
+  width: 190px !important;
+}
+
+.height-191 {
+  height: 191px !important;
+}
+
+.width-191 {
+  width: 191px !important;
+}
+
+.height-192 {
+  height: 192px !important;
+}
+
+.width-192 {
+  width: 192px !important;
+}
+
+.height-193 {
+  height: 193px !important;
+}
+
+.width-193 {
+  width: 193px !important;
+}
+
+.height-194 {
+  height: 194px !important;
+}
+
+.width-194 {
+  width: 194px !important;
+}
+
+.height-195 {
+  height: 195px !important;
+}
+
+.width-195 {
+  width: 195px !important;
+}
+
+.height-196 {
+  height: 196px !important;
+}
+
+.width-196 {
+  width: 196px !important;
+}
+
+.height-197 {
+  height: 197px !important;
+}
+
+.width-197 {
+  width: 197px !important;
+}
+
+.height-198 {
+  height: 198px !important;
+}
+
+.width-198 {
+  width: 198px !important;
+}
+
+.height-199 {
+  height: 199px !important;
+}
+
+.width-199 {
+  width: 199px !important;
+}
+
+.height-200 {
+  height: 200px !important;
+}
+
+.width-200 {
+  width: 200px !important;
+}
+
+.height-201 {
+  height: 201px !important;
+}
+
+.width-201 {
+  width: 201px !important;
+}
+
+.height-202 {
+  height: 202px !important;
+}
+
+.width-202 {
+  width: 202px !important;
+}
+
+.height-203 {
+  height: 203px !important;
+}
+
+.width-203 {
+  width: 203px !important;
+}
+
+.height-204 {
+  height: 204px !important;
+}
+
+.width-204 {
+  width: 204px !important;
+}
+
+.height-205 {
+  height: 205px !important;
+}
+
+.width-205 {
+  width: 205px !important;
+}
+
+.height-206 {
+  height: 206px !important;
+}
+
+.width-206 {
+  width: 206px !important;
+}
+
+.height-207 {
+  height: 207px !important;
+}
+
+.width-207 {
+  width: 207px !important;
+}
+
+.height-208 {
+  height: 208px !important;
+}
+
+.width-208 {
+  width: 208px !important;
+}
+
+.height-209 {
+  height: 209px !important;
+}
+
+.width-209 {
+  width: 209px !important;
+}
+
+.height-210 {
+  height: 210px !important;
+}
+
+.width-210 {
+  width: 210px !important;
+}
+
+.height-211 {
+  height: 211px !important;
+}
+
+.width-211 {
+  width: 211px !important;
+}
+
+.height-212 {
+  height: 212px !important;
+}
+
+.width-212 {
+  width: 212px !important;
+}
+
+.height-213 {
+  height: 213px !important;
+}
+
+.width-213 {
+  width: 213px !important;
+}
+
+.height-214 {
+  height: 214px !important;
+}
+
+.width-214 {
+  width: 214px !important;
+}
+
+.height-215 {
+  height: 215px !important;
+}
+
+.width-215 {
+  width: 215px !important;
+}
+
+.height-216 {
+  height: 216px !important;
+}
+
+.width-216 {
+  width: 216px !important;
+}
+
+.height-217 {
+  height: 217px !important;
+}
+
+.width-217 {
+  width: 217px !important;
+}
+
+.height-218 {
+  height: 218px !important;
+}
+
+.width-218 {
+  width: 218px !important;
+}
+
+.height-219 {
+  height: 219px !important;
+}
+
+.width-219 {
+  width: 219px !important;
+}
+
+.height-220 {
+  height: 220px !important;
+}
+
+.width-220 {
+  width: 220px !important;
+}
+
+.height-221 {
+  height: 221px !important;
+}
+
+.width-221 {
+  width: 221px !important;
+}
+
+.height-222 {
+  height: 222px !important;
+}
+
+.width-222 {
+  width: 222px !important;
+}
+
+.height-223 {
+  height: 223px !important;
+}
+
+.width-223 {
+  width: 223px !important;
+}
+
+.height-224 {
+  height: 224px !important;
+}
+
+.width-224 {
+  width: 224px !important;
+}
+
+.height-225 {
+  height: 225px !important;
+}
+
+.width-225 {
+  width: 225px !important;
+}
+
+.height-226 {
+  height: 226px !important;
+}
+
+.width-226 {
+  width: 226px !important;
+}
+
+.height-227 {
+  height: 227px !important;
+}
+
+.width-227 {
+  width: 227px !important;
+}
+
+.height-228 {
+  height: 228px !important;
+}
+
+.width-228 {
+  width: 228px !important;
+}
+
+.height-229 {
+  height: 229px !important;
+}
+
+.width-229 {
+  width: 229px !important;
+}
+
+.height-230 {
+  height: 230px !important;
+}
+
+.width-230 {
+  width: 230px !important;
+}
+
+.height-231 {
+  height: 231px !important;
+}
+
+.width-231 {
+  width: 231px !important;
+}
+
+.height-232 {
+  height: 232px !important;
+}
+
+.width-232 {
+  width: 232px !important;
+}
+
+.height-233 {
+  height: 233px !important;
+}
+
+.width-233 {
+  width: 233px !important;
+}
+
+.height-234 {
+  height: 234px !important;
+}
+
+.width-234 {
+  width: 234px !important;
+}
+
+.height-235 {
+  height: 235px !important;
+}
+
+.width-235 {
+  width: 235px !important;
+}
+
+.height-236 {
+  height: 236px !important;
+}
+
+.width-236 {
+  width: 236px !important;
+}
+
+.height-237 {
+  height: 237px !important;
+}
+
+.width-237 {
+  width: 237px !important;
+}
+
+.height-238 {
+  height: 238px !important;
+}
+
+.width-238 {
+  width: 238px !important;
+}
+
+.height-239 {
+  height: 239px !important;
+}
+
+.width-239 {
+  width: 239px !important;
+}
+
+.height-240 {
+  height: 240px !important;
+}
+
+.width-240 {
+  width: 240px !important;
+}
+
+.height-241 {
+  height: 241px !important;
+}
+
+.width-241 {
+  width: 241px !important;
+}
+
+.height-242 {
+  height: 242px !important;
+}
+
+.width-242 {
+  width: 242px !important;
+}
+
+.height-243 {
+  height: 243px !important;
+}
+
+.width-243 {
+  width: 243px !important;
+}
+
+.height-244 {
+  height: 244px !important;
+}
+
+.width-244 {
+  width: 244px !important;
+}
+
+.height-245 {
+  height: 245px !important;
+}
+
+.width-245 {
+  width: 245px !important;
+}
+
+.height-246 {
+  height: 246px !important;
+}
+
+.width-246 {
+  width: 246px !important;
+}
+
+.height-247 {
+  height: 247px !important;
+}
+
+.width-247 {
+  width: 247px !important;
+}
+
+.height-248 {
+  height: 248px !important;
+}
+
+.width-248 {
+  width: 248px !important;
+}
+
+.height-249 {
+  height: 249px !important;
+}
+
+.width-249 {
+  width: 249px !important;
+}
+
+.height-250 {
+  height: 250px !important;
+}
+
+.width-250 {
+  width: 250px !important;
+}
+
+.height-251 {
+  height: 251px !important;
+}
+
+.width-251 {
+  width: 251px !important;
+}
+
+.height-252 {
+  height: 252px !important;
+}
+
+.width-252 {
+  width: 252px !important;
+}
+
+.height-253 {
+  height: 253px !important;
+}
+
+.width-253 {
+  width: 253px !important;
+}
+
+.height-254 {
+  height: 254px !important;
+}
+
+.width-254 {
+  width: 254px !important;
+}
+
+.height-255 {
+  height: 255px !important;
+}
+
+.width-255 {
+  width: 255px !important;
+}
+
+.height-256 {
+  height: 256px !important;
+}
+
+.width-256 {
+  width: 256px !important;
+}
+
+.height-257 {
+  height: 257px !important;
+}
+
+.width-257 {
+  width: 257px !important;
+}
+
+.height-258 {
+  height: 258px !important;
+}
+
+.width-258 {
+  width: 258px !important;
+}
+
+.height-259 {
+  height: 259px !important;
+}
+
+.width-259 {
+  width: 259px !important;
+}
+
+.height-260 {
+  height: 260px !important;
+}
+
+.width-260 {
+  width: 260px !important;
+}
+
+.height-261 {
+  height: 261px !important;
+}
+
+.width-261 {
+  width: 261px !important;
+}
+
+.height-262 {
+  height: 262px !important;
+}
+
+.width-262 {
+  width: 262px !important;
+}
+
+.height-263 {
+  height: 263px !important;
+}
+
+.width-263 {
+  width: 263px !important;
+}
+
+.height-264 {
+  height: 264px !important;
+}
+
+.width-264 {
+  width: 264px !important;
+}
+
+.height-265 {
+  height: 265px !important;
+}
+
+.width-265 {
+  width: 265px !important;
+}
+
+.height-266 {
+  height: 266px !important;
+}
+
+.width-266 {
+  width: 266px !important;
+}
+
+.height-267 {
+  height: 267px !important;
+}
+
+.width-267 {
+  width: 267px !important;
+}
+
+.height-268 {
+  height: 268px !important;
+}
+
+.width-268 {
+  width: 268px !important;
+}
+
+.height-269 {
+  height: 269px !important;
+}
+
+.width-269 {
+  width: 269px !important;
+}
+
+.height-270 {
+  height: 270px !important;
+}
+
+.width-270 {
+  width: 270px !important;
+}
+
+.height-271 {
+  height: 271px !important;
+}
+
+.width-271 {
+  width: 271px !important;
+}
+
+.height-272 {
+  height: 272px !important;
+}
+
+.width-272 {
+  width: 272px !important;
+}
+
+.height-273 {
+  height: 273px !important;
+}
+
+.width-273 {
+  width: 273px !important;
+}
+
+.height-274 {
+  height: 274px !important;
+}
+
+.width-274 {
+  width: 274px !important;
+}
+
+.height-275 {
+  height: 275px !important;
+}
+
+.width-275 {
+  width: 275px !important;
+}
+
+.height-276 {
+  height: 276px !important;
+}
+
+.width-276 {
+  width: 276px !important;
+}
+
+.height-277 {
+  height: 277px !important;
+}
+
+.width-277 {
+  width: 277px !important;
+}
+
+.height-278 {
+  height: 278px !important;
+}
+
+.width-278 {
+  width: 278px !important;
+}
+
+.height-279 {
+  height: 279px !important;
+}
+
+.width-279 {
+  width: 279px !important;
+}
+
+.height-280 {
+  height: 280px !important;
+}
+
+.width-280 {
+  width: 280px !important;
+}
+
+.height-281 {
+  height: 281px !important;
+}
+
+.width-281 {
+  width: 281px !important;
+}
+
+.height-282 {
+  height: 282px !important;
+}
+
+.width-282 {
+  width: 282px !important;
+}
+
+.height-283 {
+  height: 283px !important;
+}
+
+.width-283 {
+  width: 283px !important;
+}
+
+.height-284 {
+  height: 284px !important;
+}
+
+.width-284 {
+  width: 284px !important;
+}
+
+.height-285 {
+  height: 285px !important;
+}
+
+.width-285 {
+  width: 285px !important;
+}
+
+.height-286 {
+  height: 286px !important;
+}
+
+.width-286 {
+  width: 286px !important;
+}
+
+.height-287 {
+  height: 287px !important;
+}
+
+.width-287 {
+  width: 287px !important;
+}
+
+.height-288 {
+  height: 288px !important;
+}
+
+.width-288 {
+  width: 288px !important;
+}
+
+.height-289 {
+  height: 289px !important;
+}
+
+.width-289 {
+  width: 289px !important;
+}
+
+.height-290 {
+  height: 290px !important;
+}
+
+.width-290 {
+  width: 290px !important;
+}
+
+.height-291 {
+  height: 291px !important;
+}
+
+.width-291 {
+  width: 291px !important;
+}
+
+.height-292 {
+  height: 292px !important;
+}
+
+.width-292 {
+  width: 292px !important;
+}
+
+.height-293 {
+  height: 293px !important;
+}
+
+.width-293 {
+  width: 293px !important;
+}
+
+.height-294 {
+  height: 294px !important;
+}
+
+.width-294 {
+  width: 294px !important;
+}
+
+.height-295 {
+  height: 295px !important;
+}
+
+.width-295 {
+  width: 295px !important;
+}
+
+.height-296 {
+  height: 296px !important;
+}
+
+.width-296 {
+  width: 296px !important;
+}
+
+.height-297 {
+  height: 297px !important;
+}
+
+.width-297 {
+  width: 297px !important;
+}
+
+.height-298 {
+  height: 298px !important;
+}
+
+.width-298 {
+  width: 298px !important;
+}
+
+.height-299 {
+  height: 299px !important;
+}
+
+.width-299 {
+  width: 299px !important;
+}
+
+.height-300 {
+  height: 300px !important;
+}
+
+.width-300 {
+  width: 300px !important;
+}
+
+/* Deafult z-index and font-weight*/
+.z-index-0 {
+  z-index: 0 !important;
+}
+
+.font-weight-0 {
+  font-weight: 0 !important;
+}
+
+.z-index-1 {
+  z-index: 1 !important;
+}
+
+.font-weight-100 {
+  font-weight: 100 !important;
+}
+
+.z-index-2 {
+  z-index: 2 !important;
+}
+
+.font-weight-200 {
+  font-weight: 200 !important;
+}
+
+.z-index-3 {
+  z-index: 3 !important;
+}
+
+.font-weight-300 {
+  font-weight: 300 !important;
+}
+
+.z-index-4 {
+  z-index: 4 !important;
+}
+
+.font-weight-400 {
+  font-weight: 400 !important;
+}
+
+.z-index-5 {
+  z-index: 5 !important;
+}
+
+.font-weight-500 {
+  font-weight: 500 !important;
+}
+
+.z-index-6 {
+  z-index: 6 !important;
+}
+
+.font-weight-600 {
+  font-weight: 600 !important;
+}
+
+.z-index-7 {
+  z-index: 7 !important;
+}
+
+.font-weight-700 {
+  font-weight: 700 !important;
+}
+
+.z-index-8 {
+  z-index: 8 !important;
+}
+
+.font-weight-800 {
+  font-weight: 800 !important;
+}
+
+.z-index-9 {
+  z-index: 9 !important;
+}
+
+.font-weight-900 {
+  font-weight: 900 !important;
+}
+
+.z-index-10 {
+  z-index: 10 !important;
+}
+
+.font-weight-1000 {
+  font-weight: 1000 !important;
+}
+
+.is-ellipsis-0 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 0;
+  -webkit-line-clamp: 0;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-1 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 1;
+  -webkit-line-clamp: 1;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-2 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 2;
+  -webkit-line-clamp: 2;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-3 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 3;
+  -webkit-line-clamp: 3;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-4 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 4;
+  -webkit-line-clamp: 4;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-5 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 5;
+  -webkit-line-clamp: 5;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-6 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 6;
+  -webkit-line-clamp: 6;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-7 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 7;
+  -webkit-line-clamp: 7;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-8 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 8;
+  -webkit-line-clamp: 8;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-9 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 9;
+  -webkit-line-clamp: 9;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-10 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 10;
+  -webkit-line-clamp: 10;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+:root {
+  --ac-primary: #00a651;
+}
+
+body.guard {
+  --ac-primary: #d84e27;
+}
+body.kubedb {
+  --ac-primary: #4d4dcb;
+}
+body.kubeci {
+  --ac-primary: #2c3e50;
+}
+body.kubed {
+  --ac-primary: #1c7bd4;
+}
+body.kubesheild {
+  --ac-primary: #2516c7;
+}
+body.kubevault {
+  --ac-primary: #326ce5;
+}
+body.kubeform {
+  --ac-primary: #592217;
+}
+body.searchlight {
+  --ac-primary: #111738;
+}
+body.pharmer {
+  --ac-primary: #8e44ad;
+}
+body.service-broker {
+  --ac-primary: #29b4a2;
+}
+body.stash {
+  --ac-primary: #5e2dea;
+}
+body.swift {
+  --ac-primary: #3f51b6;
+}
+body.voyager {
+  --ac-primary: #2d2a78;
+}
+
+html,
+body {
+  background-color: #ffffff;
+  font-family: "Roboto", sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  color: #515D63;
+  scroll-behavior: smooth;
+}
+
+p {
+  font-size: 1rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  color: #171B1C;
+  line-height: 130%;
+}
+
+h1 {
+  font-size: 60px;
+  letter-spacing: -0.5px;
+}
+
+h2 {
+  font-size: 48px;
+  letter-spacing: -0.57px;
+}
+
+h3 {
+  font-size: 32px;
+}
+
+h4 {
+  font-size: 24px;
+  letter-spacing: -0.25px;
+}
+
+h5 {
+  font-size: 18px;
+}
+
+h6 {
+  font-size: 16px;
+  letter-spacing: -0.15px;
+}
+
+a {
+  font-family: "Roboto", sans-serif;
+  color: var(--ac-primary);
+}
+
+hr {
+  background-color: #e7e7e7;
+  border: none;
+  display: block;
+  height: 1px;
+  margin: 16px 0;
+}
+
+strong {
+  color: #171B1C;
+}
+
+.is-gradient {
+  background: linear-gradient(-45deg, var(--ac-primary), #940148, #4c346f, var(--ac-primary));
+  background-size: 300% 300%;
+  animation: gradient 5s ease infinite;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+.container {
+  flex-grow: 1;
+  margin: 0 auto;
+  position: relative;
+  width: auto;
+  padding: 0 32px;
+}
+@media screen and (max-width: 768px) {
+  .container {
+    padding: 0 16px;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .container {
+    max-width: 960px;
+    padding: 0;
+  }
+}
+@media screen and (min-width: 1216px) {
+  .container {
+    max-width: 1152px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .container {
+    max-width: 1344px;
+  }
+}
+
+.columns {
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+  margin-top: -0.75rem;
+  display: flex;
+  flex-wrap: wrap;
+}
+.columns:last-child {
+  margin-bottom: -0.75rem;
+}
+.columns:not(:last-child) {
+  margin-bottom: 0.75rem;
+}
+.columns.is-centered {
+  justify-content: center;
+}
+.columns.is-vcentered {
+  align-items: center;
+}
+.columns.is-multiline {
+  flex-wrap: wrap;
+}
+.columns.is-mobile {
+  display: flex;
+}
+.columns.is-gapless {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+}
+.columns.is-gapless > .column {
+  margin: 0;
+  padding: 0;
+}
+.columns.is-gapless:not(:last-child) {
+  margin-bottom: 1.5rem;
+}
+.columns.is-gapless:last-child {
+  margin-bottom: 0;
+}
+@media screen and (min-width: 769px) {
+  .columns {
+    display: flex;
+  }
+}
+
+.column {
+  display: block;
+  flex-basis: 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+  padding: 0.75rem;
+}
+@media screen and (min-width: 769px) {
+  .column.is-1 {
+    flex: none;
+    width: 8.3333%;
+  }
+  .column.is-2 {
+    flex: none;
+    width: 16.6666%;
+  }
+  .column.is-3 {
+    flex: none;
+    width: 25%;
+  }
+  .column.is-4 {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-5 {
+    flex: none;
+    width: 41.6666%;
+  }
+  .column.is-6 {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-7 {
+    flex: none;
+    width: 58.3333%;
+  }
+  .column.is-8 {
+    flex: none;
+    width: 66.6666%;
+  }
+  .column.is-9 {
+    flex: none;
+    width: 75%;
+  }
+  .column.is-10 {
+    flex: none;
+    width: 83.3333%;
+  }
+  .column.is-11 {
+    flex: none;
+    width: 91.6666%;
+  }
+  .column.is-12 {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-offset-3 {
+    margin-left: 25%;
+  }
+  .column.is-offset-6 {
+    margin-left: 50%;
+  }
+  .column.is-10-tablet {
+    flex: none;
+    width: 83.3333%;
+  }
+  .column.is-8-tablet {
+    flex: none;
+    width: 66.6666%;
+  }
+  .column.is-6-tablet {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-4-tablet {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-full-touch {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-half-mobile {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-full-mobile {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-one-third-tablet {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-half-tablet {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-full-tablet {
+    flex: none;
+    width: 100%;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .column.is-8-desktop {
+    flex: none;
+    width: 66.6666%;
+  }
+  .column.is-10-tablet {
+    flex: none;
+    width: 83.3333%;
+  }
+  .column.is-one-third-desktop {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-half-desktop {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-full-desktop {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-full-touch {
+    flex: none;
+    width: 100%;
+  }
+}
+@media screen and (min-width: 1216px) {
+  .column.is-one-third-widescreen {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-half-widescreen {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-full-touch {
+    flex: none;
+    width: 100%;
+  }
+}
+
+.columns.is-mobile > .column.is-1 {
+  flex: none;
+  width: 8.3333%;
+}
+.columns.is-mobile > .column.is-2 {
+  flex: none;
+  width: 16.6666%;
+}
+.columns.is-mobile > .column.is-3 {
+  flex: none;
+  width: 25%;
+}
+.columns.is-mobile > .column.is-4 {
+  flex: none;
+  width: 33.3333%;
+}
+.columns.is-mobile > .column.is-5 {
+  flex: none;
+  width: 41.6666%;
+}
+.columns.is-mobile > .column.is-6 {
+  flex: none;
+  width: 50%;
+}
+.columns.is-mobile > .column.is-7 {
+  flex: none;
+  width: 58.3333%;
+}
+.columns.is-mobile > .column.is-8 {
+  flex: none;
+  width: 66.6666%;
+}
+.columns.is-mobile > .column.is-9 {
+  flex: none;
+  width: 75%;
+}
+.columns.is-mobile > .column.is-10 {
+  flex: none;
+  width: 83.3333%;
+}
+.columns.is-mobile > .column.is-half-mobile {
+  flex: none;
+  width: 50%;
+}
+.columns.is-mobile > .column.is-full-mobile {
+  flex: none;
+  width: 100%;
+}
+
+@media screen and (max-width: 768px) {
+  .column.is-1-mobile {
+    flex: none;
+    width: 8.3333%;
+  }
+  .column.is-2-mobile {
+    flex: none;
+    width: 16.6666%;
+  }
+  .column.is-3-mobile {
+    flex: none;
+    width: 25%;
+  }
+  .column.is-4-mobile {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-5-mobile {
+    flex: none;
+    width: 41.6666%;
+  }
+  .column.is-6-mobile {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-7-mobile {
+    flex: none;
+    width: 58.3333%;
+  }
+  .column.is-8-mobile {
+    flex: none;
+    width: 66.6666%;
+  }
+  .column.is-9-mobile {
+    flex: none;
+    width: 75%;
+  }
+  .column.is-10-mobile {
+    flex: none;
+    width: 83.3333%;
+  }
+  .column.is-11-mobile {
+    flex: none;
+    width: 91.6666%;
+  }
+  .column.is-12-mobile, .column.is-full-mobile {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-half-mobile {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-one-third-mobile {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-one-quarter-mobile {
+    flex: none;
+    width: 25%;
+  }
+  .column.is-three-quarters-mobile {
+    flex: none;
+    width: 75%;
+  }
+  .column.is-two-thirds-mobile {
+    flex: none;
+    width: 66.6666%;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .column.is-1-tablet-only {
+    flex: none;
+    width: 8.3333%;
+  }
+  .column.is-2-tablet-only {
+    flex: none;
+    width: 16.6666%;
+  }
+  .column.is-3-tablet-only {
+    flex: none;
+    width: 25%;
+  }
+  .column.is-4-tablet-only {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-5-tablet-only {
+    flex: none;
+    width: 41.6666%;
+  }
+  .column.is-6-tablet-only {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-7-tablet-only {
+    flex: none;
+    width: 58.3333%;
+  }
+  .column.is-8-tablet-only {
+    flex: none;
+    width: 66.6666%;
+  }
+  .column.is-9-tablet-only {
+    flex: none;
+    width: 75%;
+  }
+  .column.is-10-tablet-only {
+    flex: none;
+    width: 83.3333%;
+  }
+}
+@media screen and (min-width: 769px) {
+  .column.is-1-tablet {
+    flex: none;
+    width: 8.3333%;
+  }
+  .column.is-2-tablet {
+    flex: none;
+    width: 16.6666%;
+  }
+  .column.is-3-tablet {
+    flex: none;
+    width: 24.9999%;
+  }
+  .column.is-4-tablet {
+    flex: none;
+    width: 33.3332%;
+  }
+  .column.is-5-tablet {
+    flex: none;
+    width: 41.6665%;
+  }
+  .column.is-6-tablet {
+    flex: none;
+    width: 49.9998%;
+  }
+  .column.is-7-tablet {
+    flex: none;
+    width: 58.3331%;
+  }
+  .column.is-8-tablet {
+    flex: none;
+    width: 66.6664%;
+  }
+  .column.is-9-tablet {
+    flex: none;
+    width: 74.9997%;
+  }
+  .column.is-10-tablet {
+    flex: none;
+    width: 83.333%;
+  }
+  .column.is-11-tablet {
+    flex: none;
+    width: 91.6663%;
+  }
+  .column.is-12-tablet {
+    flex: none;
+    width: 99.9996%;
+  }
+  .column.is-half-tablet {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-full-tablet {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-one-third-tablet {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-one-quarter-tablet {
+    flex: none;
+    width: 25%;
+  }
+  .column.is-three-quarters-tablet {
+    flex: none;
+    width: 75%;
+  }
+  .column.is-two-thirds-tablet {
+    flex: none;
+    width: 66.6666%;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .column.is-1-desktop {
+    flex: none;
+    width: 8.3333%;
+  }
+  .column.is-2-desktop {
+    flex: none;
+    width: 16.6666%;
+  }
+  .column.is-3-desktop {
+    flex: none;
+    width: 24.9999%;
+  }
+  .column.is-4-desktop {
+    flex: none;
+    width: 33.3332%;
+  }
+  .column.is-5-desktop {
+    flex: none;
+    width: 41.6665%;
+  }
+  .column.is-6-desktop {
+    flex: none;
+    width: 49.9998%;
+  }
+  .column.is-7-desktop {
+    flex: none;
+    width: 58.3331%;
+  }
+  .column.is-8-desktop {
+    flex: none;
+    width: 66.6664%;
+  }
+  .column.is-9-desktop {
+    flex: none;
+    width: 74.9997%;
+  }
+  .column.is-10-desktop {
+    flex: none;
+    width: 83.333%;
+  }
+  .column.is-11-desktop {
+    flex: none;
+    width: 91.6663%;
+  }
+  .column.is-12-desktop {
+    flex: none;
+    width: 99.9996%;
+  }
+  .column.is-half-desktop {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-full-desktop {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-one-third-desktop {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-one-thirds-desktop {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-one-quarter-desktop {
+    flex: none;
+    width: 25%;
+  }
+  .column.is-three-quarters-desktop {
+    flex: none;
+    width: 75%;
+  }
+  .column.is-two-thirds-desktop {
+    flex: none;
+    width: 66.6666%;
+  }
+  .column.is-offset-1-desktop {
+    margin-left: 8.3333%;
+  }
+  .column.is-offset-2-desktop {
+    margin-left: 16.6666%;
+  }
+  .column.is-offset-3-desktop {
+    margin-left: 25%;
+  }
+  .column.is-offset-4-desktop {
+    margin-left: 33.3333%;
+  }
+}
+@media screen and (min-width: 1216px) {
+  .column.is-1-widescreen {
+    flex: none;
+    width: 8.3333%;
+  }
+  .column.is-2-widescreen {
+    flex: none;
+    width: 16.6666%;
+  }
+  .column.is-3-widescreen {
+    flex: none;
+    width: 24.9999%;
+  }
+  .column.is-4-widescreen {
+    flex: none;
+    width: 33.3332%;
+  }
+  .column.is-5-widescreen {
+    flex: none;
+    width: 41.6665%;
+  }
+  .column.is-6-widescreen {
+    flex: none;
+    width: 49.9998%;
+  }
+  .column.is-7-widescreen {
+    flex: none;
+    width: 58.3331%;
+  }
+  .column.is-8-widescreen {
+    flex: none;
+    width: 66.6664%;
+  }
+  .column.is-9-widescreen {
+    flex: none;
+    width: 74.9997%;
+  }
+  .column.is-10-widescreen {
+    flex: none;
+    width: 83.333%;
+  }
+  .column.is-11-widescreen {
+    flex: none;
+    width: 91.6663%;
+  }
+  .column.is-12-widescreen {
+    flex: none;
+    width: 99.9996%;
+  }
+  .column.is-half-widescreen {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-full-widescreen {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-one-third-widescreen {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-one-quarter-widescreen {
+    flex: none;
+    width: 25%;
+  }
+  .column.is-three-quarters-widescreen {
+    flex: none;
+    width: 75%;
+  }
+  .column.is-two-thirds-widescreen {
+    flex: none;
+    width: 66.6666%;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .column.is-1-fullhd {
+    flex: none;
+    width: 8.3333%;
+  }
+  .column.is-2-fullhd {
+    flex: none;
+    width: 16.6666%;
+  }
+  .column.is-3-fullhd {
+    flex: none;
+    width: 24.9999%;
+  }
+  .column.is-4-fullhd {
+    flex: none;
+    width: 33.3332%;
+  }
+  .column.is-5-fullhd {
+    flex: none;
+    width: 41.6665%;
+  }
+  .column.is-6-fullhd {
+    flex: none;
+    width: 49.9998%;
+  }
+  .column.is-7-fullhd {
+    flex: none;
+    width: 58.3331%;
+  }
+  .column.is-8-fullhd {
+    flex: none;
+    width: 66.6664%;
+  }
+  .column.is-9-fullhd {
+    flex: none;
+    width: 74.9997%;
+  }
+  .column.is-10-fullhd {
+    flex: none;
+    width: 83.333%;
+  }
+  .column.is-11-fullhd {
+    flex: none;
+    width: 91.6663%;
+  }
+  .column.is-12-fullhd {
+    flex: none;
+    width: 99.9996%;
+  }
+  .column.is-half-fullhd {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-full-fullhd {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-one-third-fullhd {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-one-thirds-fullhd {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-one-quarter-fullhd {
+    flex: none;
+    width: 25%;
+  }
+  .column.is-three-quarters-fullhd {
+    flex: none;
+    width: 75%;
+  }
+  .column.is-two-thirds-fullhd {
+    flex: none;
+    width: 66.6666%;
+  }
+}
+.column.is-half {
+  flex: none;
+  width: 50%;
+}
+.column.is-one-quarter {
+  flex: none;
+  width: 25%;
+}
+.column.is-one-third {
+  flex: none;
+  width: 33.3333%;
+}
+.column.is-two-thirds {
+  flex: none;
+  width: 66.6666%;
+}
+.column.is-three-quarters {
+  flex: none;
+  width: 75%;
+}
+.column.is-offset-1 {
+  margin-left: 8.3333%;
+}
+.column.is-offset-2 {
+  margin-left: 16.6666%;
+}
+.column.is-offset-3 {
+  margin-left: 25%;
+}
+.column.is-offset-4 {
+  margin-left: 33.3333%;
+}
+.column.is-offset-5 {
+  margin-left: 41.6666%;
+}
+.column.is-offset-6 {
+  margin-left: 50%;
+}
+
+.is-hidden {
+  display: none !important;
+}
+
+.is-block {
+  display: block !important;
+}
+
+.is-inline {
+  display: inline !important;
+}
+
+.is-inline-block {
+  display: inline-block !important;
+}
+
+.is-flex {
+  display: flex !important;
+}
+
+.is-inline-flex {
+  display: inline-flex !important;
+}
+
+.is-relative {
+  position: relative !important;
+}
+
+@media screen and (max-width: 768px) {
+  .is-hidden-mobile {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 769px) {
+  .is-hidden-tablet-only {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .is-hidden-tablet-only {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 1023px) {
+  .is-hidden-touch {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .is-hidden-desktop {
+    display: none !important;
+  }
+  .is-block-desktop {
+    display: block !important;
+  }
+}
+@media screen and (min-width: 769px) {
+  .is-hidden-tablet {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 768px) {
+  .is-hidden-mobile {
+    display: none !important;
+  }
+}
+.is-justify-content-center {
+  justify-content: center !important;
+}
+
+.is-justify-content-flex-end {
+  justify-content: flex-end !important;
+}
+
+.is-justify-content-flex-start {
+  justify-content: flex-start !important;
+}
+
+.is-justify-content-space-between {
+  justify-content: space-between !important;
+}
+
+.is-justify-content-space-around {
+  justify-content: space-around !important;
+}
+
+.is-align-items-flex-start {
+  align-items: flex-start !important;
+}
+
+.is-align-items-flex-end {
+  align-items: flex-end !important;
+}
+
+.is-align-items-center {
+  align-items: center !important;
+}
+
+.is-align-items-stretch {
+  align-items: stretch !important;
+}
+
+.is-flex-wrap-wrap {
+  flex-wrap: wrap !important;
+}
+
+.is-flex-wrap-nowrap {
+  flex-wrap: nowrap !important;
+}
+
+.is-flex-direction-column {
+  flex-direction: column !important;
+}
+
+.is-flex-direction-row {
+  flex-direction: row !important;
+}
+
+.is-flex-grow-0 {
+  flex-grow: 0 !important;
+}
+
+.is-flex-grow-1 {
+  flex-grow: 1 !important;
+}
+
+.is-flex-shrink-0 {
+  flex-shrink: 0 !important;
+}
+
+.is-flex-shrink-1 {
+  flex-shrink: 1 !important;
+}
+
+.has-text-primary {
+  color: var(--ac-primary) !important;
+}
+
+.has-text-white {
+  color: #ffffff !important;
+}
+
+.has-text-black {
+  color: #000000 !important;
+}
+
+.has-text-gray {
+  color: #8d8d8d !important;
+}
+
+.has-text-dark {
+  color: #171B1C !important;
+}
+
+.has-text-centered {
+  text-align: center !important;
+}
+
+.has-text-right {
+  text-align: right !important;
+}
+
+.has-text-left {
+  text-align: left !important;
+}
+
+.has-text-justified {
+  text-align: justify !important;
+}
+
+@media screen and (max-width: 768px) {
+  .has-text-centered-mobile {
+    text-align: center !important;
+  }
+  .has-text-right-mobile {
+    text-align: right !important;
+  }
+  .has-text-left-mobile {
+    text-align: left !important;
+  }
+}
+@media screen and (min-width: 769px) {
+  .has-text-centered-tablet {
+    text-align: center !important;
+  }
+  .has-text-right-tablet {
+    text-align: right !important;
+  }
+  .has-text-left-tablet {
+    text-align: left !important;
+  }
+}
+@media screen and (max-width: 1023px) {
+  .has-text-centered-touch {
+    text-align: center !important;
+  }
+  .has-text-right-touch {
+    text-align: right !important;
+  }
+  .has-text-left-touch {
+    text-align: left !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .has-text-centered-desktop {
+    text-align: center !important;
+  }
+  .has-text-right-desktop {
+    text-align: right !important;
+  }
+  .has-text-left-desktop {
+    text-align: left !important;
+  }
+}
+@media screen and (min-width: 1216px) {
+  .has-text-centered-widescreen {
+    text-align: center !important;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .has-text-centered-fullhd {
+    text-align: center !important;
+  }
+}
+.has-text-weight-light {
+  font-weight: 300 !important;
+}
+
+.has-text-weight-normal {
+  font-weight: 400 !important;
+}
+
+.has-text-weight-medium {
+  font-weight: 500 !important;
+}
+
+.has-text-weight-semibold {
+  font-weight: 600 !important;
+}
+
+.has-text-weight-bold {
+  font-weight: 700 !important;
+}
+
+.has-text-weight-extrabold {
+  font-weight: 800 !important;
+}
+
+.is-size-1 {
+  font-size: 3rem !important;
+}
+
+.is-size-2 {
+  font-size: 2.5rem !important;
+}
+
+.is-size-3 {
+  font-size: 2rem !important;
+}
+
+.is-size-4 {
+  font-size: 1.5rem !important;
+}
+
+.is-size-5 {
+  font-size: 1.25rem !important;
+}
+
+.is-size-6 {
+  font-size: 1rem !important;
+}
+
+.is-size-7 {
+  font-size: 0.75rem !important;
+}
+
+.is-uppercase {
+  text-transform: uppercase !important;
+}
+
+.is-lowercase {
+  text-transform: lowercase !important;
+}
+
+.is-capitalized {
+  text-transform: capitalize !important;
+}
+
+.is-underlined {
+  text-decoration: underline !important;
+}
+
+.is-italic {
+  font-style: italic !important;
+}
+
+.is-paddingless {
+  padding: 0 !important;
+}
+
+.is-marginless {
+  margin: 0 !important;
+}
+
+.is-clipped {
+  overflow: hidden !important;
+}
+
+@media screen and (min-width: 1024px) {
+  .is-paddingless-desktop {
+    padding: 0 !important;
+  }
+  .is-marginless-desktop {
+    margin: 0 !important;
+  }
+}
+@media screen and (max-width: 768px) {
+  .is-paddingless-mobile {
+    padding: 0 !important;
+  }
+}
+.button {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  align-items: center;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  box-shadow: none;
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 1rem;
+  height: 2.5em;
+  justify-content: flex-start;
+  line-height: 1.5;
+  padding: calc(0.5em - 1px) 1em;
+  position: relative;
+  text-align: center;
+  user-select: none;
+  vertical-align: top;
+  white-space: nowrap;
+  background-color: white;
+  color: #363636;
+  outline: none;
+  text-decoration: none;
+}
+.button:focus, .button:focus-visible {
+  outline: none;
+}
+.button.is-rounded {
+  border-radius: 9999px;
+  padding-left: 1.25em;
+  padding-right: 1.25em;
+}
+.button.is-fullwidth {
+  display: flex;
+  width: 100%;
+}
+.button.is-loading {
+  color: transparent !important;
+  pointer-events: none;
+}
+.button.is-loading::after {
+  content: "";
+  border: 2px solid var(--ac-primary);
+  border-radius: 50%;
+  border-right-color: transparent;
+  border-top-color: transparent;
+  width: 1em;
+  height: 1em;
+  position: absolute;
+  left: calc(50% - 0.5em);
+  top: calc(50% - 0.5em);
+  animation: spinAround 500ms infinite linear;
+}
+
+.buttons {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  gap: 8px;
+}
+.buttons.is-centered {
+  justify-content: center;
+}
+.buttons.is-right {
+  justify-content: flex-end;
+}
+.buttons.has-addons .button:not(:last-child) {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  margin-right: -1px;
+}
+.buttons.has-addons .button:not(:first-child) {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+@keyframes spinAround {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+.field:not(:last-child) {
+  margin-bottom: 0.75rem;
+}
+.field.has-addons {
+  display: flex;
+  justify-content: flex-start;
+}
+.field.has-addons .control:not(:last-child) {
+  margin-right: -1px;
+}
+.field.has-addons .control:not(:first-child):not(:last-child) .button,
+.field.has-addons .control:not(:first-child):not(:last-child) .input {
+  border-radius: 0;
+}
+.field.has-addons .control:first-child:not(:only-child) .button,
+.field.has-addons .control:first-child:not(:only-child) .input {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.field.has-addons .control:last-child:not(:only-child) .button,
+.field.has-addons .control:last-child:not(:only-child) .input {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+.control {
+  box-sizing: border-box;
+  clear: both;
+  font-size: 1rem;
+  position: relative;
+  text-align: inherit;
+}
+
+.input {
+  background-color: white;
+  border: 1px solid #dbdbdb;
+  border-radius: 4px;
+  color: #363636;
+  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
+  height: 2.5em;
+  max-width: 100%;
+  width: 100%;
+  padding: calc(0.5em - 1px) calc(0.75em - 1px);
+  font-size: 1rem;
+  line-height: 1.5;
+  display: inline-flex;
+  align-items: center;
+}
+.input:focus, .input:focus-visible {
+  outline: none;
+  border-color: var(--ac-primary);
+  box-shadow: 0 0 0 0.125em rgba(var(--ac-primary), 0.25);
+}
+.input::placeholder {
+  color: #a0a0a0;
+}
+
+.dropdown {
+  display: inline-flex;
+  position: relative;
+  vertical-align: top;
+}
+.dropdown.is-active .dropdown-menu, .dropdown:hover .dropdown-menu {
+  display: block;
+}
+
+.dropdown-trigger > .button {
+  display: flex;
+  align-items: center;
+}
+
+.dropdown-menu {
+  display: none;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 20;
+  min-width: 12rem;
+  padding-top: 4px;
+}
+
+.dropdown-content {
+  background-color: white;
+  border-radius: 4px;
+  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+  padding: 0.5rem 0;
+}
+
+.dropdown-item {
+  color: #4a4a4a;
+  display: block;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  padding: 0.375rem 1rem;
+  position: relative;
+  text-decoration: none;
+  white-space: nowrap;
+}
+.dropdown-item:hover {
+  background-color: #f5f5f5;
+  color: #0a0a0a;
+}
+.dropdown-item.is-active {
+  background-color: var(--ac-primary);
+  color: white;
+}
+
+.image {
+  display: block;
+  position: relative;
+}
+.image img {
+  display: block;
+  height: auto;
+  width: 100%;
+}
+.image img.is-rounded {
+  border-radius: 9999px;
+}
+.image.is-16x16 {
+  height: 16px;
+  width: 16px;
+}
+.image.is-24x24 {
+  height: 24px;
+  width: 24px;
+}
+.image.is-32x32 {
+  height: 32px;
+  width: 32px;
+}
+.image.is-48x48 {
+  height: 48px;
+  width: 48px;
+}
+.image.is-64x64 {
+  height: 64px;
+  width: 64px;
+}
+.image.is-96x96 {
+  height: 96px;
+  width: 96px;
+}
+.image.is-128x128 {
+  height: 128px;
+  width: 128px;
+}
+
+.is-rounded {
+  border-radius: 9999px !important;
+}
+
+.tag {
+  align-items: center;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  color: #4a4a4a;
+  display: inline-flex;
+  font-size: 0.75rem;
+  height: 2em;
+  justify-content: center;
+  line-height: 1.5;
+  padding: 0 0.75em;
+  white-space: nowrap;
+}
+
+.section {
+  padding: 3rem 1.5rem;
+}
+@media screen and (min-width: 1024px) {
+  .section {
+    padding: 3rem 3rem;
+  }
+}
+.section.section-lg {
+  padding: 5rem 1.5rem;
+}
+@media screen and (min-width: 1024px) {
+  .section.section-lg {
+    padding: 5rem 3rem;
+  }
+}
+
+.title {
+  color: #171B1C;
+  font-weight: 600;
+  line-height: 1.125;
+  word-break: break-word;
+}
+.title.is-5 {
+  font-size: 1.25rem;
+}
+.title.is-4 {
+  font-size: 1.5rem;
+}
+.title.is-3 {
+  font-size: 2rem;
+}
+
+.has-background-white {
+  background-color: white !important;
+}
+
+.bg-light {
+  background-color: #f7f8fa !important;
+}
+
+/* ======================
+  Global CSS start
+========================*/
+.bg-gradient-1 {
+  position: relative;
+  z-index: 1;
+  background-size: 120% 120%;
+  -webkit-animation: gradient 15s ease infinite;
+  animation: gradient 15s ease infinite;
+}
+.bg-gradient-1:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgb(255, 255, 255);
+  z-index: -1;
+  opacity: 0.9;
+  background-size: 50%;
+  overflow: hidden;
+}
+
+.social-prove-brand-area .brand-image-wrapper {
+  padding-top: 16px;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+.social-prove-brand-area .brand-image-wrapper .single-brand {
+  border: 1px solid #e7e7e7;
+  background-color: #ffffff;
+  padding: 12px 24px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  transition: 0.3s ease-in-out;
+}
+.social-prove-brand-area .brand-image-wrapper .single-brand img {
+  max-height: 2rem;
+  filter: grayscale(1);
+  transition: 0.3s ease-in-out;
+}
+.social-prove-brand-area .brand-image-wrapper .single-brand:hover img {
+  filter: grayscale(0);
+}
+.social-prove-brand-area .owl-carousel .owl-stage {
+  transition-timing-function: linear !important;
+}
+.social-prove-brand-area .owl-carousel .owl-item img {
+  width: auto !important;
+  height: 32px;
+}
+
+.is-fullwidth {
+  width: 100% !important;
+}
+
+.section-padding {
+  padding: 60px 0;
+}
+@media screen and (max-width: 1023px) {
+  .section-padding {
+    padding: 32px 0;
+  }
+}
+
+.list-items {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+@media screen and (max-width: 768px) {
+  .list-items {
+    gap: 4px;
+  }
+}
+.list-items li {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.list-items li span {
+  font-size: 18px;
+}
+
+.decorative-el, .others-products, .products-features .features-tabs, .ui-features-area, .mechanics-area, .products-area, .hero-area-1 .h-right-content {
+  position: relative;
+  z-index: 1;
+}
+.decorative-el::after, .others-products::after, .products-features .features-tabs::after, .ui-features-area::after, .mechanics-area::after, .products-area::after, .hero-area-1 .h-right-content::after {
+  position: absolute;
+  content: "";
+  left: -54px;
+  top: 0px;
+  width: 250px;
+  height: 250px;
+  z-index: -1;
+  background-image: url("../images/shape/decorative-el.svg");
+  background-repeat: no-repeat;
+}
+@media screen and (max-width: 768px) {
+  .decorative-el::after, .others-products::after, .products-features .features-tabs::after, .ui-features-area::after, .mechanics-area::after, .products-area::after, .hero-area-1 .h-right-content::after {
+    width: 120px;
+    height: 120px;
+  }
+}
+
+.yt-thumbnail {
+  position: relative;
+  z-index: 1;
+  border-radius: 4px;
+  overflow: hidden;
+}
+.yt-thumbnail img {
+  display: flex;
+  object-fit: cover;
+  height: 250px;
+  width: 400px;
+}
+.yt-thumbnail:hover .play-icon svg {
+  transform: scale(1.3);
+}
+.yt-thumbnail:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #000000;
+  opacity: 0.5;
+}
+.yt-thumbnail .play-icon {
+  position: absolute;
+  z-index: 99;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.yt-thumbnail .play-icon svg {
+  width: 40px;
+  display: flex;
+  cursor: pointer;
+  transition: 0.3s ease-in-out;
+}
+
+.section-title {
+  margin-bottom: 2rem;
+  position: relative;
+  z-index: 8;
+}
+.section-title h1 {
+  font-weight: 700;
+  font-size: 48px;
+  line-height: 130%;
+}
+.section-title h1.is-outlined-text {
+  color: #e7e7e7;
+  -webkit-text-fill-color: white;
+  /* Will override color (regardless of order) */
+  -webkit-text-stroke-width: 1px;
+  -webkit-text-stroke-color: #e7e7e7;
+  position: absolute;
+  font-size: 107px;
+  top: 0;
+  z-index: -1;
+  opacity: 0.5;
+  text-align: center;
+  width: 100%;
+}
+.section-title h2 {
+  font-size: 32px;
+  font-weight: 600;
+  margin-bottom: 8px;
+  text-wrap: balance;
+}
+.section-title p {
+  font-size: 16px;
+  line-height: 160%;
+  letter-spacing: 0;
+  margin-bottom: 3rem;
+  font-weight: normal;
+  text-wrap: balance;
+}
+
+.left-0 {
+  left: 0 !important;
+}
+
+.right-0 {
+  right: 0 !important;
+}
+
+.top-0 {
+  top: 0 !important;
+}
+
+.bottom-0 {
+  bottom: 0 !important;
+}
+
+.breadcrumb-section {
+  padding-top: 200px;
+}
+
+.cube {
+  position: absolute;
+  top: 80vh;
+  left: 45vw;
+  width: 10px;
+  height: 10px;
+  border: solid 1px #ffffff;
+  opacity: 0.5;
+  transform-origin: top left;
+  transform: scale(0) rotate(0deg) translate(-50%, -50%);
+  animation: cube 12s ease-in forwards infinite;
+}
+.cube:nth-child(2n) {
+  border-color: white;
+}
+.cube:nth-child(2) {
+  animation-delay: 2s;
+  left: 5vw;
+  top: 30vh;
+}
+.cube:nth-child(3) {
+  animation-delay: 4s;
+  left: 95vw;
+  top: 50vh;
+}
+.cube:nth-child(4) {
+  animation-delay: 6s;
+  left: 90vw;
+  top: 30vh;
+}
+.cube:nth-child(5) {
+  animation-delay: 8s;
+  left: 10vw;
+  top: 75vh;
+}
+.cube:nth-child(6) {
+  animation-delay: 10s;
+  left: 50vw;
+  top: 20vh;
+}
+
+.circle {
+  position: absolute;
+  top: 20vh;
+  left: 35vw;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  border: solid 1px #ffffff;
+  opacity: 0.5;
+  transform-origin: top left;
+  transform: scale(0) rotate(0deg) translate(-50%, -50%);
+  animation: cube 12s ease-in forwards infinite;
+}
+.circle:nth-child(2n) {
+  border-color: white;
+}
+.circle:nth-child(2) {
+  animation-delay: 0.5s;
+  left: 15vw;
+  top: 40vh;
+}
+.circle:nth-child(3) {
+  animation-delay: 2s;
+  left: 100vw;
+  top: 60vh;
+}
+.circle:nth-child(4) {
+  animation-delay: 3s;
+  left: 90vw;
+  top: 30vh;
+}
+.circle:nth-child(5) {
+  animation-delay: 5s;
+  left: 20vw;
+  top: 65vh;
+}
+.circle:nth-child(6) {
+  animation-delay: 8s;
+  left: 60vw;
+  top: 30vh;
+}
+
+@keyframes cube {
+  from {
+    transform: scale(0) rotate(0deg) translate(-50%, -50%);
+    opacity: 2s;
+    margin-top: 200px;
+  }
+  to {
+    transform: scale(5) rotate(960deg) translate(-50%, -50%);
+    opacity: 0;
+    margin-top: 0;
+  }
+}
+.br-1 {
+  border-right: 1px solid #e7e7e7;
+}
+
+.bl-1 {
+  border-left: 1px solid #e7e7e7;
+}
+
+.bt-1 {
+  border-top: 1px solid #e7e7e7;
+}
+
+.bb-1 {
+  border-bottom: 1px solid #e7e7e7;
+}
+
+.has-text-primary {
+  color: var(--ac-primary) !important;
+}
+
+::-moz-selection {
+  /* Code for Firefox */
+  color: #ffffff;
+  background: var(--ac-primary);
+}
+
+::selection {
+  color: #ffffff;
+  background: var(--ac-primary);
+}
+
+.d-table {
+  display: table;
+  height: 100%;
+  width: 100%;
+}
+
+.d-table-cell {
+  width: 100%;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+/* brand logo area start */
+.single-brand-logo {
+  display: inline-block;
+  overflow: hidden;
+  margin: 10px 20px;
+  text-align: center;
+  vertical-align: middle;
+  max-width: 200px;
+  height: auto;
+}
+.single-brand-logo img {
+  max-height: 50px;
+}
+
+/* brand logo area end */
+.ac-custom-select .ss-single-selected,
+.ac-custom-select .ss-multi-selected {
+  min-height: 45px !important;
+  border: 1px solid #a6abbd;
+  color: #515D63;
+  padding: 0 15px;
+}
+.ac-custom-select .ss-single-selected .ss-arrow,
+.ac-custom-select .ss-multi-selected .ss-arrow {
+  margin: 0;
+}
+.ac-custom-select .ss-single-selected .placeholder,
+.ac-custom-select .ss-multi-selected .placeholder {
+  font-size: 15px;
+  color: #515D63;
+  font-weight: 500;
+}
+.ac-custom-select .ss-single-selected .ss-values,
+.ac-custom-select .ss-multi-selected .ss-values {
+  margin-top: 3px;
+}
+.ac-custom-select .ss-single-selected .ss-values .ss-disabled,
+.ac-custom-select .ss-multi-selected .ss-values .ss-disabled {
+  margin: 0;
+  padding: 0;
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 16px;
+  color: #a6abbd;
+}
+.ac-custom-select .ss-single-selected .ss-values .ss-value,
+.ac-custom-select .ss-multi-selected .ss-values .ss-value {
+  height: 30px;
+  margin-bottom: 6px;
+  padding: 0 10px;
+  background-color: #35a651;
+}
+.ac-custom-select .ss-single-selected .ss-add,
+.ac-custom-select .ss-multi-selected .ss-add {
+  margin: 4px;
+  align-items: center;
+}
+.ac-custom-select .ss-content {
+  border: 1px solid #a6abbd;
+}
+.ac-custom-select .ss-content .ss-list .ss-option {
+  font-size: 14px;
+  color: #515D63;
+  transition: 0.3s ease-in-out;
+}
+.ac-custom-select .ss-content .ss-list .ss-option:hover {
+  opacity: 0.8;
+  color: #ffffff;
+  background-color: var(--ac-primary);
+}
+.ac-custom-select .ss-content .ss-list .ss-option.ss-disabled {
+  opacity: 0.5;
+}
+.ac-custom-select .ss-content .ss-search input {
+  border: 1px solid #a6abbd;
+}
+.ac-custom-select .ss-content .ss-search input:focus {
+  outline: none;
+  box-shadow: none;
+}
+
+.message {
+  display: flex;
+  align-items: center;
+}
+.message lord-icon {
+  margin-right: 1rem;
+}
+.message.is-warning {
+  background-color: transparent;
+}
+.message.is-warning .message-body {
+  border-color: transparent;
+  border-width: 0;
+  color: #515D63;
+  padding: 1em 1em;
+  background-color: #ffdd57;
+  width: 100%;
+}
+.message.is-danger {
+  background-color: transparent;
+}
+.message.is-danger .message-body {
+  border-color: transparent;
+  border-width: 0;
+  color: #ffffff;
+  padding: 1em 1em;
+  background-color: #ff3729;
+  width: 100%;
+}
+
+.is-gap-0 {
+  gap: 0px;
+}
+
+.is-gap-1 {
+  gap: 1px;
+}
+
+.is-gap-2 {
+  gap: 2px;
+}
+
+.is-gap-3 {
+  gap: 3px;
+}
+
+.is-gap-4 {
+  gap: 4px;
+}
+
+.is-gap-5 {
+  gap: 5px;
+}
+
+.is-gap-6 {
+  gap: 6px;
+}
+
+.is-gap-7 {
+  gap: 7px;
+}
+
+.is-gap-8 {
+  gap: 8px;
+}
+
+.is-gap-9 {
+  gap: 9px;
+}
+
+.is-gap-10 {
+  gap: 10px;
+}
+
+.is-gap-11 {
+  gap: 11px;
+}
+
+.is-gap-12 {
+  gap: 12px;
+}
+
+.is-gap-13 {
+  gap: 13px;
+}
+
+.is-gap-14 {
+  gap: 14px;
+}
+
+.is-gap-15 {
+  gap: 15px;
+}
+
+.is-gap-16 {
+  gap: 16px;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .is-flex-direction-row-reverse-mobile {
+    flex-direction: column-reverse;
+    display: flex;
+  }
+  .container {
+    padding: 0 15px;
+  }
+  .section-title {
+    font-size: 28px;
+    margin-bottom: 1rem;
+  }
+  .section-title h2 {
+    font-size: 28px;
+    margin-bottom: 0;
+  }
+  .section-title h1 {
+    font-size: 28px;
+  }
+  .section-title h1.is-outlined-text {
+    font-size: 60px;
+  }
+  .section-title p {
+    margin-bottom: 0;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .container {
+    padding: 0 30px;
+  }
+  .section-title h1.is-outlined-text {
+    font-size: 70px;
+  }
+  .section-title p {
+    margin-bottom: 0;
+  }
+  .is-flex-direction-row-reverse-tablet {
+    flex-direction: column-reverse;
+    display: flex;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .section-title h1.is-outlined-text {
+    font-size: 80px;
+  }
+  .cube {
+    animation: none;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .section-title h1.is-outlined-text {
+    font-size: 80px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .section-title h1.is-outlined-text {
+    font-size: 80px;
+  }
+}
+@media (min-width: 1216px) and (max-width: 1440px) {
+  .container {
+    max-width: 1200px !important;
+  }
+}
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@media screen and (max-width: 768px) {
+  .reverse-column-mobile {
+    flex-direction: column-reverse;
+    display: flex;
+  }
+}
+
+.section-title.has-text-centered {
+  max-width: 80%;
+  margin: 0 auto 16px auto;
+}
+@media screen and (max-width: 1023px) {
+  .section-title.has-text-centered {
+    max-width: 100%;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .has-text-center-mobile {
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+@media screen and (max-width: 1023px) {
+  .section-title.has-text-centered-tablet p {
+    text-align: center;
+  }
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.8);
+  position: fixed;
+  display: none;
+  z-index: 99;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  top: 0;
+}
+.lightbox-container {
+  position: relative;
+  max-width: 1080px;
+  margin: 7% auto;
+  display: block;
+  padding: 0 3%;
+  height: auto;
+  z-index: 10;
+}
+@media screen and (max-width: 768px) {
+  .lightbox-container {
+    margin-top: 10%;
+  }
+}
+@media screen and (max-width: 414px) {
+  .lightbox-container {
+    margin-top: 13%;
+  }
+}
+.lightbox-content {
+  box-shadow: 0 1px 6px fade(black, 70%);
+}
+.lightbox-close {
+  text-transform: uppercase;
+  background: transparent;
+  position: absolute;
+  font-weight: 300;
+  font-size: 32px;
+  display: block;
+  border: none;
+  color: white;
+  top: -52px;
+  right: 3%;
+  cursor: pointer;
+}
+
+.video-container {
+  padding-bottom: 56.25%;
+  position: relative;
+  padding-top: 30px;
+  overflow: hidden;
+  height: 0;
+}
+
+.video-container iframe,
+.video-container object,
+.video-container embed {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  left: 0;
+  top: 0;
+}
+
+.hero-area-2 {
+  position: relative;
+  z-index: 1;
+}
+.hero-area-2::after {
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-repeat: no-repeat !important;
+  position: absolute;
+  z-index: -2;
+  content: "";
+  background: url(../images/appscode/about-hero-bg-2.png);
+  background-size: contain;
+}
+.hero-area-2 .hero-area-inner-2 {
+  height: 400px;
+  padding-top: 120px;
+}
+.hero-area-2 .hero-area-inner-2 h1 {
+  font-size: 48px;
+  margin-bottom: 15px;
+}
+.hero-area-2 .hero-area-inner-2 p {
+  font-size: 18px;
+}
+
+.hero-area-2.bg-color-available:after {
+  background-color: #fbfbfb;
+}
+
+.illustration-area {
+  min-height: 500px;
+  background-repeat: no-repeat;
+}
+
+.illustration-1 {
+  background-image: url(../images/consulting-page/illustation.png);
+  background-size: contain;
+}
+
+.consulting-inner h2 {
+  font-size: 36px;
+  margin-bottom: 30px;
+  font-weight: 400;
+  line-height: 50px;
+}
+.consulting-inner p {
+  font-size: 16px;
+  line-height: 28px;
+  color: #515D63;
+  margin-bottom: 20px;
+}
+.consulting-inner p:last-child {
+  margin-bottom: 0;
+}
+
+.testimonial-area-2 .testimonial-wrapper {
+  overflow: hidden;
+}
+.testimonial-area-2 .testimonial-wrapper .quote-icon {
+  margin-bottom: 30px;
+}
+.testimonial-area-2 .testimonial-wrapper h1 {
+  font-size: 28px;
+  line-height: 45px;
+  font-weight: 600;
+}
+.testimonial-area-2 .testimonial-wrapper .user-information {
+  margin-top: 30px;
+  float: right;
+  overflow: hidden;
+  align-items: center;
+}
+.testimonial-area-2 .testimonial-wrapper .user-information figure {
+  margin-right: 15px;
+}
+.testimonial-area-2 .testimonial-wrapper .user-information h4 {
+  font-size: 18px;
+  line-height: 28px;
+  font-weight: 700;
+  color: var(--ac-primary);
+}
+.testimonial-area-2 .testimonial-wrapper .user-information p {
+  font-size: 14px;
+  color: #515D63;
+}
+
+.package-area .single-package-wrapper {
+  padding: 30px 50px;
+}
+.package-area .single-package-wrapper h4 {
+  font-size: 18px;
+  margin-bottom: 5px;
+}
+.package-area .single-package-wrapper p {
+  font-size: 16px;
+}
+
+.our-customer-area {
+  background-color: #FBFBFB;
+}
+
+.training-wrapper-image .single-training-image-wrapper {
+  width: 280px;
+  height: 280px;
+  border-radius: 50%;
+  overflow: hidden;
+  display: inline-block;
+  margin-right: 30px;
+}
+.training-wrapper-image .single-training-image-wrapper:last-child {
+  margin-right: 0;
+}
+.training-wrapper-image .single-training-image-wrapper:nth-child(even) {
+  width: 250px;
+  height: 250px;
+  transform: translateY(-70px);
+}
+.training-wrapper-image .single-training-image-wrapper img {
+  transition: 0.3s ease-in-out;
+}
+.training-wrapper-image .single-training-image-wrapper:hover img {
+  transform: scale(1.3);
+}
+
+.about-training {
+  position: relative;
+  z-index: 1;
+}
+.about-training .dots-shape {
+  position: absolute;
+  background-image: url(../images/training-page/dots-shape.png);
+  background-repeat: no-repeat;
+  z-index: -1;
+  width: 200px;
+  height: 300px;
+  right: -70px;
+  top: 30%;
+}
+
+.cta-area-2 .cta-content h1 {
+  font-size: 73px;
+  line-height: 83px;
+  margin-bottom: 50px;
+}
+
+.client-thumb {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  overflow: hidden;
+  float: left;
+  margin-right: 20px;
+}
+
+.client-info {
+  float: left;
+  overflow: hidden;
+  margin-top: 5px;
+  text-align: left;
+}
+.client-info h4 {
+  font-size: 16px;
+  line-height: 19px;
+  margin-bottom: 3px;
+}
+.client-info p {
+  margin: 0;
+  font-size: 12px;
+  font-style: italic;
+  color: #515D63;
+  opacity: 0.6;
+}
+
+/*====================================
+    Support page CSS
+====================================*/
+/* Payment Method section style */
+.single-payment-method {
+  display: inline-block;
+  margin-left: 30px;
+}
+
+.single-payment-method:first-child {
+  margin-left: 0;
+}
+
+.payment-method-innner-text h2 {
+  color: #171B1C;
+  margin-bottom: 20px;
+}
+
+.payment-method-innner-text p {
+  margin: 0;
+}
+
+.payment-method-area {
+  position: relative;
+  background-image: url(../images/shape/shape-1.png);
+  background-repeat: no-repeat;
+  background-size: cover;
+  z-index: 1;
+  margin-top: 120px;
+}
+
+.payment-method-area:after {
+  background-image: url(../images/shape/shape-2.png);
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-size: cover;
+  z-index: -1;
+}
+
+.item ul,
+.item input[type=checkbox] {
+  display: none;
+  overflow: hidden;
+  transition: 0.3s;
+}
+
+.product-sidebar-menu .item label a {
+  font-weight: 500;
+  color: #171B1C;
+  padding: 0.5rem 1.25rem;
+  display: block;
+}
+
+.item ul li.is-active a {
+  color: var(--ac-primary);
+}
+
+.item input:checked ~ ul,
+.item input:checked ~ .item > ul {
+  display: block;
+  transition: 0.3s linear;
+}
+
+.item input:checked ~ label span,
+.item input:checked ~ .item > label span {
+  transform: rotate(90deg);
+  margin-top: 0;
+  transform-origin: 0;
+}
+
+.item label span {
+  position: absolute;
+  right: 15px;
+  transition: 0.3s ease-in-out;
+  top: 9px;
+}
+
+.item ul li a {
+  display: block;
+  padding: 6px 0;
+  font-family: "Roboto", sans-serif;
+  font-weight: 400;
+}
+
+.item label {
+  position: relative;
+  z-index: 9;
+}
+
+.product-sidebar-menu label,
+.product-sidebar-menu li a {
+  font-size: 14px;
+  font-weight: 500;
+  color: #4a4a4a;
+  display: block;
+  cursor: pointer;
+  user-select: none;
+  transition: 0.3s;
+}
+
+.product-sidebar-menu li a:hover {
+  color: var(--ac-primary);
+}
+
+.product-sidebar-menu .item ul {
+  margin-left: 20px;
+  padding-left: 15px;
+  border-left: 1px solid #e7e7e7;
+}
+
+.item:first-child input:checked ~ label,
+.item:first-child input:checked ~ .item:first-child > label {
+  border: 1px solid transparent;
+}
+
+.appscode-style .item input:checked ~ label > a {
+  color: var(--ac-primary);
+}
+
+.item input:checked ~ ul,
+.item input:checked ~ .item > ul > .item {
+  margin-left: -20px;
+}
+
+.ac-product-left-sidebar {
+  margin-right: 30px;
+  position: sticky;
+  top: 130px;
+  z-index: 9;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  max-height: calc(100vh - 190px);
+  overflow-x: hidden;
+}
+
+.product-sidebar-menu .item label {
+  border: 1px solid transparent;
+  position: relative;
+  z-index: 1;
+  border-radius: 3px 0 0 3px;
+}
+
+/* datasheet style start */
+.datasheet-wrapper {
+  padding: 0 100px;
+}
+
+.download-question h4 {
+  font-size: 18px;
+  color: #171B1C;
+  font-weight: 700;
+}
+
+.download-question p {
+  color: #515D63;
+  font-size: 16px;
+  font-family: "Roboto", sans-serif;
+}
+
+.download-question p strong {
+  color: #32325d;
+  font-weight: 500;
+  font-family: "Roboto", sans-serif;
+  margin: 10px 0;
+  display: block;
+}
+
+.download-question a {
+  font-family: "Roboto", sans-serif;
+  font-size: 16px;
+}
+
+.form-area h4 {
+  font-size: 18px;
+  color: #171B1C;
+  font-weight: 700;
+  margin-bottom: 30px;
+}
+
+.single-input-field label {
+  display: block;
+  color: #32325d;
+  font-family: "Roboto", sans-serif;
+  font-size: 16px;
+  margin-bottom: 5px;
+}
+
+.single-input-field input {
+  padding: 12px 15px;
+  border: 1px solid #c4cbd3;
+  border-radius: 4px;
+  font-size: 16px;
+  font-family: "Roboto", sans-serif;
+  color: #242a31;
+  width: 100%;
+}
+
+.single-input-field input::placeholder {
+  color: #e7e7e7;
+}
+
+.single-input-field .select,
+select {
+  width: 100%;
+  height: 48px !important;
+}
+
+.single-input-field .select select:not([multiple]) {
+  padding-left: 15px;
+  color: #e7e7e7;
+}
+
+.download-button .icon {
+  padding-right: 25px;
+}
+
+/* datasheet style end */
+/* schedule-demo start */
+embed,
+iframe,
+object,
+video {
+  height: 100%;
+  max-width: 100%;
+}
+
+.schedule-title {
+  margin-top: 65px;
+  color: #242a31;
+  margin-bottom: 30px;
+}
+
+/* schedule-demo end */
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .package-area .single-package-wrapper {
+    padding: 20px 30px;
+    border: 1px solid #e7e7e7;
+  }
+  .testimonial-area-2 .testimonial-wrapper {
+    text-align: center;
+  }
+  .testimonial-area-2 .testimonial-wrapper .is-pulled-right {
+    float: inherit !important;
+    margin-top: 15px;
+    display: flex;
+    justify-content: center;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .package-area .single-package-wrapper {
+    padding: 20px;
+    border: 1px solid #e7e7e7;
+  }
+  .ac-image {
+    text-align: center;
+  }
+  .about-training .section-title h2 {
+    text-align: center;
+  }
+  .ac-text p {
+    text-align: center;
+  }
+  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
+    width: 150px;
+    height: 150px;
+  }
+  .training-wrapper-image .single-training-image-wrapper {
+    width: 180px;
+    height: 180px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
+    width: 150px;
+    height: 150px;
+  }
+  .training-wrapper-image .single-training-image-wrapper {
+    width: 180px;
+    height: 180px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
+    width: 150px;
+    height: 150px;
+  }
+  .training-wrapper-image .single-training-image-wrapper {
+    width: 180px;
+    height: 180px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
+    width: 150px;
+    height: 150px;
+  }
+  .training-wrapper-image .single-training-image-wrapper {
+    width: 180px;
+    height: 180px;
+  }
+}
+.ac-notification.is-primary {
+  background-color: var(--ac-primary);
+}
+.ac-notification p {
+  color: #fff;
+}
+.ac-notification p a {
+  color: #3273dc !important;
+  font-weight: 500;
+}
+
+.hero-area-2.webinar-page::after {
+  background-color: rgba(25, 113, 189, 0.1);
+  background-size: cover;
+}
+.hero-area-2.webinar-page .webinar-hero-area {
+  position: relative;
+  z-index: 1;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 {
+  height: auto;
+  padding-bottom: 120px;
+  padding-top: 100px;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 h1 {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 62px;
+  line-height: 93px;
+  color: #393e46;
+  margin-bottom: 10px;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 .subtitle {
+  font-size: 36px;
+  color: #666;
+  line-height: 58px;
+  font-weight: 500;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info {
+  display: flex;
+  align-items: center;
+  margin-right: 44px;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info:last-child {
+  margin-right: 0;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info .icon {
+  width: 34px;
+  height: 34px;
+  background: #00a651;
+  color: #fff;
+  border-radius: 50%;
+  font-size: 14px;
+  line-height: 15px;
+  margin-right: 15px;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info strong {
+  color: #3f3d56;
+  margin-right: 5px;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info p {
+  color: #666666;
+}
+.hero-area-2.webinar-page .count-down-area {
+  background: #ffffff;
+  box-shadow: 2px 4px 27px rgba(25, 113, 189, 0.16);
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  padding: 7px 0;
+  position: absolute;
+  width: 85%;
+  bottom: -94px;
+}
+.hero-area-2.webinar-page .count-down-area .signle-count {
+  border-right: 1px solid #e6e6e6;
+  text-align: center;
+  width: 25%;
+  padding: 25px 0;
+}
+.hero-area-2.webinar-page .count-down-area .signle-count:last-child {
+  border-right: none;
+}
+.hero-area-2.webinar-page .count-down-area .signle-count .name {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 19px;
+  color: #555555;
+  margin-bottom: 20px;
+}
+.hero-area-2.webinar-page .count-down-area .signle-count .unit {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 62px;
+  line-height: 62px;
+  color: #393e46;
+}
+
+.registration-form-container.register-success, .registration-form-container.register-failed {
+  position: sticky;
+  top: 60px;
+}
+.registration-form-container.register-success form, .registration-form-container.register-failed form {
+  display: none;
+}
+.registration-form-container.register-success .register-notification, .registration-form-container.register-failed .register-notification {
+  display: block;
+}
+.registration-form-container .register-notification {
+  display: none;
+}
+
+.registration-form-wrapper {
+  position: relative;
+  z-index: 1;
+}
+.registration-form-wrapper .registration-form {
+  width: 100%;
+}
+.registration-form-wrapper .circle-shape {
+  position: absolute;
+  right: 30px;
+  top: 30px;
+}
+.registration-form-wrapper .reg-illustration {
+  margin: 50px 0;
+}
+
+.registration-form {
+  box-shadow: 0px 4px 27px rgba(25, 113, 189, 0.16);
+  background-color: #fff;
+  border-radius: 8px;
+  padding: 30px;
+}
+.registration-form h3 {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 22px;
+  line-height: 20px;
+  color: #393e46;
+  margin-bottom: 30px;
+}
+.registration-form form label.radio-title {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 14px;
+  display: block;
+  color: #393e46;
+  margin-bottom: 6px;
+  text-transform: uppercase;
+}
+.registration-form form label.radio-title .is-require {
+  color: #ff3729;
+  padding-left: 5px;
+}
+.registration-form form .ac-single-radio label {
+  font-size: 14px !important;
+}
+.registration-form form .form-message {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 12px;
+  line-height: 20px;
+  color: #555555;
+}
+.registration-form form input[type=submit] {
+  height: 45px;
+  font-size: 14px;
+  font-weight: 500;
+}
+.registration-form form .single-input-form {
+  width: 100%;
+  margin-bottom: 20px;
+}
+.registration-form form .single-input-form.is-fullwidth {
+  width: 100%;
+}
+.registration-form form .single-input-form label {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 14px;
+  display: block;
+  color: #393e46;
+  margin-bottom: 6px;
+  text-transform: uppercase;
+}
+.registration-form form .single-input-form label .is-require {
+  color: #ea3d2f;
+  padding-left: 5px;
+}
+.registration-form form input,
+.registration-form form .textarea-wrapper,
+.registration-form form .select {
+  border: 1px solid #a6abbd;
+  border-radius: 4px;
+  height: 45px;
+  width: 100%;
+  padding: 0 15px;
+  font-weight: 500;
+  font-size: 15px;
+  background-color: transparent;
+  color: #515D63;
+}
+.registration-form form input:focus,
+.registration-form form .textarea-wrapper:focus,
+.registration-form form .select:focus {
+  outline: none !important;
+  border: 1px solid var(--ac-primary);
+}
+.registration-form form input::placeholder,
+.registration-form form .textarea-wrapper::placeholder,
+.registration-form form .select::placeholder {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 16px;
+  color: #a6abbd;
+}
+.registration-form form .select {
+  border-color: #a6abbd;
+  padding: 0;
+}
+.registration-form form .select:hover {
+  border-color: #a6abbd;
+}
+.registration-form form .select select {
+  background-color: transparent;
+  border: none;
+  font-weight: 500;
+  height: 45px !important;
+  color: #515D63;
+  padding-left: 15px;
+}
+.registration-form form .select select option[selected] {
+  color: #333;
+}
+.registration-form form .textarea-wrapper {
+  height: 100px;
+}
+.registration-form form .textarea-wrapper {
+  padding: 10px 10px 10px 15px;
+}
+.registration-form form .textarea-wrapper:focus {
+  outline: none !important;
+  border: 1px solid var(--ac-primary);
+}
+.registration-form form textarea {
+  width: 100%;
+  height: calc(100% - 0px);
+  border: none;
+  font-weight: 500;
+  font-size: 15px;
+}
+.registration-form form textarea::placeholder {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 16px;
+  color: #a6abbd;
+}
+.registration-form form textarea:focus {
+  outline: none;
+  border: none;
+}
+.registration-form form input[type=submit] {
+  width: 100%;
+  background-color: var(--ac-primary);
+  color: #fff;
+  cursor: pointer;
+}
+.registration-form form input[type=submit]:hover {
+  background-color: rgb(0, 140.5, 68.5572289157);
+}
+.registration-form form p.is-error {
+  color: #ea3d2f;
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.webinar-summary-area {
+  padding-top: 150px;
+}
+.webinar-summary-area .webinar-summary h3 {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 22px;
+  line-height: 22px;
+  color: #393e46;
+  margin-bottom: 20px;
+}
+.webinar-summary-area .webinar-summary .summary-content {
+  margin-bottom: 30px;
+  width: calc(100% - 30px);
+}
+.webinar-summary-area .webinar-summary .summary-content p {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 28px;
+  color: #555555;
+  margin-bottom: 15px;
+  text-align: justify;
+}
+.webinar-summary-area .webinar-summary .summary-content p:last-child {
+  margin-bottom: 0;
+}
+.webinar-summary-area .speaker-info-wrapper {
+  margin-top: 30px;
+  max-width: calc(100% - 30px);
+  display: grid;
+  grid-template-columns: 110px auto;
+  grid-gap: 30px;
+}
+.webinar-summary-area .speaker-info-wrapper .speaker-thumbnail {
+  width: 110px;
+  height: 110px;
+  border: 1px solid #a6abbd;
+  border-radius: 50%;
+  overflow: hidden;
+}
+.webinar-summary-area .speaker-info-wrapper .speaker-info h5 {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 27px;
+  color: #393e46;
+}
+.webinar-summary-area .speaker-info-wrapper .speaker-info .designation {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 16px;
+  display: flex;
+  align-items: center;
+  color: #555555;
+  margin-bottom: 15px;
+}
+.webinar-summary-area .speaker-info-wrapper .speaker-info .designation a {
+  font-family: Roboto;
+}
+.webinar-summary-area .speaker-info-wrapper .speaker-info .speaker-message {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 24px;
+  color: #555555;
+}
+
+.webinar-header {
+  margin-bottom: 20px;
+}
+.webinar-header .upcoming-message h1 {
+  font-weight: 500;
+  line-height: 110%;
+}
+.webinar-header .webinar-list-items .webinar-item {
+  width: 130px;
+  background-color: #ccffe5;
+  border-radius: 4px;
+  margin-right: 20px;
+  padding: 15px;
+  cursor: pointer;
+}
+.webinar-header .webinar-list-items .webinar-item.is-active {
+  background-color: var(--ac-primary);
+  position: relative;
+  z-index: 1;
+}
+.webinar-header .webinar-list-items .webinar-item.is-active:after {
+  width: 60px;
+  height: 30px;
+  border-top: solid 30px var(--ac-primary);
+  border-left: solid 30px transparent;
+  border-right: solid 30px transparent;
+  position: absolute;
+  content: "";
+  bottom: -20px;
+  left: 30px;
+}
+.webinar-header .webinar-list-items .webinar-item.is-active p,
+.webinar-header .webinar-list-items .webinar-item.is-active h2 {
+  color: #ffffff;
+}
+.webinar-header .webinar-list-items .webinar-item:last-child {
+  margin-right: 0;
+}
+.webinar-header .webinar-list-items .webinar-item p {
+  font-size: 18px;
+  font-weight: 400;
+  text-align: center;
+  color: var(--ac-primary);
+}
+.webinar-header .webinar-list-items .webinar-item p.date {
+  font-size: 13px;
+}
+.webinar-header .webinar-list-items .webinar-item h2 {
+  font-size: 52px;
+  font-weight: 400;
+  text-align: center;
+  color: var(--ac-primary);
+  line-height: 1.029;
+}
+
+.webinar-body .single-webinar {
+  opacity: 0;
+  visibility: hidden;
+  display: none;
+}
+.webinar-body .single-webinar.is-active {
+  opacity: 1;
+  visibility: visible;
+  display: block;
+}
+.webinar-body .webinar-video {
+  margin-bottom: 20px;
+  width: 100%;
+  height: 0;
+  position: relative;
+  padding-top: 56.25%;
+  background-color: #f2f3f4;
+}
+.webinar-body .webinar-video.active-overlay:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: #000000;
+  opacity: 0.3;
+}
+.webinar-body .webinar-video {
+  /* 9 / 16 * 100 */
+}
+.webinar-body .webinar-video iframe {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: 0;
+}
+.webinar-body .webinar-title h1 {
+  font-size: 40px;
+  line-height: 130%;
+  margin-bottom: 20px;
+  font-weight: 500;
+}
+.webinar-body .date-and-location {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.webinar-body .date-and-location .date {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.webinar-body .date-and-location .date span {
+  font-size: 18px;
+  color: #515D63;
+  font-weight: 500;
+}
+.webinar-body .webinar-summary .highlight {
+  position: relative;
+  padding-left: 25px;
+}
+.webinar-body .webinar-summary .highlight:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 5px;
+  height: 100%;
+  background-color: var(--ac-primary);
+}
+.webinar-body .webinar-summary p {
+  color: #636363;
+  margin-bottom: 20px;
+}
+.webinar-body .webinar-summary .check-items li {
+  display: block;
+  margin-bottom: 8px;
+}
+.webinar-body .webinar-summary .check-items li span {
+  margin-left: 15px;
+  font-size: 15px;
+}
+.webinar-body .webinar-speakers {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.webinar-body .webinar-speakers .single-speaker {
+  position: relative;
+  z-index: 1;
+  margin-right: 20px;
+  display: flex;
+  align-items: center;
+  max-width: 330px;
+  overflow: hidden;
+}
+.webinar-body .webinar-speakers .single-speaker .speaker-image {
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  overflow: hidden;
+  border: 2px solid var(--ac-primary);
+}
+.webinar-body .webinar-speakers .single-speaker:last-child {
+  margin-right: 0;
+}
+.webinar-body .webinar-speakers .single-speaker .speaker-info {
+  padding: 0px 15px;
+  margin-top: -7px;
+}
+.webinar-body .webinar-speakers .single-speaker .speaker-info p {
+  font-size: 13px;
+}
+
+[data-tab-content] {
+  display: none;
+}
+
+.active[data-tab-content] {
+  display: block;
+}
+
+.tabs {
+  display: flex;
+  justify-content: space-around;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  border-bottom: 1px solid black;
+}
+
+.tab {
+  cursor: pointer;
+  padding: 10px;
+}
+
+.tab.active {
+  background-color: #ccc;
+}
+
+.tab:hover {
+  background-color: #aaa;
+}
+
+.tab-content {
+  margin-left: 20px;
+  margin-right: 20px;
+}
+
+.search-box {
+  display: flex;
+  align-items: center;
+  border: 1px solid #a6abbd;
+  padding: 0px 16px;
+  width: 430px;
+  border-radius: 4px;
+}
+.search-box input {
+  border: none;
+  width: 100%;
+  padding: 12px 8px;
+}
+.search-box input:focus {
+  outline: none;
+  border: none;
+}
+
+.is-sticky.webinar-search {
+  position: sticky;
+  top: 89px;
+  background-color: #fff;
+  z-index: 9;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 1023px) {
+  .webinar-header .upcoming-message h1 {
+    font-size: 34px;
+  }
+  .webinar-header .webinar-list-items .webinar-item {
+    width: 110px;
+  }
+  .webinar-header .webinar-list-items .webinar-item.is-active::after {
+    left: 23px;
+  }
+  .webinar-header .webinar-list-items .webinar-item h2 {
+    font-size: 22px;
+  }
+  .webinar-header .webinar-list-items .webinar-item p {
+    font-size: 14px;
+  }
+  .webinar-body .webinar-title h1 {
+    font-size: 22px;
+  }
+  .webinar-body .webinar-speakers .single-speaker .speaker-info {
+    padding: 15px;
+  }
+  .webinar-body .webinar-speakers .single-speaker .speaker-info h6 {
+    font-size: 14px;
+  }
+  .search-box {
+    width: 190px;
+  }
+}
+@media screen and (max-width: 768px) {
+  .webinar-hero-area.mt-80.mr-100 {
+    margin-right: 0 !important;
+    margin-top: 80px !important;
+  }
+  .webinar-header {
+    flex-direction: column;
+    align-items: flex-start !important;
+  }
+  .webinar-header .upcoming-message h1 {
+    font-size: 30px;
+    margin-bottom: 20px;
+  }
+  .webinar-header .upcoming-message h1 br {
+    display: none;
+  }
+  .webinar-header .webinar-list-items .webinar-item {
+    margin-right: 10px;
+    width: auto;
+  }
+  .webinar-body .date-and-location {
+    flex-direction: column;
+    align-items: flex-start !important;
+  }
+  .webinar-body .date-and-location .date {
+    margin-bottom: 8px;
+  }
+  .webinar-body .date-and-location .date span {
+    font-size: 15px;
+  }
+  .webinar-body .webinar-speakers {
+    overflow: auto;
+  }
+  .webinar-body .webinar-speakers .single-speaker {
+    min-width: 130px;
+  }
+}
+@media (min-width: 501px) and (max-width: 768.98px) {
+  .webinar-hero-area.mt-80.mr-100 {
+    margin-right: 0 !important;
+    margin-top: 80px !important;
+  }
+  .webinar-header {
+    flex-direction: column;
+    align-items: flex-start !important;
+  }
+  .webinar-header .upcoming-message h1 {
+    font-size: 34px;
+    margin-bottom: 20px;
+  }
+  .webinar-header .upcoming-message h1 br {
+    display: none;
+  }
+  .webinar-header .webinar-list-items .webinar-item {
+    margin-right: 15px;
+    width: auto;
+  }
+  .webinar-header .webinar-list-items .webinar-item h2 {
+    font-size: 32px;
+  }
+  .webinar-body .date-and-location {
+    flex-direction: column;
+    align-items: flex-start !important;
+  }
+  .webinar-body .date-and-location .date {
+    margin-bottom: 8px;
+  }
+  .webinar-body .date-and-location .date span {
+    font-size: 15px;
+  }
+  .webinar-body .webinar-speakers {
+    overflow: auto;
+  }
+  .webinar-body .webinar-speakers .single-speaker {
+    min-width: 130px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .webinar-hero-area.mt-80.mr-100 {
+    margin-right: 0 !important;
+    margin-top: 80px !important;
+  }
+  .webinar-header {
+    flex-direction: row;
+    align-items: center !important;
+  }
+  .webinar-header .upcoming-message h1 {
+    font-size: 34px;
+    margin-bottom: 20px;
+  }
+  .webinar-header .upcoming-message h1 br {
+    display: block;
+  }
+  .webinar-header .webinar-list-items .webinar-item {
+    margin-right: 15px;
+    width: auto;
+  }
+  .webinar-header .webinar-list-items .webinar-item h2 {
+    font-size: 32px;
+  }
+  .webinar-body .date-and-location {
+    flex-direction: column;
+    align-items: flex-start !important;
+  }
+  .webinar-body .date-and-location .date {
+    margin-bottom: 8px;
+  }
+  .webinar-body .date-and-location .date span {
+    font-size: 15px;
+  }
+  .webinar-body .webinar-speakers {
+    overflow: auto;
+  }
+  .webinar-body .webinar-speakers .single-speaker {
+    min-width: 130px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .webinar-hero-area.mt-80.mr-100 {
+    margin-right: 0 !important;
+    margin-top: 80px !important;
+  }
+  .webinar-header {
+    flex-direction: row;
+    align-items: center !important;
+  }
+  .webinar-header .upcoming-message h1 {
+    font-size: 34px;
+    margin-bottom: 20px;
+  }
+  .webinar-header .upcoming-message h1 br {
+    display: block;
+  }
+  .webinar-header .webinar-list-items .webinar-item {
+    margin-right: 15px;
+    width: auto;
+  }
+  .webinar-header .webinar-list-items .webinar-item h2 {
+    font-size: 32px;
+  }
+  .webinar-body .webinar-title h1 {
+    font-size: 22px;
+  }
+  .webinar-body .date-and-location {
+    flex-direction: row;
+    align-items: center !important;
+  }
+  .webinar-body .date-and-location .date {
+    margin-bottom: 0px;
+  }
+  .webinar-body .date-and-location .date span {
+    font-size: 15px;
+  }
+  .webinar-body .webinar-speakers {
+    overflow: auto;
+  }
+  .webinar-body .webinar-speakers .single-speaker {
+    min-width: 130px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .webinar-hero-area.mt-80.mr-100 {
+    margin-right: 0 !important;
+    margin-top: 80px !important;
+  }
+  .webinar-header .upcoming-message h1 {
+    font-size: 48px;
+  }
+  .webinar-header .webinar-list-items .webinar-item {
+    margin-right: 15px;
+    width: 120px;
+  }
+  .webinar-header .webinar-list-items .webinar-item h2 {
+    font-size: 32px;
+  }
+  .webinar-body .webinar-title h1 {
+    font-size: 28px;
+  }
+  .webinar-body .date-and-location {
+    flex-direction: row;
+    align-items: center !important;
+  }
+  .webinar-body .date-and-location .date {
+    margin-bottom: 0px;
+  }
+  .webinar-body .date-and-location .date span {
+    font-size: 15px;
+  }
+  .webinar-body .webinar-speakers {
+    overflow: auto;
+  }
+  .webinar-body .webinar-speakers .single-speaker {
+    min-width: 130px;
+  }
+}
+.gallery-area {
+  padding: 80px 0 60px;
+}
+
+.gallery-wrapper {
+  display: flex;
+}
+.gallery-wrapper .left-sidebar {
+  width: calc(25% - 25px);
+  margin-right: 25px;
+  background-color: #fafafd;
+  padding: 20px;
+  border: 1px solid #e7e7e7;
+  margin-top: -10px;
+  border-top: none;
+}
+.gallery-wrapper .left-sidebar .left-sidebar-inner {
+  display: block;
+  position: sticky;
+  top: 81px;
+}
+.gallery-wrapper .left-sidebar h4 {
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 130%;
+  letter-spacing: -0.5px;
+  margin-bottom: 15px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.gallery-wrapper .left-sidebar h4 button {
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  font-size: 18px;
+  margin-right: -10px;
+}
+.gallery-wrapper .left-sidebar hr {
+  margin-left: -20px;
+  margin-right: -20px;
+}
+.gallery-wrapper .right-content {
+  width: 75%;
+}
+
+.tag.pointer {
+  cursor: pointer;
+}
+.tag.pointer.underline {
+  text-decoration: underline;
+  border: none;
+  background-color: transparent;
+}
+
+.accordion.is-active .accordion-button i.fa {
+  transform: rotate(-180deg);
+}
+.accordion.is-active .accordion-body {
+  opacity: 1;
+  visibility: visible;
+  max-height: 200px;
+  margin-bottom: 30px;
+}
+.accordion .accordion-body {
+  opacity: 0;
+  visibility: hidden;
+  max-height: 0px;
+  transition: 0.3s ease-in-out;
+}
+
+.filter-items .accordion-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.filter-items .accordion-header .accordion-button {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 13px;
+  line-height: 100%;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  margin-bottom: 15px;
+  padding-left: 0;
+  padding-right: 0;
+}
+.filter-items .accordion-header .accordion-button i.fa {
+  transition: 0.3s;
+}
+.filter-items .accordion-content .ac-single-checkbox {
+  margin-bottom: 14px;
+  display: flex;
+  align-items: center;
+}
+.filter-items .accordion-content .ac-single-checkbox input {
+  margin-right: 10px;
+}
+.filter-items .accordion-content .ac-single-checkbox label {
+  font-family: "Roboto";
+  line-height: 1;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 100%;
+}
+
+.gallery-card {
+  display: block;
+  border: 1px solid #e7e7e7;
+  border-radius: 4px;
+  transition: 0.3s ease-in-out;
+  overflow: hidden;
+  min-height: 346px;
+}
+.gallery-card.webinar-video {
+  border: none;
+  border-radius: 0px;
+  min-height: 320px;
+}
+.gallery-card.webinar-video:hover {
+  border: none;
+}
+.gallery-card.webinar-video:hover .card-body h1 {
+  color: var(--ac-primary);
+}
+.gallery-card.webinar-video .card-thumbnail {
+  border: 1px solid #e7e7e7;
+  background-color: #f1f2f3;
+}
+.gallery-card.webinar-video .card-body {
+  padding: 20px 0 0;
+}
+.gallery-card.webinar-video .card-body h1 {
+  font-size: 18px;
+  line-height: 150%;
+  letter-spacing: 0;
+  transition: 0.3s ease-in-out;
+  margin: 0.5rem 0 1rem;
+}
+.gallery-card:hover {
+  border: 1px solid var(--ac-primary);
+}
+.gallery-card:hover .gallery-body h1 {
+  color: var(--ac-primary);
+}
+.gallery-card:hover .card-thumbnail .play-button {
+  background-color: var(--ac-primary);
+}
+.gallery-card .card-thumbnail {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.gallery-card .card-thumbnail img {
+  height: 170px;
+  object-fit: cover;
+  width: 100%;
+}
+.gallery-card .card-thumbnail .play-button {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.3);
+  justify-content: center;
+  color: #fff;
+  transition: 0.3s ease-in-out;
+}
+.gallery-card .card-thumbnail .play-button .material-icons-outlined {
+  font-size: 28px;
+}
+.gallery-card .card-body {
+  padding: 20px 20px;
+}
+.gallery-card .card-body .filtered-items span {
+  margin-right: 0.8rem;
+  font-weight: normal;
+  font-size: 13px;
+  color: #505050;
+}
+.gallery-card .card-body h1 {
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 130%;
+  margin: 1rem 0 2rem;
+  color: #171B1C;
+  transition: 0.3s ease-in-out;
+}
+.gallery-card .card-body .meta-tag p {
+  font-weight: normal;
+  font-size: 13px;
+  display: flex;
+  align-items: center;
+  color: #505050;
+}
+.gallery-card .card-body .meta-tag p .icon {
+  width: 18px;
+  margin-right: 8px;
+}
+
+.filtered-tags .tag {
+  background-color: #fafafd;
+  border: 1px solid #e7e7e7;
+  height: 33px;
+  padding: 0 1.1rem;
+}
+.filtered-tags .tag span {
+  font-size: 13px;
+  margin-left: 8px;
+  cursor: pointer;
+  padding: 9px;
+  margin-right: -18px;
+}
+
+.outlined-bg-buttons .button {
+  background: #fafafd;
+  border: 1px solid var(--ac-primary);
+  font-size: 13px;
+  letter-spacing: -0.5px;
+  font-weight: 400;
+  height: 33px;
+  border-radius: 4px;
+  color: var(--ac-primary);
+}
+.outlined-bg-buttons .button:hover {
+  background-color: var(--ac-primary);
+  color: #fff;
+}
+.outlined-bg-buttons .button span {
+  font-size: 13px;
+}
+
+.playlist-wrapper {
+  margin-top: 60px;
+}
+.playlist-wrapper h4 {
+  font-weight: 700;
+  font-size: 18px;
+  line-height: 130%;
+  margin-bottom: 20px;
+}
+.playlist-wrapper .playlist-item {
+  padding: 15px;
+  display: flex;
+  align-items: center;
+  border: 1px solid #e7e7e7;
+  transition: 0.3s ease-in-out;
+  border-radius: 4px;
+  margin-bottom: 20px;
+}
+.playlist-wrapper .playlist-item:last-child {
+  margin-bottom: 0;
+}
+.playlist-wrapper .playlist-item:hover {
+  background-color: #fafafd;
+  border: 1px solid var(--ac-primary);
+}
+.playlist-wrapper .playlist-item .thumbnail {
+  margin-right: 50px;
+  display: flex;
+}
+.playlist-wrapper .playlist-item .thumbnail img {
+  width: 190px;
+  height: 190px;
+  border-radius: 4px;
+}
+.playlist-wrapper .playlist-item .content {
+  width: calc(100% - 240px);
+}
+.playlist-wrapper .playlist-item .content .categories {
+  display: flex;
+  align-items: center;
+}
+.playlist-wrapper .playlist-item .content .categories span {
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 100%;
+  color: #505050;
+  margin-bottom: 15px;
+  margin-right: 15px;
+  margin-bottom: 0;
+}
+.playlist-wrapper .playlist-item .content h2 {
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 130%;
+}
+.playlist-wrapper .playlist-item .content p {
+  font-size: 14px;
+  line-height: 160%;
+  color: #515D63;
+}
+.playlist-wrapper .playlist-item .content button {
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 160%;
+  text-decoration-line: underline;
+  background: transparent;
+  border: none;
+  margin: 0;
+  padding: 0;
+  color: var(--ac-primary);
+}
+
+.single-video-page .left-content .user-info-wrapper {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.single-video-page .left-content .user-info-wrapper .image {
+  margin-right: 15px;
+}
+.single-video-page .left-content .user-info-wrapper .user-info h5 {
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 19px;
+  /* identical to box height */
+  letter-spacing: 0.15px;
+}
+.single-video-page .left-content .user-info-wrapper .user-info p {
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 15px;
+  letter-spacing: 0.15px;
+  color: #414141;
+}
+.single-video-page .left-content .tags strong {
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 19px;
+  /* identical to box height */
+  letter-spacing: 0.15px;
+}
+.single-video-page .left-content .video-description p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  margin-bottom: 15px;
+}
+.single-video-page .left-content .video-description p a {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  color: #4d4dcb;
+}
+.single-video-page .right-content {
+  position: sticky;
+  top: 81px;
+}
+.single-video-page .right-content .video-list-wrapper {
+  background-color: #fafafd;
+  border: 1px solid #e7e7e7;
+  padding: 30px;
+}
+.single-video-page .right-content .video-list-wrapper h4 {
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 100%;
+  margin-bottom: 15px;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video {
+  display: flex;
+  align-items: center;
+  margin-bottom: 15px;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:last-child {
+  margin-bottom: 0;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:hover .descriptions h5 {
+  color: var(--ac-primary);
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail {
+  margin-right: 15px;
+  height: 60px;
+  width: 60px;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail img {
+  object-fit: cover;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions {
+  width: calc(100% - 75px);
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 {
+  transition: 0.3s ease-in-out;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 {
+  font-size: 16px;
+  line-height: 120%;
+  /* or 19px */
+  letter-spacing: 0.25px;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions p {
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 150%;
+  color: #191536;
+}
+
+.video-content {
+  margin-bottom: 20px;
+  width: 100%;
+  height: 0;
+  position: relative;
+  padding-top: 56.25%;
+}
+.video-content iframe {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: 0;
+}
+
+.video-title h1 {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 130%;
+  letter-spacing: 0.25px;
+  margin-bottom: 20px;
+}
+
+@keyframes waves {
+  0% {
+    -webkit-transform: scale(0.2, 0.2);
+    transform: scale(0.2, 0.2);
+    opacity: 0;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  }
+  50% {
+    opacity: 0.9;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+  }
+  100% {
+    -webkit-transform: scale(0.9, 0.9);
+    transform: scale(0.9, 0.9);
+    opacity: 0;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  }
+}
+.fa-play:before {
+  content: "\f04b";
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .gallery-wrapper .left-sidebar {
+    width: calc(100vw - 40px);
+    z-index: 9;
+    position: fixed;
+    left: -110%;
+    height: 100%;
+    overflow-y: auto;
+    transition: 0.3s ease-in-out;
+  }
+  .gallery-wrapper .left-sidebar .left-sidebar-inner {
+    top: 0;
+  }
+  .gallery-wrapper .right-content {
+    width: 100%;
+  }
+  .filtered-tags .tag {
+    padding: 0 0.3rem;
+  }
+  .filtered-tags .tag span {
+    margin-right: 0;
+    padding: 6px;
+    margin-left: 0;
+  }
+  .outlined-bg-buttons {
+    justify-content: flex-end;
+  }
+  .outlined-bg-buttons .button {
+    margin-right: 10px;
+  }
+  .outlined-bg-buttons .button:last-child {
+    margin-right: 0;
+  }
+  .playlist-wrapper .playlist-item {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .playlist-wrapper .playlist-item .thumbnail {
+    margin-right: 0;
+    margin-bottom: 15px;
+  }
+  .playlist-wrapper .playlist-item .thumbnail img {
+    width: 100%;
+    height: auto;
+  }
+  .playlist-wrapper .playlist-item .content {
+    width: 100%;
+  }
+  .gallery-card .card-thumbnail img {
+    height: 100%;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .gallery-card {
+    min-height: 280px;
+  }
+  .gallery-card .card-thumbnail img {
+    height: 150px;
+  }
+  .gallery-card .card-body {
+    padding: 10px;
+  }
+  .gallery-card .card-body h1 {
+    margin: 0.5rem 0 1rem;
+  }
+  .gallery-card .card-body .meta-tag p {
+    font-size: 13px;
+  }
+  .single-video-page .right-content .video-list-wrapper h4 {
+    font-size: 16px;
+  }
+  .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions {
+    font-size: 14px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .gallery-card {
+    min-height: 290px;
+  }
+  .gallery-card .card-thumbnail img {
+    height: 150px;
+  }
+  .gallery-card .card-body {
+    padding: 10px;
+  }
+  .gallery-card .card-body h1 {
+    margin: 0.5rem 0 1rem;
+  }
+  .gallery-card .card-body .meta-tag p {
+    font-size: 13px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .gallery-card {
+    min-height: 290px;
+  }
+  .gallery-card .card-thumbnail img {
+    height: 150px;
+  }
+  .gallery-card .card-body {
+    padding: 10px;
+  }
+  .gallery-card .card-body h1 {
+    margin: 0.5rem 0 1rem;
+  }
+  .gallery-card .card-body .meta-tag p {
+    font-size: 13px;
+  }
+}
+.navbar-area {
+  position: relative;
+  z-index: 99;
+  background-color: #ffffff;
+}
+
+.navbar-appscode-wrapper {
+  background-color: #ffffff;
+  border-bottom: 1px solid #e7e7e7;
+}
+.navbar-appscode-wrapper.navbar-product {
+  background-color: #fafafd;
+  will-change: transform;
+  transition: transform 200ms linear;
+}
+.navbar-appscode-wrapper.navbar-product .mega-menu-wrapper {
+  top: 57px;
+}
+.navbar-appscode-wrapper.navbar-product .navbar-left .navbar-brand a img {
+  height: 1.58rem;
+}
+.navbar-appscode-wrapper.navbar-product .buttons.has-addons .button {
+  font-size: 14px;
+}
+
+.navbar-appscode {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 1.25rem;
+}
+.navbar-appscode.container {
+  padding: 0.5rem 0;
+}
+.navbar-appscode.container .mega-menu-wrapper {
+  width: 200%;
+  left: -50%;
+  min-height: 525px;
+}
+@media screen and (max-width: 1023px) {
+  .navbar-appscode.container .mega-menu-wrapper {
+    min-height: auto;
+  }
+}
+.navbar-appscode .navbar-right .button.ac-button {
+  height: 40px;
+}
+.navbar-appscode.documentation-menu {
+  margin-left: 349px;
+  background-color: #ffffff;
+  border-left: 1px solid #e7e7e7;
+}
+.navbar-appscode.documentation-menu .mega-menu-wrapper {
+  top: 104px;
+}
+.navbar-appscode.documentation-menu .navbar-right {
+  width: 100%;
+  justify-content: space-between;
+}
+.navbar-appscode.documentation-menu .navbar-right .ac-searchbar {
+  width: 49%;
+}
+.navbar-appscode.documentation-menu ul .nav-item .link.is-active {
+  position: relative;
+  z-index: 1;
+}
+.navbar-appscode.documentation-menu ul .nav-item .link.is-active:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  bottom: -8px;
+  width: 100%;
+  height: 4px;
+  background: var(--ac-primary);
+  border-radius: 3px 3px 0 0;
+}
+.navbar-appscode .navbar-left {
+  display: flex;
+  align-items: center;
+}
+.navbar-appscode .navbar-left .navbar-brand {
+  min-height: auto;
+  align-items: center;
+  margin-right: 3.8rem;
+}
+.navbar-appscode .navbar-left .navbar-brand a {
+  display: flex;
+  align-items: center;
+}
+.navbar-appscode .navbar-left .navbar-brand a img {
+  height: 1.875rem;
+}
+.navbar-appscode .navbar-right {
+  display: flex;
+  align-items: center;
+  width: calc(100% - 200px);
+  justify-content: flex-end;
+}
+.navbar-appscode .navbar-right .navbar-left-group {
+  display: flex;
+  align-items: center;
+}
+@media (min-width: 0px) and (max-width: 1023px) {
+  .navbar-appscode .navbar-right .navbar-left-group {
+    align-items: flex-start;
+  }
+}
+.navbar-appscode .navbar-right .navbar-right-group {
+  display: flex;
+  align-items: center;
+  gap: 32px;
+}
+.navbar-appscode .navbar-right .navbar-right-group ul {
+  display: flex;
+  margin-left: 16px;
+}
+@media screen and (max-width: 1023px) {
+  .navbar-appscode .navbar-right .navbar-right-group ul {
+    margin-left: 0;
+  }
+}
+.navbar-appscode .navbar-right .navbar-right-group .buttons iframe {
+  transition: 0.3s ease-in-out;
+}
+.navbar-appscode .navbar-right .navbar-right-group .buttons iframe:hover {
+  box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important;
+  transform: translateY(-2px);
+}
+.navbar-appscode .navbar-right .navbar-right-group .buttons .button:has(.tag) {
+  gap: 4px;
+}
+.navbar-appscode .navbar-right .navbar-right-group .buttons .button .tag {
+  background-color: var(--ac-primary);
+  color: #ffffff;
+}
+@media (min-width: 0px) and (max-width: 1023px) {
+  .navbar-appscode .navbar-right .navbar-right-group {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 16px;
+    width: 100%;
+  }
+  .navbar-appscode .navbar-right .navbar-right-group .buttons {
+    width: 100%;
+  }
+  .navbar-appscode .navbar-right .navbar-right-group .buttons .button {
+    width: 100%;
+    margin-right: 0;
+  }
+}
+.navbar-appscode ul .nav-item {
+  margin-right: 2.5rem;
+}
+.navbar-appscode ul .nav-item.is-active .link {
+  color: var(--ac-primary);
+}
+.navbar-appscode ul .nav-item.is-active .link i.fa {
+  transform: rotate(-180deg);
+}
+.navbar-appscode ul .nav-item.is-active .mega-menu-wrapper {
+  display: block !important;
+}
+.navbar-appscode ul .nav-item:last-child {
+  margin-right: 0;
+}
+.navbar-appscode ul .nav-item .link {
+  font-size: 0.875rem;
+  line-height: 1;
+  color: #171B1C;
+  font-weight: 500;
+  font-family: "Roboto", sans-serif;
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
+  margin: 0;
+  padding: 0.5rem 0;
+  transition: 0.3s ease-in-out;
+  position: relative;
+  z-index: 1;
+  display: flex;
+}
+.navbar-appscode ul .nav-item .link.is-active {
+  color: var(--ac-primary);
+}
+.navbar-appscode ul .nav-item .link:hover {
+  color: var(--ac-primary);
+}
+.navbar-appscode ul .nav-item .link .fa {
+  transition: 0.3s ease-in-out;
+  margin-left: 0.625rem;
+}
+
+.whats-new {
+  position: absolute;
+  z-index: 1;
+  top: -10px;
+  right: -30px;
+  font-size: 0.8rem;
+  color: #ffffff;
+  padding: 0.2rem 0.3rem;
+  line-height: 1.2;
+  display: none;
+}
+.whats-new:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 50%;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  display: block;
+  width: 2rem;
+  height: 1rem;
+  background: var(--ac-primary);
+  border-radius: 2px;
+  animation: pulse-border 1500ms ease-out infinite;
+}
+.whats-new:after {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 50%;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  display: block;
+  width: 2rem;
+  height: 1rem;
+  background: var(--ac-primary);
+  transition: all 200ms;
+}
+@keyframes pulse-border {
+  0% {
+    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
+    opacity: 0;
+  }
+}
+
+.ac-grid-container {
+  max-width: 1344px;
+  margin: 0 auto;
+  padding: 0 0.5rem;
+}
+
+.mega-menu-wrapper {
+  display: none;
+  background: #ffffff;
+  position: absolute;
+  z-index: 9;
+  min-width: 300px;
+  padding: 1rem 0;
+  position: absolute;
+  width: 100%;
+  left: 0;
+  top: 61px;
+}
+.mega-menu-wrapper .mega-menu-inner {
+  overflow: hidden;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu {
+  display: grid;
+  grid-template-columns: auto auto;
+  width: 60%;
+  float: left;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.database-list {
+  grid-template-columns: auto auto auto;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product {
+  grid-template-columns: 40px auto 1.5rem;
+  width: 100%;
+  padding: 0.7rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .product-logo {
+  height: 40px;
+  width: 40px;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .product-logo img {
+  height: 1.5rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .navigate-icon .icon {
+  width: 1rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product {
+  display: grid;
+  grid-template-columns: 3.75rem auto 1.5rem;
+  padding: 1rem;
+  align-items: center;
+  width: 100%;
+  grid-gap: 1rem;
+  border-radius: 0.25rem;
+  transition: 0.3s ease-in-out;
+  cursor: pointer;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active {
+  background-color: rgba(77, 77, 203, 0.0509803922);
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover .navigate-icon .icon, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active .navigate-icon .icon {
+  opacity: 1;
+  visibility: visible;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo {
+  height: 60px;
+  width: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #e9e9fc;
+  border-radius: 0.25rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img {
+  height: 2.5rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info h2 {
+  font-size: 1rem;
+  letter-spacing: 0.009rem;
+  color: #171B1C;
+  font-weight: 500;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info p {
+  font-size: 0.813rem;
+  color: #636363;
+  line-height: 140%;
+  letter-spacing: 0.025rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon {
+  text-align: right;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon {
+  width: 1.2rem;
+  color: var(--ac-primary);
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s ease-in-out;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description {
+  margin-left: 1rem;
+  float: left;
+  border-left: 1px solid #e7e7e7;
+  padding-left: 4rem;
+  max-width: 36%;
+  opacity: 0;
+  display: none;
+  visibility: hidden;
+  transition: 0.3s ease-in-out;
+  animation: fadeIn 0.2s ease-in-out;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description.is-block {
+  opacity: 1;
+  visibility: visible;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description .brand {
+  margin-bottom: 1rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description .brand img {
+  height: 1.5rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description p {
+  font-size: 0.875rem;
+  color: #515D63;
+  line-height: 160%;
+  margin-bottom: 1rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description .features li {
+  font-size: 0.813rem;
+  color: #171B1C;
+  display: flex;
+  align-items: center;
+  margin-bottom: 15px;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description .features li .material-icons {
+  font-size: 1rem;
+  margin-right: 0.6rem;
+  color: var(--ac-primary);
+}
+
+.back-button {
+  display: none !important;
+  color: #515D63;
+  margin-bottom: 10px !important;
+  background-color: transparent;
+}
+
+.button.ac-button.inline-button {
+  border: none;
+  height: auto;
+  margin: 0;
+  padding: 0.5rem 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+.button.ac-button.inline-button:hover {
+  background-color: transparent;
+  border: none;
+  color: var(--ac-primary);
+}
+.button.ac-button.inline-button:hover .material-icons {
+  margin-left: 1rem;
+}
+.button.ac-button.inline-button .material-icons {
+  font-size: 1rem;
+  margin-left: 0.5rem;
+  transition: 0.3s ease-in-out;
+}
+
+.linkable-nav-items {
+  width: 500px;
+  float: left;
+}
+.linkable-nav-items ul {
+  display: grid;
+  grid-template-columns: auto auto;
+  grid-gap: 0.5rem;
+}
+.linkable-nav-items ul li {
+  width: 250px;
+}
+.linkable-nav-items ul li a {
+  display: inline-flex;
+  align-items: center;
+  font-size: 0.875rem;
+  letter-spacing: 0.009rem;
+  color: #171B1C;
+  font-weight: 500;
+  transition: 0.3s;
+  padding-left: 0;
+}
+.linkable-nav-items ul li a:hover {
+  color: var(--ac-primary);
+}
+.linkable-nav-items ul li a:hover span:last-child {
+  padding-left: 1rem;
+}
+.linkable-nav-items ul li a span {
+  display: flex;
+  align-items: center;
+  font-size: 1rem;
+}
+.linkable-nav-items ul li a span:last-child {
+  padding-left: 0.5rem;
+}
+.linkable-nav-items ul li a span img {
+  height: 1rem;
+  margin-right: 1rem;
+}
+
+.resources-list {
+  display: grid;
+  grid-template-columns: auto auto auto auto;
+  grid-gap: 2rem;
+}
+.resources-list .list-items h2 {
+  font-weight: 500;
+  position: relative;
+  font-size: 0.875rem;
+  z-index: 1;
+  display: inline-block;
+  letter-spacing: 1.2px;
+}
+.resources-list .list-items ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.resources-list .list-items ul li a {
+  font-size: 0.875rem;
+  padding: 0.6rem 0;
+  color: #171B1C;
+  display: inline-block;
+  line-height: 1;
+  transition: 0.3s ease-in-out;
+  font-weight: 500;
+}
+.resources-list .list-items ul li a span {
+  font-size: 14px;
+}
+.resources-list .list-items ul li a:hover {
+  color: var(--ac-primary);
+  text-decoration: underline;
+}
+
+.press-wrapper .single-press {
+  margin: 0;
+  padding: 0;
+  margin-bottom: 1.5rem;
+  display: flex;
+  align-items: center;
+  transition: 0.3s;
+}
+.press-wrapper .single-press:hover h6 {
+  color: var(--ac-primary);
+}
+.press-wrapper .single-press .calender {
+  text-align: center;
+  height: 90px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex-direction: column;
+  margin-right: 1rem;
+  border-radius: 4px;
+}
+.press-wrapper .single-press .calender .date {
+  width: 84px;
+  height: 45px;
+  background-color: #9dffcd;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 28px;
+  line-height: 140%;
+  letter-spacing: 0.4px;
+  color: var(--ac-primary);
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.press-wrapper .single-press .calender .month {
+  width: 84px;
+  height: 45px;
+  background: #ccffe5;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 300;
+  font-size: 18px;
+  line-height: 140%;
+  letter-spacing: 0.4px;
+  color: var(--ac-primary);
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.press-wrapper .single-press .description {
+  max-width: 327px;
+}
+.press-wrapper .single-press .description h6 {
+  font-size: 1rem;
+  margin-bottom: 0px;
+  letter-spacing: 0;
+  font-weight: 500;
+  display: block;
+}
+.press-wrapper .single-press .description h6:after {
+  position: inherit;
+}
+.press-wrapper .single-press .description .author {
+  font-weight: 400;
+  font-size: 0.875rem;
+  letter-spacing: 0.4px;
+  margin-bottom: 0.5rem;
+  display: block;
+  color: #1c1c1c;
+}
+.press-wrapper .single-press .description p {
+  font-size: 0.875rem;
+  color: #636363;
+  line-height: 150%;
+}
+.press-wrapper .button.inline-button {
+  margin-left: 100px !important;
+}
+
+.community-items {
+  display: flex;
+  align-items: center;
+}
+.community-items .community-item {
+  border: 1px solid #636363;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 2px;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-right: 0.5rem;
+  transition: 0.3s;
+}
+.community-items .community-item:hover {
+  background-color: var(--ac-primary);
+  border-color: var(--ac-primary);
+}
+.community-items .community-item:hover img {
+  filter: brightness(10);
+}
+.community-items .community-item:last-child {
+  margin-right: 0;
+}
+
+.responsive-menu {
+  background-color: var(--ac-primary);
+}
+.responsive-menu .button {
+  border: none;
+  padding-left: 0;
+  padding-right: 0;
+  font-size: 14px;
+  font-weight: 500;
+  background-color: transparent;
+  color: #ffffff;
+}
+.responsive-menu .button.is-active {
+  color: #d2d2d2;
+}
+
+.product-version .dropdown .dropdown-trigger .button {
+  font-size: 0.813rem;
+  width: 210px;
+  height: 2rem;
+  border-radius: 2px;
+  padding: 2px 15px;
+  color: #171B1C;
+  border: 1px solid #e7e7e7;
+}
+.product-version .dropdown .dropdown-trigger .button .arrow {
+  color: #999999;
+  font-size: 0.9rem;
+}
+.product-version .dropdown .dropdown-menu {
+  /* ===== Scrollbar CSS ===== */
+  /* Firefox */
+}
+.product-version .dropdown .dropdown-menu * {
+  scrollbar-width: auto;
+  scrollbar-color: #ebebeb #fafafd;
+}
+.product-version .dropdown .dropdown-menu {
+  /* Chrome, Edge, and Safari */
+}
+.product-version .dropdown .dropdown-menu *::-webkit-scrollbar {
+  width: 12px;
+}
+.product-version .dropdown .dropdown-menu *::-webkit-scrollbar-track {
+  background: #fafafd;
+}
+.product-version .dropdown .dropdown-menu *::-webkit-scrollbar-thumb {
+  background-color: #ebebeb;
+  border-radius: 10px;
+  border: 3px solid #fafafd;
+}
+.product-version .dropdown .dropdown-menu .dropdown-content {
+  max-height: 420px;
+  overflow-y: auto;
+}
+.product-version .dropdown .dropdown-menu .dropdown-content .dropdown-item {
+  font-size: 0.813rem;
+  color: #171B1C;
+}
+.product-version .new-item {
+  background-color: var(--ac-primary);
+  font-size: 0.813rem;
+  color: #ffffff;
+  border-radius: 2px;
+  height: 1.2rem;
+  padding: 2px 5px;
+  line-height: 1.2;
+}
+
+.ac-searchbar {
+  position: relative;
+  z-index: 1;
+  padding: 0 20px;
+  border-left: 1px solid #e7e7e7;
+}
+.ac-searchbar label .fa {
+  color: #171B1C;
+}
+.ac-searchbar input[type=search] {
+  border: none;
+  background-color: transparent;
+  color: #515D63;
+  font-size: 0.875rem;
+  width: 270px;
+  padding: 0.2rem 0.875rem;
+}
+.ac-searchbar input[type=search]:focus {
+  border: none;
+  outline: none;
+}
+.ac-searchbar input[type=search]::placeholder {
+  color: #636363;
+}
+
+.modal-backdrop.is-show {
+  width: 100%;
+  height: 100%;
+  background: #333;
+  position: fixed;
+  top: 0;
+  opacity: 0.8;
+  z-index: 9;
+}
+
+.header--fixed {
+  position: fixed;
+  z-index: 10;
+  right: 0;
+  left: 0;
+  top: 0;
+}
+.header--fixed::after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: #ffffff;
+  z-index: -1;
+  transition: 0.5s ease-in-out;
+}
+.header--fixed.headroom--unpinned::after {
+  transition: transform 500ms linear;
+}
+
+.headroom {
+  will-change: transform;
+  transition: transform 200ms linear;
+}
+
+.headroom--pinned {
+  transform: translateY(0px);
+  transition: transform 500ms linear;
+}
+
+.headroom--unpinned {
+  transform: translateY(-165px);
+}
+.headroom--unpinned .navbar-area.navbar-fixed {
+  transform: translateY(135px);
+}
+.headroom--unpinned .navbar-appscode-wrapper.navbar-product {
+  transform: translateY(104px);
+}
+
+.navbar-burger {
+  height: 30px;
+  width: 30px;
+  border-radius: 4px;
+}
+.navbar-burger.is-active i.fa {
+  transform: rotate(-180deg);
+  transform-origin: 10px;
+}
+.navbar-burger span {
+  height: 1.5px;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 1023px) {
+  .headroom--unpinned .navbar-appscode-wrapper.navbar-product {
+    padding: 0 0;
+    transform: translateY(104px);
+  }
+  .headroom--unpinned .navbar-appscode-wrapper.navbar-product .navbar-appscode .navbar-right {
+    top: 47px;
+  }
+  .navbar-appscode.container {
+    padding: 0.5rem 15px;
+  }
+  .navbar-appscode.documentation-menu {
+    margin-left: 0;
+    padding: 0;
+  }
+  .navbar-appscode.documentation-menu ul .nav-item .link.is-active:after {
+    display: none;
+  }
+  .navbar-appscode.documentation-menu .navbar-right {
+    position: fixed;
+    width: 80%;
+    border-right: 1px solid #e7e7e7;
+  }
+  .navbar-appscode .navbar-left {
+    width: 100%;
+  }
+  .navbar-appscode .navbar-left .navbar-brand {
+    margin: 0;
+    width: 100%;
+  }
+  .navbar-appscode .navbar-left .navbar-brand a img {
+    height: 1.5rem !important;
+  }
+  .navbar-appscode .navbar-left ul {
+    position: absolute;
+    right: 20%;
+    opacity: 0;
+    visibility: hidden;
+  }
+  .navbar-appscode .navbar-right {
+    position: absolute;
+    z-index: 99;
+    right: 20%;
+    opacity: 0;
+    visibility: hidden;
+    background: #fafafd;
+    width: 100%;
+    left: 0;
+    min-height: calc(100vh + 110px);
+    overflow-y: auto;
+    transition: 0.3s ease-in-out;
+    top: 61px;
+    padding: 15px;
+    justify-content: flex-start;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .navbar-appscode .navbar-right .is-flex.is-justify-content-space-between {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .navbar-appscode .navbar-right .is-primary.ml-8 {
+    margin-left: 0 !important;
+    margin-top: 15px;
+  }
+  .navbar-appscode .navbar-right .button.ac-button.is-primary {
+    margin-left: 0;
+    width: 100%;
+  }
+  .navbar-appscode .navbar-right ul {
+    display: flex;
+    flex-direction: column;
+  }
+  .navbar-appscode .navbar-right ul li.nav-item {
+    margin: 6px 0;
+  }
+  .navbar-appscode .navbar-right ul li.nav-item .link .whats-new {
+    top: -10px;
+    right: -30px;
+  }
+  .navbar-appscode .navbar-right .community-items.ml-70 {
+    margin-left: 0 !important;
+    margin-top: 30px;
+  }
+  .navbar-appscode .navbar-right.is-visible {
+    opacity: 1;
+    visibility: visible;
+  }
+  .resources-list {
+    grid-template-columns: auto;
+  }
+  .mega-menu-wrapper {
+    width: 100% !important;
+    left: 0 !important;
+    top: 0 !important;
+    padding-top: 20px !important;
+    background-color: #fafafd;
+    max-height: 75vh;
+    min-height: 70vh;
+    overflow-y: auto;
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16);
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu {
+    grid-template-columns: auto;
+    width: 100%;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu .single-product {
+    width: 100%;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo {
+    height: 50px;
+    width: 50px;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img {
+    height: 1.8rem;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon {
+    width: 16px;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu.database-list {
+    grid-template-columns: auto;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-description {
+    border-left: none;
+    padding-left: 0;
+    margin-top: 35px;
+    margin-left: 0;
+    max-width: 100%;
+  }
+  .press-wrapper .button.inline-button {
+    margin-left: 0 !important;
+    background-color: transparent;
+  }
+  .navbar-appscode-wrapper.navbar-product .navbar-appscode .navbar-right {
+    top: 47px;
+  }
+  .product-version.pl-20 {
+    padding-left: 10px;
+  }
+  .product-version .dropdown .dropdown-trigger .button {
+    width: 190px;
+  }
+  .product-version .dropdown-menu {
+    z-index: 9999;
+  }
+  .back-button {
+    display: flex !important;
+  }
+  .back-button span {
+    color: var(--ac-primary);
+    padding-right: 15px;
+    font-size: 18px;
+  }
+}
+.embeded-console-button {
+  height: 42px;
+  margin-bottom: 4px;
+  width: 185px;
+  overflow: hidden;
+}
+@media screen and (max-width: 768px) {
+  .embeded-console-button {
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .navbar-burger {
+    display: none !important;
+  }
+  .navbar-appscode.documentation-menu {
+    margin-left: 0;
+    border-left: none;
+  }
+  .navbar-appscode .navbar-left .navbar-brand {
+    margin-right: 1rem;
+  }
+  .navbar-appscode .navbar-right {
+    width: calc(100% - 180px);
+  }
+  .navbar-appscode .navbar-right .community-items.ml-70 {
+    margin-left: 10px !important;
+  }
+  .navbar-appscode .navbar-right .buttons {
+    min-width: 354px !important;
+  }
+  .navbar-appscode .navbar-right .button.ac-button {
+    padding: 0.5rem 1rem;
+  }
+  .navbar-appscode .navbar-right-group {
+    gap: 8px !important;
+  }
+  .navbar-appscode ul .nav-item {
+    margin-right: 12px;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu {
+    grid-template-columns: auto;
+    width: calc(50% - 5rem);
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-description {
+    border-left: none;
+  }
+  .mega-menu-wrapper .video-content {
+    display: none;
+  }
+  .product-version.ml-20 {
+    margin-left: 4px !important;
+  }
+  .product-version .dropdown .dropdown-trigger .button {
+    width: 180px;
+    padding: 2px 5px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .navbar-burger {
+    display: none !important;
+  }
+  .navbar-appscode.documentation-menu {
+    margin-left: 0;
+    border-left: none;
+  }
+  .navbar-appscode .navbar-right {
+    width: calc(100% - 180px);
+  }
+  .navbar-appscode .navbar-right .community-items.ml-70 {
+    margin-left: 10px !important;
+  }
+  .navbar-appscode ul .nav-item {
+    margin-right: 1.5rem;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu {
+    grid-template-columns: auto;
+    width: calc(50% - 5rem);
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-description {
+    border-left: none;
+  }
+  .mega-menu-wrapper .video-content {
+    display: none;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .navbar-appscode .navbar-left .navbar-brand {
+    margin-right: 3rem;
+  }
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.services-grid {
+  grid-template-columns: 500px;
+  width: 500px;
+  background-color: #fbfbfb;
+  border-radius: 8px;
+}
+@media screen and (max-width: 1023px) {
+  .mega-menu-wrapper .mega-menu-inner .product-menu.services-grid {
+    grid-template-columns: auto;
+    width: 100%;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu.services-grid .single-product::after {
+    display: none;
+  }
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.services-grid .single-product {
+  padding: 0.8rem 1rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.services-grid .single-product .product-logo {
+  height: 48px;
+  width: 48px;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.services-grid .single-product .product-logo img {
+  height: 1.5rem !important;
+}
+
+.ac-preloader {
+  position: fixed;
+  height: 100vh;
+  top: 0;
+  z-index: 999;
+  width: 100%;
+  background-color: #ffffff;
+}
+
+.spinner {
+  position: relative;
+}
+
+.spinner:before,
+.spinner:after {
+  content: "";
+  position: relative;
+  display: block;
+}
+
+.spinner:before {
+  -webkit-animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
+  animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
+  width: 2em;
+  height: 2em;
+  background-color: var(--ac-primary);
+}
+
+.spinner:after {
+  -webkit-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
+  animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
+  bottom: -0.5em;
+  height: 0.25em;
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+@-webkit-keyframes spinner {
+  50% {
+    border-radius: 50%;
+    transform: scale(0.5) rotate(360deg);
+  }
+  100% {
+    transform: scale(1) rotate(720deg);
+  }
+}
+@keyframes spinner {
+  50% {
+    border-radius: 50%;
+    transform: scale(0.5) rotate(360deg);
+  }
+  100% {
+    transform: scale(1) rotate(720deg);
+  }
+}
+@-webkit-keyframes shadow {
+  50% {
+    transform: scale(0.5);
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+}
+@keyframes shadow {
+  50% {
+    transform: scale(0.5);
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+}
+.cookie-wrapper {
+  border-top: 1px solid #e7e7e7;
+  position: fixed;
+  width: 100%;
+  background-color: #fafafd;
+  bottom: 0;
+  left: 0;
+  padding: 8px 0;
+  z-index: 99;
+  transition: 0.3s ease-in-out;
+}
+.cookie-wrapper.hide {
+  opacity: 0;
+  visibility: hidden;
+}
+.cookie-wrapper .cookie-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.cookie-wrapper .cookie-content p {
+  font-size: 14px;
+  color: #171B1C;
+  width: calc(100% - 220px);
+  margin-bottom: 0;
+}
+.cookie-wrapper .cookie-content p a {
+  color: hsl(149, 90%, 20%);
+  text-decoration: underline;
+  font-weight: 500;
+}
+.cookie-wrapper .cookie-content p a:hover {
+  color: var(--ac-primary);
+}
+.cookie-wrapper .cookie-content .buttons .button {
+  border: none;
+  background-color: transparent;
+  font-weight: 500;
+  padding: 8px 16px;
+  font-size: 14px;
+  border-radius: 2px;
+  transition: 0.3s;
+}
+.cookie-wrapper .cookie-content .buttons .button:hover:not(.is-primary) {
+  text-decoration: underline;
+  color: var(--ac-primary);
+}
+.cookie-wrapper .cookie-content .buttons .button.is-primary {
+  background-color: var(--ac-primary);
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .cookie-wrapper .cookie-content {
+    justify-content: center;
+    flex-direction: column;
+  }
+  .cookie-wrapper .cookie-content p {
+    width: 100%;
+    text-align: center;
+    margin-bottom: 10px;
+  }
+}
+li.nav-item {
+  display: inline-block !important;
+  text-indent: 0 !important;
+  padding: 0px !important;
+}
+
+li.nav-item:before {
+  display: none;
+}
+
+.tabs.is-boxed a {
+  border: 1px solid transparent;
+  border-radius: 4px 4px 0 0;
+}
+
+.tab-pane {
+  display: none;
+}
+
+.tab-pane.show {
+  display: block;
+}
+
+.nav-tabs a {
+  align-items: center;
+  border-bottom-color: #dbdbdb;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  color: #4a4a4a;
+  display: flex;
+  justify-content: center;
+  margin-bottom: -1px;
+  padding: 0.5em 1em;
+  vertical-align: top;
+}
+
+li.nav-item a {
+  display: block;
+  padding: 5px 20px;
+}
+
+a.nav-link.active {
+  background-color: #ffffff;
+  border-left: 1px solid #dbdbdb;
+  border-right: 1px solid #dbdbdb;
+  border-top: 1px solid #dbdbdb;
+  border-bottom-color: transparent !important;
+  border-radius: 4px 4px 0 0;
+  position: relative;
+  z-index: 1;
+}
+
+a.nav-link.active:after {
+  position: absolute;
+  content: "";
+  background: var(--ac-primary);
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 4px;
+  z-index: -1;
+  border-radius: 4px 4px 0 0;
+}
+
+.nav-tabs {
+  align-items: center;
+  border-bottom-width: 1px;
+  display: flex;
+  flex-grow: 1;
+  flex-shrink: 0;
+  justify-content: flex-start;
+}
+
+.tab-content {
+  border: 1px solid #dbdbdb;
+  padding: 20px;
+  border-radius: 4px;
+  margin-bottom: 15px;
+}
+
+.tab-content h2 {
+  margin-top: 0;
+}
+
+.button {
+  transition: 0.3s ease-in-out;
+}
+.button.ac-button {
+  border-color: var(--ac-primary);
+  border-radius: 0.125rem;
+  font-size: 0.875rem;
+  font-family: "Roboto", sans-serif;
+  letter-spacing: 0.078rem;
+  line-height: 1;
+  color: var(--ac-primary);
+  font-weight: 500;
+  padding: 0.5rem 1.5rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 46px;
+}
+@media screen and (max-width: 768px) {
+  .button.ac-button {
+    height: 44px;
+  }
+}
+.button.ac-button:focus-visible {
+  outline: none;
+}
+.button.ac-button:hover {
+  background-color: var(--ac-primary);
+  color: #ffffff;
+  box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important;
+  transform: translateY(-2px);
+}
+.button.ac-button.is-disabled {
+  opacity: 0.5 !important;
+}
+.button.ac-button .ac-icon {
+  margin-left: 25px;
+  background-color: #ffffff;
+  color: var(--ac-primary);
+  padding: 2px 6px;
+  border-radius: 4px;
+  width: 28px;
+  height: 28px;
+}
+.button.ac-button.is-normal {
+  height: 45px;
+  font-size: 15px;
+  letter-spacing: 0px;
+  font-weight: 500;
+  padding-left: 25px;
+  padding-right: 25px;
+}
+.button.ac-button.is-medium {
+  height: 58px;
+  font-size: 18px;
+  padding-left: 45px;
+  padding-right: 45px;
+}
+.button.ac-button.is-transparent {
+  padding: 0;
+  height: auto;
+  border: none;
+  font-size: 14px;
+  font-weight: 500;
+  background-color: transparent;
+  color: #171B1C;
+}
+.button.ac-button.is-transparent:hover {
+  box-shadow: none !important;
+}
+.button.ac-button.is-transparent.is-primary {
+  background-color: transparent;
+  color: var(--ac-primary);
+}
+.button.ac-button.is-transparent.is-primary:hover {
+  background-color: transparent;
+  color: var(--ac-primary);
+}
+.button.ac-button.is-transparent.is-danger {
+  background-color: transparent;
+  color: #ff3729;
+}
+.button.ac-button.is-transparent.is-danger:hover {
+  background-color: transparent;
+  color: #ff3729;
+}
+.button.ac-button.is-transparent.is-small {
+  letter-spacing: 0px;
+  font-size: 13px;
+}
+.button.ac-button.is-transparent:focus {
+  box-shadow: none;
+  outline: none;
+}
+.button.ac-button.is-white {
+  background-color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-white:hover {
+  color: var(--ac-primary);
+  opacity: 0.9;
+}
+.button.ac-button.is-primary {
+  background-color: var(--ac-primary);
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-primary:hover {
+  background-color: var(--ac-primary);
+}
+.button.ac-button.is-primary:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-primary.is-light {
+  background-color: var(--ac-primary);
+  color: var(--ac-primary);
+}
+.button.ac-button.is-primary.is-light.is-border {
+  border: 1px solid var(--ac-primary);
+}
+.button.ac-button.is-primary.is-light:hover {
+  background-color: var(--ac-primary);
+}
+.button.ac-button.is-primary.is-outlined {
+  background-color: transparent;
+  border: 1px solid var(--ac-primary);
+  color: var(--ac-primary);
+}
+.button.ac-button.is-primary.is-outlined:hover {
+  background-color: var(--ac-primary);
+  color: #ffffff;
+}
+.button.ac-button.is-primary {
+  background: linear-gradient(to left, hsl(149, 100%, 33%), hsl(149, 50%, 33%)) !important;
+}
+.button.ac-button.is-link {
+  background-color: #0aafff;
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-link:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-link.is-light {
+  color: #0aafff;
+}
+.button.ac-button.is-link.is-light.is-border {
+  border: 1px solid #0aafff;
+}
+.button.ac-button.is-link.is-outlined {
+  background-color: transparent;
+  border: 1px solid #0aafff;
+  color: #0aafff;
+}
+.button.ac-button.is-link.is-outlined:hover {
+  background-color: #0aafff;
+  color: #ffffff;
+}
+.button.ac-button.is-info {
+  background-color: #0aafff;
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-info:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-info.is-light {
+  color: #0aafff;
+}
+.button.ac-button.is-info.is-light.is-border {
+  border: 1px solid #0aafff;
+}
+.button.ac-button.is-info.is-outlined {
+  background-color: transparent;
+  border: 1px solid #0aafff;
+  color: #0aafff;
+}
+.button.ac-button.is-info.is-outlined:hover {
+  background-color: #0aafff;
+  color: #ffffff;
+}
+.button.ac-button.is-success {
+  background-color: var(--ac-primary);
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-success:hover {
+  background-color: var(--ac-primary);
+}
+.button.ac-button.is-success:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-success.is-light {
+  background-color: var(--ac-primary);
+  color: var(--ac-primary);
+}
+.button.ac-button.is-success.is-light.is-border {
+  border: 1px solid var(--ac-primary);
+}
+.button.ac-button.is-success.is-light:hover {
+  background-color: var(--ac-primary);
+}
+.button.ac-button.is-success.is-outlined {
+  background-color: transparent;
+  border: 1px solid var(--ac-primary);
+  color: var(--ac-primary);
+}
+.button.ac-button.is-success.is-outlined:hover {
+  background-color: var(--ac-primary);
+  color: #ffffff;
+}
+.button.ac-button.is-warning {
+  background-color: #ff8000;
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-warning:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-warning.is-light {
+  color: #ff8000;
+}
+.button.ac-button.is-warning.is-light.is-border {
+  border: 1px solid #ff8000;
+}
+.button.ac-button.is-warning.is-outlined {
+  background-color: transparent;
+  border: 1px solid #ff8000;
+  color: #ff8000;
+}
+.button.ac-button.is-warning.is-outlined:hover {
+  background-color: #ff8000;
+  color: #ffffff;
+}
+.button.ac-button.is-danger {
+  background-color: #ff3729;
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-danger:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-danger.is-light {
+  color: #ff3729;
+}
+.button.ac-button.is-danger.is-light.is-border {
+  border: 1px solid #ff3729;
+}
+.button.ac-button.is-danger.is-outlined {
+  background-color: transparent;
+  border: 1px solid #ff3729;
+  color: #ff3729;
+}
+.button.ac-button.is-danger.is-outlined:hover {
+  background-color: #ff3729;
+  color: #ffffff;
+}
+.button.ac-button.is-green {
+  background-color: #158748;
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-green:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-green.is-light {
+  color: #158748;
+}
+.button.ac-button.is-green.is-light.is-border {
+  border: 1px solid #158748;
+}
+.button.ac-button.is-green.is-outlined {
+  background-color: transparent;
+  border: 1px solid #158748;
+  color: #158748;
+}
+.button.ac-button.is-green.is-outlined:hover {
+  background-color: #158748;
+  color: #ffffff;
+}
+.button .icon {
+  width: 1.2em;
+  height: 1.2em;
+}
+
+.readmore-button {
+  margin: 0;
+  padding: 0;
+  font-size: 0.875rem;
+  color: #515D63;
+  font-weight: 500;
+  border: none;
+  background: transparent;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  line-height: 1;
+  transition: 0.3s ease-in-out;
+}
+.readmore-button .material-icons-outlined {
+  font-size: 0.875rem;
+  margin-left: 10px;
+  transition: 0.3s ease-in-out;
+}
+
+.testimonial-area {
+  padding: 60px 0 60px;
+}
+.testimonial-area .section-title h2 {
+  font-size: 48px;
+}
+.testimonial-area .section-title p {
+  font-size: 18px;
+}
+.testimonial-area .single-testimonial-item {
+  background: #ffffff;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
+  border-radius: 4px;
+  padding: 50px 40px;
+  min-height: 460px;
+}
+.testimonial-area .single-testimonial-item .user-info-wrapper {
+  display: flex;
+  align-items: center;
+  margin-bottom: 1rem;
+}
+.testimonial-area .single-testimonial-item .user-info-wrapper .image {
+  margin-right: 1.2rem;
+}
+.testimonial-area .single-testimonial-item .user-info-wrapper .image img {
+  height: 100%;
+}
+.testimonial-area .single-testimonial-item .user-info-wrapper .user-info .name {
+  font-weight: bold;
+  color: #171B1C;
+  font-size: 22px;
+  line-height: 1;
+  line-height: 160%;
+}
+.testimonial-area .single-testimonial-item .user-info-wrapper .user-info p {
+  font-size: 14px;
+  line-height: 160%;
+  color: #a6abbd;
+}
+.testimonial-area .single-testimonial-item p {
+  font-size: 1rem;
+  line-height: 160%;
+}
+.testimonial-area .owl-carousel .owl-stage-outer {
+  padding: 40px 0px;
+}
+
+.arrows {
+  display: flex;
+  width: 136px;
+  justify-content: space-between;
+}
+.arrows .button {
+  width: 60px;
+  height: 60px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #ffffff;
+  border: 1px solid #e7e7e7;
+}
+.arrows .button:hover .material-icons-outlined {
+  transform: scale(1.2);
+  color: var(--ac-primary);
+}
+.arrows .button .material-icons-outlined {
+  transition: 0.3s ease-in-out;
+  font-size: 18px;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .testimonial-area {
+    padding-top: 30px;
+  }
+  .testimonial-area .section-title {
+    text-align: center;
+  }
+  .testimonial-area .section-title h2 {
+    font-size: 32px;
+  }
+  .testimonial-area .owl-carousel .owl-stage-outer {
+    padding: 0 !important;
+  }
+  .testimonial-area .arrows {
+    width: 96px;
+    margin: 0 auto;
+    margin-top: 30px;
+  }
+  .testimonial-area .arrows .button {
+    width: 40px;
+    height: 40px;
+  }
+  .testimonial-area .single-testimonial-item {
+    padding: 30px;
+    min-height: auto;
+  }
+  .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h6 {
+    font-size: 20px;
+  }
+  .testimonial-area .single-testimonial-item .user-info-wrapper .user-info {
+    text-align: left;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .testimonial-area .section-title h2 {
+    font-size: 38px;
+  }
+  .testimonial-area .single-testimonial-item {
+    padding: 30px 30px;
+    min-height: 310px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .testimonial-area .section-title h2 {
+    font-size: 38px;
+  }
+  .testimonial-area .single-testimonial-item {
+    min-height: 310px;
+    padding: 30px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .testimonial-area .single-testimonial-item {
+    padding: 30px;
+  }
+  .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h5 {
+    font-size: 18px;
+  }
+}
+.features-area .features-image {
+  position: relative;
+  z-index: 1;
+}
+.features-area .features-image img {
+  border-radius: 4px;
+}
+.features-area .features-image .check-list {
+  position: absolute;
+  top: 60px;
+  left: -150px;
+  left: -150px;
+}
+.features-area .features-description h2 {
+  line-height: 130%;
+}
+.features-area .features-description h1 {
+  font-style: normal;
+  font-weight: bold;
+  font-size: 34px;
+  line-height: 130%;
+  letter-spacing: -0.57px;
+  margin-bottom: 1rem;
+}
+.features-area .features-description p {
+  font-size: 1rem;
+  margin-bottom: 15px;
+  text-align: justify;
+}
+.features-area .features-description p strong {
+  color: #171B1C;
+  font-weight: 500;
+}
+.features-area h3 {
+  margin-bottom: 1rem;
+  font-weight: 800;
+}
+.features-area .check-list {
+  background-color: #ffffff;
+  padding: 30px 40px;
+  width: 300px;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
+  border-radius: 0.5rem;
+}
+.features-area .check-list li {
+  display: flex;
+  align-items: center;
+  font-size: 1rem;
+  margin-bottom: 0.8rem;
+}
+.features-area .check-list li:last-child {
+  margin-bottom: 0;
+}
+.features-area .check-list li span {
+  font-size: 18px;
+  margin-right: 0.8rem;
+  color: var(--ac-primary);
+}
+
+.single-features-item {
+  padding: 20px 20px;
+  display: grid;
+  grid-gap: 20px;
+  grid-template-columns: 3.75rem auto;
+  border: 1px solid #e7e7e7;
+  border-radius: 2px;
+  min-height: 126px;
+}
+.single-features-item:hover .readmore-button {
+  letter-spacing: 0;
+  color: var(--ac-primary);
+}
+.single-features-item:hover .readmore-button .material-icons-outlined {
+  margin-left: 20px;
+}
+.single-features-item .feature-icon {
+  width: 3.75rem;
+  height: 3.75rem;
+  background-color: #f1f1f9;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 2px;
+}
+.single-features-item .feature-icon img {
+  height: 30px;
+}
+.single-features-item .feature-information h5 {
+  font-size: 20px;
+  margin-bottom: 5px;
+}
+.single-features-item .feature-information p {
+  font-size: 0.875rem;
+  line-height: 160%;
+  transition: 0.3s ease-in-out;
+  color: #515D63;
+}
+
+.features-area .single-feature-image {
+  display: flex;
+  align-items: center;
+}
+.features-area .single-feature-image img {
+  max-width: 400px;
+}
+.features-area p {
+  text-align: justify;
+}
+
+.features-area .features-thumbnail {
+  max-width: 80%;
+  border-radius: 4px;
+  overflow: hidden;
+  display: flex;
+}
+.features-area .features-thumbnail.has-text-right {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .features-area .features-image .check-list {
+    top: 30px;
+    left: 50%;
+    margin-left: -150px;
+    padding: 30px;
+  }
+  .features-area .buttons {
+    justify-content: center;
+  }
+  .features-area .features-description {
+    text-align: center;
+  }
+  .features-area .features-description h2 {
+    margin-bottom: 10px;
+  }
+  .features-area .features-description h1 {
+    font-size: 28px;
+  }
+  .features-area .features-description p {
+    text-align: center;
+  }
+  .features-area h3 {
+    font-size: 1.5rem;
+    margin-bottom: 0.5rem;
+    text-align: center;
+  }
+  .features-area p {
+    text-align: center;
+  }
+  .single-features-item {
+    grid-template-columns: auto;
+    grid-gap: 10px;
+    text-align: center;
+  }
+  .single-features-item .feature-icon {
+    margin: 0 auto;
+  }
+  .single-features-item .readmore-button {
+    text-align: left;
+    margin: 0;
+  }
+  .features-area .features-thumbnail {
+    margin: 0 auto;
+    max-width: 100%;
+  }
+  .features-area .features-thumbnail.has-text-right {
+    margin-right: auto;
+  }
+  .single-features-item .feature-icon {
+    width: 3rem;
+    height: 3rem;
+    border-radius: 4px;
+  }
+  .single-features-item .feature-icon img {
+    height: 24px;
+  }
+  .single-features-item .feature-information {
+    text-align: left;
+  }
+  .single-features-item .feature-information h5 {
+    font-size: 18px;
+    margin-bottom: 5px;
+    line-height: 1.3;
+  }
+  .features-area .features-thumbnail {
+    margin: 0 auto;
+  }
+  .features-area .features-thumbnail.has-text-right {
+    margin-right: auto;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .single-features-item {
+    grid-template-columns: auto;
+    grid-gap: 10px;
+    text-align: center;
+  }
+  .single-features-item .feature-icon {
+    margin: 0 auto;
+  }
+  .single-features-item .feature-information h5 {
+    font-size: 18px;
+  }
+  .features-area .features-image .check-list {
+    left: 50%;
+    margin-left: -150px;
+    padding: 30px;
+  }
+  .features-area .features-thumbnail {
+    margin: 0 auto;
+  }
+  .features-area .features-thumbnail.has-text-right {
+    margin-right: auto;
+  }
+  .readmore-button {
+    text-align: center;
+    margin: 0 auto;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .features-area .features-image .check-list {
+    left: 50%;
+    margin-left: -150px;
+  }
+  .features-area .features-description {
+    font-size: 28px;
+  }
+  .features-area h3 {
+    font-size: 28px;
+    margin-bottom: 0.8rem;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .features-area .features-description h1 {
+    font-size: 32px;
+  }
+  .features-area .features-image .check-list {
+    top: 30px;
+  }
+  .single-features-item {
+    padding: 20px;
+    min-height: 126px;
+  }
+  .single-features-item .feature-information h5 {
+    font-size: 16px;
+    margin-bottom: 0;
+    line-height: 130%;
+  }
+}
+.ac-accordion-wrapper.is-marginless .single-accordion-item {
+  margin: 0;
+  padding: 0;
+}
+.ac-accordion-wrapper.is-marginless .single-accordion-item .accordion-heading {
+  padding: 10px 20px;
+  position: relative;
+  z-index: 1;
+}
+.ac-accordion-wrapper.is-marginless .single-accordion-item .accordion-heading::after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 4px;
+  height: 100%;
+  background-color: var(--ac-primary);
+}
+.ac-accordion-wrapper .single-accordion-item {
+  background-color: #fff;
+  border: 1px solid #E8E9EA;
+  padding: 12px 20px;
+  margin-bottom: 15px;
+  border-radius: 4px;
+}
+.ac-accordion-wrapper .single-accordion-item:last-child {
+  margin-bottom: 0;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-heading h3 {
+  cursor: pointer;
+  font-size: 16px;
+  font-weight: 700;
+  color: #1C1C1C;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-heading h4 {
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 20px;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-heading button {
+  font-size: 12px;
+  letter-spacing: 0.1px;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-heading .icon {
+  width: 24px;
+  height: 24px;
+  border: 1px solid #e7e7e7;
+  line-height: 16px;
+  font-size: 12px;
+  border-radius: 50%;
+  cursor: pointer;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-body {
+  max-height: 0;
+  transition: max-height 0.2s ease-out;
+  overflow: hidden;
+  padding: 0;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-body p {
+  padding-top: 3px;
+  font-size: 15px;
+  color: #393E46;
+}
+
+.cta-area {
+  margin-bottom: 60px;
+  position: relative;
+  z-index: 1;
+}
+.cta-area .cta-area-inner {
+  padding: 20px 50px;
+  background-size: cover;
+  background-position: center;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  background-color: #F4FBF7;
+  border: 1px solid var(--ac-primary);
+  position: relative;
+  z-index: 1;
+}
+.cta-area .cta-area-inner:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  z-index: -1;
+}
+.cta-area .cta-area-inner h3 {
+  margin-bottom: 1rem;
+  text-wrap: balance;
+}
+.cta-area .cta-area-inner p {
+  text-wrap: balance;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .cta-area .cta-area-inner {
+    height: auto !important;
+    padding: 32px 16px;
+  }
+  .cta-area .cta-area-inner .buttons .button.ac-button {
+    letter-spacing: 0;
+    padding: 0.5rem 1rem;
+    width: 100%;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .cta-area .cta-area-inner {
+    padding: 20px;
+  }
+  .cta-area .cta-area-inner h3 {
+    font-size: 28px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .cta-area .cta-area-inner {
+    padding: 20px;
+  }
+  .cta-area .cta-area-inner h3 {
+    font-size: 28px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .cta-area .cta-area-inner {
+    padding: 30px;
+  }
+  .cta-area .cta-area-inner h3 {
+    font-size: 28px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .cta-area .cta-area-inner {
+    padding: 30px;
+  }
+  .cta-area .cta-area-inner h3 {
+    font-size: 28px;
+  }
+}
+.full-info {
+  overflow: hidden;
+}
+.full-info h1,
+.full-info h2,
+.full-info h3,
+.full-info h4,
+.full-info h5,
+.full-info h6 {
+  margin-top: 40px;
+  font-weight: 700;
+  color: #171B1C;
+  margin-bottom: 10px;
+}
+.full-info h1:first-child,
+.full-info h2:first-child,
+.full-info h3:first-child,
+.full-info h4:first-child,
+.full-info h5:first-child,
+.full-info h6:first-child {
+  margin-top: 0;
+}
+.full-info h1 a svg,
+.full-info h2 a svg,
+.full-info h3 a svg,
+.full-info h4 a svg,
+.full-info h5 a svg,
+.full-info h6 a svg {
+  padding-left: 10px;
+}
+.full-info h1 a,
+.full-info h2 a,
+.full-info h3 a,
+.full-info h4 a,
+.full-info h5 a,
+.full-info h6 a {
+  font-size: 16px;
+}
+.full-info h1 a.hash-tag,
+.full-info h2 a.hash-tag,
+.full-info h3 a.hash-tag,
+.full-info h4 a.hash-tag,
+.full-info h5 a.hash-tag,
+.full-info h6 a.hash-tag {
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s ease-in-out;
+}
+.full-info h1:hover a,
+.full-info h2:hover a,
+.full-info h3:hover a,
+.full-info h4:hover a,
+.full-info h5:hover a,
+.full-info h6:hover a {
+  opacity: 1;
+  visibility: visible;
+}
+.full-info h1 {
+  font-size: 32px;
+  border-bottom: 1px solid #ebebeb;
+  padding-bottom: 10px;
+  margin-bottom: 20px;
+}
+.full-info h2 {
+  font-size: 24px;
+}
+.full-info h3 {
+  font-size: 18px;
+}
+.full-info h4 {
+  font-size: 16px;
+}
+.full-info h5 {
+  font-size: 15px;
+}
+.full-info h6 {
+  font-size: 13px;
+}
+.full-info .highlight pre code {
+  color: #f1f1f1;
+}
+.full-info table td,
+.full-info table th {
+  text-align: left;
+}
+.full-info h2 span.share-icon {
+  color: #6b6b6b;
+  font-size: 18px;
+  margin-left: 10px;
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s ease-in-out;
+}
+
+.full-info h2:hover span.share-icon {
+  opacity: 1;
+  visibility: visible;
+}
+
+.full-info ul li,
+.full-info ol li,
+.full-info ol li p {
+  color: #4a4a4a;
+  display: block;
+  padding-bottom: 8px;
+  line-height: 1.8;
+}
+
+.full-info ul li:last-child,
+.full-info ol li:last-child,
+.full-info ol p:last-child {
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+
+.full-info ul li,
+.full-info ol li {
+  text-indent: -30px;
+}
+
+.full-info ul li p,
+.full-info ol li p {
+  text-indent: 0;
+  margin-top: -30px;
+}
+
+.full-info ul li pre,
+.full-info ol li pre {
+  text-indent: 0px;
+  margin-left: -30px;
+}
+
+.full-info ul li:before {
+  content: "\f10c";
+  font-family: fontawesome;
+  font-size: 8px;
+  margin-right: 20px;
+  color: #707070;
+}
+
+.full-info figure {
+  margin-bottom: 30px;
+}
+.full-info figure figcaption {
+  color: #707070;
+  font-size: 14px;
+}
+
+ul li b {
+  color: var(--ac-primary);
+  font-weight: 500;
+}
+
+.full-info ul,
+.full-info ol {
+  padding: 0 0 0 30px;
+  margin-bottom: 15px;
+}
+
+.full-info ul.nav.nav-tabs {
+  margin-bottom: 0;
+}
+
+.full-info ul li p {
+  margin: 0;
+  display: inline;
+}
+
+.full-info p b {
+  color: var(--ac-primary);
+}
+
+.full-info ul li p a,
+.full-info p a,
+.full-info a {
+  color: var(--ac-primary);
+  font-weight: 500;
+  font-family: "Roboto", sans-serif;
+}
+
+.full-info p {
+  margin-bottom: 15px;
+  color: #515D63;
+}
+
+.full-info p strong {
+  font-weight: 500;
+}
+.full-info p strong em {
+  font-weight: 500;
+}
+
+.appscode-style.full-info ul li p a .appscode-style.full-info p a,
+.appscode-style.full-info a {
+  color: var(--ac-primary);
+}
+
+.full-info ol {
+  list-style: none;
+  counter-reset: order-list-counter;
+}
+
+.full-info ol li {
+  counter-increment: order-list-counter;
+}
+
+.full-info ol li::before {
+  content: counter(order-list-counter) ". ";
+  font-weight: 500;
+  font-family: "Roboto", sans-serif;
+  font-size: 15px;
+  color: #4a4a4a;
+}
+
+/* schedule-demo start */
+embed,
+iframe,
+object,
+video {
+  height: 100%;
+  max-width: 100%;
+}
+
+.schedule-title {
+  margin-top: 65px;
+  color: #242a31;
+  margin-bottom: 30px;
+}
+
+.kd-sidebar-menu label,
+.kd-sidebar-menu li a {
+  font-size: 14px;
+  font-weight: 500;
+  color: #4a4a4a;
+  display: block;
+  cursor: pointer;
+  user-select: none;
+  margin-top: 10px;
+  margin-top: 5px;
+  transition: 0.3s;
+}
+
+.item ul,
+.item input[type=checkbox] {
+  display: none;
+  overflow: hidden;
+  transition: 0.3s;
+}
+
+.kd-sidebar-menu .item label a {
+  font-weight: 600;
+  color: #515D63;
+  padding: 8px 17px;
+  display: block;
+}
+
+.kd-sidebar-menu li a:hover {
+  color: var(--ac-primary);
+}
+
+.kd-sidebar-menu .item ul {
+  margin-left: 20px;
+  padding-left: 15px;
+  border-left: 1px solid #e2e2e2;
+}
+
+.item input:checked ~ label,
+.item input:checked ~ .item > label {
+  border: 1px solid #e2e2e2;
+  background: #ffffff;
+}
+
+.item:first-child input:checked ~ label, .item:first-child input:checked ~ .item:first-child > label {
+  border: 1px solid transparent;
+}
+
+.appscode-style .item input:checked ~ label > a {
+  color: var(--ac-primary);
+}
+
+.item input:checked ~ ul, .item input:checked ~ .item > ul > .item {
+  margin-left: -20px;
+}
+
+.kd-left-sidebar {
+  margin-right: 30px;
+  position: sticky;
+  top: 130px;
+  z-index: 9;
+}
+
+.kd-sidebar-menu {
+  max-height: 65vh;
+  overflow-y: auto;
+}
+
+.kd-sidebar-menu .item label {
+  border: 1px solid transparent;
+  position: relative;
+  z-index: 1;
+  border-radius: 3px 0 0 3px;
+}
+
+.go-to-top {
+  position: fixed;
+  display: block;
+  font-size: 16px;
+  z-index: 999;
+  right: 20px;
+  bottom: 40px;
+  width: 40px;
+  height: 40px;
+  line-height: 30px;
+  border-radius: 50%;
+  color: var(--ac-primary);
+  background: rgba(255, 255, 255, 0.2);
+  border: 1px solid var(--ac-primary);
+  opacity: 0;
+  cursor: pointer;
+  transition: opacity 0.4s linear;
+}
+.go-to-top i.fa {
+  color: var(--ac-primary);
+}
+
+.go-to-top.is-visible {
+  opacity: 1;
+}
+
+.footer-area {
+  position: relative;
+  z-index: 1;
+}
+.footer-area:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+}
+
+.single-footer-widget .footer-logo {
+  max-width: 160px;
+}
+
+.subscription-form {
+  margin-top: 10px;
+}
+.subscription-form label {
+  font-size: 18px;
+  font-weight: 600;
+  display: block;
+  font-family: "Roboto", sans-serif;
+}
+.subscription-form input {
+  background: rgba(255, 255, 255, 0.2);
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+  font-size: 16px;
+  border-radius: 4px;
+  padding: 8px 50px 8px 10px;
+  height: 40px;
+  position: relative;
+  z-index: 1;
+  color: #ffffff;
+}
+.subscription-form input::placeholder {
+  color: #ADB2B0;
+}
+.subscription-form input:focus {
+  border: 1px solid var(--ac-primary);
+}
+.subscription-form .button {
+  font-family: #4a4a4a;
+  color: var(--ac-primary);
+  font-size: 16px;
+  height: 40px;
+  box-shadow: none;
+  transition: 0.3s ease-in-out;
+  cursor: pointer;
+  border: 1px solid transparent;
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 9 !important;
+  background: transparent;
+}
+.subscription-form .button:hover {
+  background-color: var(--ac-primary);
+  color: #ffffff !important;
+  outline: none;
+  box-shadow: none;
+}
+
+.contact-information {
+  margin-top: 28px;
+}
+.contact-information h4 {
+  font-size: 18px;
+  color: #171B1C;
+}
+
+.all-contact-info li a,
+p.spam-message {
+  color: #515D63;
+  display: inline-block;
+  font-size: 14px;
+  font-family: "Roboto", sans-serif;
+  padding: 5px 0;
+}
+
+.all-contact-info li a span {
+  padding-right: 10px;
+}
+
+.footer-menu label {
+  font-size: 18px;
+  margin-bottom: 4px;
+  font-weight: 500;
+}
+
+.footer-link li a {
+  color: #D4D6D5;
+  font-size: 14px;
+  display: block;
+  padding: 8px 0;
+  transition: 0.3s linear;
+}
+.footer-link li a:last-child {
+  padding-bottom: 0;
+}
+.footer-link li a:hover {
+  color: var(--ac-primary);
+  padding-left: 5px;
+}
+
+.footer-top {
+  padding: 50px 0 30px 0;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.footer-bottom {
+  padding: 30px 0;
+}
+.footer-bottom p {
+  font-size: 14px;
+  color: #515D63;
+  margin-bottom: 0;
+}
+
+.footer-inline-link a {
+  color: #4a4a4a;
+  font-size: 14px;
+  margin-right: 30px;
+  transition: 0.3s ease-in-out;
+}
+.footer-inline-link a:hover {
+  color: var(--ac-primary);
+}
+.footer-inline-link a:last-child {
+  margin-right: 0;
+}
+
+.socail-link-inline li {
+  margin-right: 10px;
+  display: inline-block;
+}
+.socail-link-inline li a {
+  color: #8a8a8a;
+  font-size: 14px;
+  display: inline-block;
+  width: 30px;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+  border: 1px solid #8a8a8a;
+  border-radius: 50%;
+  transition: 0.3s ease-in-out;
+}
+.socail-link-inline li a:hover {
+  background: var(--ac-primary);
+  color: #ffffff;
+  border: 1px solid transparent;
+}
+.socail-link-inline li:last-child {
+  margin-right: 0;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .footer-area .footer-top .is-1-mobile .column {
+    padding: 0.25rem;
+  }
+  .footer-area .single-footer-widget {
+    height: 100%;
+  }
+  .footer-area .single-footer-widget .footer-logo {
+    margin: 0 auto;
+  }
+  .footer-area .single-footer-widget .subscription-form {
+    text-align: center;
+  }
+  .footer-area .single-footer-widget .field.has-addons {
+    justify-content: center;
+  }
+  .footer-area .footer-menu {
+    background-color: rgba(77, 77, 203, 0.0509803922);
+    height: 100%;
+    padding: 20px 5px;
+    border-radius: 4px;
+  }
+  .footer-area .footer-menu.is-info {
+    background-color: rgba(10, 175, 255, 0.1803921569);
+  }
+  .footer-area .footer-menu.is-danger {
+    background-color: rgba(234, 61, 47, 0.1411764706);
+  }
+  .footer-area .footer-menu.is-warning {
+    background: rgba(247, 173, 42, 0.2117647059);
+  }
+  .footer-area .footer-menu.is-success {
+    background-color: rgba(39, 176, 100, 0.1882352941);
+  }
+  .footer-area .footer-menu h4 {
+    margin-bottom: 0;
+  }
+  .footer-area .contact-information {
+    text-align: center;
+  }
+  .footer-inline-link {
+    padding: 10px 0;
+  }
+  .footer-bottom {
+    padding: 20px 0;
+  }
+}
+/*==============================================================
+    Documentation page style
+==============================================================*/
+.documentation-area {
+  margin-top: 190px;
+  display: flex;
+}
+.documentation-area .left-sidebar-wrapper {
+  border-right: 1px solid #e7e7e7;
+  margin-top: -35px;
+  background-color: #fafafd;
+  z-index: 1;
+  width: 350px;
+  padding-top: 1rem;
+  /* ===== Scrollbar CSS ===== */
+  /* Firefox */
+}
+.documentation-area .left-sidebar-wrapper * {
+  scrollbar-width: auto;
+  scrollbar-color: #ebebeb #fafafd;
+}
+.documentation-area .left-sidebar-wrapper {
+  /* Chrome, Edge, and Safari */
+}
+.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar {
+  width: 12px;
+}
+.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar-track {
+  background: #fafafd;
+}
+.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar-thumb {
+  background-color: #ebebeb;
+  border-radius: 10px;
+  border: 3px solid #fafafd;
+}
+.documentation-area .left-sidebar-wrapper .product-sidebar-menu {
+  overflow-y: auto;
+  width: 100%;
+  overflow-y: scroll;
+  padding-right: 17px;
+  box-sizing: content-box;
+  border-right: 1px solid #e7e7e7;
+}
+.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item label {
+  background: transparent;
+}
+.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul {
+  overflow: inherit;
+}
+.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul li.is-active {
+  position: relative;
+}
+.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul li.is-active::after {
+  position: absolute;
+  content: "";
+  left: -21px;
+  top: 50%;
+  margin-top: -6px;
+  width: 10px;
+  height: 10px;
+  background: #ffffff;
+  border-radius: 50%;
+  z-index: 9;
+  border: 1px solid #e7e7e7;
+}
+.documentation-area .left-sidebar-wrapper .item input:checked ~ label a,
+.documentation-area .left-sidebar-wrapper .item input:checked ~ .item > label a {
+  color: var(--ac-primary);
+}
+.documentation-area .documentation-body {
+  padding: 0 60px;
+  width: calc(100% - 674px);
+}
+.documentation-area .right-sidebar {
+  border-left: 1px solid #e7e7e7;
+  margin-top: -25px;
+  width: 324px;
+  padding-top: 24px;
+}
+
+.info-title p {
+  color: #515D63;
+  padding: 0 20px;
+}
+
+.full-info {
+  overflow: hidden;
+}
+.full-info h1,
+.full-info h2,
+.full-info h3,
+.full-info h4,
+.full-info h5,
+.full-info h6 {
+  margin-top: 40px;
+  font-weight: 700;
+  color: #171B1C;
+  margin-bottom: 10px;
+}
+.full-info h1:first-child,
+.full-info h2:first-child,
+.full-info h3:first-child,
+.full-info h4:first-child,
+.full-info h5:first-child,
+.full-info h6:first-child {
+  margin-top: 0;
+}
+.full-info h1 a svg,
+.full-info h2 a svg,
+.full-info h3 a svg,
+.full-info h4 a svg,
+.full-info h5 a svg,
+.full-info h6 a svg {
+  padding-left: 10px;
+}
+.full-info h1 a,
+.full-info h2 a,
+.full-info h3 a,
+.full-info h4 a,
+.full-info h5 a,
+.full-info h6 a {
+  font-size: 16px;
+}
+.full-info h1 a.hash-tag,
+.full-info h2 a.hash-tag,
+.full-info h3 a.hash-tag,
+.full-info h4 a.hash-tag,
+.full-info h5 a.hash-tag,
+.full-info h6 a.hash-tag {
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s ease-in-out;
+}
+.full-info h1:hover a,
+.full-info h2:hover a,
+.full-info h3:hover a,
+.full-info h4:hover a,
+.full-info h5:hover a,
+.full-info h6:hover a {
+  opacity: 1;
+  visibility: visible;
+}
+.full-info h1 {
+  font-size: 2rem;
+  padding-bottom: 10px;
+  line-height: 1.3;
+}
+.full-info h2 {
+  font-size: 24px;
+}
+.full-info h3 {
+  font-size: 18px;
+}
+.full-info h4 {
+  font-size: 16px;
+}
+.full-info h5 {
+  font-size: 15px;
+}
+.full-info h6 {
+  font-size: 13px;
+}
+
+.full-info h2 span.share-icon {
+  color: #6b6b6b;
+  font-size: 18px;
+  margin-left: 10px;
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s ease-in-out;
+}
+
+.full-info h2:hover span.share-icon {
+  opacity: 1;
+  visibility: visible;
+}
+
+blockquote {
+  border-left: 4px solid var(--ac-primary);
+  padding-left: 15px;
+}
+
+.full-info ul li,
+.full-info ol li,
+.full-info ol li p {
+  color: #4a4a4a;
+  display: block;
+  padding-bottom: 8px;
+  line-height: 1.8;
+}
+
+.full-info ul li:last-child,
+.full-info ol li:last-child,
+.full-info ol p:last-child {
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+
+.full-info ul li,
+.full-info ol li {
+  text-indent: -30px;
+}
+
+.full-info ul li p,
+.full-info ol li p {
+  text-indent: 0;
+  margin-top: -30px;
+}
+
+.full-info ul li pre,
+.full-info ol li pre {
+  text-indent: 0px;
+  margin-left: -30px;
+}
+
+.full-info ul li:before {
+  content: "\f10c";
+  font-family: fontawesome;
+  font-size: 8px;
+  margin-right: 20px;
+  color: #707070;
+}
+
+.full-info figure {
+  margin-bottom: 30px;
+}
+.full-info figure figcaption {
+  color: #707070;
+  font-size: 14px;
+}
+
+ul li b {
+  color: var(--ac-primary);
+  font-weight: 500;
+}
+
+.full-info ul,
+.full-info ol {
+  padding: 0 0 0 30px;
+  margin-bottom: 15px;
+}
+
+.full-info ul.nav.nav-tabs {
+  margin-bottom: 0;
+}
+
+.full-info ul li p {
+  margin: 0;
+  display: inline;
+}
+
+.full-info p b {
+  color: var(--ac-primary);
+}
+
+.full-info ul li p a,
+.full-info p a,
+.full-info a {
+  color: var(--ac-primary);
+  font-weight: 500;
+  font-family: "Roboto", sans-serif;
+}
+
+.full-info p {
+  margin-bottom: 0.825rem;
+  color: #515D63;
+  line-height: 160%;
+  font-family: "Roboto", sans-serif;
+}
+
+.full-info p strong {
+  font-weight: 500;
+}
+.full-info p strong em {
+  font-weight: 500;
+}
+
+.appscode-style.full-info ul li p a .appscode-style.full-info p a,
+.appscode-style.full-info a {
+  color: var(--ac-primary);
+}
+
+.code-block-wrapper {
+  position: relative;
+  z-index: 1;
+}
+.code-block-wrapper .code-block-title h4 {
+  font-size: 16px;
+  line-height: 130%;
+  font-family: "Roboto", sans-serif;
+  font-weight: 500;
+  margin-bottom: 0;
+  display: flex;
+  align-items: center;
+}
+.code-block-wrapper .code-block-title .copy-and-download {
+  display: flex;
+  align-items: center;
+  background: #f0f3f3;
+  padding: 20px;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.code-block-wrapper .code-block-title .copy-and-download button {
+  background: transparent;
+  border: none;
+  cursor: copy;
+  width: 30px;
+}
+.code-block-wrapper .code-block-title .copy-and-download button svg {
+  transition: 0.3s ease-in-out;
+}
+.code-block-wrapper .code-block-title .copy-and-download button:hover svg {
+  transform: scale(1.2);
+}
+.code-block-wrapper .code-block-title .copy-and-download .download-here {
+  cursor: pointer;
+}
+
+.full-info ol {
+  list-style: none;
+  counter-reset: order-list-counter;
+}
+
+.full-info ol li {
+  counter-increment: order-list-counter;
+}
+
+.full-info ol li::before {
+  content: counter(order-list-counter) ". ";
+  font-weight: 500;
+  font-family: "Roboto", sans-serif;
+  font-size: 15px;
+  color: #4a4a4a;
+}
+
+.search-area {
+  position: relative;
+  z-index: 1;
+  margin-bottom: 40px;
+}
+
+.search-area input {
+  background: #ffffff;
+  border: 1px solid #e7e7e7;
+  padding: 9px 40px 9px 15px;
+  font-size: 15px;
+  border-radius: 3px;
+  width: 100%;
+}
+
+.search-button {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  right: 0;
+  background: transparent;
+  border: none;
+  color: #32325d;
+  padding: 0 15px;
+  margin-top: -1px;
+  cursor: pointer;
+  display: block;
+}
+
+.tbl-of-contents #TableOfContents {
+  max-height: 70vh;
+}
+.tbl-of-contents #TableOfContents::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.tbl-of-contents #TableOfContents::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+.tbl-of-contents #TableOfContents::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+}
+.tbl-of-contents #TableOfContents::-webkit-scrollbar-thumb:hover {
+  background: #555;
+}
+
+.tbl-of-contents h4 {
+  font-size: 14px;
+  font-weight: 700;
+  color: #171B1C;
+  margin-left: 20px;
+  margin-bottom: 1.5rem;
+  line-height: 1;
+}
+
+.tbl-of-contents ul li a {
+  color: #4a4a4a;
+  opacity: 0.7;
+  font-size: 14px;
+  font-family: "Roboto", sans-serif;
+  font-weight: 500;
+  display: block;
+  padding-left: 20px;
+  padding-bottom: 10px;
+}
+
+.tbl-of-contents ul ul {
+  border: none;
+}
+
+.tbl-of-contents ul a.active:before {
+  width: 3px;
+  height: 100%;
+  background: var(--ac-primary);
+  content: "";
+  left: -2px;
+  top: 0;
+  position: absolute;
+  border-radius: 50px;
+  transition: 0.3s ease-in-out;
+}
+
+.tbl-of-contents ul a.active {
+  position: relative;
+  z-index: 1;
+  color: var(--ac-primary);
+}
+
+li.nav-item.active a {
+  color: var(--ac-primary);
+}
+
+.right-sidebar-area {
+  padding: 0 1.25rem 0 0;
+  position: sticky;
+  top: 130px;
+}
+
+.overlay-bg {
+  position: relative;
+  z-index: 99;
+  width: 100%;
+  height: 100%;
+}
+
+.overlay-bg {
+  position: fixed;
+  content: "";
+  background: #000;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.8;
+  display: none;
+}
+
+.sidebar-search-area {
+  background: #ffffff;
+  width: 585px;
+  z-index: 9999;
+  right: -100%;
+  position: fixed;
+  top: 0;
+  height: 100%;
+  overflow-y: scroll;
+  transition: 0.3s linear;
+}
+.sidebar-search-area button.button.ac-button.inline-button.back-button {
+  padding-left: 20px;
+  padding-top: 20px;
+}
+
+.sidebar-search-area::-webkit-scrollbar {
+  width: 8px;
+}
+
+.sidebar-search-area::-webkit-scrollbar-track {
+  background: #e7e7e7;
+}
+
+.sidebar-search-area::-webkit-scrollbar-thumb {
+  background: #888;
+  border-radius: 50px;
+}
+
+.sidebar-search-area::-webkit-scrollbar-thumb:hover {
+  background: #818181;
+}
+
+.search-area-top {
+  padding: 20px;
+}
+
+.searchbar-area input {
+  background: #ffffff;
+  padding: 10px;
+  border: 1px solid #e7e7e7;
+  height: 40px;
+  border-radius: 3px;
+  width: calc(100% - 70px);
+}
+.searchbar-area input:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+.searchbar-area {
+  position: relative;
+  z-index: 1;
+}
+
+.searchbar-area button {
+  position: absolute;
+  height: 100%;
+  width: 60px;
+  background: #4d4dcb;
+  color: #ffffff;
+  border: none;
+  border-radius: 3px;
+  margin-left: 10px;
+  cursor: pointer;
+}
+
+.sidebar-search-area h3 {
+  font-family: "Roboto", sans-serif;
+  color: #393e46;
+  margin-bottom: 10px;
+}
+
+.search-meta-information p,
+.search-meta-information label,
+.shorting-data select {
+  font-size: 12px;
+  color: #6b6b6b;
+  margin-top: 14px;
+}
+
+.shorting-data select {
+  border-radius: 3px;
+  width: 60px;
+  background: #f2f2f2;
+  border-color: #e7e7e7;
+  color: #393e46;
+  font-family: "Roboto", sans-serif;
+}
+
+.single-search-result h3 a {
+  color: #4d4dcb;
+  font-size: 16px;
+  font-family: "Roboto", sans-serif;
+  line-height: 26px;
+}
+
+.single-search-result h3 {
+  margin-bottom: 0;
+  line-height: 0;
+}
+
+.single-search-result a {
+  color: #00a651;
+  font-size: 12px;
+  font-family: "Roboto", sans-serif;
+  display: block;
+}
+
+.result-thumb {
+  width: 60px;
+  float: left;
+  overflow: hidden;
+  margin-right: 10px;
+}
+
+.result-description-wrapper {
+  overflow: hidden;
+  margin-top: 5px;
+}
+
+.result-description {
+  overflow: hidden;
+}
+
+.result-description p {
+  overflow: hidden;
+  font-size: 12px;
+}
+
+.single-search-result {
+  border-bottom: 1px solid #f2f2f2;
+  padding: 8px 20px;
+  transition: 0.3s ease-in-out;
+}
+
+.single-search-result:last-child {
+  border-bottom: none;
+}
+
+.single-search-result:hover {
+  background: #f2f2f2;
+}
+
+.single-search-result:hover.single-search-result h3 a {
+  text-decoration: underline;
+}
+
+.full-info img {
+  border: 1px solid #a9e9e9;
+  padding: 15px;
+  border-radius: 4px;
+}
+
+/* version section style start */
+.select select.is-active,
+.select select.is-focused,
+.select select:active,
+.select select:focus,
+.button.is-focused:not(:active),
+.button:focus:not(:active) {
+  box-shadow: none;
+  border-color: none;
+}
+
+.navbar-link:not(.is-arrowless)::after,
+.select:not(.is-multiple):not(.is-loading)::after {
+  border-color: #999;
+  height: 8px;
+  width: 8px;
+}
+
+.dropdown.is-active .button .icon:last-child:not(:first-child) {
+  transform: rotate(180deg);
+}
+
+/* version section style end */
+.improve-section-area {
+  background-color: #fafafd;
+  border-top: 1px solid #e7e7e7;
+  border-bottom: 1px solid #e7e7e7;
+  padding: 20px;
+  font-size: 1rem;
+  font-weight: 500;
+}
+
+.improve-bg-color {
+  background-color: #fbfdff;
+}
+.improve-bg-color a {
+  font-size: 16px !important;
+  font-weight: 700 !important;
+  font-family: "Roboto", sans-serif;
+}
+.improve-bg-color p {
+  font-size: 16px !important;
+  color: #74818d !important;
+}
+
+.full-info table td,
+.full-info table th {
+  text-align: left;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 1023px) {
+  .documentation-area {
+    margin-top: 160px;
+    margin-bottom: 15px;
+  }
+  .documentation-area .right-sidebar-area {
+    top: 0;
+  }
+  .documentation-area .left-sidebar-wrapper,
+  .documentation-area .right-sidebar {
+    display: none;
+    position: fixed;
+    top: 0;
+    z-index: 9999;
+    width: 80%;
+    margin-top: 0;
+    height: calc(100vh - 0px);
+  }
+  .documentation-area .right-sidebar {
+    right: 0;
+    background: #fff;
+    height: 100vh;
+    overflow-y: auto;
+  }
+  .documentation-area .documentation-body {
+    padding: 0 20px;
+    width: 100%;
+  }
+  .documentation-area .documentation-body .full-info h1 {
+    font-size: 1.5rem;
+    line-height: 1.3;
+    margin-bottom: 0;
+  }
+  .ac-product-left-sidebar {
+    max-height: calc(100vh - 100px);
+    top: 0;
+    position: relative;
+  }
+  .sidebar-search-area {
+    width: 100%;
+  }
+  .improve-section-area {
+    padding-bottom: 20px;
+  }
+  .button.is-link.is-medium.is-active.has-text-weight-normal {
+    margin-bottom: 10px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .documentation-area .left-sidebar-wrapper {
+    width: 240px;
+  }
+  .documentation-area .documentation-body {
+    padding: 0 40px;
+    width: calc(100% - 480px);
+  }
+  .documentation-area .right-sidebar {
+    width: 240px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .documentation-area .left-sidebar-wrapper {
+    width: 240px;
+  }
+  .documentation-area .documentation-body {
+    padding: 0 40px;
+    width: calc(100% - 480px);
+  }
+  .documentation-area .right-sidebar {
+    width: 240px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .navbar-appscode.documentation-menu {
+    margin-left: 263px;
+  }
+  .documentation-area .left-sidebar-wrapper {
+    width: 265px;
+  }
+  .documentation-area .documentation-body {
+    width: calc(100% - 520px);
+  }
+  .documentation-area .right-sidebar {
+    width: 260px;
+  }
+}
+.hero-area.features-plan {
+  margin-top: 130px;
+}
+.hero-area.features-plan .hero-area-content .hero-content-inner h1 {
+  font-size: 36px;
+  line-height: 140%;
+  font-weight: 500;
+  margin-bottom: 30px;
+}
+.hero-area.features-plan .hero-area-content .hero-content-inner h1 b {
+  font-weight: 700;
+}
+
+.bgc-2 {
+  background-color: #f9f9f9;
+}
+
+.features-cta-area {
+  padding: 80px 0;
+}
+.features-cta-area .features-plan-cta-wrapper {
+  background-color: #ffffff;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: sticky;
+  z-index: 8;
+  top: 50px;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-left {
+  width: 35%;
+  padding: 30px 20px;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-left.fp-cta-bg {
+  background-image: url(../images/features-plan/features-plan-cta-bg.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-left h2 {
+  font-size: 36px;
+  line-height: 140%;
+  font-weight: 700;
+  color: #32325d;
+  margin-bottom: 20px;
+  text-transform: capitalize;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-left p {
+  font-size: 16px;
+  line-height: 160%;
+  color: #54657e;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right {
+  width: 65%;
+  display: flex;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta {
+  padding: 20px 20px 80px 20px;
+  border-left: 1px solid #eceff4;
+  position: relative;
+  z-index: 1;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.community {
+  width: 50%;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.enterprise {
+  width: 50%;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.enterprise .button.ac-button.is-secondary {
+  background-color: #ff8000;
+  border-color: #ff8000;
+  color: #ffffff;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 {
+  font-weight: 700;
+  font-size: 22px;
+  line-height: 1.2;
+  margin-bottom: 6px;
+  text-transform: capitalize;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta p {
+  font-size: 16px;
+  color: #54657e;
+  line-height: 1.5;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta a.is-trial {
+  font-size: 12px;
+  color: #ff8000;
+  margin-bottom: 15px;
+  line-height: 1;
+  font-weight: 500;
+  display: block;
+  font-family: roboto;
+  text-decoration: underline;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta a.is-trial:hover {
+  color: var(--ac-primary);
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .bottom-content {
+  position: absolute;
+  bottom: 20px;
+  left: 0px;
+  width: 100%;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title {
+  margin-top: 15px;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li {
+  background-color: #ffefe7;
+  width: 33.33%;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(2) {
+  background-color: rgba(0, 114, 249, 0.1);
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(3) {
+  background-color: #ece8f7;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(4) {
+  background-color: #e8f1f8;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title ul {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title ul li {
+  padding: 16px;
+  font-size: 16px;
+  color: #393e46;
+  text-transform: uppercase;
+  font-weight: 500;
+  background-color: #e5f6ee;
+  width: 100%;
+}
+
+.single-features-area:not(:last-child) {
+  margin-bottom: 30px;
+}
+
+.features-plan-area .single-features-area .single-features {
+  display: grid;
+  grid-template-columns: 35% 65%;
+}
+.features-plan-area .single-features-area .single-features .features-plan {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px;
+  text-align: center;
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) {
+  background-color: #ffffff;
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) .features-plan.community {
+  background-color: #edf9f3 !important;
+  color: #32325d;
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan {
+  color: #32325d;
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(1) {
+  background-color: rgba(252, 96, 17, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(2) {
+  background-color: rgba(0, 114, 249, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(3) {
+  background-color: rgba(63, 25, 173, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(4) {
+  background-color: rgba(25, 113, 189, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) {
+  background-color: #f7f9fb;
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) .features-plan.community {
+  background-color: #e6f3ef !important;
+  color: #32325d;
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan {
+  color: #32325d;
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(1) {
+  background-color: rgba(252, 96, 17, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(2) {
+  background-color: rgba(0, 114, 249, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(3) {
+  background-color: rgba(63, 25, 173, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(4) {
+  background-color: rgba(25, 113, 189, 0.1);
+}
+.features-plan-area .single-features-area .single-features.title {
+  margin-bottom: 0;
+}
+.features-plan-area .single-features-area .single-features.title .features-name {
+  display: flex;
+  align-items: center;
+}
+.features-plan-area .single-features-area .single-features.title .features-plan.community {
+  background-color: #edf9f3 !important;
+  color: #00a651;
+}
+.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(1) {
+  background-color: rgba(252, 96, 17, 0.1);
+  color: #fc6011;
+}
+.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(2) {
+  background-color: rgba(0, 114, 249, 0.1);
+  color: #0072f9;
+}
+.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(3) {
+  background-color: rgba(63, 25, 173, 0.1);
+  color: #3f19ad;
+}
+.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(4) {
+  background-color: rgba(25, 113, 189, 0.1);
+  color: #1971bd;
+}
+.features-plan-area .single-features-area .single-features.title .features-name {
+  font-weight: 500;
+}
+.features-plan-area .single-features-area .single-features.title .features-plan-wrapper .features-plan {
+  font-weight: 500;
+}
+.features-plan-area .single-features-area .single-features .features-name {
+  padding: 14px 20px;
+  font-size: 16px;
+  color: #393e46;
+}
+.features-plan-area .single-features-area .single-features .features-name a {
+  font-family: "Roboto", sans-serif;
+  text-decoration: underline;
+}
+.features-plan-area .single-features-area .single-features .features-name .info-icon.tooltip {
+  margin-left: 5px;
+  margin-top: 3px;
+  min-width: 16px;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper {
+  display: grid;
+  align-items: center;
+  grid-template-columns: 50% 50%;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan {
+  font-weight: 400;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.community {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  text-align: center;
+  justify-content: center;
+  font-size: 14px;
+  padding: 7px;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.community span.t-icon {
+  height: 26px;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.enterprise {
+  display: grid;
+  grid-template-columns: 100%;
+  font-size: 14px;
+  height: 100%;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan .e-plan {
+  padding: 10px 15px;
+  height: 100%;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  line-height: 130%;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan .e-plan span.t-icon {
+  height: 26px;
+  width: 26px;
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.assistance-card-wrapper {
+  @import url(/assets/css/calendly.css);
+}
+.assistance-card-wrapper .single-card {
+  background: #ffffff;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
+  border-radius: 4px;
+  transition: 0.3s ease-in-out;
+}
+.assistance-card-wrapper .single-card:hover {
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16);
+}
+.assistance-card-wrapper .single-card .card-head {
+  display: flex;
+  align-items: center;
+  padding: 40px 30px;
+  border-bottom: 1px solid #eceff4;
+}
+.assistance-card-wrapper .single-card .card-head .ass-icon {
+  width: 56px;
+  margin-right: 28px;
+}
+.assistance-card-wrapper .single-card .card-head .ass-title {
+  font-style: normal;
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 120%;
+  color: #1c1c1c;
+}
+.assistance-card-wrapper .single-card .card-body {
+  padding: 30px 20px;
+}
+.assistance-card-wrapper .single-card .card-body p {
+  font-style: normal;
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 100%;
+  color: #54657e;
+  margin-bottom: 15px;
+}
+.assistance-card-wrapper .single-card .card-body .button {
+  background: rgba(77, 77, 203, 0.1);
+  border: 1px solid #4d4dcb;
+  box-sizing: border-box;
+  border-radius: 4px;
+  font-size: 16px;
+  color: #4d4dcb;
+  font-weight: 500;
+  font-family: Roboto;
+  height: 41px;
+  transition: 0.3s ease-in-out;
+}
+.assistance-card-wrapper .single-card .card-body .button:hover {
+  background-color: #4d4dcb;
+  color: #ffffff !important;
+}
+.assistance-card-wrapper .single-card .card-body .subscription-form {
+  position: relative;
+  z-index: 1;
+}
+.assistance-card-wrapper .single-card .card-body .subscription-form input {
+  border: none;
+  background-color: #e7e7e7;
+  height: 41px;
+}
+.assistance-card-wrapper .single-card .card-body .subscription-form input:focus {
+  border: 1px solid #4d4dcb;
+  border-radius: 4px;
+}
+.assistance-card-wrapper .single-card .card-body .subscription-form button {
+  position: absolute;
+  right: 0;
+  top: 0;
+  background-color: #4d4dcb;
+  color: #ffffff;
+  border: none;
+  z-index: 9;
+}
+.assistance-card-wrapper .single-card .card-body .subscription-form button i.fa {
+  color: #ffffff;
+}
+.assistance-card-wrapper .single-card .card-body .subscription-form button:hover {
+  color: #ffffff;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .features-plan .hero-area-content .hero-content-inner h1 {
+    font-size: 28px;
+    line-height: 140% !important;
+    font-weight: 500;
+    margin-bottom: 20px;
+  }
+  .features-cta-area.section-padding-100 {
+    padding: 60px 0;
+  }
+  .features-cta-area {
+    overflow-y: auto;
+  }
+  .features-cta-area .features-plan-cta-wrapper {
+    position: static;
+    min-width: 1344px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-left {
+    width: 35%;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-left h2 {
+    font-size: 26px;
+    margin-bottom: 10px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right {
+    width: 70%;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta {
+    width: 100%;
+    padding: 20px 20px 108px 20px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 {
+    font-size: 20px;
+    margin-bottom: 10px;
+  }
+  .features-cta-area .features-plan-area {
+    min-width: 1344px;
+  }
+  .features-cta-area .single-features-area {
+    margin-bottom: 10px;
+  }
+  .table.ac-features-table {
+    min-width: 500px;
+  }
+  .assistance-area.section-padding-100 {
+    padding: 60px 0;
+  }
+  .single-assistance .ass-top {
+    padding: 30px 20px;
+  }
+  .single-assistance .ass-top .ass-icon {
+    max-width: 40px;
+  }
+  .single-assistance .ass-bottom {
+    padding: 20px 20px 30px;
+  }
+  .ac-accordion-wrapper .single-accordion-item .accordion-heading h3 {
+    padding-right: 20px;
+  }
+}
+@media (min-width: 576px) and (max-width: 768px) {
+  .features-plan .hero-area-img {
+    display: none;
+  }
+  .features-cta-area.section-padding-100 {
+    padding: 60px 0;
+  }
+  .features-cta-area {
+    overflow-y: auto;
+  }
+  .features-cta-area .features-plan-cta-wrapper {
+    position: static;
+    min-width: 1344px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-left {
+    width: 35%;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-left h2 {
+    font-size: 26px;
+    margin-bottom: 10px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right {
+    width: 100%;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta {
+    width: 100%;
+    padding: 40px 20px 108px 20px;
+    min-height: 240px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 {
+    font-size: 20px;
+    margin-bottom: 10px;
+  }
+  .features-cta-area .single-features-area {
+    margin-bottom: 10px;
+  }
+  .features-plan-area {
+    min-width: 1344px;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .features-plan .hero-content-inner {
+    padding: 50px 50px 50px 0;
+  }
+  .features-plan .hero-area-img img {
+    opacity: 1;
+  }
+  .features-cta-area {
+    overflow-y: auto;
+  }
+  .features-cta-area .features-plan-cta-wrapper {
+    min-width: 1344px;
+    position: static;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-left {
+    width: 30%;
+    padding: 50px 20px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-left h2 {
+    font-size: 26px;
+    margin-bottom: 10px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right {
+    width: 70%;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta {
+    width: 100%;
+    padding: 40px 20px 108px 20px;
+    min-height: 240px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 {
+    font-size: 20px;
+    margin-bottom: 10px;
+  }
+  .features-cta-area .single-features-area {
+    margin-bottom: 10px;
+  }
+  .features-cta-area .features-plan-area {
+    min-width: 1344px;
+  }
+}
+.news-message {
+  display: inline-flex;
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 1.6;
+  color: #515D63;
+  background: #ffffff;
+  margin-bottom: 8px;
+  border: 1px solid #e7e7e7;
+  padding: 8px 15px;
+  border-radius: 2px;
+}
+.news-message:hover strong {
+  text-decoration: underline;
+}
+.news-message strong {
+  color: var(--ac-primary);
+  font-weight: 500;
+}
+
+.hero-area-1 {
+  padding: 150px 0 60px 0px;
+  overflow: hidden;
+}
+@media screen and (max-width: 768px) {
+  .hero-area-1 {
+    padding: 160px 0 30px;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .hero-area-1 {
+    padding: 130px 0 50px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .hero-area-1 {
+    padding: 150px 0 60px;
+  }
+}
+.hero-area-1 h1 {
+  font-weight: 600;
+  font-size: 68px;
+  line-height: 120%;
+  letter-spacing: -2.5px;
+}
+@media screen and (max-width: 768px) {
+  .hero-area-1 h1 {
+    font-size: 38px;
+    letter-spacing: -0.57px;
+  }
+}
+@media (min-width: 400px) and (max-width: 768px) {
+  .hero-area-1 h1 {
+    font-size: 45px;
+  }
+  .hero-area-1 h1 img {
+    height: 40px !important;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .hero-area-1 h1 {
+    font-size: 38px;
+    letter-spacing: -0.57px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .hero-area-1 h1 {
+    font-size: 56px;
+    letter-spacing: -0.57px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .hero-area-1 h1 {
+    font-size: 58px;
+    letter-spacing: -0.57px;
+  }
+}
+.hero-area-1 h1 img {
+  transform: translateY(2px);
+}
+@media screen and (max-width: 768px) {
+  .hero-area-1 h1 img {
+    height: 32px;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .hero-area-1 h1 img {
+    height: 32px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .hero-area-1 h1 img {
+    height: 40px;
+  }
+}
+.hero-area-1 .buttons {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+@media screen and (max-width: 1407px) {
+  .hero-area-1 .buttons {
+    margin-bottom: 16px;
+  }
+}
+.hero-area-1 .buttons .button {
+  margin-bottom: 0;
+}
+@media screen and (max-width: 768px) {
+  .hero-area-1 .buttons .button.ac-button {
+    width: 100%;
+  }
+}
+@media screen and (max-width: 1215px) {
+  .hero-area-1 .buttons .button.ac-button {
+    margin-bottom: 0.5rem;
+    margin-right: 0.5rem !important;
+    padding: 0.5rem 1rem;
+  }
+}
+.hero-area-1 .h-right-content {
+  margin-right: -84px;
+  position: relative;
+  z-index: 1;
+}
+@media screen and (max-width: 768px) {
+  .hero-area-1 .h-right-content {
+    margin-right: 0;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .hero-area-1 .h-right-content {
+    margin-right: -30px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .hero-area-1 .h-right-content {
+    margin-right: -42px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .hero-area-1 .h-right-content {
+    margin-right: -74px;
+  }
+}
+@media (min-width: 1216px) and (max-width: 1440px) {
+  .hero-area-1 .h-right-content {
+    margin-right: -74px;
+  }
+}
+.hero-area-1 .h-right-content::after {
+  transform: scale(3) rotate(90deg);
+  left: auto;
+  right: 200px;
+  top: 0;
+  bottom: auto;
+  opacity: 0.5;
+}
+@media screen and (max-width: 1023px) {
+  .hero-area-1 .h-right-content::after {
+    transform: scale(2.5) rotate(90deg);
+    right: 0;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .hero-area-1 .h-right-content::after {
+    transform: scale(2.5) rotate(90deg);
+    right: 0;
+  }
+}
+
+.intro-view-button {
+  position: absolute;
+  left: 0;
+  top: 25%;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background-color: #fff;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16);
+  padding: 16px;
+  border-radius: 16px;
+  width: 330px;
+  cursor: pointer;
+  transition: 0.3s ease-in-out;
+}
+.intro-view-button:hover {
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.25);
+}
+.intro-view-button:hover .content span {
+  color: #171B1C;
+}
+.intro-view-button .video-icon {
+  width: 48px;
+  height: 48px;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16);
+  border-radius: 50%;
+}
+.intro-view-button .content {
+  width: calc(100% - 64px);
+}
+.intro-view-button .content p {
+  font-size: 16px;
+  margin-bottom: 0;
+}
+
+.products-area {
+  position: relative;
+}
+.products-area .single-product {
+  display: block;
+  background-color: #ffffff;
+  border: 1px solid #e7e7e7;
+  transition: 0.3s ease-in-out;
+  padding: 32px 24px;
+  border-radius: 4px;
+}
+.products-area .single-product:hover {
+  box-shadow: 1px 11px 114px rgba(0, 0, 0, 0.15);
+}
+@media screen and (max-width: 768px) {
+  .products-area .single-product {
+    padding: 32px 16px;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .products-area .single-product {
+    min-height: 278px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .products-area .single-product:after {
+    right: 0;
+    width: 100%;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .products-area .single-product {
+    padding: 35px 20px;
+  }
+}
+.products-area .single-product .product-logo {
+  height: 24px;
+  margin-bottom: 20px;
+}
+.products-area .single-product .product-logo img {
+  height: 100%;
+}
+.products-area .single-product p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  color: #515D63;
+  margin-bottom: 20px;
+}
+.products-area .single-product p strong {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  color: var(--ac-primary);
+}
+.products-area .single-product .button {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 160%;
+  letter-spacing: 1.25px;
+  color: var(--ac-primary);
+  text-decoration: underline;
+}
+.products-area .single-product .button .material-icons-outlined {
+  font-size: 18px;
+  margin-left: 1rem;
+}
+
+.more-products,
+.intro-kubedb-ui {
+  gap: 12px;
+}
+.more-products .single-feature,
+.intro-kubedb-ui .single-feature {
+  flex-basis: calc(50% - 6px);
+}
+@media screen and (max-width: 1023px) {
+  .more-products .single-feature,
+  .intro-kubedb-ui .single-feature {
+    flex-basis: 100%;
+  }
+}
+@media screen and (max-width: 768px) {
+  .more-products .button.ac-button,
+  .intro-kubedb-ui .button.ac-button {
+    width: 100%;
+  }
+}
+
+.single-feature {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+.single-feature.card-view {
+  flex-direction: column;
+  border: 1px solid #e7e7e7;
+  padding: 16px;
+  border-radius: 4px;
+  background-color: #fbfbfe;
+}
+.single-feature.card-view:nth-child(2) {
+  background-color: #fefdfa;
+}
+.single-feature.card-view:nth-child(3) {
+  background-color: #fafefc;
+}
+.single-feature.card-view:nth-child(4) {
+  background-color: #fcfaff;
+}
+.single-feature.card-view .icon {
+  border: 1px solid transparent;
+  background-color: #ffffff;
+}
+.single-feature.card-view .content {
+  width: 100%;
+}
+.single-feature.mechanism {
+  transition: 0.3s ease-in-out;
+  border-radius: 8px;
+  padding: 8px 16px;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  cursor: pointer;
+}
+.single-feature.mechanism .content strong {
+  margin-bottom: 4px;
+  font-size: 16px;
+}
+.single-feature.mechanism:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.single-feature.mechanism.is-active {
+  background-color: var(--ac-primary);
+}
+.single-feature .icon {
+  width: 52px;
+  height: 52px;
+  border-radius: 50%;
+  background-color: #f0fff7;
+  border: 1px solid var(--ac-primary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.single-feature .icon img {
+  height: 32px;
+  width: auto;
+}
+.single-feature .content {
+  width: calc(100% - 76px);
+}
+.single-feature .content h3 {
+  font-size: 20px;
+  margin-bottom: 4px;
+  line-height: 130%;
+}
+.single-feature .content p {
+  font-size: 16px;
+  color: #515D63;
+}
+
+.single-ui-ss {
+  border-radius: 8px;
+  overflow: hidden;
+  margin-left: 0px;
+  position: relative;
+  width: 100%;
+  height: 0px;
+  padding-top: 69.9300699301%;
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .single-ui-ss {
+    padding-top: 108.6956521739%;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .single-ui-ss {
+    padding-top: 90.9090909091%;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .single-ui-ss {
+    padding-top: 71.4285714286%;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .single-ui-ss {
+    padding-top: 64.1025641026%;
+  }
+}
+@media (min-width: 1216px) and (max-width: 1440px) {
+  .single-ui-ss {
+    padding-top: 71.4285714286%;
+  }
+}
+.single-ui-ss img {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  left: 0;
+  object-position: left;
+}
+
+.more-features {
+  margin-top: 32px;
+}
+@media screen and (max-width: 768px) {
+  .more-features {
+    margin-top: 0;
+  }
+  .more-features .button.ac-button {
+    width: 100%;
+  }
+}
+
+.ui-dashboard {
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+}
+.ui-dashboard::after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url("../../../assets/images/products/appscode/features/ui-features.webp");
+  background-repeat: no-repeat;
+}
+
+.mechanics-area {
+  position: relative;
+  z-index: 1;
+}
+
+.dark-bg {
+  background-color: #000a05;
+}
+.dark-bg h1,
+.dark-bg h2,
+.dark-bg h3,
+.dark-bg h4,
+.dark-bg h5,
+.dark-bg h6,
+.dark-bg strong,
+.dark-bg label {
+  color: #e6e7e6;
+}
+.dark-bg p {
+  color: #d4d6d5;
+}
+.dark-bg .single-feature.card-view {
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  background-color: #000a05;
+}
+.dark-bg .single-feature .icon {
+  background-color: rgba(255, 255, 255, 0.1);
+  border: none;
+}
+.dark-bg .single-feature .content p {
+  color: #d4d6d5;
+}
+.dark-bg .single-feature .content a {
+  transition: 0.3s ease-in-out;
+  font-weight: 500;
+}
+.dark-bg .single-feature .content a:hover {
+  color: var(--ac-primary);
+  opacity: 0.9;
+}
+.dark-bg .footer-top {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+.dark-bg .footer-inline-link,
+.dark-bg .subscription-form label,
+.dark-bg .all-contact-info li a,
+.dark-bg p.spam-message {
+  color: #adb2b0;
+}
+.dark-bg .footer-inline-link a,
+.dark-bg .subscription-form label a,
+.dark-bg .all-contact-info li a a,
+.dark-bg p.spam-message a {
+  color: #adb2b0;
+  transition: 0.3s ease-in-out;
+}
+.dark-bg .footer-inline-link a:hover,
+.dark-bg .subscription-form label a:hover,
+.dark-bg .all-contact-info li a a:hover,
+.dark-bg p.spam-message a:hover {
+  color: var(--ac-primary);
+}
+
+.decorative-el-large, .intro-kubedb-ui:after, .cta-area .cta-area-inner:after, .footer-area:after {
+  background-image: url("../images/shape/decorative-el-large-2.png");
+  background-size: cover;
+  background-position: center;
+}
+
+.intro-kubedb-ui {
+  position: relative;
+  z-index: 1;
+}
+.intro-kubedb-ui:after {
+  background-color: rgba(253, 253, 253, 0.1);
+  position: absolute;
+  content: "";
+  left: 30px;
+  top: 0;
+  height: 100%;
+  width: calc(100% - 60px);
+  z-index: -1;
+  border-radius: 20px;
+}
+@media screen and (max-width: 1023px) {
+  .intro-kubedb-ui:after {
+    left: 0;
+    width: 100%;
+    border-radius: 0;
+  }
+}
+
+.ui-features-area {
+  position: relative;
+  z-index: 1;
+}
+.ui-features-area:after {
+  right: 0px;
+  left: auto;
+  top: 60px;
+}
+
+.subscription-area .subscription-message {
+  padding-right: 150px;
+}
+@media screen and (max-width: 1023px) {
+  .subscription-area .subscription-message {
+    padding: 0;
+  }
+}
+.subscription-area p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  color: #515D63;
+  margin-bottom: 30px;
+}
+.subscription-area p strong {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  color: var(--ac-primary);
+}
+.subscription-area .subscription-input {
+  position: relative;
+  z-index: 1;
+  max-width: 400px;
+}
+.subscription-area .subscription-input input {
+  height: 56px;
+  background-color: #ffffff;
+  border: 1px solid #e7e7e7;
+  border-radius: 2px;
+  padding: 6px 140px 6px 30px;
+  font-size: 15px;
+  box-shadow: 0px 4px 18px 5px rgba(0, 166, 81, 0.09);
+  width: 100%;
+}
+.subscription-area .subscription-input input::placeholder {
+  color: #999999;
+}
+.subscription-area .subscription-input input:focus {
+  outline: 1px solid var(--ac-primary);
+}
+.subscription-area .subscription-input button {
+  height: 44px;
+  position: absolute;
+  right: 6px;
+  top: 6px;
+}
+.subscription-area .subscription-input p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  margin-top: 15px;
+}
+
+.products-features {
+  background: #f3f4f7;
+}
+@media screen and (max-width: 768px) {
+  .products-features #nav-serialscrolling {
+    top: 0;
+  }
+  .products-features [data-serialscrolling-target] {
+    height: 100%;
+  }
+}
+.products-features .features-tabs {
+  position: sticky;
+  margin-top: 210px;
+}
+.products-features .features-tabs:after {
+  top: -250px;
+  left: -120px;
+}
+@media screen and (max-width: 768px) {
+  .products-features .features-tabs {
+    margin-top: 0;
+  }
+}
+.products-features .features-tabs ul li span {
+  cursor: pointer;
+  padding: 10px 0;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: 1.25px;
+  color: #515D63;
+  transition: 0.3s ease-in-out;
+  display: block;
+}
+.products-features .features-tabs ul li span.is-current {
+  color: var(--ac-primary);
+  text-decoration: underline;
+}
+.products-features .features-tabs ul li span:hover {
+  color: var(--ac-primary);
+}
+.products-features .products-description-wrapper .single-product {
+  padding: 100px 0 100px 50px;
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+@media screen and (max-width: 768px) {
+  .products-features .products-description-wrapper .single-product {
+    padding: 30px 15px;
+    margin-left: 0;
+    margin-right: 0;
+  }
+}
+.products-features .products-description-wrapper .single-product:after {
+  position: absolute;
+  content: "";
+  right: 0;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  background-color: #f1f1f1;
+  z-index: -1;
+  opacity: 0.5;
+}
+@media screen and (max-width: 768px) {
+  .products-features .products-description-wrapper .single-product:after {
+    right: 0;
+    width: 100%;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .products-features .products-description-wrapper .single-product:after {
+    right: -160px;
+    width: calc(100% + 160px);
+  }
+}
+.products-features .products-description-wrapper .single-product.kubedb:after {
+  background-color: #f6f6fd;
+  background-image: linear-gradient(to right, #f6f6fd, white);
+}
+.products-features .products-description-wrapper .single-product.kubedb .product-description .features li .material-icons {
+  color: #4d4dcb;
+}
+.products-features .products-description-wrapper .single-product.kubedb .button.ac-button.is-primary {
+  background-color: #4d4dcb;
+}
+.products-features .products-description-wrapper .single-product.stash:after {
+  background-color: #e9e9fc;
+  background-image: linear-gradient(to right, #e9e9fc, white);
+}
+.products-features .products-description-wrapper .single-product.stash .product-description .features li .material-icons {
+  color: #5e2dea;
+}
+.products-features .products-description-wrapper .single-product.stash .button.ac-button.is-primary {
+  background-color: #5e2dea;
+}
+.products-features .products-description-wrapper .single-product.kubevault:after {
+  background-color: #e9e9fc;
+  background-image: linear-gradient(to right, #e9e9fc, white);
+}
+.products-features .products-description-wrapper .single-product.kubevault .product-description .features li .material-icons {
+  color: #326ce5;
+}
+.products-features .products-description-wrapper .single-product.kubevault .button.ac-button.is-primary {
+  background-color: #326ce5;
+}
+.products-features .products-description-wrapper .single-product.prometheus .product-description .features li .material-icons {
+  color: #4d4dcb;
+}
+.products-features .products-description-wrapper .single-product.voyager:after {
+  background-color: #cfcfe6;
+  background-image: linear-gradient(to right, #cfcfe6, white);
+}
+.products-features .products-description-wrapper .single-product.voyager .product-description .features li .material-icons {
+  color: #2d2a78;
+}
+.products-features .products-description-wrapper .single-product.voyager .button.ac-button.is-primary {
+  background-color: #2d2a78;
+}
+.products-features .products-description-wrapper .single-product.kubeform:after {
+  background-color: #e9e9fc;
+  background-image: linear-gradient(to right, #e9e9fc, white);
+}
+.products-features .products-description-wrapper .single-product.kubeform .product-description .features li .material-icons {
+  color: #592217;
+}
+.products-features .products-description-wrapper .single-product.kubeform .button.ac-button.is-primary {
+  background-color: #592217;
+}
+.products-features .products-description-wrapper .illustration {
+  top: 30%;
+  position: sticky;
+  display: flex;
+  justify-content: flex-end;
+}
+@media screen and (max-width: 768px) {
+  .products-features .products-description-wrapper .illustration {
+    max-width: 350px;
+  }
+}
+.products-features .product-description .brand {
+  height: 30px;
+  margin-bottom: 1rem;
+}
+.products-features .product-description .brand img {
+  height: 100%;
+}
+.products-features .product-description h5 {
+  margin-bottom: 1rem;
+}
+.products-features .product-description p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  color: #636363;
+  margin-bottom: 1.5rem;
+}
+.products-features .product-description p strong {
+  color: var(--ac-primary);
+}
+.products-features .product-description .features {
+  margin-bottom: 30px;
+}
+.products-features .product-description .features li {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 140%;
+  color: #515D63;
+  margin-bottom: 1rem;
+  display: flex;
+  gap: 8px;
+}
+.products-features .product-description .features li .material-icons {
+  margin-right: 0.75rem;
+  font-size: 1.2rem;
+  color: var(--ac-primary);
+}
+
+[data-serialscrolling-target] {
+  height: 100vh;
+  /* your own styles here */
+}
+
+#nav-serialscrolling {
+  position: sticky;
+  top: 40%;
+}
+
+.others-products {
+  position: relative;
+}
+.others-products:after {
+  right: 0px;
+  left: auto;
+  top: auto;
+  bottom: 0;
+  rotate: 90deg;
+}
+.others-products .small-title {
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 160%;
+  letter-spacing: 0.5px;
+  margin-bottom: 10px;
+  color: var(--ac-primary);
+}
+.others-products .pr-60 {
+  padding-right: 0 !important;
+}
+@media screen and (max-width: 768px) {
+  .others-products .products .single-product {
+    border: 1px solid #e7e7e7;
+    padding: 20px 15px;
+    border-radius: 4px;
+  }
+}
+.others-products .products .single-product img {
+  width: 60px;
+  height: 60px;
+  margin-bottom: 16px;
+}
+@media screen and (max-width: 768px) {
+  .others-products .products .single-product img {
+    width: 50px;
+    height: 50px;
+    margin-bottom: 8px;
+  }
+}
+.others-products .products .single-product h5 {
+  font-size: 22px;
+}
+.others-products .products .single-product p {
+  font-style: normal;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 160%;
+  margin-bottom: 10px;
+}
+.others-products .products .single-product .inline-button {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: 1.25px;
+  text-decoration-line: underline;
+  color: var(--ac-primary);
+  transition: 0.3s ease-in-out;
+}
+.others-products .products .single-product .inline-button:hover {
+  opacity: 0.8;
+}
+
+.social-connect-area {
+  background: rgba(243, 244, 247, 0.6);
+}
+.social-connect-area .connect-message {
+  margin-right: 120px;
+  margin-bottom: 20px;
+}
+@media screen and (max-width: 1023px) {
+  .social-connect-area .connect-message {
+    margin-right: 0;
+  }
+}
+.social-connect-area p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+}
+.social-connect-area .social-link li a {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 160%;
+  letter-spacing: 0.5px;
+  color: #1c1c1c;
+  display: inline-flex;
+  transition: 0.3s ease-in-out;
+  padding: 10px 0;
+}
+.social-connect-area .social-link li a:hover {
+  text-decoration-line: underline;
+  color: var(--ac-primary);
+}
+.social-connect-area .social-link li a span {
+  height: 20px;
+  margin-right: 10px;
+}
+.social-connect-area .social-link li a span img {
+  height: 100%;
+  filter: opacity(0.5);
+}
+.social-connect-area .single-card {
+  background-color: #ffffff;
+  border-radius: 4px;
+  transition: 0.3s ease-in-out;
+  padding: 40px 30px;
+}
+.social-connect-area .single-card:hover {
+  box-shadow: 0px 10px 120px rgba(44, 60, 74, 0.38);
+}
+.social-connect-area .single-card .card-top {
+  display: flex;
+  margin-bottom: 16px;
+  align-items: center;
+}
+.social-connect-area .single-card .card-top .card-icon {
+  width: 60px;
+  height: 60px;
+  margin-right: 24px;
+}
+.social-connect-area .single-card .card-top .card-icon img {
+  width: 100%;
+}
+.social-connect-area .single-card .card-top .count {
+  width: calc(100% - 84px);
+}
+.social-connect-area .single-card .card-top .count h2 {
+  font-weight: 500;
+  font-size: 36px;
+  color: #00a651;
+  line-height: 1;
+}
+.social-connect-area .single-card .card-top .count p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 100%;
+  color: #636363;
+}
+.social-connect-area .single-card .card-bottom p {
+  font-size: 1rem;
+  line-height: 160%;
+  color: #515D63;
+  margin-bottom: 16px;
+}
+.social-connect-area .single-card .card-bottom button {
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 16px;
+  text-decoration-line: underline;
+  text-transform: uppercase;
+  border: none;
+  background-color: transparent;
+  color: var(--ac-primary);
+  font-family: "Roboto", sans-serif;
+  /* 1c1c1c */
+  color: #1c1c1c;
+}
+
+.press-area .single-press-wrapper {
+  border-radius: 4px 4px 0 0;
+  overflow: hidden;
+  transition: 0.3s ease-in-out;
+}
+.press-area .single-press-wrapper:hover {
+  box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
+  border-radius: 4px;
+  overflow: hidden;
+}
+.press-area .single-press-wrapper:hover .press-content {
+  border: 1px solid #fbfbfb;
+}
+.press-area .single-press-wrapper .press-image-1 {
+  background-image: url(../images/press/1.png);
+}
+.press-area .single-press-wrapper .press-image-2 {
+  background-image: url(../images/press/2.png);
+}
+.press-area .single-press-wrapper .press-image-3 {
+  background-image: url(../images/press/3.png);
+}
+.press-area .single-press-wrapper .press-image-4 {
+  background-image: url(../images/press/4.png);
+}
+.press-area .press-image {
+  height: 200px;
+  background-size: cover;
+  background-position: center;
+  background-color: #ddd;
+  background-repeat: no-repeat;
+  width: 100%;
+}
+.press-area .press-content {
+  border: 1px solid #e7e7e7;
+  border-top: 1px solid transparent;
+  border-radius: 0 0 4px 4px;
+  padding: 20px;
+}
+.press-area .press-content .read-meta {
+  font-size: 12px;
+  color: #7d7d7d;
+  margin-bottom: 10px;
+}
+.press-area .press-content h3 {
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 26px;
+  margin-bottom: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 2;
+  -webkit-line-clamp: 2;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+.press-area .press-content h3 a {
+  color: #515D63;
+}
+.press-area .press-content p {
+  color: #515D63;
+  font-size: 15px;
+  margin-bottom: 30px;
+}
+.press-area .press-content .press-button-wrapper {
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+}
+.press-area .press-content .press-button-wrapper:after {
+  position: absolute;
+  content: "";
+  top: 15px;
+  width: 100%;
+  height: 1px;
+  background: #e7e7e7;
+  left: 0;
+  z-index: -1;
+  transition: 0.3s ease-in-out;
+}
+.press-area .press-content .press-button-wrapper .press-button {
+  border: 1px solid #e7e7e7;
+  font-size: 13px;
+  color: rgb(150.5, 150.5, 150.5);
+  font-weight: 600;
+  padding: 5px 20px;
+  border-radius: 50px;
+  display: block;
+  float: right;
+  position: relative;
+  z-index: 1;
+  background: #ffffff;
+  transition: 0.3s ease-in-out;
+}
+.press-area .press-content .press-button-wrapper .press-button:hover {
+  color: #515D63;
+  border: 1px solid #515D63;
+}
+
+.about-text-inner p {
+  margin-bottom: 30px;
+}
+
+.ceo-message-wrapper h2 {
+  margin-bottom: 8px;
+  font-size: 36px;
+}
+
+.signature-image {
+  margin-top: 40px;
+}
+.signature-image p {
+  font-family: Raleway;
+  font-weight: 600;
+}
+
+.ceo-image {
+  position: relative;
+  z-index: 1;
+}
+.ceo-image img {
+  max-width: 300px;
+  margin-top: 20px;
+}
+.ceo-image .dots-style {
+  position: absolute;
+  background: url(../images/appscode/dots.png);
+  background-repeat: no-repeat;
+  height: 150px;
+  width: 250px;
+  right: 100px;
+  bottom: -75px;
+  z-index: -1;
+  left: 50%;
+  margin-left: -125px;
+}
+
+.is-paddingless-desktop {
+  padding: 0;
+}
+
+/*********************************************************************************************
+Responsive Classes
+***********************************************************************************************/
+.contact-hero {
+  padding: 120px 0 60px;
+}
+@media screen and (max-width: 768px) {
+  .contact-hero {
+    padding: 150px 0 30px;
+  }
+}
+.contact-hero h2 {
+  font-weight: 700;
+  letter-spacing: -0.5px;
+  line-height: 120%;
+  text-wrap: balance;
+  margin-bottom: 16px;
+}
+@media screen and (max-width: 1023px) {
+  .contact-hero h2 {
+    font-size: 38px;
+    letter-spacing: -0.57px;
+    text-wrap: inherit;
+  }
+}
+.contact-hero p {
+  margin-bottom: 16px;
+}
+
+.location-area {
+  margin-top: 60px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+@media screen and (max-width: 1215px) {
+  .location-area {
+    margin-top: 32px;
+  }
+}
+.location-area .location {
+  width: calc(50% - 6px);
+}
+@media screen and (max-width: 1215px) {
+  .location-area .location {
+    width: 100%;
+  }
+}
+
+.location {
+  border: 1px solid #e7e7e7;
+  padding: 32px 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.location a {
+  color: #515D63;
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  transition: 0.3s ease-in-out;
+}
+.location a:hover {
+  color: var(--ac-primary);
+}
+.location a span {
+  width: calc(100% - 26px);
+}
+.location a span.icon {
+  width: 18px;
+  transform: translateY(4px);
+}
+
+.modify-contact-form .fs-webform-container .fserv-container {
+  margin: 0 0 32px auto;
+}
+@media screen and (max-width: 768px) {
+  .modify-contact-form .fs-webform-container .fserv-container {
+    margin: 0 auto;
+  }
+}
+.modify-contact-form .formserv-text-field, .modify-contact-form .formserv-email-field, .modify-contact-form .formserv-tel-field, .modify-contact-form .formserv-select-field.fserv-field, .modify-contact-form .formserv-select-multiple-field, .modify-contact-form .formserv-textarea-field {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.modify-contact-form .formserv-text-field:not(.formserv-textarea-field), .modify-contact-form .formserv-email-field:not(.formserv-textarea-field), .modify-contact-form .formserv-tel-field:not(.formserv-textarea-field), .modify-contact-form .formserv-select-field.fserv-field:not(.formserv-textarea-field), .modify-contact-form .formserv-select-multiple-field:not(.formserv-textarea-field), .modify-contact-form .formserv-textarea-field:not(.formserv-textarea-field) {
+  align-items: center;
+}
+.modify-contact-form .formserv-text-field .error, .modify-contact-form .formserv-email-field .error, .modify-contact-form .formserv-tel-field .error, .modify-contact-form .formserv-select-field.fserv-field .error, .modify-contact-form .formserv-select-multiple-field .error, .modify-contact-form .formserv-textarea-field .error {
+  width: 100%;
+}
+.modify-contact-form .formserv-text-field .fserv-label, .modify-contact-form .formserv-email-field .fserv-label, .modify-contact-form .formserv-tel-field .fserv-label, .modify-contact-form .formserv-select-field.fserv-field .fserv-label, .modify-contact-form .formserv-select-multiple-field .fserv-label, .modify-contact-form .formserv-textarea-field .fserv-label {
+  width: 120px;
+  padding-bottom: 0;
+}
+.modify-contact-form .formserv-text-field input, .modify-contact-form .formserv-text-field textarea, .modify-contact-form .formserv-email-field input, .modify-contact-form .formserv-email-field textarea, .modify-contact-form .formserv-tel-field input, .modify-contact-form .formserv-tel-field textarea, .modify-contact-form .formserv-select-field.fserv-field input, .modify-contact-form .formserv-select-field.fserv-field textarea, .modify-contact-form .formserv-select-multiple-field input, .modify-contact-form .formserv-select-multiple-field textarea, .modify-contact-form .formserv-textarea-field input, .modify-contact-form .formserv-textarea-field textarea {
+  width: calc(100% - 128px) !important;
+}
+.modify-contact-form .formserv-text-field input:hover, .modify-contact-form .formserv-text-field textarea:hover, .modify-contact-form .formserv-email-field input:hover, .modify-contact-form .formserv-email-field textarea:hover, .modify-contact-form .formserv-tel-field input:hover, .modify-contact-form .formserv-tel-field textarea:hover, .modify-contact-form .formserv-select-field.fserv-field input:hover, .modify-contact-form .formserv-select-field.fserv-field textarea:hover, .modify-contact-form .formserv-select-multiple-field input:hover, .modify-contact-form .formserv-select-multiple-field textarea:hover, .modify-contact-form .formserv-textarea-field input:hover, .modify-contact-form .formserv-textarea-field textarea:hover {
+  outline: 1px solid var(--ac-primary);
+}
+.modify-contact-form .formserv-text-field input:focus, .modify-contact-form .formserv-text-field textarea:focus, .modify-contact-form .formserv-email-field input:focus, .modify-contact-form .formserv-email-field textarea:focus, .modify-contact-form .formserv-tel-field input:focus, .modify-contact-form .formserv-tel-field textarea:focus, .modify-contact-form .formserv-select-field.fserv-field input:focus, .modify-contact-form .formserv-select-field.fserv-field textarea:focus, .modify-contact-form .formserv-select-multiple-field input:focus, .modify-contact-form .formserv-select-multiple-field textarea:focus, .modify-contact-form .formserv-textarea-field input:focus, .modify-contact-form .formserv-textarea-field textarea:focus {
+  outline: 2px solid var(--ac-primary);
+}
+.modify-contact-form .fs-webform-container .fserv-field + .fserv-field {
+  margin-top: 12px;
+}
+.modify-contact-form .fs-webform-container .fserv-field + div:not(.fserv-field) {
+  padding: 12px 30px 0;
+}
+.modify-contact-form .fs-webform-container .fserv-field .select2-container {
+  min-width: calc(100% - 128px);
+  max-width: calc(100% - 128px);
+}
+.modify-contact-form .fs-webform-container .checkbox {
+  padding: 0 !important;
+}
+.modify-contact-form .fs-webform-container .select2-selection__choice {
+  font-size: 13px;
+  line-height: 1;
+}
+
+.fs-webform-container .fserv-input-text, .fs-webform-container .fserv-select, .fs-webform-container .fserv-select-multiple, .fs-webform-container .fserv-textarea {
+  border: 1px solid #e7e7e7 !important;
+}
+
+.fs-webform-container .fserv-input-radio, .fs-webform-container .fserv-input-text, .fs-webform-container .fserv-select, .fs-webform-container .fserv-select-multiple, .fs-webform-container .fserv-textarea {
+  font-size: 12px !important;
+}
+
+.fs-webform-container .fserv-field .select2-container--default .select2-search__field::placeholder, .fs-webform-container .fserv-field .select2-container--default .select2-selection--single .select2-selection__placeholder, .fs-webform-container .fserv-container .fserv-field .select2-container .select2-selection--single .select2-selection__rendered, .fs-webform-container .fserv-field .select2-results__option[aria-selected] {
+  font-size: 13px !important;
+}
+
+.fs-webform-container *, .fs-webform-container ::after, .fs-webform-container ::before {
+  border-radius: 0px !important;
+}
+
+.fs-webform-container .fserv-field .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background: var(--ac-primary) !important;
+  color: #ffffff !important;
+}
+
+.fs-webform-container .fserv-field .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: #ffffff !important;
+}
+
+.bg-primay-light {
+  background-color: rgba(241, 249, 245, 0.97);
+}
+
+.decorative-shape img {
+  width: 500px;
+  position: absolute;
+  bottom: 0;
+  opacity: 0.5;
+  z-index: -1;
+}
+@media screen and (max-width: 768px) {
+  .decorative-shape img {
+    width: 300px;
+  }
+}
+.decorative-shape img.left-el {
+  transform: rotate(180deg);
+}
+.decorative-shape img.right-el {
+  right: 0;
+  transform: rotate(90deg);
+}
+
+.partner-hero-area {
+  margin-top: 40px;
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+}
+.partner-hero-area .section-title {
+  margin-bottom: 0;
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .partner-hero-area .section-title h1 {
+    font-size: 40px;
+    font-weight: 700;
+  }
+}
+.partner-hero-area .section-title p {
+  margin-bottom: 0;
+  text-wrap: balance;
+}
+.partner-hero-area .single-feature.card-view {
+  background-color: #ffffff;
+  min-height: 230px;
+  padding: 32px 16px;
+  height: 100%;
+}
+@media screen and (max-width: 768px) {
+  .partner-hero-area .single-feature.card-view {
+    min-height: auto;
+  }
+}
+.partner-hero-area .single-feature.card-view p {
+  font-size: 16px;
+}
+.partner-hero-area .single-feature.card-view .icon {
+  border: 1px solid #e7e7e7;
+  margin: 0 auto;
+}
+.partner-hero-area .button.ac-button {
+  margin-top: 16px;
+}
+@media screen and (max-width: 768px) {
+  .partner-hero-area .button.ac-button {
+    display: flex;
+    width: calc(100% - 24px);
+    margin: 0 auto;
+  }
+}
+
+.showcase-partner,
+.system-integration {
+  position: relative;
+  z-index: 1;
+}
+.showcase-partner::after, .showcase-partner::before,
+.system-integration::after,
+.system-integration::before {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+}
+.showcase-partner::before,
+.system-integration::before {
+  background: radial-gradient(circle at center, rgb(255, 255, 255), rgba(255, 255, 255, 0.2));
+}
+.showcase-partner::after,
+.system-integration::after {
+  background-image: url("../images/shape/hexagon.svg");
+  z-index: -2;
+}
+
+.showcase-partner .section-title p {
+  text-wrap: balance;
+}
+
+.system-integration::before {
+  background: linear-gradient(rgba(255, 255, 255, 0.2), rgb(255, 255, 255));
+}
+
+.technology-partner {
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+}
+.technology-partner .decorative-shape img {
+  width: 400px;
+}
+@media screen and (max-width: 768px) {
+  .technology-partner .decorative-shape img {
+    width: 160px;
+  }
+}
+
+.contact-area {
+  z-index: 9;
+  position: relative;
+  margin-bottom: -150px;
+  margin-top: 60px;
+}
+@media screen and (max-width: 768px) {
+  .contact-area .section-title h2 {
+    font-size: 24px;
+  }
+}
+.contact-area .decorative-shape img {
+  bottom: 150px;
+}
+.contact-area .contact-form-wrapper {
+  background-color: #ffffff;
+  border: 1px solid #e7e7e7;
+  border-radius: 16px;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
+}
+@media screen and (max-width: 768px) {
+  .contact-area .contact-form-wrapper {
+    padding: 16px;
+  }
+}
+.contact-area .contact-form-wrapper .form-content {
+  padding: 0 100px;
+}
+@media screen and (max-width: 1023px) {
+  .contact-area .contact-form-wrapper .form-content {
+    padding: 0 16px;
+  }
+}
+.contact-area .contact-form-wrapper .fs-webform-container .fserv-container {
+  box-shadow: none;
+}
+.contact-area .fserv-container {
+  min-width: 100%;
+}
+.contact-area .fserv-container .fserv-form {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+.contact-area .fserv-container .fserv-form .fserv-field {
+  width: calc(50% - 8px);
+}
+@media screen and (max-width: 768px) {
+  .contact-area .fserv-container .fserv-form .fserv-field {
+    width: 100%;
+  }
+}
+.contact-area .fserv-container .fserv-form .fserv-field {
+  margin: 0;
+  padding: 0;
+}
+.contact-area .fserv-container .fserv-form .fserv-field.formserv-textarea-field {
+  width: 100%;
+}
+.contact-area .fserv-field + div:not(.fserv-field) {
+  width: 100%;
+}
+
+body.partner .footer-top {
+  padding-top: 200px;
+}
+body.partner .social-prove-brand-area .brand-image-wrapper {
+  justify-content: center;
+  gap: 22px;
+}
+@media screen and (max-width: 1023px) {
+  body.partner .social-prove-brand-area .brand-image-wrapper {
+    gap: 16px;
+  }
+}
+body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) .single-brand {
+  padding: 16px 32px;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
+  border: none;
+}
+body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) .single-brand img {
+  max-height: 52px;
+  filter: none;
+}
+@media screen and (max-width: 768px) {
+  body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) .single-brand img {
+    max-height: 32px;
+  }
+}
+@media screen and (max-width: 1023px) {
+  body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) .single-brand {
+    padding: 16px;
+  }
+}
+body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) a.single-brand {
+  border: 2px solid transparent;
+}
+body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) a.single-brand:hover {
+  border: 2px solid var(--ac-primary) !important;
+}
+body.partner .social-prove-brand-area .brand-image-wrapper .single-brand {
+  height: 110px;
+}
+@media screen and (max-width: 1023px) {
+  body.partner .social-prove-brand-area .brand-image-wrapper .single-brand {
+    height: auto;
+  }
+  body.partner .social-prove-brand-area .brand-image-wrapper .single-brand img {
+    max-height: 28px;
+  }
+}
+body.partner .fs-webform-container .fserv-label {
+  font-family: "Roboto", sans-serif;
+  margin-bottom: 0;
+}
+body.partner .fserv-button-submit {
+  background: linear-gradient(to left, hsl(149, 100%, 33%), hsl(149, 50%, 33%)) !important;
+  transition: 0.3s ease-in-out;
+}
+body.partner .fserv-button-submit:hover {
+  box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important;
+  transform: translateY(-2px);
+}
+
+.hero-area.is-services {
+  padding: 100px 0 50px;
+  align-items: center;
+  overflow: hidden;
+  display: flex;
+  background-size: cover;
+  background-position: center;
+  margin-top: 110px;
+  position: relative;
+  z-index: 1;
+}
+.hero-area.is-services h1 {
+  font-size: 3rem;
+  line-height: 130%;
+  font-weight: 700;
+  letter-spacing: -0.57px;
+  margin-bottom: 1rem;
+  text-wrap: balance;
+}
+.hero-area.is-services p {
+  font-family: "Roboto", sans-serif;
+  font-size: 1rem;
+  line-height: 160%;
+  color: #636363;
+  margin-bottom: 2rem;
+  text-wrap: balance;
+}
+@media screen and (max-width: 768px) {
+  .hero-area.is-services {
+    margin-top: 40px;
+  }
+  .hero-area.is-services h1 {
+    font-size: 2rem;
+  }
+  .hero-area.is-services .section-title h2 {
+    font-size: 1.5rem;
+    letter-spacing: 0;
+    line-height: 1.4;
+  }
+}
+
+.bg-light {
+  background-color: #f9f9f9;
+}
+
+.benefits-section {
+  margin-top: 50px;
+}
+@media screen and (max-width: 768px) {
+  .benefits-section .section-title h2 {
+    text-align: center;
+    text-wrap: unset;
+  }
+}
+
+.service-card {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 30px;
+  text-align: center;
+  transition: all 0.3s ease;
+  height: 100%;
+}
+.service-card .service-icon {
+  width: 60px;
+  height: 60px;
+  font-size: 24px;
+  margin: 0 auto 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+  background-color: hsl(148, 15%, 95%);
+  color: var(--ac-primary);
+}
+.service-card .service-icon img {
+  max-width: 30px;
+  max-height: 30px;
+}
+.service-card h4 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin-bottom: 10px;
+}
+.service-card p {
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #636363;
+}
+
+.development-card {
+  text-align: center;
+  padding: 20px;
+  border-radius: 8px;
+  transition: all 0.3s ease;
+  height: 100%;
+  background: #ffffff;
+  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.development-card .development-icon {
+  font-size: 32px;
+  width: 32px;
+  color: var(--ac-primary);
+  margin-bottom: 8px;
+}
+.development-card h4 {
+  font-size: 1.25rem;
+  font-weight: 500;
+}
+
+.cta-action-section {
+  background: var(--ac-primary);
+  padding: 60px 20px;
+}
+.cta-action-section h2 {
+  margin-bottom: 15px;
+  color: #ffffff;
+}
+.cta-action-section p {
+  font-size: 1.125rem;
+  color: #ffffff;
+  margin-bottom: 25px;
+}
+.cta-action-section a {
+  color: #ffffff;
+  text-decoration: underline;
+}
+.cta-action-section .button {
+  font-size: 1rem;
+  padding: 12px 30px;
+  border-radius: 5px;
+  transition: background-color 0.3s ease;
+}
+.cta-action-section .button:hover {
+  background-color: rgb(0, 115, 56.1144578313);
+  color: #ffffff;
+}
+
+.card-section .single-card-wrapper:first-child {
+  border-right: 1px solid #e7e7e7;
+}
+.card-section .single-card-wrapper:nth-child(3), .card-section .single-card-wrapper:nth-child(5) {
+  border-top: 1px solid #e7e7e7;
+  border-right: 1px solid #e7e7e7;
+}
+.card-section .single-card-wrapper:nth-child(4), .card-section .single-card-wrapper:nth-child(6) {
+  border-top: 1px solid #e7e7e7;
+}
+@media screen and (max-width: 768px) {
+  .card-section .single-card-wrapper {
+    border: none !important;
+  }
+  .card-section .single-card-wrapper:nth-child(3), .card-section .single-card-wrapper:nth-child(4), .card-section .single-card-wrapper:nth-child(5), .card-section .single-card-wrapper:nth-child(6) {
+    border-top: none !important;
+  }
+}
+.card-section .single-feature {
+  height: 100%;
+  padding: 32px;
+  border: none;
+  background-color: #fff;
+}
+.card-section .single-feature .icon {
+  background-color: hsl(148, 15%, 95%) !important;
+  color: var(--ac-primary);
+  font-size: 24px;
+  border-radius: 8px !important;
+}
+
+.services-menu .single-product {
+  position: relative;
+  z-index: 1;
+  padding: 16px 24px;
+  border-radius: 8px;
+}
+.services-menu .single-product .product-logo {
+  background-color: #fff !important;
+  border: 1px solid #e7e7e7;
+  border-radius: 10px !important;
+}
+.services-menu .single-product .product-logo img {
+  height: 2rem !important;
+}
+.services-menu .single-product p {
+  margin-bottom: 0 !important;
+}
+.services-menu .single-product:hover {
+  background-color: #ebf4f0;
+}
+.services-menu .single-product:hover h2 {
+  color: var(--ac-primary);
+}
+.services-menu .single-product::after {
+  position: absolute;
+  content: "";
+  right: -7px;
+  top: 50%;
+  transform: translateY(-50%) rotate(45deg);
+  width: 16px;
+  height: 16px;
+  background: #ebf4f0;
+  border-radius: 0px 4px 0 0;
+  z-index: -1;
+  transition: 0.3s ease-in-out;
+  opacity: 0;
+  visibility: hidden;
+}
+.services-menu .single-product.is-active {
+  background-color: #ebf4f0 !important;
+}
+.services-menu .single-product.is-active::after {
+  opacity: 1;
+  visibility: visible;
+}
+
+.offering-description-container .product-info .arrow-right.icon {
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s ease;
+}
+.offering-description-container .single-product h2 {
+  letter-spacing: 0;
+  color: var(--ac-primary);
+}
+.offering-description-container .single-product:hover h2 {
+  text-decoration: underline;
+}
+.offering-description-container .single-product:hover .arrow-right.icon {
+  opacity: 1;
+  visibility: visible;
+}
+
+.engagement-models-section .engagement-card-wrapper {
+  border: 1px solid #e7e7e7;
+  border-radius: 8px;
+  background-color: #fff;
+  display: flex;
+}
+@media screen and (max-width: 1023px) {
+  .engagement-models-section .engagement-card-wrapper {
+    flex-direction: column;
+  }
+  .engagement-models-section .engagement-card-wrapper .engagement-card {
+    width: 100% !important;
+    border-left: none !important;
+    border-right: none !important;
+    border-bottom: 1px solid #e7e7e7;
+  }
+  .engagement-models-section .engagement-card-wrapper .engagement-card:last-child {
+    border-bottom: none !important;
+  }
+}
+.engagement-models-section .engagement-card-wrapper .engagement-card {
+  padding: 30px;
+  border-right: 1px solid #e7e7e7;
+  flex-grow: 1;
+  width: min-content;
+}
+.engagement-models-section .engagement-card-wrapper .engagement-card:last-child {
+  border-right: none;
+}
+.engagement-models-section .engagement-card-wrapper .engagement-card h4 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin-bottom: 10px;
+}
+.engagement-models-section .engagement-card-wrapper .engagement-card .num-icon {
+  border-radius: 8px !important;
+  font-size: 30px;
+  font-weight: 900;
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.cloud-native-partner-section .single-feature {
+  height: 100%;
+  align-items: center;
+  text-align: center;
+  padding: 70px 80px;
+  border-radius: 8px;
+  background-color: #fff;
+}
+@media screen and (min-width: 1024px) {
+  .cloud-native-partner-section .single-feature {
+    padding: 24px;
+  }
+}
+@media screen and (max-width: 1023px) {
+  .cloud-native-partner-section .single-feature {
+    padding: 16px;
+  }
+}
+.cloud-native-partner-section .single-feature .icon {
+  background-color: transparent !important;
+  border-radius: 8px !important;
+  color: var(--ac-primary);
+  font-size: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 16px;
+}
+
+.product-development-process-section .steps-wrapper {
+  display: grid;
+  grid-template-columns: 5fr 7fr;
+  gap: 16px;
+}
+@media screen and (max-width: 1023px) {
+  .product-development-process-section .steps-wrapper {
+    grid-template-columns: 1fr;
+  }
+}
+.product-development-process-section .tab-items {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.product-development-process-section .tab-items .tab-item {
+  cursor: pointer;
+  padding: 8px 12px;
+  border-radius: 8px;
+  transition: all 0.3s ease;
+  text-align: center;
+  border: 1px solid #e7e7e7;
+  background: #ffffff;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.product-development-process-section .tab-items .tab-item.is-active {
+  background-color: var(--ac-primary);
+  border: 1px solid var(--ac-primary);
+  color: #ffffff;
+  cursor: default;
+}
+.product-development-process-section .tab-items .tab-item.is-active .date strong {
+  color: var(--ac-primary);
+}
+.product-development-process-section .tab-items .tab-item.is-active .tab-icon {
+  color: #ffffff;
+}
+.product-development-process-section .tab-items .tab-item.is-active h4 {
+  color: #ffffff;
+}
+.product-development-process-section .tab-items .tab-item .date {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin-right: 16px;
+  width: 48px;
+  height: 48px;
+  border-radius: 8px;
+  background-color: hsl(148, 15%, 95%);
+  color: var(--ac-primary);
+  font-size: 18px;
+  font-weight: 700;
+  padding: 8px;
+}
+.product-development-process-section .tab-items .tab-item .date strong {
+  font-size: 1.25rem;
+  font-weight: 600;
+  display: block;
+  line-height: 1;
+  color: hsl(148, 15%, 75%);
+}
+.product-development-process-section .tab-items .tab-item .date span {
+  font-size: 0.875rem;
+  color: #636363;
+}
+.product-development-process-section .tab-items .tab-item h4 {
+  font-size: 18px;
+}
+.product-development-process-section .tab-content {
+  padding: 20px;
+  border: 1px solid #e7e7e7;
+  border-radius: 8px;
+  background: #ffffff;
+  height: 100%;
+  display: none;
+  animation: fadeIn 0.3s ease-in-out;
+  text-align: center;
+}
+.product-development-process-section .tab-content.is-active {
+  display: block;
+}
+.product-development-process-section .tab-content h4 {
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 16px;
+}
+.product-development-process-section .tab-content p {
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #636363;
+}
+.product-development-process-section .tab-content img {
+  max-width: 100%;
+  height: auto;
+  max-height: 200px;
+}
+
+.features-area h3 {
+  margin-bottom: 1rem;
+  font-weight: 700;
+}
+.features-area p {
+  margin-bottom: 16px;
+}
+
+.logo-presentation {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  align-items: center;
+  justify-content: center;
+}
+.logo-presentation .single-logo {
+  border: 1px solid #e7e7e7;
+  border-radius: 8px;
+  padding: 20px;
+  background: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: auto;
+  flex-direction: column;
+  gap: 8px;
+}
+.logo-presentation .single-logo img {
+  width: auto;
+  height: 60px;
+  object-fit: contain;
+}
+
+.resource-card {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 20px;
+  text-align: left;
+  transition: all 0.3s ease;
+  height: 100%;
+  display: block;
+  border: 1px solid #e7e7e7;
+}
+.resource-card:hover {
+  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);
+  transform: translateY(-5px);
+}
+.resource-card:hover h4 {
+  color: var(--ac-primary);
+}
+.resource-card .tag {
+  display: inline-block;
+  background-color: hsl(148, 15%, 95%);
+  color: var(--ac-primary);
+  font-size: 0.875rem;
+  font-weight: 500;
+  padding: 4px 8px;
+  border-radius: 5px;
+  margin-bottom: 12px;
+}
+.resource-card h4 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin-bottom: 10px;
+}
+.resource-card p {
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #636363;
+}
+
+.working-scenarios-section .single-feature .icon {
+  width: 36px;
+  height: 36px;
+  background-color: transparent !important;
+  padding: 0;
+}
+
+.service-wrapper .service-content h3 {
+  margin-bottom: 1rem;
+  font-weight: 700;
+}
+@media screen and (max-width: 768px) {
+  .service-wrapper .service-content h3 {
+    font-size: 1.5rem;
+  }
+}
+.service-wrapper .service-content p {
+  margin-bottom: 16px;
+}
+.service-wrapper .service-content ul li {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin-bottom: 16px;
+}
+.service-wrapper .service-content ul li .icon {
+  margin-top: 3px;
+}
+
+.hero-illustration img {
+  max-height: 450px;
+}
+
+@media screen and (max-width: 768px) {
+  .services .section-title h2 {
+    font-size: 1.5rem;
+    letter-spacing: -0.3px;
+  }
+}
diff --git a/static/assets/sass/main-custom.css b/static/assets/sass/main-custom.css
new file mode 100644
index 0000000000..6727d260d5
--- /dev/null
+++ b/static/assets/sass/main-custom.css
@@ -0,0 +1,17256 @@
+/* Deafult Margin & Padding view-height & view-width */
+.m-0 {
+  margin: 0px !important;
+}
+
+.mt-0 {
+  margin-top: 0px !important;
+}
+
+.mb-0 {
+  margin-bottom: 0px !important;
+}
+
+.ml-0 {
+  margin-left: 0px !important;
+}
+
+.mr-0 {
+  margin-right: 0px !important;
+}
+
+.p-0 {
+  padding: 0px !important;
+}
+
+.pt-0 {
+  padding-top: 0px !important;
+}
+
+.pb-0 {
+  padding-bottom: 0px !important;
+}
+
+.pl-0 {
+  padding-left: 0px !important;
+}
+
+.pr-0 {
+  padding-right: 0px !important;
+}
+
+.vh-0 {
+  height: 0vh !important;
+}
+
+.vw-0 {
+  width: 0vw !important;
+}
+
+.font-size-0 {
+  font-size: 0px !important;
+}
+
+.m-1 {
+  margin: 1px !important;
+}
+
+.mt-1 {
+  margin-top: 1px !important;
+}
+
+.mb-1 {
+  margin-bottom: 1px !important;
+}
+
+.ml-1 {
+  margin-left: 1px !important;
+}
+
+.mr-1 {
+  margin-right: 1px !important;
+}
+
+.p-1 {
+  padding: 1px !important;
+}
+
+.pt-1 {
+  padding-top: 1px !important;
+}
+
+.pb-1 {
+  padding-bottom: 1px !important;
+}
+
+.pl-1 {
+  padding-left: 1px !important;
+}
+
+.pr-1 {
+  padding-right: 1px !important;
+}
+
+.vh-1 {
+  height: 1vh !important;
+}
+
+.vw-1 {
+  width: 1vw !important;
+}
+
+.font-size-1 {
+  font-size: 1px !important;
+}
+
+.m-2 {
+  margin: 2px !important;
+}
+
+.mt-2 {
+  margin-top: 2px !important;
+}
+
+.mb-2 {
+  margin-bottom: 2px !important;
+}
+
+.ml-2 {
+  margin-left: 2px !important;
+}
+
+.mr-2 {
+  margin-right: 2px !important;
+}
+
+.p-2 {
+  padding: 2px !important;
+}
+
+.pt-2 {
+  padding-top: 2px !important;
+}
+
+.pb-2 {
+  padding-bottom: 2px !important;
+}
+
+.pl-2 {
+  padding-left: 2px !important;
+}
+
+.pr-2 {
+  padding-right: 2px !important;
+}
+
+.vh-2 {
+  height: 2vh !important;
+}
+
+.vw-2 {
+  width: 2vw !important;
+}
+
+.font-size-2 {
+  font-size: 2px !important;
+}
+
+.m-3 {
+  margin: 3px !important;
+}
+
+.mt-3 {
+  margin-top: 3px !important;
+}
+
+.mb-3 {
+  margin-bottom: 3px !important;
+}
+
+.ml-3 {
+  margin-left: 3px !important;
+}
+
+.mr-3 {
+  margin-right: 3px !important;
+}
+
+.p-3 {
+  padding: 3px !important;
+}
+
+.pt-3 {
+  padding-top: 3px !important;
+}
+
+.pb-3 {
+  padding-bottom: 3px !important;
+}
+
+.pl-3 {
+  padding-left: 3px !important;
+}
+
+.pr-3 {
+  padding-right: 3px !important;
+}
+
+.vh-3 {
+  height: 3vh !important;
+}
+
+.vw-3 {
+  width: 3vw !important;
+}
+
+.font-size-3 {
+  font-size: 3px !important;
+}
+
+.m-4 {
+  margin: 4px !important;
+}
+
+.mt-4 {
+  margin-top: 4px !important;
+}
+
+.mb-4 {
+  margin-bottom: 4px !important;
+}
+
+.ml-4 {
+  margin-left: 4px !important;
+}
+
+.mr-4 {
+  margin-right: 4px !important;
+}
+
+.p-4 {
+  padding: 4px !important;
+}
+
+.pt-4 {
+  padding-top: 4px !important;
+}
+
+.pb-4 {
+  padding-bottom: 4px !important;
+}
+
+.pl-4 {
+  padding-left: 4px !important;
+}
+
+.pr-4 {
+  padding-right: 4px !important;
+}
+
+.vh-4 {
+  height: 4vh !important;
+}
+
+.vw-4 {
+  width: 4vw !important;
+}
+
+.font-size-4 {
+  font-size: 4px !important;
+}
+
+.m-5 {
+  margin: 5px !important;
+}
+
+.mt-5 {
+  margin-top: 5px !important;
+}
+
+.mb-5 {
+  margin-bottom: 5px !important;
+}
+
+.ml-5 {
+  margin-left: 5px !important;
+}
+
+.mr-5 {
+  margin-right: 5px !important;
+}
+
+.p-5 {
+  padding: 5px !important;
+}
+
+.pt-5 {
+  padding-top: 5px !important;
+}
+
+.pb-5 {
+  padding-bottom: 5px !important;
+}
+
+.pl-5 {
+  padding-left: 5px !important;
+}
+
+.pr-5 {
+  padding-right: 5px !important;
+}
+
+.vh-5 {
+  height: 5vh !important;
+}
+
+.vw-5 {
+  width: 5vw !important;
+}
+
+.font-size-5 {
+  font-size: 5px !important;
+}
+
+.m-6 {
+  margin: 6px !important;
+}
+
+.mt-6 {
+  margin-top: 6px !important;
+}
+
+.mb-6 {
+  margin-bottom: 6px !important;
+}
+
+.ml-6 {
+  margin-left: 6px !important;
+}
+
+.mr-6 {
+  margin-right: 6px !important;
+}
+
+.p-6 {
+  padding: 6px !important;
+}
+
+.pt-6 {
+  padding-top: 6px !important;
+}
+
+.pb-6 {
+  padding-bottom: 6px !important;
+}
+
+.pl-6 {
+  padding-left: 6px !important;
+}
+
+.pr-6 {
+  padding-right: 6px !important;
+}
+
+.vh-6 {
+  height: 6vh !important;
+}
+
+.vw-6 {
+  width: 6vw !important;
+}
+
+.font-size-6 {
+  font-size: 6px !important;
+}
+
+.m-7 {
+  margin: 7px !important;
+}
+
+.mt-7 {
+  margin-top: 7px !important;
+}
+
+.mb-7 {
+  margin-bottom: 7px !important;
+}
+
+.ml-7 {
+  margin-left: 7px !important;
+}
+
+.mr-7 {
+  margin-right: 7px !important;
+}
+
+.p-7 {
+  padding: 7px !important;
+}
+
+.pt-7 {
+  padding-top: 7px !important;
+}
+
+.pb-7 {
+  padding-bottom: 7px !important;
+}
+
+.pl-7 {
+  padding-left: 7px !important;
+}
+
+.pr-7 {
+  padding-right: 7px !important;
+}
+
+.vh-7 {
+  height: 7vh !important;
+}
+
+.vw-7 {
+  width: 7vw !important;
+}
+
+.font-size-7 {
+  font-size: 7px !important;
+}
+
+.m-8 {
+  margin: 8px !important;
+}
+
+.mt-8 {
+  margin-top: 8px !important;
+}
+
+.mb-8 {
+  margin-bottom: 8px !important;
+}
+
+.ml-8 {
+  margin-left: 8px !important;
+}
+
+.mr-8 {
+  margin-right: 8px !important;
+}
+
+.p-8 {
+  padding: 8px !important;
+}
+
+.pt-8 {
+  padding-top: 8px !important;
+}
+
+.pb-8 {
+  padding-bottom: 8px !important;
+}
+
+.pl-8 {
+  padding-left: 8px !important;
+}
+
+.pr-8 {
+  padding-right: 8px !important;
+}
+
+.vh-8 {
+  height: 8vh !important;
+}
+
+.vw-8 {
+  width: 8vw !important;
+}
+
+.font-size-8 {
+  font-size: 8px !important;
+}
+
+.m-9 {
+  margin: 9px !important;
+}
+
+.mt-9 {
+  margin-top: 9px !important;
+}
+
+.mb-9 {
+  margin-bottom: 9px !important;
+}
+
+.ml-9 {
+  margin-left: 9px !important;
+}
+
+.mr-9 {
+  margin-right: 9px !important;
+}
+
+.p-9 {
+  padding: 9px !important;
+}
+
+.pt-9 {
+  padding-top: 9px !important;
+}
+
+.pb-9 {
+  padding-bottom: 9px !important;
+}
+
+.pl-9 {
+  padding-left: 9px !important;
+}
+
+.pr-9 {
+  padding-right: 9px !important;
+}
+
+.vh-9 {
+  height: 9vh !important;
+}
+
+.vw-9 {
+  width: 9vw !important;
+}
+
+.font-size-9 {
+  font-size: 9px !important;
+}
+
+.m-10 {
+  margin: 10px !important;
+}
+
+.mt-10 {
+  margin-top: 10px !important;
+}
+
+.mb-10 {
+  margin-bottom: 10px !important;
+}
+
+.ml-10 {
+  margin-left: 10px !important;
+}
+
+.mr-10 {
+  margin-right: 10px !important;
+}
+
+.p-10 {
+  padding: 10px !important;
+}
+
+.pt-10 {
+  padding-top: 10px !important;
+}
+
+.pb-10 {
+  padding-bottom: 10px !important;
+}
+
+.pl-10 {
+  padding-left: 10px !important;
+}
+
+.pr-10 {
+  padding-right: 10px !important;
+}
+
+.vh-10 {
+  height: 10vh !important;
+}
+
+.vw-10 {
+  width: 10vw !important;
+}
+
+.font-size-10 {
+  font-size: 10px !important;
+}
+
+.m-11 {
+  margin: 11px !important;
+}
+
+.mt-11 {
+  margin-top: 11px !important;
+}
+
+.mb-11 {
+  margin-bottom: 11px !important;
+}
+
+.ml-11 {
+  margin-left: 11px !important;
+}
+
+.mr-11 {
+  margin-right: 11px !important;
+}
+
+.p-11 {
+  padding: 11px !important;
+}
+
+.pt-11 {
+  padding-top: 11px !important;
+}
+
+.pb-11 {
+  padding-bottom: 11px !important;
+}
+
+.pl-11 {
+  padding-left: 11px !important;
+}
+
+.pr-11 {
+  padding-right: 11px !important;
+}
+
+.vh-11 {
+  height: 11vh !important;
+}
+
+.vw-11 {
+  width: 11vw !important;
+}
+
+.font-size-11 {
+  font-size: 11px !important;
+}
+
+.m-12 {
+  margin: 12px !important;
+}
+
+.mt-12 {
+  margin-top: 12px !important;
+}
+
+.mb-12 {
+  margin-bottom: 12px !important;
+}
+
+.ml-12 {
+  margin-left: 12px !important;
+}
+
+.mr-12 {
+  margin-right: 12px !important;
+}
+
+.p-12 {
+  padding: 12px !important;
+}
+
+.pt-12 {
+  padding-top: 12px !important;
+}
+
+.pb-12 {
+  padding-bottom: 12px !important;
+}
+
+.pl-12 {
+  padding-left: 12px !important;
+}
+
+.pr-12 {
+  padding-right: 12px !important;
+}
+
+.vh-12 {
+  height: 12vh !important;
+}
+
+.vw-12 {
+  width: 12vw !important;
+}
+
+.font-size-12 {
+  font-size: 12px !important;
+}
+
+.m-13 {
+  margin: 13px !important;
+}
+
+.mt-13 {
+  margin-top: 13px !important;
+}
+
+.mb-13 {
+  margin-bottom: 13px !important;
+}
+
+.ml-13 {
+  margin-left: 13px !important;
+}
+
+.mr-13 {
+  margin-right: 13px !important;
+}
+
+.p-13 {
+  padding: 13px !important;
+}
+
+.pt-13 {
+  padding-top: 13px !important;
+}
+
+.pb-13 {
+  padding-bottom: 13px !important;
+}
+
+.pl-13 {
+  padding-left: 13px !important;
+}
+
+.pr-13 {
+  padding-right: 13px !important;
+}
+
+.vh-13 {
+  height: 13vh !important;
+}
+
+.vw-13 {
+  width: 13vw !important;
+}
+
+.font-size-13 {
+  font-size: 13px !important;
+}
+
+.m-14 {
+  margin: 14px !important;
+}
+
+.mt-14 {
+  margin-top: 14px !important;
+}
+
+.mb-14 {
+  margin-bottom: 14px !important;
+}
+
+.ml-14 {
+  margin-left: 14px !important;
+}
+
+.mr-14 {
+  margin-right: 14px !important;
+}
+
+.p-14 {
+  padding: 14px !important;
+}
+
+.pt-14 {
+  padding-top: 14px !important;
+}
+
+.pb-14 {
+  padding-bottom: 14px !important;
+}
+
+.pl-14 {
+  padding-left: 14px !important;
+}
+
+.pr-14 {
+  padding-right: 14px !important;
+}
+
+.vh-14 {
+  height: 14vh !important;
+}
+
+.vw-14 {
+  width: 14vw !important;
+}
+
+.font-size-14 {
+  font-size: 14px !important;
+}
+
+.m-15 {
+  margin: 15px !important;
+}
+
+.mt-15 {
+  margin-top: 15px !important;
+}
+
+.mb-15 {
+  margin-bottom: 15px !important;
+}
+
+.ml-15 {
+  margin-left: 15px !important;
+}
+
+.mr-15 {
+  margin-right: 15px !important;
+}
+
+.p-15 {
+  padding: 15px !important;
+}
+
+.pt-15 {
+  padding-top: 15px !important;
+}
+
+.pb-15 {
+  padding-bottom: 15px !important;
+}
+
+.pl-15 {
+  padding-left: 15px !important;
+}
+
+.pr-15 {
+  padding-right: 15px !important;
+}
+
+.vh-15 {
+  height: 15vh !important;
+}
+
+.vw-15 {
+  width: 15vw !important;
+}
+
+.font-size-15 {
+  font-size: 15px !important;
+}
+
+.m-16 {
+  margin: 16px !important;
+}
+
+.mt-16 {
+  margin-top: 16px !important;
+}
+
+.mb-16 {
+  margin-bottom: 16px !important;
+}
+
+.ml-16 {
+  margin-left: 16px !important;
+}
+
+.mr-16 {
+  margin-right: 16px !important;
+}
+
+.p-16 {
+  padding: 16px !important;
+}
+
+.pt-16 {
+  padding-top: 16px !important;
+}
+
+.pb-16 {
+  padding-bottom: 16px !important;
+}
+
+.pl-16 {
+  padding-left: 16px !important;
+}
+
+.pr-16 {
+  padding-right: 16px !important;
+}
+
+.vh-16 {
+  height: 16vh !important;
+}
+
+.vw-16 {
+  width: 16vw !important;
+}
+
+.font-size-16 {
+  font-size: 16px !important;
+}
+
+.m-17 {
+  margin: 17px !important;
+}
+
+.mt-17 {
+  margin-top: 17px !important;
+}
+
+.mb-17 {
+  margin-bottom: 17px !important;
+}
+
+.ml-17 {
+  margin-left: 17px !important;
+}
+
+.mr-17 {
+  margin-right: 17px !important;
+}
+
+.p-17 {
+  padding: 17px !important;
+}
+
+.pt-17 {
+  padding-top: 17px !important;
+}
+
+.pb-17 {
+  padding-bottom: 17px !important;
+}
+
+.pl-17 {
+  padding-left: 17px !important;
+}
+
+.pr-17 {
+  padding-right: 17px !important;
+}
+
+.vh-17 {
+  height: 17vh !important;
+}
+
+.vw-17 {
+  width: 17vw !important;
+}
+
+.font-size-17 {
+  font-size: 17px !important;
+}
+
+.m-18 {
+  margin: 18px !important;
+}
+
+.mt-18 {
+  margin-top: 18px !important;
+}
+
+.mb-18 {
+  margin-bottom: 18px !important;
+}
+
+.ml-18 {
+  margin-left: 18px !important;
+}
+
+.mr-18 {
+  margin-right: 18px !important;
+}
+
+.p-18 {
+  padding: 18px !important;
+}
+
+.pt-18 {
+  padding-top: 18px !important;
+}
+
+.pb-18 {
+  padding-bottom: 18px !important;
+}
+
+.pl-18 {
+  padding-left: 18px !important;
+}
+
+.pr-18 {
+  padding-right: 18px !important;
+}
+
+.vh-18 {
+  height: 18vh !important;
+}
+
+.vw-18 {
+  width: 18vw !important;
+}
+
+.font-size-18 {
+  font-size: 18px !important;
+}
+
+.m-19 {
+  margin: 19px !important;
+}
+
+.mt-19 {
+  margin-top: 19px !important;
+}
+
+.mb-19 {
+  margin-bottom: 19px !important;
+}
+
+.ml-19 {
+  margin-left: 19px !important;
+}
+
+.mr-19 {
+  margin-right: 19px !important;
+}
+
+.p-19 {
+  padding: 19px !important;
+}
+
+.pt-19 {
+  padding-top: 19px !important;
+}
+
+.pb-19 {
+  padding-bottom: 19px !important;
+}
+
+.pl-19 {
+  padding-left: 19px !important;
+}
+
+.pr-19 {
+  padding-right: 19px !important;
+}
+
+.vh-19 {
+  height: 19vh !important;
+}
+
+.vw-19 {
+  width: 19vw !important;
+}
+
+.font-size-19 {
+  font-size: 19px !important;
+}
+
+.m-20 {
+  margin: 20px !important;
+}
+
+.mt-20 {
+  margin-top: 20px !important;
+}
+
+.mb-20 {
+  margin-bottom: 20px !important;
+}
+
+.ml-20 {
+  margin-left: 20px !important;
+}
+
+.mr-20 {
+  margin-right: 20px !important;
+}
+
+.p-20 {
+  padding: 20px !important;
+}
+
+.pt-20 {
+  padding-top: 20px !important;
+}
+
+.pb-20 {
+  padding-bottom: 20px !important;
+}
+
+.pl-20 {
+  padding-left: 20px !important;
+}
+
+.pr-20 {
+  padding-right: 20px !important;
+}
+
+.vh-20 {
+  height: 20vh !important;
+}
+
+.vw-20 {
+  width: 20vw !important;
+}
+
+.font-size-20 {
+  font-size: 20px !important;
+}
+
+.m-21 {
+  margin: 21px !important;
+}
+
+.mt-21 {
+  margin-top: 21px !important;
+}
+
+.mb-21 {
+  margin-bottom: 21px !important;
+}
+
+.ml-21 {
+  margin-left: 21px !important;
+}
+
+.mr-21 {
+  margin-right: 21px !important;
+}
+
+.p-21 {
+  padding: 21px !important;
+}
+
+.pt-21 {
+  padding-top: 21px !important;
+}
+
+.pb-21 {
+  padding-bottom: 21px !important;
+}
+
+.pl-21 {
+  padding-left: 21px !important;
+}
+
+.pr-21 {
+  padding-right: 21px !important;
+}
+
+.vh-21 {
+  height: 21vh !important;
+}
+
+.vw-21 {
+  width: 21vw !important;
+}
+
+.font-size-21 {
+  font-size: 21px !important;
+}
+
+.m-22 {
+  margin: 22px !important;
+}
+
+.mt-22 {
+  margin-top: 22px !important;
+}
+
+.mb-22 {
+  margin-bottom: 22px !important;
+}
+
+.ml-22 {
+  margin-left: 22px !important;
+}
+
+.mr-22 {
+  margin-right: 22px !important;
+}
+
+.p-22 {
+  padding: 22px !important;
+}
+
+.pt-22 {
+  padding-top: 22px !important;
+}
+
+.pb-22 {
+  padding-bottom: 22px !important;
+}
+
+.pl-22 {
+  padding-left: 22px !important;
+}
+
+.pr-22 {
+  padding-right: 22px !important;
+}
+
+.vh-22 {
+  height: 22vh !important;
+}
+
+.vw-22 {
+  width: 22vw !important;
+}
+
+.font-size-22 {
+  font-size: 22px !important;
+}
+
+.m-23 {
+  margin: 23px !important;
+}
+
+.mt-23 {
+  margin-top: 23px !important;
+}
+
+.mb-23 {
+  margin-bottom: 23px !important;
+}
+
+.ml-23 {
+  margin-left: 23px !important;
+}
+
+.mr-23 {
+  margin-right: 23px !important;
+}
+
+.p-23 {
+  padding: 23px !important;
+}
+
+.pt-23 {
+  padding-top: 23px !important;
+}
+
+.pb-23 {
+  padding-bottom: 23px !important;
+}
+
+.pl-23 {
+  padding-left: 23px !important;
+}
+
+.pr-23 {
+  padding-right: 23px !important;
+}
+
+.vh-23 {
+  height: 23vh !important;
+}
+
+.vw-23 {
+  width: 23vw !important;
+}
+
+.font-size-23 {
+  font-size: 23px !important;
+}
+
+.m-24 {
+  margin: 24px !important;
+}
+
+.mt-24 {
+  margin-top: 24px !important;
+}
+
+.mb-24 {
+  margin-bottom: 24px !important;
+}
+
+.ml-24 {
+  margin-left: 24px !important;
+}
+
+.mr-24 {
+  margin-right: 24px !important;
+}
+
+.p-24 {
+  padding: 24px !important;
+}
+
+.pt-24 {
+  padding-top: 24px !important;
+}
+
+.pb-24 {
+  padding-bottom: 24px !important;
+}
+
+.pl-24 {
+  padding-left: 24px !important;
+}
+
+.pr-24 {
+  padding-right: 24px !important;
+}
+
+.vh-24 {
+  height: 24vh !important;
+}
+
+.vw-24 {
+  width: 24vw !important;
+}
+
+.font-size-24 {
+  font-size: 24px !important;
+}
+
+.m-25 {
+  margin: 25px !important;
+}
+
+.mt-25 {
+  margin-top: 25px !important;
+}
+
+.mb-25 {
+  margin-bottom: 25px !important;
+}
+
+.ml-25 {
+  margin-left: 25px !important;
+}
+
+.mr-25 {
+  margin-right: 25px !important;
+}
+
+.p-25 {
+  padding: 25px !important;
+}
+
+.pt-25 {
+  padding-top: 25px !important;
+}
+
+.pb-25 {
+  padding-bottom: 25px !important;
+}
+
+.pl-25 {
+  padding-left: 25px !important;
+}
+
+.pr-25 {
+  padding-right: 25px !important;
+}
+
+.vh-25 {
+  height: 25vh !important;
+}
+
+.vw-25 {
+  width: 25vw !important;
+}
+
+.font-size-25 {
+  font-size: 25px !important;
+}
+
+.m-26 {
+  margin: 26px !important;
+}
+
+.mt-26 {
+  margin-top: 26px !important;
+}
+
+.mb-26 {
+  margin-bottom: 26px !important;
+}
+
+.ml-26 {
+  margin-left: 26px !important;
+}
+
+.mr-26 {
+  margin-right: 26px !important;
+}
+
+.p-26 {
+  padding: 26px !important;
+}
+
+.pt-26 {
+  padding-top: 26px !important;
+}
+
+.pb-26 {
+  padding-bottom: 26px !important;
+}
+
+.pl-26 {
+  padding-left: 26px !important;
+}
+
+.pr-26 {
+  padding-right: 26px !important;
+}
+
+.vh-26 {
+  height: 26vh !important;
+}
+
+.vw-26 {
+  width: 26vw !important;
+}
+
+.font-size-26 {
+  font-size: 26px !important;
+}
+
+.m-27 {
+  margin: 27px !important;
+}
+
+.mt-27 {
+  margin-top: 27px !important;
+}
+
+.mb-27 {
+  margin-bottom: 27px !important;
+}
+
+.ml-27 {
+  margin-left: 27px !important;
+}
+
+.mr-27 {
+  margin-right: 27px !important;
+}
+
+.p-27 {
+  padding: 27px !important;
+}
+
+.pt-27 {
+  padding-top: 27px !important;
+}
+
+.pb-27 {
+  padding-bottom: 27px !important;
+}
+
+.pl-27 {
+  padding-left: 27px !important;
+}
+
+.pr-27 {
+  padding-right: 27px !important;
+}
+
+.vh-27 {
+  height: 27vh !important;
+}
+
+.vw-27 {
+  width: 27vw !important;
+}
+
+.font-size-27 {
+  font-size: 27px !important;
+}
+
+.m-28 {
+  margin: 28px !important;
+}
+
+.mt-28 {
+  margin-top: 28px !important;
+}
+
+.mb-28 {
+  margin-bottom: 28px !important;
+}
+
+.ml-28 {
+  margin-left: 28px !important;
+}
+
+.mr-28 {
+  margin-right: 28px !important;
+}
+
+.p-28 {
+  padding: 28px !important;
+}
+
+.pt-28 {
+  padding-top: 28px !important;
+}
+
+.pb-28 {
+  padding-bottom: 28px !important;
+}
+
+.pl-28 {
+  padding-left: 28px !important;
+}
+
+.pr-28 {
+  padding-right: 28px !important;
+}
+
+.vh-28 {
+  height: 28vh !important;
+}
+
+.vw-28 {
+  width: 28vw !important;
+}
+
+.font-size-28 {
+  font-size: 28px !important;
+}
+
+.m-29 {
+  margin: 29px !important;
+}
+
+.mt-29 {
+  margin-top: 29px !important;
+}
+
+.mb-29 {
+  margin-bottom: 29px !important;
+}
+
+.ml-29 {
+  margin-left: 29px !important;
+}
+
+.mr-29 {
+  margin-right: 29px !important;
+}
+
+.p-29 {
+  padding: 29px !important;
+}
+
+.pt-29 {
+  padding-top: 29px !important;
+}
+
+.pb-29 {
+  padding-bottom: 29px !important;
+}
+
+.pl-29 {
+  padding-left: 29px !important;
+}
+
+.pr-29 {
+  padding-right: 29px !important;
+}
+
+.vh-29 {
+  height: 29vh !important;
+}
+
+.vw-29 {
+  width: 29vw !important;
+}
+
+.font-size-29 {
+  font-size: 29px !important;
+}
+
+.m-30 {
+  margin: 30px !important;
+}
+
+.mt-30 {
+  margin-top: 30px !important;
+}
+
+.mb-30 {
+  margin-bottom: 30px !important;
+}
+
+.ml-30 {
+  margin-left: 30px !important;
+}
+
+.mr-30 {
+  margin-right: 30px !important;
+}
+
+.p-30 {
+  padding: 30px !important;
+}
+
+.pt-30 {
+  padding-top: 30px !important;
+}
+
+.pb-30 {
+  padding-bottom: 30px !important;
+}
+
+.pl-30 {
+  padding-left: 30px !important;
+}
+
+.pr-30 {
+  padding-right: 30px !important;
+}
+
+.vh-30 {
+  height: 30vh !important;
+}
+
+.vw-30 {
+  width: 30vw !important;
+}
+
+.font-size-30 {
+  font-size: 30px !important;
+}
+
+.m-31 {
+  margin: 31px !important;
+}
+
+.mt-31 {
+  margin-top: 31px !important;
+}
+
+.mb-31 {
+  margin-bottom: 31px !important;
+}
+
+.ml-31 {
+  margin-left: 31px !important;
+}
+
+.mr-31 {
+  margin-right: 31px !important;
+}
+
+.p-31 {
+  padding: 31px !important;
+}
+
+.pt-31 {
+  padding-top: 31px !important;
+}
+
+.pb-31 {
+  padding-bottom: 31px !important;
+}
+
+.pl-31 {
+  padding-left: 31px !important;
+}
+
+.pr-31 {
+  padding-right: 31px !important;
+}
+
+.vh-31 {
+  height: 31vh !important;
+}
+
+.vw-31 {
+  width: 31vw !important;
+}
+
+.font-size-31 {
+  font-size: 31px !important;
+}
+
+.m-32 {
+  margin: 32px !important;
+}
+
+.mt-32 {
+  margin-top: 32px !important;
+}
+
+.mb-32 {
+  margin-bottom: 32px !important;
+}
+
+.ml-32 {
+  margin-left: 32px !important;
+}
+
+.mr-32 {
+  margin-right: 32px !important;
+}
+
+.p-32 {
+  padding: 32px !important;
+}
+
+.pt-32 {
+  padding-top: 32px !important;
+}
+
+.pb-32 {
+  padding-bottom: 32px !important;
+}
+
+.pl-32 {
+  padding-left: 32px !important;
+}
+
+.pr-32 {
+  padding-right: 32px !important;
+}
+
+.vh-32 {
+  height: 32vh !important;
+}
+
+.vw-32 {
+  width: 32vw !important;
+}
+
+.font-size-32 {
+  font-size: 32px !important;
+}
+
+.m-33 {
+  margin: 33px !important;
+}
+
+.mt-33 {
+  margin-top: 33px !important;
+}
+
+.mb-33 {
+  margin-bottom: 33px !important;
+}
+
+.ml-33 {
+  margin-left: 33px !important;
+}
+
+.mr-33 {
+  margin-right: 33px !important;
+}
+
+.p-33 {
+  padding: 33px !important;
+}
+
+.pt-33 {
+  padding-top: 33px !important;
+}
+
+.pb-33 {
+  padding-bottom: 33px !important;
+}
+
+.pl-33 {
+  padding-left: 33px !important;
+}
+
+.pr-33 {
+  padding-right: 33px !important;
+}
+
+.vh-33 {
+  height: 33vh !important;
+}
+
+.vw-33 {
+  width: 33vw !important;
+}
+
+.font-size-33 {
+  font-size: 33px !important;
+}
+
+.m-34 {
+  margin: 34px !important;
+}
+
+.mt-34 {
+  margin-top: 34px !important;
+}
+
+.mb-34 {
+  margin-bottom: 34px !important;
+}
+
+.ml-34 {
+  margin-left: 34px !important;
+}
+
+.mr-34 {
+  margin-right: 34px !important;
+}
+
+.p-34 {
+  padding: 34px !important;
+}
+
+.pt-34 {
+  padding-top: 34px !important;
+}
+
+.pb-34 {
+  padding-bottom: 34px !important;
+}
+
+.pl-34 {
+  padding-left: 34px !important;
+}
+
+.pr-34 {
+  padding-right: 34px !important;
+}
+
+.vh-34 {
+  height: 34vh !important;
+}
+
+.vw-34 {
+  width: 34vw !important;
+}
+
+.font-size-34 {
+  font-size: 34px !important;
+}
+
+.m-35 {
+  margin: 35px !important;
+}
+
+.mt-35 {
+  margin-top: 35px !important;
+}
+
+.mb-35 {
+  margin-bottom: 35px !important;
+}
+
+.ml-35 {
+  margin-left: 35px !important;
+}
+
+.mr-35 {
+  margin-right: 35px !important;
+}
+
+.p-35 {
+  padding: 35px !important;
+}
+
+.pt-35 {
+  padding-top: 35px !important;
+}
+
+.pb-35 {
+  padding-bottom: 35px !important;
+}
+
+.pl-35 {
+  padding-left: 35px !important;
+}
+
+.pr-35 {
+  padding-right: 35px !important;
+}
+
+.vh-35 {
+  height: 35vh !important;
+}
+
+.vw-35 {
+  width: 35vw !important;
+}
+
+.font-size-35 {
+  font-size: 35px !important;
+}
+
+.m-36 {
+  margin: 36px !important;
+}
+
+.mt-36 {
+  margin-top: 36px !important;
+}
+
+.mb-36 {
+  margin-bottom: 36px !important;
+}
+
+.ml-36 {
+  margin-left: 36px !important;
+}
+
+.mr-36 {
+  margin-right: 36px !important;
+}
+
+.p-36 {
+  padding: 36px !important;
+}
+
+.pt-36 {
+  padding-top: 36px !important;
+}
+
+.pb-36 {
+  padding-bottom: 36px !important;
+}
+
+.pl-36 {
+  padding-left: 36px !important;
+}
+
+.pr-36 {
+  padding-right: 36px !important;
+}
+
+.vh-36 {
+  height: 36vh !important;
+}
+
+.vw-36 {
+  width: 36vw !important;
+}
+
+.font-size-36 {
+  font-size: 36px !important;
+}
+
+.m-37 {
+  margin: 37px !important;
+}
+
+.mt-37 {
+  margin-top: 37px !important;
+}
+
+.mb-37 {
+  margin-bottom: 37px !important;
+}
+
+.ml-37 {
+  margin-left: 37px !important;
+}
+
+.mr-37 {
+  margin-right: 37px !important;
+}
+
+.p-37 {
+  padding: 37px !important;
+}
+
+.pt-37 {
+  padding-top: 37px !important;
+}
+
+.pb-37 {
+  padding-bottom: 37px !important;
+}
+
+.pl-37 {
+  padding-left: 37px !important;
+}
+
+.pr-37 {
+  padding-right: 37px !important;
+}
+
+.vh-37 {
+  height: 37vh !important;
+}
+
+.vw-37 {
+  width: 37vw !important;
+}
+
+.font-size-37 {
+  font-size: 37px !important;
+}
+
+.m-38 {
+  margin: 38px !important;
+}
+
+.mt-38 {
+  margin-top: 38px !important;
+}
+
+.mb-38 {
+  margin-bottom: 38px !important;
+}
+
+.ml-38 {
+  margin-left: 38px !important;
+}
+
+.mr-38 {
+  margin-right: 38px !important;
+}
+
+.p-38 {
+  padding: 38px !important;
+}
+
+.pt-38 {
+  padding-top: 38px !important;
+}
+
+.pb-38 {
+  padding-bottom: 38px !important;
+}
+
+.pl-38 {
+  padding-left: 38px !important;
+}
+
+.pr-38 {
+  padding-right: 38px !important;
+}
+
+.vh-38 {
+  height: 38vh !important;
+}
+
+.vw-38 {
+  width: 38vw !important;
+}
+
+.font-size-38 {
+  font-size: 38px !important;
+}
+
+.m-39 {
+  margin: 39px !important;
+}
+
+.mt-39 {
+  margin-top: 39px !important;
+}
+
+.mb-39 {
+  margin-bottom: 39px !important;
+}
+
+.ml-39 {
+  margin-left: 39px !important;
+}
+
+.mr-39 {
+  margin-right: 39px !important;
+}
+
+.p-39 {
+  padding: 39px !important;
+}
+
+.pt-39 {
+  padding-top: 39px !important;
+}
+
+.pb-39 {
+  padding-bottom: 39px !important;
+}
+
+.pl-39 {
+  padding-left: 39px !important;
+}
+
+.pr-39 {
+  padding-right: 39px !important;
+}
+
+.vh-39 {
+  height: 39vh !important;
+}
+
+.vw-39 {
+  width: 39vw !important;
+}
+
+.font-size-39 {
+  font-size: 39px !important;
+}
+
+.m-40 {
+  margin: 40px !important;
+}
+
+.mt-40 {
+  margin-top: 40px !important;
+}
+
+.mb-40 {
+  margin-bottom: 40px !important;
+}
+
+.ml-40 {
+  margin-left: 40px !important;
+}
+
+.mr-40 {
+  margin-right: 40px !important;
+}
+
+.p-40 {
+  padding: 40px !important;
+}
+
+.pt-40 {
+  padding-top: 40px !important;
+}
+
+.pb-40 {
+  padding-bottom: 40px !important;
+}
+
+.pl-40 {
+  padding-left: 40px !important;
+}
+
+.pr-40 {
+  padding-right: 40px !important;
+}
+
+.vh-40 {
+  height: 40vh !important;
+}
+
+.vw-40 {
+  width: 40vw !important;
+}
+
+.font-size-40 {
+  font-size: 40px !important;
+}
+
+.m-41 {
+  margin: 41px !important;
+}
+
+.mt-41 {
+  margin-top: 41px !important;
+}
+
+.mb-41 {
+  margin-bottom: 41px !important;
+}
+
+.ml-41 {
+  margin-left: 41px !important;
+}
+
+.mr-41 {
+  margin-right: 41px !important;
+}
+
+.p-41 {
+  padding: 41px !important;
+}
+
+.pt-41 {
+  padding-top: 41px !important;
+}
+
+.pb-41 {
+  padding-bottom: 41px !important;
+}
+
+.pl-41 {
+  padding-left: 41px !important;
+}
+
+.pr-41 {
+  padding-right: 41px !important;
+}
+
+.vh-41 {
+  height: 41vh !important;
+}
+
+.vw-41 {
+  width: 41vw !important;
+}
+
+.font-size-41 {
+  font-size: 41px !important;
+}
+
+.m-42 {
+  margin: 42px !important;
+}
+
+.mt-42 {
+  margin-top: 42px !important;
+}
+
+.mb-42 {
+  margin-bottom: 42px !important;
+}
+
+.ml-42 {
+  margin-left: 42px !important;
+}
+
+.mr-42 {
+  margin-right: 42px !important;
+}
+
+.p-42 {
+  padding: 42px !important;
+}
+
+.pt-42 {
+  padding-top: 42px !important;
+}
+
+.pb-42 {
+  padding-bottom: 42px !important;
+}
+
+.pl-42 {
+  padding-left: 42px !important;
+}
+
+.pr-42 {
+  padding-right: 42px !important;
+}
+
+.vh-42 {
+  height: 42vh !important;
+}
+
+.vw-42 {
+  width: 42vw !important;
+}
+
+.font-size-42 {
+  font-size: 42px !important;
+}
+
+.m-43 {
+  margin: 43px !important;
+}
+
+.mt-43 {
+  margin-top: 43px !important;
+}
+
+.mb-43 {
+  margin-bottom: 43px !important;
+}
+
+.ml-43 {
+  margin-left: 43px !important;
+}
+
+.mr-43 {
+  margin-right: 43px !important;
+}
+
+.p-43 {
+  padding: 43px !important;
+}
+
+.pt-43 {
+  padding-top: 43px !important;
+}
+
+.pb-43 {
+  padding-bottom: 43px !important;
+}
+
+.pl-43 {
+  padding-left: 43px !important;
+}
+
+.pr-43 {
+  padding-right: 43px !important;
+}
+
+.vh-43 {
+  height: 43vh !important;
+}
+
+.vw-43 {
+  width: 43vw !important;
+}
+
+.font-size-43 {
+  font-size: 43px !important;
+}
+
+.m-44 {
+  margin: 44px !important;
+}
+
+.mt-44 {
+  margin-top: 44px !important;
+}
+
+.mb-44 {
+  margin-bottom: 44px !important;
+}
+
+.ml-44 {
+  margin-left: 44px !important;
+}
+
+.mr-44 {
+  margin-right: 44px !important;
+}
+
+.p-44 {
+  padding: 44px !important;
+}
+
+.pt-44 {
+  padding-top: 44px !important;
+}
+
+.pb-44 {
+  padding-bottom: 44px !important;
+}
+
+.pl-44 {
+  padding-left: 44px !important;
+}
+
+.pr-44 {
+  padding-right: 44px !important;
+}
+
+.vh-44 {
+  height: 44vh !important;
+}
+
+.vw-44 {
+  width: 44vw !important;
+}
+
+.font-size-44 {
+  font-size: 44px !important;
+}
+
+.m-45 {
+  margin: 45px !important;
+}
+
+.mt-45 {
+  margin-top: 45px !important;
+}
+
+.mb-45 {
+  margin-bottom: 45px !important;
+}
+
+.ml-45 {
+  margin-left: 45px !important;
+}
+
+.mr-45 {
+  margin-right: 45px !important;
+}
+
+.p-45 {
+  padding: 45px !important;
+}
+
+.pt-45 {
+  padding-top: 45px !important;
+}
+
+.pb-45 {
+  padding-bottom: 45px !important;
+}
+
+.pl-45 {
+  padding-left: 45px !important;
+}
+
+.pr-45 {
+  padding-right: 45px !important;
+}
+
+.vh-45 {
+  height: 45vh !important;
+}
+
+.vw-45 {
+  width: 45vw !important;
+}
+
+.font-size-45 {
+  font-size: 45px !important;
+}
+
+.m-46 {
+  margin: 46px !important;
+}
+
+.mt-46 {
+  margin-top: 46px !important;
+}
+
+.mb-46 {
+  margin-bottom: 46px !important;
+}
+
+.ml-46 {
+  margin-left: 46px !important;
+}
+
+.mr-46 {
+  margin-right: 46px !important;
+}
+
+.p-46 {
+  padding: 46px !important;
+}
+
+.pt-46 {
+  padding-top: 46px !important;
+}
+
+.pb-46 {
+  padding-bottom: 46px !important;
+}
+
+.pl-46 {
+  padding-left: 46px !important;
+}
+
+.pr-46 {
+  padding-right: 46px !important;
+}
+
+.vh-46 {
+  height: 46vh !important;
+}
+
+.vw-46 {
+  width: 46vw !important;
+}
+
+.font-size-46 {
+  font-size: 46px !important;
+}
+
+.m-47 {
+  margin: 47px !important;
+}
+
+.mt-47 {
+  margin-top: 47px !important;
+}
+
+.mb-47 {
+  margin-bottom: 47px !important;
+}
+
+.ml-47 {
+  margin-left: 47px !important;
+}
+
+.mr-47 {
+  margin-right: 47px !important;
+}
+
+.p-47 {
+  padding: 47px !important;
+}
+
+.pt-47 {
+  padding-top: 47px !important;
+}
+
+.pb-47 {
+  padding-bottom: 47px !important;
+}
+
+.pl-47 {
+  padding-left: 47px !important;
+}
+
+.pr-47 {
+  padding-right: 47px !important;
+}
+
+.vh-47 {
+  height: 47vh !important;
+}
+
+.vw-47 {
+  width: 47vw !important;
+}
+
+.font-size-47 {
+  font-size: 47px !important;
+}
+
+.m-48 {
+  margin: 48px !important;
+}
+
+.mt-48 {
+  margin-top: 48px !important;
+}
+
+.mb-48 {
+  margin-bottom: 48px !important;
+}
+
+.ml-48 {
+  margin-left: 48px !important;
+}
+
+.mr-48 {
+  margin-right: 48px !important;
+}
+
+.p-48 {
+  padding: 48px !important;
+}
+
+.pt-48 {
+  padding-top: 48px !important;
+}
+
+.pb-48 {
+  padding-bottom: 48px !important;
+}
+
+.pl-48 {
+  padding-left: 48px !important;
+}
+
+.pr-48 {
+  padding-right: 48px !important;
+}
+
+.vh-48 {
+  height: 48vh !important;
+}
+
+.vw-48 {
+  width: 48vw !important;
+}
+
+.font-size-48 {
+  font-size: 48px !important;
+}
+
+.m-49 {
+  margin: 49px !important;
+}
+
+.mt-49 {
+  margin-top: 49px !important;
+}
+
+.mb-49 {
+  margin-bottom: 49px !important;
+}
+
+.ml-49 {
+  margin-left: 49px !important;
+}
+
+.mr-49 {
+  margin-right: 49px !important;
+}
+
+.p-49 {
+  padding: 49px !important;
+}
+
+.pt-49 {
+  padding-top: 49px !important;
+}
+
+.pb-49 {
+  padding-bottom: 49px !important;
+}
+
+.pl-49 {
+  padding-left: 49px !important;
+}
+
+.pr-49 {
+  padding-right: 49px !important;
+}
+
+.vh-49 {
+  height: 49vh !important;
+}
+
+.vw-49 {
+  width: 49vw !important;
+}
+
+.font-size-49 {
+  font-size: 49px !important;
+}
+
+.m-50 {
+  margin: 50px !important;
+}
+
+.mt-50 {
+  margin-top: 50px !important;
+}
+
+.mb-50 {
+  margin-bottom: 50px !important;
+}
+
+.ml-50 {
+  margin-left: 50px !important;
+}
+
+.mr-50 {
+  margin-right: 50px !important;
+}
+
+.p-50 {
+  padding: 50px !important;
+}
+
+.pt-50 {
+  padding-top: 50px !important;
+}
+
+.pb-50 {
+  padding-bottom: 50px !important;
+}
+
+.pl-50 {
+  padding-left: 50px !important;
+}
+
+.pr-50 {
+  padding-right: 50px !important;
+}
+
+.vh-50 {
+  height: 50vh !important;
+}
+
+.vw-50 {
+  width: 50vw !important;
+}
+
+.font-size-50 {
+  font-size: 50px !important;
+}
+
+.m-51 {
+  margin: 51px !important;
+}
+
+.mt-51 {
+  margin-top: 51px !important;
+}
+
+.mb-51 {
+  margin-bottom: 51px !important;
+}
+
+.ml-51 {
+  margin-left: 51px !important;
+}
+
+.mr-51 {
+  margin-right: 51px !important;
+}
+
+.p-51 {
+  padding: 51px !important;
+}
+
+.pt-51 {
+  padding-top: 51px !important;
+}
+
+.pb-51 {
+  padding-bottom: 51px !important;
+}
+
+.pl-51 {
+  padding-left: 51px !important;
+}
+
+.pr-51 {
+  padding-right: 51px !important;
+}
+
+.vh-51 {
+  height: 51vh !important;
+}
+
+.vw-51 {
+  width: 51vw !important;
+}
+
+.font-size-51 {
+  font-size: 51px !important;
+}
+
+.m-52 {
+  margin: 52px !important;
+}
+
+.mt-52 {
+  margin-top: 52px !important;
+}
+
+.mb-52 {
+  margin-bottom: 52px !important;
+}
+
+.ml-52 {
+  margin-left: 52px !important;
+}
+
+.mr-52 {
+  margin-right: 52px !important;
+}
+
+.p-52 {
+  padding: 52px !important;
+}
+
+.pt-52 {
+  padding-top: 52px !important;
+}
+
+.pb-52 {
+  padding-bottom: 52px !important;
+}
+
+.pl-52 {
+  padding-left: 52px !important;
+}
+
+.pr-52 {
+  padding-right: 52px !important;
+}
+
+.vh-52 {
+  height: 52vh !important;
+}
+
+.vw-52 {
+  width: 52vw !important;
+}
+
+.font-size-52 {
+  font-size: 52px !important;
+}
+
+.m-53 {
+  margin: 53px !important;
+}
+
+.mt-53 {
+  margin-top: 53px !important;
+}
+
+.mb-53 {
+  margin-bottom: 53px !important;
+}
+
+.ml-53 {
+  margin-left: 53px !important;
+}
+
+.mr-53 {
+  margin-right: 53px !important;
+}
+
+.p-53 {
+  padding: 53px !important;
+}
+
+.pt-53 {
+  padding-top: 53px !important;
+}
+
+.pb-53 {
+  padding-bottom: 53px !important;
+}
+
+.pl-53 {
+  padding-left: 53px !important;
+}
+
+.pr-53 {
+  padding-right: 53px !important;
+}
+
+.vh-53 {
+  height: 53vh !important;
+}
+
+.vw-53 {
+  width: 53vw !important;
+}
+
+.font-size-53 {
+  font-size: 53px !important;
+}
+
+.m-54 {
+  margin: 54px !important;
+}
+
+.mt-54 {
+  margin-top: 54px !important;
+}
+
+.mb-54 {
+  margin-bottom: 54px !important;
+}
+
+.ml-54 {
+  margin-left: 54px !important;
+}
+
+.mr-54 {
+  margin-right: 54px !important;
+}
+
+.p-54 {
+  padding: 54px !important;
+}
+
+.pt-54 {
+  padding-top: 54px !important;
+}
+
+.pb-54 {
+  padding-bottom: 54px !important;
+}
+
+.pl-54 {
+  padding-left: 54px !important;
+}
+
+.pr-54 {
+  padding-right: 54px !important;
+}
+
+.vh-54 {
+  height: 54vh !important;
+}
+
+.vw-54 {
+  width: 54vw !important;
+}
+
+.font-size-54 {
+  font-size: 54px !important;
+}
+
+.m-55 {
+  margin: 55px !important;
+}
+
+.mt-55 {
+  margin-top: 55px !important;
+}
+
+.mb-55 {
+  margin-bottom: 55px !important;
+}
+
+.ml-55 {
+  margin-left: 55px !important;
+}
+
+.mr-55 {
+  margin-right: 55px !important;
+}
+
+.p-55 {
+  padding: 55px !important;
+}
+
+.pt-55 {
+  padding-top: 55px !important;
+}
+
+.pb-55 {
+  padding-bottom: 55px !important;
+}
+
+.pl-55 {
+  padding-left: 55px !important;
+}
+
+.pr-55 {
+  padding-right: 55px !important;
+}
+
+.vh-55 {
+  height: 55vh !important;
+}
+
+.vw-55 {
+  width: 55vw !important;
+}
+
+.font-size-55 {
+  font-size: 55px !important;
+}
+
+.m-56 {
+  margin: 56px !important;
+}
+
+.mt-56 {
+  margin-top: 56px !important;
+}
+
+.mb-56 {
+  margin-bottom: 56px !important;
+}
+
+.ml-56 {
+  margin-left: 56px !important;
+}
+
+.mr-56 {
+  margin-right: 56px !important;
+}
+
+.p-56 {
+  padding: 56px !important;
+}
+
+.pt-56 {
+  padding-top: 56px !important;
+}
+
+.pb-56 {
+  padding-bottom: 56px !important;
+}
+
+.pl-56 {
+  padding-left: 56px !important;
+}
+
+.pr-56 {
+  padding-right: 56px !important;
+}
+
+.vh-56 {
+  height: 56vh !important;
+}
+
+.vw-56 {
+  width: 56vw !important;
+}
+
+.font-size-56 {
+  font-size: 56px !important;
+}
+
+.m-57 {
+  margin: 57px !important;
+}
+
+.mt-57 {
+  margin-top: 57px !important;
+}
+
+.mb-57 {
+  margin-bottom: 57px !important;
+}
+
+.ml-57 {
+  margin-left: 57px !important;
+}
+
+.mr-57 {
+  margin-right: 57px !important;
+}
+
+.p-57 {
+  padding: 57px !important;
+}
+
+.pt-57 {
+  padding-top: 57px !important;
+}
+
+.pb-57 {
+  padding-bottom: 57px !important;
+}
+
+.pl-57 {
+  padding-left: 57px !important;
+}
+
+.pr-57 {
+  padding-right: 57px !important;
+}
+
+.vh-57 {
+  height: 57vh !important;
+}
+
+.vw-57 {
+  width: 57vw !important;
+}
+
+.font-size-57 {
+  font-size: 57px !important;
+}
+
+.m-58 {
+  margin: 58px !important;
+}
+
+.mt-58 {
+  margin-top: 58px !important;
+}
+
+.mb-58 {
+  margin-bottom: 58px !important;
+}
+
+.ml-58 {
+  margin-left: 58px !important;
+}
+
+.mr-58 {
+  margin-right: 58px !important;
+}
+
+.p-58 {
+  padding: 58px !important;
+}
+
+.pt-58 {
+  padding-top: 58px !important;
+}
+
+.pb-58 {
+  padding-bottom: 58px !important;
+}
+
+.pl-58 {
+  padding-left: 58px !important;
+}
+
+.pr-58 {
+  padding-right: 58px !important;
+}
+
+.vh-58 {
+  height: 58vh !important;
+}
+
+.vw-58 {
+  width: 58vw !important;
+}
+
+.font-size-58 {
+  font-size: 58px !important;
+}
+
+.m-59 {
+  margin: 59px !important;
+}
+
+.mt-59 {
+  margin-top: 59px !important;
+}
+
+.mb-59 {
+  margin-bottom: 59px !important;
+}
+
+.ml-59 {
+  margin-left: 59px !important;
+}
+
+.mr-59 {
+  margin-right: 59px !important;
+}
+
+.p-59 {
+  padding: 59px !important;
+}
+
+.pt-59 {
+  padding-top: 59px !important;
+}
+
+.pb-59 {
+  padding-bottom: 59px !important;
+}
+
+.pl-59 {
+  padding-left: 59px !important;
+}
+
+.pr-59 {
+  padding-right: 59px !important;
+}
+
+.vh-59 {
+  height: 59vh !important;
+}
+
+.vw-59 {
+  width: 59vw !important;
+}
+
+.font-size-59 {
+  font-size: 59px !important;
+}
+
+.m-60 {
+  margin: 60px !important;
+}
+
+.mt-60 {
+  margin-top: 60px !important;
+}
+
+.mb-60 {
+  margin-bottom: 60px !important;
+}
+
+.ml-60 {
+  margin-left: 60px !important;
+}
+
+.mr-60 {
+  margin-right: 60px !important;
+}
+
+.p-60 {
+  padding: 60px !important;
+}
+
+.pt-60 {
+  padding-top: 60px !important;
+}
+
+.pb-60 {
+  padding-bottom: 60px !important;
+}
+
+.pl-60 {
+  padding-left: 60px !important;
+}
+
+.pr-60 {
+  padding-right: 60px !important;
+}
+
+.vh-60 {
+  height: 60vh !important;
+}
+
+.vw-60 {
+  width: 60vw !important;
+}
+
+.font-size-60 {
+  font-size: 60px !important;
+}
+
+.m-61 {
+  margin: 61px !important;
+}
+
+.mt-61 {
+  margin-top: 61px !important;
+}
+
+.mb-61 {
+  margin-bottom: 61px !important;
+}
+
+.ml-61 {
+  margin-left: 61px !important;
+}
+
+.mr-61 {
+  margin-right: 61px !important;
+}
+
+.p-61 {
+  padding: 61px !important;
+}
+
+.pt-61 {
+  padding-top: 61px !important;
+}
+
+.pb-61 {
+  padding-bottom: 61px !important;
+}
+
+.pl-61 {
+  padding-left: 61px !important;
+}
+
+.pr-61 {
+  padding-right: 61px !important;
+}
+
+.vh-61 {
+  height: 61vh !important;
+}
+
+.vw-61 {
+  width: 61vw !important;
+}
+
+.font-size-61 {
+  font-size: 61px !important;
+}
+
+.m-62 {
+  margin: 62px !important;
+}
+
+.mt-62 {
+  margin-top: 62px !important;
+}
+
+.mb-62 {
+  margin-bottom: 62px !important;
+}
+
+.ml-62 {
+  margin-left: 62px !important;
+}
+
+.mr-62 {
+  margin-right: 62px !important;
+}
+
+.p-62 {
+  padding: 62px !important;
+}
+
+.pt-62 {
+  padding-top: 62px !important;
+}
+
+.pb-62 {
+  padding-bottom: 62px !important;
+}
+
+.pl-62 {
+  padding-left: 62px !important;
+}
+
+.pr-62 {
+  padding-right: 62px !important;
+}
+
+.vh-62 {
+  height: 62vh !important;
+}
+
+.vw-62 {
+  width: 62vw !important;
+}
+
+.font-size-62 {
+  font-size: 62px !important;
+}
+
+.m-63 {
+  margin: 63px !important;
+}
+
+.mt-63 {
+  margin-top: 63px !important;
+}
+
+.mb-63 {
+  margin-bottom: 63px !important;
+}
+
+.ml-63 {
+  margin-left: 63px !important;
+}
+
+.mr-63 {
+  margin-right: 63px !important;
+}
+
+.p-63 {
+  padding: 63px !important;
+}
+
+.pt-63 {
+  padding-top: 63px !important;
+}
+
+.pb-63 {
+  padding-bottom: 63px !important;
+}
+
+.pl-63 {
+  padding-left: 63px !important;
+}
+
+.pr-63 {
+  padding-right: 63px !important;
+}
+
+.vh-63 {
+  height: 63vh !important;
+}
+
+.vw-63 {
+  width: 63vw !important;
+}
+
+.font-size-63 {
+  font-size: 63px !important;
+}
+
+.m-64 {
+  margin: 64px !important;
+}
+
+.mt-64 {
+  margin-top: 64px !important;
+}
+
+.mb-64 {
+  margin-bottom: 64px !important;
+}
+
+.ml-64 {
+  margin-left: 64px !important;
+}
+
+.mr-64 {
+  margin-right: 64px !important;
+}
+
+.p-64 {
+  padding: 64px !important;
+}
+
+.pt-64 {
+  padding-top: 64px !important;
+}
+
+.pb-64 {
+  padding-bottom: 64px !important;
+}
+
+.pl-64 {
+  padding-left: 64px !important;
+}
+
+.pr-64 {
+  padding-right: 64px !important;
+}
+
+.vh-64 {
+  height: 64vh !important;
+}
+
+.vw-64 {
+  width: 64vw !important;
+}
+
+.font-size-64 {
+  font-size: 64px !important;
+}
+
+.m-65 {
+  margin: 65px !important;
+}
+
+.mt-65 {
+  margin-top: 65px !important;
+}
+
+.mb-65 {
+  margin-bottom: 65px !important;
+}
+
+.ml-65 {
+  margin-left: 65px !important;
+}
+
+.mr-65 {
+  margin-right: 65px !important;
+}
+
+.p-65 {
+  padding: 65px !important;
+}
+
+.pt-65 {
+  padding-top: 65px !important;
+}
+
+.pb-65 {
+  padding-bottom: 65px !important;
+}
+
+.pl-65 {
+  padding-left: 65px !important;
+}
+
+.pr-65 {
+  padding-right: 65px !important;
+}
+
+.vh-65 {
+  height: 65vh !important;
+}
+
+.vw-65 {
+  width: 65vw !important;
+}
+
+.font-size-65 {
+  font-size: 65px !important;
+}
+
+.m-66 {
+  margin: 66px !important;
+}
+
+.mt-66 {
+  margin-top: 66px !important;
+}
+
+.mb-66 {
+  margin-bottom: 66px !important;
+}
+
+.ml-66 {
+  margin-left: 66px !important;
+}
+
+.mr-66 {
+  margin-right: 66px !important;
+}
+
+.p-66 {
+  padding: 66px !important;
+}
+
+.pt-66 {
+  padding-top: 66px !important;
+}
+
+.pb-66 {
+  padding-bottom: 66px !important;
+}
+
+.pl-66 {
+  padding-left: 66px !important;
+}
+
+.pr-66 {
+  padding-right: 66px !important;
+}
+
+.vh-66 {
+  height: 66vh !important;
+}
+
+.vw-66 {
+  width: 66vw !important;
+}
+
+.font-size-66 {
+  font-size: 66px !important;
+}
+
+.m-67 {
+  margin: 67px !important;
+}
+
+.mt-67 {
+  margin-top: 67px !important;
+}
+
+.mb-67 {
+  margin-bottom: 67px !important;
+}
+
+.ml-67 {
+  margin-left: 67px !important;
+}
+
+.mr-67 {
+  margin-right: 67px !important;
+}
+
+.p-67 {
+  padding: 67px !important;
+}
+
+.pt-67 {
+  padding-top: 67px !important;
+}
+
+.pb-67 {
+  padding-bottom: 67px !important;
+}
+
+.pl-67 {
+  padding-left: 67px !important;
+}
+
+.pr-67 {
+  padding-right: 67px !important;
+}
+
+.vh-67 {
+  height: 67vh !important;
+}
+
+.vw-67 {
+  width: 67vw !important;
+}
+
+.font-size-67 {
+  font-size: 67px !important;
+}
+
+.m-68 {
+  margin: 68px !important;
+}
+
+.mt-68 {
+  margin-top: 68px !important;
+}
+
+.mb-68 {
+  margin-bottom: 68px !important;
+}
+
+.ml-68 {
+  margin-left: 68px !important;
+}
+
+.mr-68 {
+  margin-right: 68px !important;
+}
+
+.p-68 {
+  padding: 68px !important;
+}
+
+.pt-68 {
+  padding-top: 68px !important;
+}
+
+.pb-68 {
+  padding-bottom: 68px !important;
+}
+
+.pl-68 {
+  padding-left: 68px !important;
+}
+
+.pr-68 {
+  padding-right: 68px !important;
+}
+
+.vh-68 {
+  height: 68vh !important;
+}
+
+.vw-68 {
+  width: 68vw !important;
+}
+
+.font-size-68 {
+  font-size: 68px !important;
+}
+
+.m-69 {
+  margin: 69px !important;
+}
+
+.mt-69 {
+  margin-top: 69px !important;
+}
+
+.mb-69 {
+  margin-bottom: 69px !important;
+}
+
+.ml-69 {
+  margin-left: 69px !important;
+}
+
+.mr-69 {
+  margin-right: 69px !important;
+}
+
+.p-69 {
+  padding: 69px !important;
+}
+
+.pt-69 {
+  padding-top: 69px !important;
+}
+
+.pb-69 {
+  padding-bottom: 69px !important;
+}
+
+.pl-69 {
+  padding-left: 69px !important;
+}
+
+.pr-69 {
+  padding-right: 69px !important;
+}
+
+.vh-69 {
+  height: 69vh !important;
+}
+
+.vw-69 {
+  width: 69vw !important;
+}
+
+.font-size-69 {
+  font-size: 69px !important;
+}
+
+.m-70 {
+  margin: 70px !important;
+}
+
+.mt-70 {
+  margin-top: 70px !important;
+}
+
+.mb-70 {
+  margin-bottom: 70px !important;
+}
+
+.ml-70 {
+  margin-left: 70px !important;
+}
+
+.mr-70 {
+  margin-right: 70px !important;
+}
+
+.p-70 {
+  padding: 70px !important;
+}
+
+.pt-70 {
+  padding-top: 70px !important;
+}
+
+.pb-70 {
+  padding-bottom: 70px !important;
+}
+
+.pl-70 {
+  padding-left: 70px !important;
+}
+
+.pr-70 {
+  padding-right: 70px !important;
+}
+
+.vh-70 {
+  height: 70vh !important;
+}
+
+.vw-70 {
+  width: 70vw !important;
+}
+
+.font-size-70 {
+  font-size: 70px !important;
+}
+
+.m-71 {
+  margin: 71px !important;
+}
+
+.mt-71 {
+  margin-top: 71px !important;
+}
+
+.mb-71 {
+  margin-bottom: 71px !important;
+}
+
+.ml-71 {
+  margin-left: 71px !important;
+}
+
+.mr-71 {
+  margin-right: 71px !important;
+}
+
+.p-71 {
+  padding: 71px !important;
+}
+
+.pt-71 {
+  padding-top: 71px !important;
+}
+
+.pb-71 {
+  padding-bottom: 71px !important;
+}
+
+.pl-71 {
+  padding-left: 71px !important;
+}
+
+.pr-71 {
+  padding-right: 71px !important;
+}
+
+.vh-71 {
+  height: 71vh !important;
+}
+
+.vw-71 {
+  width: 71vw !important;
+}
+
+.font-size-71 {
+  font-size: 71px !important;
+}
+
+.m-72 {
+  margin: 72px !important;
+}
+
+.mt-72 {
+  margin-top: 72px !important;
+}
+
+.mb-72 {
+  margin-bottom: 72px !important;
+}
+
+.ml-72 {
+  margin-left: 72px !important;
+}
+
+.mr-72 {
+  margin-right: 72px !important;
+}
+
+.p-72 {
+  padding: 72px !important;
+}
+
+.pt-72 {
+  padding-top: 72px !important;
+}
+
+.pb-72 {
+  padding-bottom: 72px !important;
+}
+
+.pl-72 {
+  padding-left: 72px !important;
+}
+
+.pr-72 {
+  padding-right: 72px !important;
+}
+
+.vh-72 {
+  height: 72vh !important;
+}
+
+.vw-72 {
+  width: 72vw !important;
+}
+
+.font-size-72 {
+  font-size: 72px !important;
+}
+
+.m-73 {
+  margin: 73px !important;
+}
+
+.mt-73 {
+  margin-top: 73px !important;
+}
+
+.mb-73 {
+  margin-bottom: 73px !important;
+}
+
+.ml-73 {
+  margin-left: 73px !important;
+}
+
+.mr-73 {
+  margin-right: 73px !important;
+}
+
+.p-73 {
+  padding: 73px !important;
+}
+
+.pt-73 {
+  padding-top: 73px !important;
+}
+
+.pb-73 {
+  padding-bottom: 73px !important;
+}
+
+.pl-73 {
+  padding-left: 73px !important;
+}
+
+.pr-73 {
+  padding-right: 73px !important;
+}
+
+.vh-73 {
+  height: 73vh !important;
+}
+
+.vw-73 {
+  width: 73vw !important;
+}
+
+.font-size-73 {
+  font-size: 73px !important;
+}
+
+.m-74 {
+  margin: 74px !important;
+}
+
+.mt-74 {
+  margin-top: 74px !important;
+}
+
+.mb-74 {
+  margin-bottom: 74px !important;
+}
+
+.ml-74 {
+  margin-left: 74px !important;
+}
+
+.mr-74 {
+  margin-right: 74px !important;
+}
+
+.p-74 {
+  padding: 74px !important;
+}
+
+.pt-74 {
+  padding-top: 74px !important;
+}
+
+.pb-74 {
+  padding-bottom: 74px !important;
+}
+
+.pl-74 {
+  padding-left: 74px !important;
+}
+
+.pr-74 {
+  padding-right: 74px !important;
+}
+
+.vh-74 {
+  height: 74vh !important;
+}
+
+.vw-74 {
+  width: 74vw !important;
+}
+
+.font-size-74 {
+  font-size: 74px !important;
+}
+
+.m-75 {
+  margin: 75px !important;
+}
+
+.mt-75 {
+  margin-top: 75px !important;
+}
+
+.mb-75 {
+  margin-bottom: 75px !important;
+}
+
+.ml-75 {
+  margin-left: 75px !important;
+}
+
+.mr-75 {
+  margin-right: 75px !important;
+}
+
+.p-75 {
+  padding: 75px !important;
+}
+
+.pt-75 {
+  padding-top: 75px !important;
+}
+
+.pb-75 {
+  padding-bottom: 75px !important;
+}
+
+.pl-75 {
+  padding-left: 75px !important;
+}
+
+.pr-75 {
+  padding-right: 75px !important;
+}
+
+.vh-75 {
+  height: 75vh !important;
+}
+
+.vw-75 {
+  width: 75vw !important;
+}
+
+.font-size-75 {
+  font-size: 75px !important;
+}
+
+.m-76 {
+  margin: 76px !important;
+}
+
+.mt-76 {
+  margin-top: 76px !important;
+}
+
+.mb-76 {
+  margin-bottom: 76px !important;
+}
+
+.ml-76 {
+  margin-left: 76px !important;
+}
+
+.mr-76 {
+  margin-right: 76px !important;
+}
+
+.p-76 {
+  padding: 76px !important;
+}
+
+.pt-76 {
+  padding-top: 76px !important;
+}
+
+.pb-76 {
+  padding-bottom: 76px !important;
+}
+
+.pl-76 {
+  padding-left: 76px !important;
+}
+
+.pr-76 {
+  padding-right: 76px !important;
+}
+
+.vh-76 {
+  height: 76vh !important;
+}
+
+.vw-76 {
+  width: 76vw !important;
+}
+
+.font-size-76 {
+  font-size: 76px !important;
+}
+
+.m-77 {
+  margin: 77px !important;
+}
+
+.mt-77 {
+  margin-top: 77px !important;
+}
+
+.mb-77 {
+  margin-bottom: 77px !important;
+}
+
+.ml-77 {
+  margin-left: 77px !important;
+}
+
+.mr-77 {
+  margin-right: 77px !important;
+}
+
+.p-77 {
+  padding: 77px !important;
+}
+
+.pt-77 {
+  padding-top: 77px !important;
+}
+
+.pb-77 {
+  padding-bottom: 77px !important;
+}
+
+.pl-77 {
+  padding-left: 77px !important;
+}
+
+.pr-77 {
+  padding-right: 77px !important;
+}
+
+.vh-77 {
+  height: 77vh !important;
+}
+
+.vw-77 {
+  width: 77vw !important;
+}
+
+.font-size-77 {
+  font-size: 77px !important;
+}
+
+.m-78 {
+  margin: 78px !important;
+}
+
+.mt-78 {
+  margin-top: 78px !important;
+}
+
+.mb-78 {
+  margin-bottom: 78px !important;
+}
+
+.ml-78 {
+  margin-left: 78px !important;
+}
+
+.mr-78 {
+  margin-right: 78px !important;
+}
+
+.p-78 {
+  padding: 78px !important;
+}
+
+.pt-78 {
+  padding-top: 78px !important;
+}
+
+.pb-78 {
+  padding-bottom: 78px !important;
+}
+
+.pl-78 {
+  padding-left: 78px !important;
+}
+
+.pr-78 {
+  padding-right: 78px !important;
+}
+
+.vh-78 {
+  height: 78vh !important;
+}
+
+.vw-78 {
+  width: 78vw !important;
+}
+
+.font-size-78 {
+  font-size: 78px !important;
+}
+
+.m-79 {
+  margin: 79px !important;
+}
+
+.mt-79 {
+  margin-top: 79px !important;
+}
+
+.mb-79 {
+  margin-bottom: 79px !important;
+}
+
+.ml-79 {
+  margin-left: 79px !important;
+}
+
+.mr-79 {
+  margin-right: 79px !important;
+}
+
+.p-79 {
+  padding: 79px !important;
+}
+
+.pt-79 {
+  padding-top: 79px !important;
+}
+
+.pb-79 {
+  padding-bottom: 79px !important;
+}
+
+.pl-79 {
+  padding-left: 79px !important;
+}
+
+.pr-79 {
+  padding-right: 79px !important;
+}
+
+.vh-79 {
+  height: 79vh !important;
+}
+
+.vw-79 {
+  width: 79vw !important;
+}
+
+.font-size-79 {
+  font-size: 79px !important;
+}
+
+.m-80 {
+  margin: 80px !important;
+}
+
+.mt-80 {
+  margin-top: 80px !important;
+}
+
+.mb-80 {
+  margin-bottom: 80px !important;
+}
+
+.ml-80 {
+  margin-left: 80px !important;
+}
+
+.mr-80 {
+  margin-right: 80px !important;
+}
+
+.p-80 {
+  padding: 80px !important;
+}
+
+.pt-80 {
+  padding-top: 80px !important;
+}
+
+.pb-80 {
+  padding-bottom: 80px !important;
+}
+
+.pl-80 {
+  padding-left: 80px !important;
+}
+
+.pr-80 {
+  padding-right: 80px !important;
+}
+
+.vh-80 {
+  height: 80vh !important;
+}
+
+.vw-80 {
+  width: 80vw !important;
+}
+
+.font-size-80 {
+  font-size: 80px !important;
+}
+
+.m-81 {
+  margin: 81px !important;
+}
+
+.mt-81 {
+  margin-top: 81px !important;
+}
+
+.mb-81 {
+  margin-bottom: 81px !important;
+}
+
+.ml-81 {
+  margin-left: 81px !important;
+}
+
+.mr-81 {
+  margin-right: 81px !important;
+}
+
+.p-81 {
+  padding: 81px !important;
+}
+
+.pt-81 {
+  padding-top: 81px !important;
+}
+
+.pb-81 {
+  padding-bottom: 81px !important;
+}
+
+.pl-81 {
+  padding-left: 81px !important;
+}
+
+.pr-81 {
+  padding-right: 81px !important;
+}
+
+.vh-81 {
+  height: 81vh !important;
+}
+
+.vw-81 {
+  width: 81vw !important;
+}
+
+.font-size-81 {
+  font-size: 81px !important;
+}
+
+.m-82 {
+  margin: 82px !important;
+}
+
+.mt-82 {
+  margin-top: 82px !important;
+}
+
+.mb-82 {
+  margin-bottom: 82px !important;
+}
+
+.ml-82 {
+  margin-left: 82px !important;
+}
+
+.mr-82 {
+  margin-right: 82px !important;
+}
+
+.p-82 {
+  padding: 82px !important;
+}
+
+.pt-82 {
+  padding-top: 82px !important;
+}
+
+.pb-82 {
+  padding-bottom: 82px !important;
+}
+
+.pl-82 {
+  padding-left: 82px !important;
+}
+
+.pr-82 {
+  padding-right: 82px !important;
+}
+
+.vh-82 {
+  height: 82vh !important;
+}
+
+.vw-82 {
+  width: 82vw !important;
+}
+
+.font-size-82 {
+  font-size: 82px !important;
+}
+
+.m-83 {
+  margin: 83px !important;
+}
+
+.mt-83 {
+  margin-top: 83px !important;
+}
+
+.mb-83 {
+  margin-bottom: 83px !important;
+}
+
+.ml-83 {
+  margin-left: 83px !important;
+}
+
+.mr-83 {
+  margin-right: 83px !important;
+}
+
+.p-83 {
+  padding: 83px !important;
+}
+
+.pt-83 {
+  padding-top: 83px !important;
+}
+
+.pb-83 {
+  padding-bottom: 83px !important;
+}
+
+.pl-83 {
+  padding-left: 83px !important;
+}
+
+.pr-83 {
+  padding-right: 83px !important;
+}
+
+.vh-83 {
+  height: 83vh !important;
+}
+
+.vw-83 {
+  width: 83vw !important;
+}
+
+.font-size-83 {
+  font-size: 83px !important;
+}
+
+.m-84 {
+  margin: 84px !important;
+}
+
+.mt-84 {
+  margin-top: 84px !important;
+}
+
+.mb-84 {
+  margin-bottom: 84px !important;
+}
+
+.ml-84 {
+  margin-left: 84px !important;
+}
+
+.mr-84 {
+  margin-right: 84px !important;
+}
+
+.p-84 {
+  padding: 84px !important;
+}
+
+.pt-84 {
+  padding-top: 84px !important;
+}
+
+.pb-84 {
+  padding-bottom: 84px !important;
+}
+
+.pl-84 {
+  padding-left: 84px !important;
+}
+
+.pr-84 {
+  padding-right: 84px !important;
+}
+
+.vh-84 {
+  height: 84vh !important;
+}
+
+.vw-84 {
+  width: 84vw !important;
+}
+
+.font-size-84 {
+  font-size: 84px !important;
+}
+
+.m-85 {
+  margin: 85px !important;
+}
+
+.mt-85 {
+  margin-top: 85px !important;
+}
+
+.mb-85 {
+  margin-bottom: 85px !important;
+}
+
+.ml-85 {
+  margin-left: 85px !important;
+}
+
+.mr-85 {
+  margin-right: 85px !important;
+}
+
+.p-85 {
+  padding: 85px !important;
+}
+
+.pt-85 {
+  padding-top: 85px !important;
+}
+
+.pb-85 {
+  padding-bottom: 85px !important;
+}
+
+.pl-85 {
+  padding-left: 85px !important;
+}
+
+.pr-85 {
+  padding-right: 85px !important;
+}
+
+.vh-85 {
+  height: 85vh !important;
+}
+
+.vw-85 {
+  width: 85vw !important;
+}
+
+.font-size-85 {
+  font-size: 85px !important;
+}
+
+.m-86 {
+  margin: 86px !important;
+}
+
+.mt-86 {
+  margin-top: 86px !important;
+}
+
+.mb-86 {
+  margin-bottom: 86px !important;
+}
+
+.ml-86 {
+  margin-left: 86px !important;
+}
+
+.mr-86 {
+  margin-right: 86px !important;
+}
+
+.p-86 {
+  padding: 86px !important;
+}
+
+.pt-86 {
+  padding-top: 86px !important;
+}
+
+.pb-86 {
+  padding-bottom: 86px !important;
+}
+
+.pl-86 {
+  padding-left: 86px !important;
+}
+
+.pr-86 {
+  padding-right: 86px !important;
+}
+
+.vh-86 {
+  height: 86vh !important;
+}
+
+.vw-86 {
+  width: 86vw !important;
+}
+
+.font-size-86 {
+  font-size: 86px !important;
+}
+
+.m-87 {
+  margin: 87px !important;
+}
+
+.mt-87 {
+  margin-top: 87px !important;
+}
+
+.mb-87 {
+  margin-bottom: 87px !important;
+}
+
+.ml-87 {
+  margin-left: 87px !important;
+}
+
+.mr-87 {
+  margin-right: 87px !important;
+}
+
+.p-87 {
+  padding: 87px !important;
+}
+
+.pt-87 {
+  padding-top: 87px !important;
+}
+
+.pb-87 {
+  padding-bottom: 87px !important;
+}
+
+.pl-87 {
+  padding-left: 87px !important;
+}
+
+.pr-87 {
+  padding-right: 87px !important;
+}
+
+.vh-87 {
+  height: 87vh !important;
+}
+
+.vw-87 {
+  width: 87vw !important;
+}
+
+.font-size-87 {
+  font-size: 87px !important;
+}
+
+.m-88 {
+  margin: 88px !important;
+}
+
+.mt-88 {
+  margin-top: 88px !important;
+}
+
+.mb-88 {
+  margin-bottom: 88px !important;
+}
+
+.ml-88 {
+  margin-left: 88px !important;
+}
+
+.mr-88 {
+  margin-right: 88px !important;
+}
+
+.p-88 {
+  padding: 88px !important;
+}
+
+.pt-88 {
+  padding-top: 88px !important;
+}
+
+.pb-88 {
+  padding-bottom: 88px !important;
+}
+
+.pl-88 {
+  padding-left: 88px !important;
+}
+
+.pr-88 {
+  padding-right: 88px !important;
+}
+
+.vh-88 {
+  height: 88vh !important;
+}
+
+.vw-88 {
+  width: 88vw !important;
+}
+
+.font-size-88 {
+  font-size: 88px !important;
+}
+
+.m-89 {
+  margin: 89px !important;
+}
+
+.mt-89 {
+  margin-top: 89px !important;
+}
+
+.mb-89 {
+  margin-bottom: 89px !important;
+}
+
+.ml-89 {
+  margin-left: 89px !important;
+}
+
+.mr-89 {
+  margin-right: 89px !important;
+}
+
+.p-89 {
+  padding: 89px !important;
+}
+
+.pt-89 {
+  padding-top: 89px !important;
+}
+
+.pb-89 {
+  padding-bottom: 89px !important;
+}
+
+.pl-89 {
+  padding-left: 89px !important;
+}
+
+.pr-89 {
+  padding-right: 89px !important;
+}
+
+.vh-89 {
+  height: 89vh !important;
+}
+
+.vw-89 {
+  width: 89vw !important;
+}
+
+.font-size-89 {
+  font-size: 89px !important;
+}
+
+.m-90 {
+  margin: 90px !important;
+}
+
+.mt-90 {
+  margin-top: 90px !important;
+}
+
+.mb-90 {
+  margin-bottom: 90px !important;
+}
+
+.ml-90 {
+  margin-left: 90px !important;
+}
+
+.mr-90 {
+  margin-right: 90px !important;
+}
+
+.p-90 {
+  padding: 90px !important;
+}
+
+.pt-90 {
+  padding-top: 90px !important;
+}
+
+.pb-90 {
+  padding-bottom: 90px !important;
+}
+
+.pl-90 {
+  padding-left: 90px !important;
+}
+
+.pr-90 {
+  padding-right: 90px !important;
+}
+
+.vh-90 {
+  height: 90vh !important;
+}
+
+.vw-90 {
+  width: 90vw !important;
+}
+
+.font-size-90 {
+  font-size: 90px !important;
+}
+
+.m-91 {
+  margin: 91px !important;
+}
+
+.mt-91 {
+  margin-top: 91px !important;
+}
+
+.mb-91 {
+  margin-bottom: 91px !important;
+}
+
+.ml-91 {
+  margin-left: 91px !important;
+}
+
+.mr-91 {
+  margin-right: 91px !important;
+}
+
+.p-91 {
+  padding: 91px !important;
+}
+
+.pt-91 {
+  padding-top: 91px !important;
+}
+
+.pb-91 {
+  padding-bottom: 91px !important;
+}
+
+.pl-91 {
+  padding-left: 91px !important;
+}
+
+.pr-91 {
+  padding-right: 91px !important;
+}
+
+.vh-91 {
+  height: 91vh !important;
+}
+
+.vw-91 {
+  width: 91vw !important;
+}
+
+.font-size-91 {
+  font-size: 91px !important;
+}
+
+.m-92 {
+  margin: 92px !important;
+}
+
+.mt-92 {
+  margin-top: 92px !important;
+}
+
+.mb-92 {
+  margin-bottom: 92px !important;
+}
+
+.ml-92 {
+  margin-left: 92px !important;
+}
+
+.mr-92 {
+  margin-right: 92px !important;
+}
+
+.p-92 {
+  padding: 92px !important;
+}
+
+.pt-92 {
+  padding-top: 92px !important;
+}
+
+.pb-92 {
+  padding-bottom: 92px !important;
+}
+
+.pl-92 {
+  padding-left: 92px !important;
+}
+
+.pr-92 {
+  padding-right: 92px !important;
+}
+
+.vh-92 {
+  height: 92vh !important;
+}
+
+.vw-92 {
+  width: 92vw !important;
+}
+
+.font-size-92 {
+  font-size: 92px !important;
+}
+
+.m-93 {
+  margin: 93px !important;
+}
+
+.mt-93 {
+  margin-top: 93px !important;
+}
+
+.mb-93 {
+  margin-bottom: 93px !important;
+}
+
+.ml-93 {
+  margin-left: 93px !important;
+}
+
+.mr-93 {
+  margin-right: 93px !important;
+}
+
+.p-93 {
+  padding: 93px !important;
+}
+
+.pt-93 {
+  padding-top: 93px !important;
+}
+
+.pb-93 {
+  padding-bottom: 93px !important;
+}
+
+.pl-93 {
+  padding-left: 93px !important;
+}
+
+.pr-93 {
+  padding-right: 93px !important;
+}
+
+.vh-93 {
+  height: 93vh !important;
+}
+
+.vw-93 {
+  width: 93vw !important;
+}
+
+.font-size-93 {
+  font-size: 93px !important;
+}
+
+.m-94 {
+  margin: 94px !important;
+}
+
+.mt-94 {
+  margin-top: 94px !important;
+}
+
+.mb-94 {
+  margin-bottom: 94px !important;
+}
+
+.ml-94 {
+  margin-left: 94px !important;
+}
+
+.mr-94 {
+  margin-right: 94px !important;
+}
+
+.p-94 {
+  padding: 94px !important;
+}
+
+.pt-94 {
+  padding-top: 94px !important;
+}
+
+.pb-94 {
+  padding-bottom: 94px !important;
+}
+
+.pl-94 {
+  padding-left: 94px !important;
+}
+
+.pr-94 {
+  padding-right: 94px !important;
+}
+
+.vh-94 {
+  height: 94vh !important;
+}
+
+.vw-94 {
+  width: 94vw !important;
+}
+
+.font-size-94 {
+  font-size: 94px !important;
+}
+
+.m-95 {
+  margin: 95px !important;
+}
+
+.mt-95 {
+  margin-top: 95px !important;
+}
+
+.mb-95 {
+  margin-bottom: 95px !important;
+}
+
+.ml-95 {
+  margin-left: 95px !important;
+}
+
+.mr-95 {
+  margin-right: 95px !important;
+}
+
+.p-95 {
+  padding: 95px !important;
+}
+
+.pt-95 {
+  padding-top: 95px !important;
+}
+
+.pb-95 {
+  padding-bottom: 95px !important;
+}
+
+.pl-95 {
+  padding-left: 95px !important;
+}
+
+.pr-95 {
+  padding-right: 95px !important;
+}
+
+.vh-95 {
+  height: 95vh !important;
+}
+
+.vw-95 {
+  width: 95vw !important;
+}
+
+.font-size-95 {
+  font-size: 95px !important;
+}
+
+.m-96 {
+  margin: 96px !important;
+}
+
+.mt-96 {
+  margin-top: 96px !important;
+}
+
+.mb-96 {
+  margin-bottom: 96px !important;
+}
+
+.ml-96 {
+  margin-left: 96px !important;
+}
+
+.mr-96 {
+  margin-right: 96px !important;
+}
+
+.p-96 {
+  padding: 96px !important;
+}
+
+.pt-96 {
+  padding-top: 96px !important;
+}
+
+.pb-96 {
+  padding-bottom: 96px !important;
+}
+
+.pl-96 {
+  padding-left: 96px !important;
+}
+
+.pr-96 {
+  padding-right: 96px !important;
+}
+
+.vh-96 {
+  height: 96vh !important;
+}
+
+.vw-96 {
+  width: 96vw !important;
+}
+
+.font-size-96 {
+  font-size: 96px !important;
+}
+
+.m-97 {
+  margin: 97px !important;
+}
+
+.mt-97 {
+  margin-top: 97px !important;
+}
+
+.mb-97 {
+  margin-bottom: 97px !important;
+}
+
+.ml-97 {
+  margin-left: 97px !important;
+}
+
+.mr-97 {
+  margin-right: 97px !important;
+}
+
+.p-97 {
+  padding: 97px !important;
+}
+
+.pt-97 {
+  padding-top: 97px !important;
+}
+
+.pb-97 {
+  padding-bottom: 97px !important;
+}
+
+.pl-97 {
+  padding-left: 97px !important;
+}
+
+.pr-97 {
+  padding-right: 97px !important;
+}
+
+.vh-97 {
+  height: 97vh !important;
+}
+
+.vw-97 {
+  width: 97vw !important;
+}
+
+.font-size-97 {
+  font-size: 97px !important;
+}
+
+.m-98 {
+  margin: 98px !important;
+}
+
+.mt-98 {
+  margin-top: 98px !important;
+}
+
+.mb-98 {
+  margin-bottom: 98px !important;
+}
+
+.ml-98 {
+  margin-left: 98px !important;
+}
+
+.mr-98 {
+  margin-right: 98px !important;
+}
+
+.p-98 {
+  padding: 98px !important;
+}
+
+.pt-98 {
+  padding-top: 98px !important;
+}
+
+.pb-98 {
+  padding-bottom: 98px !important;
+}
+
+.pl-98 {
+  padding-left: 98px !important;
+}
+
+.pr-98 {
+  padding-right: 98px !important;
+}
+
+.vh-98 {
+  height: 98vh !important;
+}
+
+.vw-98 {
+  width: 98vw !important;
+}
+
+.font-size-98 {
+  font-size: 98px !important;
+}
+
+.m-99 {
+  margin: 99px !important;
+}
+
+.mt-99 {
+  margin-top: 99px !important;
+}
+
+.mb-99 {
+  margin-bottom: 99px !important;
+}
+
+.ml-99 {
+  margin-left: 99px !important;
+}
+
+.mr-99 {
+  margin-right: 99px !important;
+}
+
+.p-99 {
+  padding: 99px !important;
+}
+
+.pt-99 {
+  padding-top: 99px !important;
+}
+
+.pb-99 {
+  padding-bottom: 99px !important;
+}
+
+.pl-99 {
+  padding-left: 99px !important;
+}
+
+.pr-99 {
+  padding-right: 99px !important;
+}
+
+.vh-99 {
+  height: 99vh !important;
+}
+
+.vw-99 {
+  width: 99vw !important;
+}
+
+.font-size-99 {
+  font-size: 99px !important;
+}
+
+.m-100 {
+  margin: 100px !important;
+}
+
+.mt-100 {
+  margin-top: 100px !important;
+}
+
+.mb-100 {
+  margin-bottom: 100px !important;
+}
+
+.ml-100 {
+  margin-left: 100px !important;
+}
+
+.mr-100 {
+  margin-right: 100px !important;
+}
+
+.p-100 {
+  padding: 100px !important;
+}
+
+.pt-100 {
+  padding-top: 100px !important;
+}
+
+.pb-100 {
+  padding-bottom: 100px !important;
+}
+
+.pl-100 {
+  padding-left: 100px !important;
+}
+
+.pr-100 {
+  padding-right: 100px !important;
+}
+
+.vh-100 {
+  height: 100vh !important;
+}
+
+.vw-100 {
+  width: 100vw !important;
+}
+
+.font-size-100 {
+  font-size: 100px !important;
+}
+
+/* Deafult height & widht */
+.height-0 {
+  height: 0px !important;
+}
+
+.width-0 {
+  width: 0px !important;
+}
+
+.height-1 {
+  height: 1px !important;
+}
+
+.width-1 {
+  width: 1px !important;
+}
+
+.height-2 {
+  height: 2px !important;
+}
+
+.width-2 {
+  width: 2px !important;
+}
+
+.height-3 {
+  height: 3px !important;
+}
+
+.width-3 {
+  width: 3px !important;
+}
+
+.height-4 {
+  height: 4px !important;
+}
+
+.width-4 {
+  width: 4px !important;
+}
+
+.height-5 {
+  height: 5px !important;
+}
+
+.width-5 {
+  width: 5px !important;
+}
+
+.height-6 {
+  height: 6px !important;
+}
+
+.width-6 {
+  width: 6px !important;
+}
+
+.height-7 {
+  height: 7px !important;
+}
+
+.width-7 {
+  width: 7px !important;
+}
+
+.height-8 {
+  height: 8px !important;
+}
+
+.width-8 {
+  width: 8px !important;
+}
+
+.height-9 {
+  height: 9px !important;
+}
+
+.width-9 {
+  width: 9px !important;
+}
+
+.height-10 {
+  height: 10px !important;
+}
+
+.width-10 {
+  width: 10px !important;
+}
+
+.height-11 {
+  height: 11px !important;
+}
+
+.width-11 {
+  width: 11px !important;
+}
+
+.height-12 {
+  height: 12px !important;
+}
+
+.width-12 {
+  width: 12px !important;
+}
+
+.height-13 {
+  height: 13px !important;
+}
+
+.width-13 {
+  width: 13px !important;
+}
+
+.height-14 {
+  height: 14px !important;
+}
+
+.width-14 {
+  width: 14px !important;
+}
+
+.height-15 {
+  height: 15px !important;
+}
+
+.width-15 {
+  width: 15px !important;
+}
+
+.height-16 {
+  height: 16px !important;
+}
+
+.width-16 {
+  width: 16px !important;
+}
+
+.height-17 {
+  height: 17px !important;
+}
+
+.width-17 {
+  width: 17px !important;
+}
+
+.height-18 {
+  height: 18px !important;
+}
+
+.width-18 {
+  width: 18px !important;
+}
+
+.height-19 {
+  height: 19px !important;
+}
+
+.width-19 {
+  width: 19px !important;
+}
+
+.height-20 {
+  height: 20px !important;
+}
+
+.width-20 {
+  width: 20px !important;
+}
+
+.height-21 {
+  height: 21px !important;
+}
+
+.width-21 {
+  width: 21px !important;
+}
+
+.height-22 {
+  height: 22px !important;
+}
+
+.width-22 {
+  width: 22px !important;
+}
+
+.height-23 {
+  height: 23px !important;
+}
+
+.width-23 {
+  width: 23px !important;
+}
+
+.height-24 {
+  height: 24px !important;
+}
+
+.width-24 {
+  width: 24px !important;
+}
+
+.height-25 {
+  height: 25px !important;
+}
+
+.width-25 {
+  width: 25px !important;
+}
+
+.height-26 {
+  height: 26px !important;
+}
+
+.width-26 {
+  width: 26px !important;
+}
+
+.height-27 {
+  height: 27px !important;
+}
+
+.width-27 {
+  width: 27px !important;
+}
+
+.height-28 {
+  height: 28px !important;
+}
+
+.width-28 {
+  width: 28px !important;
+}
+
+.height-29 {
+  height: 29px !important;
+}
+
+.width-29 {
+  width: 29px !important;
+}
+
+.height-30 {
+  height: 30px !important;
+}
+
+.width-30 {
+  width: 30px !important;
+}
+
+.height-31 {
+  height: 31px !important;
+}
+
+.width-31 {
+  width: 31px !important;
+}
+
+.height-32 {
+  height: 32px !important;
+}
+
+.width-32 {
+  width: 32px !important;
+}
+
+.height-33 {
+  height: 33px !important;
+}
+
+.width-33 {
+  width: 33px !important;
+}
+
+.height-34 {
+  height: 34px !important;
+}
+
+.width-34 {
+  width: 34px !important;
+}
+
+.height-35 {
+  height: 35px !important;
+}
+
+.width-35 {
+  width: 35px !important;
+}
+
+.height-36 {
+  height: 36px !important;
+}
+
+.width-36 {
+  width: 36px !important;
+}
+
+.height-37 {
+  height: 37px !important;
+}
+
+.width-37 {
+  width: 37px !important;
+}
+
+.height-38 {
+  height: 38px !important;
+}
+
+.width-38 {
+  width: 38px !important;
+}
+
+.height-39 {
+  height: 39px !important;
+}
+
+.width-39 {
+  width: 39px !important;
+}
+
+.height-40 {
+  height: 40px !important;
+}
+
+.width-40 {
+  width: 40px !important;
+}
+
+.height-41 {
+  height: 41px !important;
+}
+
+.width-41 {
+  width: 41px !important;
+}
+
+.height-42 {
+  height: 42px !important;
+}
+
+.width-42 {
+  width: 42px !important;
+}
+
+.height-43 {
+  height: 43px !important;
+}
+
+.width-43 {
+  width: 43px !important;
+}
+
+.height-44 {
+  height: 44px !important;
+}
+
+.width-44 {
+  width: 44px !important;
+}
+
+.height-45 {
+  height: 45px !important;
+}
+
+.width-45 {
+  width: 45px !important;
+}
+
+.height-46 {
+  height: 46px !important;
+}
+
+.width-46 {
+  width: 46px !important;
+}
+
+.height-47 {
+  height: 47px !important;
+}
+
+.width-47 {
+  width: 47px !important;
+}
+
+.height-48 {
+  height: 48px !important;
+}
+
+.width-48 {
+  width: 48px !important;
+}
+
+.height-49 {
+  height: 49px !important;
+}
+
+.width-49 {
+  width: 49px !important;
+}
+
+.height-50 {
+  height: 50px !important;
+}
+
+.width-50 {
+  width: 50px !important;
+}
+
+.height-51 {
+  height: 51px !important;
+}
+
+.width-51 {
+  width: 51px !important;
+}
+
+.height-52 {
+  height: 52px !important;
+}
+
+.width-52 {
+  width: 52px !important;
+}
+
+.height-53 {
+  height: 53px !important;
+}
+
+.width-53 {
+  width: 53px !important;
+}
+
+.height-54 {
+  height: 54px !important;
+}
+
+.width-54 {
+  width: 54px !important;
+}
+
+.height-55 {
+  height: 55px !important;
+}
+
+.width-55 {
+  width: 55px !important;
+}
+
+.height-56 {
+  height: 56px !important;
+}
+
+.width-56 {
+  width: 56px !important;
+}
+
+.height-57 {
+  height: 57px !important;
+}
+
+.width-57 {
+  width: 57px !important;
+}
+
+.height-58 {
+  height: 58px !important;
+}
+
+.width-58 {
+  width: 58px !important;
+}
+
+.height-59 {
+  height: 59px !important;
+}
+
+.width-59 {
+  width: 59px !important;
+}
+
+.height-60 {
+  height: 60px !important;
+}
+
+.width-60 {
+  width: 60px !important;
+}
+
+.height-61 {
+  height: 61px !important;
+}
+
+.width-61 {
+  width: 61px !important;
+}
+
+.height-62 {
+  height: 62px !important;
+}
+
+.width-62 {
+  width: 62px !important;
+}
+
+.height-63 {
+  height: 63px !important;
+}
+
+.width-63 {
+  width: 63px !important;
+}
+
+.height-64 {
+  height: 64px !important;
+}
+
+.width-64 {
+  width: 64px !important;
+}
+
+.height-65 {
+  height: 65px !important;
+}
+
+.width-65 {
+  width: 65px !important;
+}
+
+.height-66 {
+  height: 66px !important;
+}
+
+.width-66 {
+  width: 66px !important;
+}
+
+.height-67 {
+  height: 67px !important;
+}
+
+.width-67 {
+  width: 67px !important;
+}
+
+.height-68 {
+  height: 68px !important;
+}
+
+.width-68 {
+  width: 68px !important;
+}
+
+.height-69 {
+  height: 69px !important;
+}
+
+.width-69 {
+  width: 69px !important;
+}
+
+.height-70 {
+  height: 70px !important;
+}
+
+.width-70 {
+  width: 70px !important;
+}
+
+.height-71 {
+  height: 71px !important;
+}
+
+.width-71 {
+  width: 71px !important;
+}
+
+.height-72 {
+  height: 72px !important;
+}
+
+.width-72 {
+  width: 72px !important;
+}
+
+.height-73 {
+  height: 73px !important;
+}
+
+.width-73 {
+  width: 73px !important;
+}
+
+.height-74 {
+  height: 74px !important;
+}
+
+.width-74 {
+  width: 74px !important;
+}
+
+.height-75 {
+  height: 75px !important;
+}
+
+.width-75 {
+  width: 75px !important;
+}
+
+.height-76 {
+  height: 76px !important;
+}
+
+.width-76 {
+  width: 76px !important;
+}
+
+.height-77 {
+  height: 77px !important;
+}
+
+.width-77 {
+  width: 77px !important;
+}
+
+.height-78 {
+  height: 78px !important;
+}
+
+.width-78 {
+  width: 78px !important;
+}
+
+.height-79 {
+  height: 79px !important;
+}
+
+.width-79 {
+  width: 79px !important;
+}
+
+.height-80 {
+  height: 80px !important;
+}
+
+.width-80 {
+  width: 80px !important;
+}
+
+.height-81 {
+  height: 81px !important;
+}
+
+.width-81 {
+  width: 81px !important;
+}
+
+.height-82 {
+  height: 82px !important;
+}
+
+.width-82 {
+  width: 82px !important;
+}
+
+.height-83 {
+  height: 83px !important;
+}
+
+.width-83 {
+  width: 83px !important;
+}
+
+.height-84 {
+  height: 84px !important;
+}
+
+.width-84 {
+  width: 84px !important;
+}
+
+.height-85 {
+  height: 85px !important;
+}
+
+.width-85 {
+  width: 85px !important;
+}
+
+.height-86 {
+  height: 86px !important;
+}
+
+.width-86 {
+  width: 86px !important;
+}
+
+.height-87 {
+  height: 87px !important;
+}
+
+.width-87 {
+  width: 87px !important;
+}
+
+.height-88 {
+  height: 88px !important;
+}
+
+.width-88 {
+  width: 88px !important;
+}
+
+.height-89 {
+  height: 89px !important;
+}
+
+.width-89 {
+  width: 89px !important;
+}
+
+.height-90 {
+  height: 90px !important;
+}
+
+.width-90 {
+  width: 90px !important;
+}
+
+.height-91 {
+  height: 91px !important;
+}
+
+.width-91 {
+  width: 91px !important;
+}
+
+.height-92 {
+  height: 92px !important;
+}
+
+.width-92 {
+  width: 92px !important;
+}
+
+.height-93 {
+  height: 93px !important;
+}
+
+.width-93 {
+  width: 93px !important;
+}
+
+.height-94 {
+  height: 94px !important;
+}
+
+.width-94 {
+  width: 94px !important;
+}
+
+.height-95 {
+  height: 95px !important;
+}
+
+.width-95 {
+  width: 95px !important;
+}
+
+.height-96 {
+  height: 96px !important;
+}
+
+.width-96 {
+  width: 96px !important;
+}
+
+.height-97 {
+  height: 97px !important;
+}
+
+.width-97 {
+  width: 97px !important;
+}
+
+.height-98 {
+  height: 98px !important;
+}
+
+.width-98 {
+  width: 98px !important;
+}
+
+.height-99 {
+  height: 99px !important;
+}
+
+.width-99 {
+  width: 99px !important;
+}
+
+.height-100 {
+  height: 100px !important;
+}
+
+.width-100 {
+  width: 100px !important;
+}
+
+.height-101 {
+  height: 101px !important;
+}
+
+.width-101 {
+  width: 101px !important;
+}
+
+.height-102 {
+  height: 102px !important;
+}
+
+.width-102 {
+  width: 102px !important;
+}
+
+.height-103 {
+  height: 103px !important;
+}
+
+.width-103 {
+  width: 103px !important;
+}
+
+.height-104 {
+  height: 104px !important;
+}
+
+.width-104 {
+  width: 104px !important;
+}
+
+.height-105 {
+  height: 105px !important;
+}
+
+.width-105 {
+  width: 105px !important;
+}
+
+.height-106 {
+  height: 106px !important;
+}
+
+.width-106 {
+  width: 106px !important;
+}
+
+.height-107 {
+  height: 107px !important;
+}
+
+.width-107 {
+  width: 107px !important;
+}
+
+.height-108 {
+  height: 108px !important;
+}
+
+.width-108 {
+  width: 108px !important;
+}
+
+.height-109 {
+  height: 109px !important;
+}
+
+.width-109 {
+  width: 109px !important;
+}
+
+.height-110 {
+  height: 110px !important;
+}
+
+.width-110 {
+  width: 110px !important;
+}
+
+.height-111 {
+  height: 111px !important;
+}
+
+.width-111 {
+  width: 111px !important;
+}
+
+.height-112 {
+  height: 112px !important;
+}
+
+.width-112 {
+  width: 112px !important;
+}
+
+.height-113 {
+  height: 113px !important;
+}
+
+.width-113 {
+  width: 113px !important;
+}
+
+.height-114 {
+  height: 114px !important;
+}
+
+.width-114 {
+  width: 114px !important;
+}
+
+.height-115 {
+  height: 115px !important;
+}
+
+.width-115 {
+  width: 115px !important;
+}
+
+.height-116 {
+  height: 116px !important;
+}
+
+.width-116 {
+  width: 116px !important;
+}
+
+.height-117 {
+  height: 117px !important;
+}
+
+.width-117 {
+  width: 117px !important;
+}
+
+.height-118 {
+  height: 118px !important;
+}
+
+.width-118 {
+  width: 118px !important;
+}
+
+.height-119 {
+  height: 119px !important;
+}
+
+.width-119 {
+  width: 119px !important;
+}
+
+.height-120 {
+  height: 120px !important;
+}
+
+.width-120 {
+  width: 120px !important;
+}
+
+.height-121 {
+  height: 121px !important;
+}
+
+.width-121 {
+  width: 121px !important;
+}
+
+.height-122 {
+  height: 122px !important;
+}
+
+.width-122 {
+  width: 122px !important;
+}
+
+.height-123 {
+  height: 123px !important;
+}
+
+.width-123 {
+  width: 123px !important;
+}
+
+.height-124 {
+  height: 124px !important;
+}
+
+.width-124 {
+  width: 124px !important;
+}
+
+.height-125 {
+  height: 125px !important;
+}
+
+.width-125 {
+  width: 125px !important;
+}
+
+.height-126 {
+  height: 126px !important;
+}
+
+.width-126 {
+  width: 126px !important;
+}
+
+.height-127 {
+  height: 127px !important;
+}
+
+.width-127 {
+  width: 127px !important;
+}
+
+.height-128 {
+  height: 128px !important;
+}
+
+.width-128 {
+  width: 128px !important;
+}
+
+.height-129 {
+  height: 129px !important;
+}
+
+.width-129 {
+  width: 129px !important;
+}
+
+.height-130 {
+  height: 130px !important;
+}
+
+.width-130 {
+  width: 130px !important;
+}
+
+.height-131 {
+  height: 131px !important;
+}
+
+.width-131 {
+  width: 131px !important;
+}
+
+.height-132 {
+  height: 132px !important;
+}
+
+.width-132 {
+  width: 132px !important;
+}
+
+.height-133 {
+  height: 133px !important;
+}
+
+.width-133 {
+  width: 133px !important;
+}
+
+.height-134 {
+  height: 134px !important;
+}
+
+.width-134 {
+  width: 134px !important;
+}
+
+.height-135 {
+  height: 135px !important;
+}
+
+.width-135 {
+  width: 135px !important;
+}
+
+.height-136 {
+  height: 136px !important;
+}
+
+.width-136 {
+  width: 136px !important;
+}
+
+.height-137 {
+  height: 137px !important;
+}
+
+.width-137 {
+  width: 137px !important;
+}
+
+.height-138 {
+  height: 138px !important;
+}
+
+.width-138 {
+  width: 138px !important;
+}
+
+.height-139 {
+  height: 139px !important;
+}
+
+.width-139 {
+  width: 139px !important;
+}
+
+.height-140 {
+  height: 140px !important;
+}
+
+.width-140 {
+  width: 140px !important;
+}
+
+.height-141 {
+  height: 141px !important;
+}
+
+.width-141 {
+  width: 141px !important;
+}
+
+.height-142 {
+  height: 142px !important;
+}
+
+.width-142 {
+  width: 142px !important;
+}
+
+.height-143 {
+  height: 143px !important;
+}
+
+.width-143 {
+  width: 143px !important;
+}
+
+.height-144 {
+  height: 144px !important;
+}
+
+.width-144 {
+  width: 144px !important;
+}
+
+.height-145 {
+  height: 145px !important;
+}
+
+.width-145 {
+  width: 145px !important;
+}
+
+.height-146 {
+  height: 146px !important;
+}
+
+.width-146 {
+  width: 146px !important;
+}
+
+.height-147 {
+  height: 147px !important;
+}
+
+.width-147 {
+  width: 147px !important;
+}
+
+.height-148 {
+  height: 148px !important;
+}
+
+.width-148 {
+  width: 148px !important;
+}
+
+.height-149 {
+  height: 149px !important;
+}
+
+.width-149 {
+  width: 149px !important;
+}
+
+.height-150 {
+  height: 150px !important;
+}
+
+.width-150 {
+  width: 150px !important;
+}
+
+.height-151 {
+  height: 151px !important;
+}
+
+.width-151 {
+  width: 151px !important;
+}
+
+.height-152 {
+  height: 152px !important;
+}
+
+.width-152 {
+  width: 152px !important;
+}
+
+.height-153 {
+  height: 153px !important;
+}
+
+.width-153 {
+  width: 153px !important;
+}
+
+.height-154 {
+  height: 154px !important;
+}
+
+.width-154 {
+  width: 154px !important;
+}
+
+.height-155 {
+  height: 155px !important;
+}
+
+.width-155 {
+  width: 155px !important;
+}
+
+.height-156 {
+  height: 156px !important;
+}
+
+.width-156 {
+  width: 156px !important;
+}
+
+.height-157 {
+  height: 157px !important;
+}
+
+.width-157 {
+  width: 157px !important;
+}
+
+.height-158 {
+  height: 158px !important;
+}
+
+.width-158 {
+  width: 158px !important;
+}
+
+.height-159 {
+  height: 159px !important;
+}
+
+.width-159 {
+  width: 159px !important;
+}
+
+.height-160 {
+  height: 160px !important;
+}
+
+.width-160 {
+  width: 160px !important;
+}
+
+.height-161 {
+  height: 161px !important;
+}
+
+.width-161 {
+  width: 161px !important;
+}
+
+.height-162 {
+  height: 162px !important;
+}
+
+.width-162 {
+  width: 162px !important;
+}
+
+.height-163 {
+  height: 163px !important;
+}
+
+.width-163 {
+  width: 163px !important;
+}
+
+.height-164 {
+  height: 164px !important;
+}
+
+.width-164 {
+  width: 164px !important;
+}
+
+.height-165 {
+  height: 165px !important;
+}
+
+.width-165 {
+  width: 165px !important;
+}
+
+.height-166 {
+  height: 166px !important;
+}
+
+.width-166 {
+  width: 166px !important;
+}
+
+.height-167 {
+  height: 167px !important;
+}
+
+.width-167 {
+  width: 167px !important;
+}
+
+.height-168 {
+  height: 168px !important;
+}
+
+.width-168 {
+  width: 168px !important;
+}
+
+.height-169 {
+  height: 169px !important;
+}
+
+.width-169 {
+  width: 169px !important;
+}
+
+.height-170 {
+  height: 170px !important;
+}
+
+.width-170 {
+  width: 170px !important;
+}
+
+.height-171 {
+  height: 171px !important;
+}
+
+.width-171 {
+  width: 171px !important;
+}
+
+.height-172 {
+  height: 172px !important;
+}
+
+.width-172 {
+  width: 172px !important;
+}
+
+.height-173 {
+  height: 173px !important;
+}
+
+.width-173 {
+  width: 173px !important;
+}
+
+.height-174 {
+  height: 174px !important;
+}
+
+.width-174 {
+  width: 174px !important;
+}
+
+.height-175 {
+  height: 175px !important;
+}
+
+.width-175 {
+  width: 175px !important;
+}
+
+.height-176 {
+  height: 176px !important;
+}
+
+.width-176 {
+  width: 176px !important;
+}
+
+.height-177 {
+  height: 177px !important;
+}
+
+.width-177 {
+  width: 177px !important;
+}
+
+.height-178 {
+  height: 178px !important;
+}
+
+.width-178 {
+  width: 178px !important;
+}
+
+.height-179 {
+  height: 179px !important;
+}
+
+.width-179 {
+  width: 179px !important;
+}
+
+.height-180 {
+  height: 180px !important;
+}
+
+.width-180 {
+  width: 180px !important;
+}
+
+.height-181 {
+  height: 181px !important;
+}
+
+.width-181 {
+  width: 181px !important;
+}
+
+.height-182 {
+  height: 182px !important;
+}
+
+.width-182 {
+  width: 182px !important;
+}
+
+.height-183 {
+  height: 183px !important;
+}
+
+.width-183 {
+  width: 183px !important;
+}
+
+.height-184 {
+  height: 184px !important;
+}
+
+.width-184 {
+  width: 184px !important;
+}
+
+.height-185 {
+  height: 185px !important;
+}
+
+.width-185 {
+  width: 185px !important;
+}
+
+.height-186 {
+  height: 186px !important;
+}
+
+.width-186 {
+  width: 186px !important;
+}
+
+.height-187 {
+  height: 187px !important;
+}
+
+.width-187 {
+  width: 187px !important;
+}
+
+.height-188 {
+  height: 188px !important;
+}
+
+.width-188 {
+  width: 188px !important;
+}
+
+.height-189 {
+  height: 189px !important;
+}
+
+.width-189 {
+  width: 189px !important;
+}
+
+.height-190 {
+  height: 190px !important;
+}
+
+.width-190 {
+  width: 190px !important;
+}
+
+.height-191 {
+  height: 191px !important;
+}
+
+.width-191 {
+  width: 191px !important;
+}
+
+.height-192 {
+  height: 192px !important;
+}
+
+.width-192 {
+  width: 192px !important;
+}
+
+.height-193 {
+  height: 193px !important;
+}
+
+.width-193 {
+  width: 193px !important;
+}
+
+.height-194 {
+  height: 194px !important;
+}
+
+.width-194 {
+  width: 194px !important;
+}
+
+.height-195 {
+  height: 195px !important;
+}
+
+.width-195 {
+  width: 195px !important;
+}
+
+.height-196 {
+  height: 196px !important;
+}
+
+.width-196 {
+  width: 196px !important;
+}
+
+.height-197 {
+  height: 197px !important;
+}
+
+.width-197 {
+  width: 197px !important;
+}
+
+.height-198 {
+  height: 198px !important;
+}
+
+.width-198 {
+  width: 198px !important;
+}
+
+.height-199 {
+  height: 199px !important;
+}
+
+.width-199 {
+  width: 199px !important;
+}
+
+.height-200 {
+  height: 200px !important;
+}
+
+.width-200 {
+  width: 200px !important;
+}
+
+.height-201 {
+  height: 201px !important;
+}
+
+.width-201 {
+  width: 201px !important;
+}
+
+.height-202 {
+  height: 202px !important;
+}
+
+.width-202 {
+  width: 202px !important;
+}
+
+.height-203 {
+  height: 203px !important;
+}
+
+.width-203 {
+  width: 203px !important;
+}
+
+.height-204 {
+  height: 204px !important;
+}
+
+.width-204 {
+  width: 204px !important;
+}
+
+.height-205 {
+  height: 205px !important;
+}
+
+.width-205 {
+  width: 205px !important;
+}
+
+.height-206 {
+  height: 206px !important;
+}
+
+.width-206 {
+  width: 206px !important;
+}
+
+.height-207 {
+  height: 207px !important;
+}
+
+.width-207 {
+  width: 207px !important;
+}
+
+.height-208 {
+  height: 208px !important;
+}
+
+.width-208 {
+  width: 208px !important;
+}
+
+.height-209 {
+  height: 209px !important;
+}
+
+.width-209 {
+  width: 209px !important;
+}
+
+.height-210 {
+  height: 210px !important;
+}
+
+.width-210 {
+  width: 210px !important;
+}
+
+.height-211 {
+  height: 211px !important;
+}
+
+.width-211 {
+  width: 211px !important;
+}
+
+.height-212 {
+  height: 212px !important;
+}
+
+.width-212 {
+  width: 212px !important;
+}
+
+.height-213 {
+  height: 213px !important;
+}
+
+.width-213 {
+  width: 213px !important;
+}
+
+.height-214 {
+  height: 214px !important;
+}
+
+.width-214 {
+  width: 214px !important;
+}
+
+.height-215 {
+  height: 215px !important;
+}
+
+.width-215 {
+  width: 215px !important;
+}
+
+.height-216 {
+  height: 216px !important;
+}
+
+.width-216 {
+  width: 216px !important;
+}
+
+.height-217 {
+  height: 217px !important;
+}
+
+.width-217 {
+  width: 217px !important;
+}
+
+.height-218 {
+  height: 218px !important;
+}
+
+.width-218 {
+  width: 218px !important;
+}
+
+.height-219 {
+  height: 219px !important;
+}
+
+.width-219 {
+  width: 219px !important;
+}
+
+.height-220 {
+  height: 220px !important;
+}
+
+.width-220 {
+  width: 220px !important;
+}
+
+.height-221 {
+  height: 221px !important;
+}
+
+.width-221 {
+  width: 221px !important;
+}
+
+.height-222 {
+  height: 222px !important;
+}
+
+.width-222 {
+  width: 222px !important;
+}
+
+.height-223 {
+  height: 223px !important;
+}
+
+.width-223 {
+  width: 223px !important;
+}
+
+.height-224 {
+  height: 224px !important;
+}
+
+.width-224 {
+  width: 224px !important;
+}
+
+.height-225 {
+  height: 225px !important;
+}
+
+.width-225 {
+  width: 225px !important;
+}
+
+.height-226 {
+  height: 226px !important;
+}
+
+.width-226 {
+  width: 226px !important;
+}
+
+.height-227 {
+  height: 227px !important;
+}
+
+.width-227 {
+  width: 227px !important;
+}
+
+.height-228 {
+  height: 228px !important;
+}
+
+.width-228 {
+  width: 228px !important;
+}
+
+.height-229 {
+  height: 229px !important;
+}
+
+.width-229 {
+  width: 229px !important;
+}
+
+.height-230 {
+  height: 230px !important;
+}
+
+.width-230 {
+  width: 230px !important;
+}
+
+.height-231 {
+  height: 231px !important;
+}
+
+.width-231 {
+  width: 231px !important;
+}
+
+.height-232 {
+  height: 232px !important;
+}
+
+.width-232 {
+  width: 232px !important;
+}
+
+.height-233 {
+  height: 233px !important;
+}
+
+.width-233 {
+  width: 233px !important;
+}
+
+.height-234 {
+  height: 234px !important;
+}
+
+.width-234 {
+  width: 234px !important;
+}
+
+.height-235 {
+  height: 235px !important;
+}
+
+.width-235 {
+  width: 235px !important;
+}
+
+.height-236 {
+  height: 236px !important;
+}
+
+.width-236 {
+  width: 236px !important;
+}
+
+.height-237 {
+  height: 237px !important;
+}
+
+.width-237 {
+  width: 237px !important;
+}
+
+.height-238 {
+  height: 238px !important;
+}
+
+.width-238 {
+  width: 238px !important;
+}
+
+.height-239 {
+  height: 239px !important;
+}
+
+.width-239 {
+  width: 239px !important;
+}
+
+.height-240 {
+  height: 240px !important;
+}
+
+.width-240 {
+  width: 240px !important;
+}
+
+.height-241 {
+  height: 241px !important;
+}
+
+.width-241 {
+  width: 241px !important;
+}
+
+.height-242 {
+  height: 242px !important;
+}
+
+.width-242 {
+  width: 242px !important;
+}
+
+.height-243 {
+  height: 243px !important;
+}
+
+.width-243 {
+  width: 243px !important;
+}
+
+.height-244 {
+  height: 244px !important;
+}
+
+.width-244 {
+  width: 244px !important;
+}
+
+.height-245 {
+  height: 245px !important;
+}
+
+.width-245 {
+  width: 245px !important;
+}
+
+.height-246 {
+  height: 246px !important;
+}
+
+.width-246 {
+  width: 246px !important;
+}
+
+.height-247 {
+  height: 247px !important;
+}
+
+.width-247 {
+  width: 247px !important;
+}
+
+.height-248 {
+  height: 248px !important;
+}
+
+.width-248 {
+  width: 248px !important;
+}
+
+.height-249 {
+  height: 249px !important;
+}
+
+.width-249 {
+  width: 249px !important;
+}
+
+.height-250 {
+  height: 250px !important;
+}
+
+.width-250 {
+  width: 250px !important;
+}
+
+.height-251 {
+  height: 251px !important;
+}
+
+.width-251 {
+  width: 251px !important;
+}
+
+.height-252 {
+  height: 252px !important;
+}
+
+.width-252 {
+  width: 252px !important;
+}
+
+.height-253 {
+  height: 253px !important;
+}
+
+.width-253 {
+  width: 253px !important;
+}
+
+.height-254 {
+  height: 254px !important;
+}
+
+.width-254 {
+  width: 254px !important;
+}
+
+.height-255 {
+  height: 255px !important;
+}
+
+.width-255 {
+  width: 255px !important;
+}
+
+.height-256 {
+  height: 256px !important;
+}
+
+.width-256 {
+  width: 256px !important;
+}
+
+.height-257 {
+  height: 257px !important;
+}
+
+.width-257 {
+  width: 257px !important;
+}
+
+.height-258 {
+  height: 258px !important;
+}
+
+.width-258 {
+  width: 258px !important;
+}
+
+.height-259 {
+  height: 259px !important;
+}
+
+.width-259 {
+  width: 259px !important;
+}
+
+.height-260 {
+  height: 260px !important;
+}
+
+.width-260 {
+  width: 260px !important;
+}
+
+.height-261 {
+  height: 261px !important;
+}
+
+.width-261 {
+  width: 261px !important;
+}
+
+.height-262 {
+  height: 262px !important;
+}
+
+.width-262 {
+  width: 262px !important;
+}
+
+.height-263 {
+  height: 263px !important;
+}
+
+.width-263 {
+  width: 263px !important;
+}
+
+.height-264 {
+  height: 264px !important;
+}
+
+.width-264 {
+  width: 264px !important;
+}
+
+.height-265 {
+  height: 265px !important;
+}
+
+.width-265 {
+  width: 265px !important;
+}
+
+.height-266 {
+  height: 266px !important;
+}
+
+.width-266 {
+  width: 266px !important;
+}
+
+.height-267 {
+  height: 267px !important;
+}
+
+.width-267 {
+  width: 267px !important;
+}
+
+.height-268 {
+  height: 268px !important;
+}
+
+.width-268 {
+  width: 268px !important;
+}
+
+.height-269 {
+  height: 269px !important;
+}
+
+.width-269 {
+  width: 269px !important;
+}
+
+.height-270 {
+  height: 270px !important;
+}
+
+.width-270 {
+  width: 270px !important;
+}
+
+.height-271 {
+  height: 271px !important;
+}
+
+.width-271 {
+  width: 271px !important;
+}
+
+.height-272 {
+  height: 272px !important;
+}
+
+.width-272 {
+  width: 272px !important;
+}
+
+.height-273 {
+  height: 273px !important;
+}
+
+.width-273 {
+  width: 273px !important;
+}
+
+.height-274 {
+  height: 274px !important;
+}
+
+.width-274 {
+  width: 274px !important;
+}
+
+.height-275 {
+  height: 275px !important;
+}
+
+.width-275 {
+  width: 275px !important;
+}
+
+.height-276 {
+  height: 276px !important;
+}
+
+.width-276 {
+  width: 276px !important;
+}
+
+.height-277 {
+  height: 277px !important;
+}
+
+.width-277 {
+  width: 277px !important;
+}
+
+.height-278 {
+  height: 278px !important;
+}
+
+.width-278 {
+  width: 278px !important;
+}
+
+.height-279 {
+  height: 279px !important;
+}
+
+.width-279 {
+  width: 279px !important;
+}
+
+.height-280 {
+  height: 280px !important;
+}
+
+.width-280 {
+  width: 280px !important;
+}
+
+.height-281 {
+  height: 281px !important;
+}
+
+.width-281 {
+  width: 281px !important;
+}
+
+.height-282 {
+  height: 282px !important;
+}
+
+.width-282 {
+  width: 282px !important;
+}
+
+.height-283 {
+  height: 283px !important;
+}
+
+.width-283 {
+  width: 283px !important;
+}
+
+.height-284 {
+  height: 284px !important;
+}
+
+.width-284 {
+  width: 284px !important;
+}
+
+.height-285 {
+  height: 285px !important;
+}
+
+.width-285 {
+  width: 285px !important;
+}
+
+.height-286 {
+  height: 286px !important;
+}
+
+.width-286 {
+  width: 286px !important;
+}
+
+.height-287 {
+  height: 287px !important;
+}
+
+.width-287 {
+  width: 287px !important;
+}
+
+.height-288 {
+  height: 288px !important;
+}
+
+.width-288 {
+  width: 288px !important;
+}
+
+.height-289 {
+  height: 289px !important;
+}
+
+.width-289 {
+  width: 289px !important;
+}
+
+.height-290 {
+  height: 290px !important;
+}
+
+.width-290 {
+  width: 290px !important;
+}
+
+.height-291 {
+  height: 291px !important;
+}
+
+.width-291 {
+  width: 291px !important;
+}
+
+.height-292 {
+  height: 292px !important;
+}
+
+.width-292 {
+  width: 292px !important;
+}
+
+.height-293 {
+  height: 293px !important;
+}
+
+.width-293 {
+  width: 293px !important;
+}
+
+.height-294 {
+  height: 294px !important;
+}
+
+.width-294 {
+  width: 294px !important;
+}
+
+.height-295 {
+  height: 295px !important;
+}
+
+.width-295 {
+  width: 295px !important;
+}
+
+.height-296 {
+  height: 296px !important;
+}
+
+.width-296 {
+  width: 296px !important;
+}
+
+.height-297 {
+  height: 297px !important;
+}
+
+.width-297 {
+  width: 297px !important;
+}
+
+.height-298 {
+  height: 298px !important;
+}
+
+.width-298 {
+  width: 298px !important;
+}
+
+.height-299 {
+  height: 299px !important;
+}
+
+.width-299 {
+  width: 299px !important;
+}
+
+.height-300 {
+  height: 300px !important;
+}
+
+.width-300 {
+  width: 300px !important;
+}
+
+/* Deafult z-index and font-weight*/
+.z-index-0 {
+  z-index: 0 !important;
+}
+
+.font-weight-0 {
+  font-weight: 0 !important;
+}
+
+.z-index-1 {
+  z-index: 1 !important;
+}
+
+.font-weight-100 {
+  font-weight: 100 !important;
+}
+
+.z-index-2 {
+  z-index: 2 !important;
+}
+
+.font-weight-200 {
+  font-weight: 200 !important;
+}
+
+.z-index-3 {
+  z-index: 3 !important;
+}
+
+.font-weight-300 {
+  font-weight: 300 !important;
+}
+
+.z-index-4 {
+  z-index: 4 !important;
+}
+
+.font-weight-400 {
+  font-weight: 400 !important;
+}
+
+.z-index-5 {
+  z-index: 5 !important;
+}
+
+.font-weight-500 {
+  font-weight: 500 !important;
+}
+
+.z-index-6 {
+  z-index: 6 !important;
+}
+
+.font-weight-600 {
+  font-weight: 600 !important;
+}
+
+.z-index-7 {
+  z-index: 7 !important;
+}
+
+.font-weight-700 {
+  font-weight: 700 !important;
+}
+
+.z-index-8 {
+  z-index: 8 !important;
+}
+
+.font-weight-800 {
+  font-weight: 800 !important;
+}
+
+.z-index-9 {
+  z-index: 9 !important;
+}
+
+.font-weight-900 {
+  font-weight: 900 !important;
+}
+
+.z-index-10 {
+  z-index: 10 !important;
+}
+
+.font-weight-1000 {
+  font-weight: 1000 !important;
+}
+
+.is-ellipsis-0 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 0;
+  -webkit-line-clamp: 0;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-1 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 1;
+  -webkit-line-clamp: 1;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-2 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 2;
+  -webkit-line-clamp: 2;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-3 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 3;
+  -webkit-line-clamp: 3;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-4 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 4;
+  -webkit-line-clamp: 4;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-5 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 5;
+  -webkit-line-clamp: 5;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-6 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 6;
+  -webkit-line-clamp: 6;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-7 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 7;
+  -webkit-line-clamp: 7;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-8 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 8;
+  -webkit-line-clamp: 8;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-9 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 9;
+  -webkit-line-clamp: 9;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+.is-ellipsis-10 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 10;
+  -webkit-line-clamp: 10;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+
+:root {
+  --ac-primary: #00a651;
+}
+
+body.guard {
+  --ac-primary: #d84e27;
+}
+body.kubedb {
+  --ac-primary: #4d4dcb;
+}
+body.kubeci {
+  --ac-primary: #2c3e50;
+}
+body.kubed {
+  --ac-primary: #1c7bd4;
+}
+body.kubesheild {
+  --ac-primary: #2516c7;
+}
+body.kubevault {
+  --ac-primary: #326ce5;
+}
+body.kubeform {
+  --ac-primary: #592217;
+}
+body.searchlight {
+  --ac-primary: #111738;
+}
+body.pharmer {
+  --ac-primary: #8e44ad;
+}
+body.service-broker {
+  --ac-primary: #29b4a2;
+}
+body.stash {
+  --ac-primary: #5e2dea;
+}
+body.swift {
+  --ac-primary: #3f51b6;
+}
+body.voyager {
+  --ac-primary: #2d2a78;
+}
+
+html,
+body {
+  background-color: #ffffff;
+  font-family: "Roboto", sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  color: #515D63;
+  scroll-behavior: smooth;
+}
+
+p {
+  font-size: 1rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  color: #171B1C;
+  line-height: 130%;
+}
+
+h1 {
+  font-size: 60px;
+  letter-spacing: -0.5px;
+}
+
+h2 {
+  font-size: 48px;
+  letter-spacing: -0.57px;
+}
+
+h3 {
+  font-size: 32px;
+}
+
+h4 {
+  font-size: 24px;
+  letter-spacing: -0.25px;
+}
+
+h5 {
+  font-size: 18px;
+}
+
+h6 {
+  font-size: 16px;
+  letter-spacing: -0.15px;
+}
+
+a {
+  font-family: "Roboto", sans-serif;
+  color: var(--ac-primary);
+}
+
+hr {
+  background-color: #e7e7e7;
+  border: none;
+  display: block;
+  height: 1px;
+  margin: 16px 0;
+}
+
+strong {
+  color: #171B1C;
+}
+
+.is-gradient {
+  background: linear-gradient(-45deg, var(--ac-primary), #940148, #4c346f, var(--ac-primary));
+  background-size: 300% 300%;
+  animation: gradient 5s ease infinite;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+.container {
+  flex-grow: 1;
+  margin: 0 auto;
+  position: relative;
+  width: auto;
+  padding: 0 32px;
+}
+@media screen and (max-width: 768px) {
+  .container {
+    padding: 0 16px;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .container {
+    max-width: 960px;
+    padding: 0;
+  }
+}
+@media screen and (min-width: 1216px) {
+  .container {
+    max-width: 1152px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .container {
+    max-width: 1344px;
+  }
+}
+
+.columns {
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+  margin-top: -0.75rem;
+  display: flex;
+  flex-wrap: wrap;
+}
+.columns:last-child {
+  margin-bottom: -0.75rem;
+}
+.columns:not(:last-child) {
+  margin-bottom: 0.75rem;
+}
+.columns.is-centered {
+  justify-content: center;
+}
+.columns.is-vcentered {
+  align-items: center;
+}
+.columns.is-multiline {
+  flex-wrap: wrap;
+}
+.columns.is-mobile {
+  display: flex;
+}
+.columns.is-gapless {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+}
+.columns.is-gapless > .column {
+  margin: 0;
+  padding: 0;
+}
+.columns.is-gapless:not(:last-child) {
+  margin-bottom: 1.5rem;
+}
+.columns.is-gapless:last-child {
+  margin-bottom: 0;
+}
+@media screen and (min-width: 769px) {
+  .columns {
+    display: flex;
+  }
+}
+
+.column {
+  display: block;
+  flex-basis: 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+  padding: 0.75rem;
+}
+@media screen and (min-width: 769px) {
+  .column.is-1 {
+    flex: none;
+    width: 8.3333%;
+  }
+  .column.is-2 {
+    flex: none;
+    width: 16.6666%;
+  }
+  .column.is-3 {
+    flex: none;
+    width: 25%;
+  }
+  .column.is-4 {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-5 {
+    flex: none;
+    width: 41.6666%;
+  }
+  .column.is-6 {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-7 {
+    flex: none;
+    width: 58.3333%;
+  }
+  .column.is-8 {
+    flex: none;
+    width: 66.6666%;
+  }
+  .column.is-9 {
+    flex: none;
+    width: 75%;
+  }
+  .column.is-10 {
+    flex: none;
+    width: 83.3333%;
+  }
+  .column.is-11 {
+    flex: none;
+    width: 91.6666%;
+  }
+  .column.is-12 {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-offset-3 {
+    margin-left: 25%;
+  }
+  .column.is-offset-6 {
+    margin-left: 50%;
+  }
+  .column.is-10-tablet {
+    flex: none;
+    width: 83.3333%;
+  }
+  .column.is-8-tablet {
+    flex: none;
+    width: 66.6666%;
+  }
+  .column.is-6-tablet {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-4-tablet {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-full-touch {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-half-mobile {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-full-mobile {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-one-third-tablet {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-half-tablet {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-full-tablet {
+    flex: none;
+    width: 100%;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .column.is-8-desktop {
+    flex: none;
+    width: 66.6666%;
+  }
+  .column.is-10-tablet {
+    flex: none;
+    width: 83.3333%;
+  }
+  .column.is-one-third-desktop {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-half-desktop {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-full-desktop {
+    flex: none;
+    width: 100%;
+  }
+  .column.is-full-touch {
+    flex: none;
+    width: 100%;
+  }
+}
+@media screen and (min-width: 1216px) {
+  .column.is-one-third-widescreen {
+    flex: none;
+    width: 33.3333%;
+  }
+  .column.is-half-widescreen {
+    flex: none;
+    width: 50%;
+  }
+  .column.is-full-touch {
+    flex: none;
+    width: 100%;
+  }
+}
+
+.columns.is-mobile > .column.is-1 {
+  flex: none;
+  width: 8.3333%;
+}
+.columns.is-mobile > .column.is-2 {
+  flex: none;
+  width: 16.6666%;
+}
+.columns.is-mobile > .column.is-3 {
+  flex: none;
+  width: 25%;
+}
+.columns.is-mobile > .column.is-4 {
+  flex: none;
+  width: 33.3333%;
+}
+.columns.is-mobile > .column.is-5 {
+  flex: none;
+  width: 41.6666%;
+}
+.columns.is-mobile > .column.is-6 {
+  flex: none;
+  width: 50%;
+}
+.columns.is-mobile > .column.is-7 {
+  flex: none;
+  width: 58.3333%;
+}
+.columns.is-mobile > .column.is-8 {
+  flex: none;
+  width: 66.6666%;
+}
+.columns.is-mobile > .column.is-9 {
+  flex: none;
+  width: 75%;
+}
+.columns.is-mobile > .column.is-10 {
+  flex: none;
+  width: 83.3333%;
+}
+.columns.is-mobile > .column.is-half-mobile {
+  flex: none;
+  width: 50%;
+}
+.columns.is-mobile > .column.is-full-mobile {
+  flex: none;
+  width: 100%;
+}
+
+.is-hidden {
+  display: none !important;
+}
+
+.is-block {
+  display: block !important;
+}
+
+.is-inline {
+  display: inline !important;
+}
+
+.is-inline-block {
+  display: inline-block !important;
+}
+
+.is-flex {
+  display: flex !important;
+}
+
+.is-inline-flex {
+  display: inline-flex !important;
+}
+
+.is-relative {
+  position: relative !important;
+}
+
+@media screen and (max-width: 768px) {
+  .is-hidden-mobile {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 769px) {
+  .is-hidden-tablet-only {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .is-hidden-tablet-only {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 1023px) {
+  .is-hidden-touch {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .is-hidden-desktop {
+    display: none !important;
+  }
+  .is-block-desktop {
+    display: block !important;
+  }
+}
+@media screen and (min-width: 769px) {
+  .is-hidden-tablet {
+    display: none !important;
+  }
+}
+@media screen and (max-width: 768px) {
+  .is-hidden-mobile {
+    display: none !important;
+  }
+}
+.is-justify-content-center {
+  justify-content: center !important;
+}
+
+.is-justify-content-flex-end {
+  justify-content: flex-end !important;
+}
+
+.is-justify-content-flex-start {
+  justify-content: flex-start !important;
+}
+
+.is-justify-content-space-between {
+  justify-content: space-between !important;
+}
+
+.is-justify-content-space-around {
+  justify-content: space-around !important;
+}
+
+.is-align-items-flex-start {
+  align-items: flex-start !important;
+}
+
+.is-align-items-flex-end {
+  align-items: flex-end !important;
+}
+
+.is-align-items-center {
+  align-items: center !important;
+}
+
+.is-align-items-stretch {
+  align-items: stretch !important;
+}
+
+.is-flex-wrap-wrap {
+  flex-wrap: wrap !important;
+}
+
+.is-flex-wrap-nowrap {
+  flex-wrap: nowrap !important;
+}
+
+.is-flex-direction-column {
+  flex-direction: column !important;
+}
+
+.is-flex-direction-row {
+  flex-direction: row !important;
+}
+
+.is-flex-grow-0 {
+  flex-grow: 0 !important;
+}
+
+.is-flex-grow-1 {
+  flex-grow: 1 !important;
+}
+
+.is-flex-shrink-0 {
+  flex-shrink: 0 !important;
+}
+
+.is-flex-shrink-1 {
+  flex-shrink: 1 !important;
+}
+
+.has-text-primary {
+  color: var(--ac-primary) !important;
+}
+
+.has-text-white {
+  color: #ffffff !important;
+}
+
+.has-text-black {
+  color: #000000 !important;
+}
+
+.has-text-gray {
+  color: #8d8d8d !important;
+}
+
+.has-text-dark {
+  color: #171B1C !important;
+}
+
+.has-text-weight-light {
+  font-weight: 300 !important;
+}
+
+.has-text-weight-normal {
+  font-weight: 400 !important;
+}
+
+.has-text-weight-medium {
+  font-weight: 500 !important;
+}
+
+.has-text-weight-semibold {
+  font-weight: 600 !important;
+}
+
+.has-text-weight-bold {
+  font-weight: 700 !important;
+}
+
+.has-text-weight-extrabold {
+  font-weight: 800 !important;
+}
+
+.is-size-1 {
+  font-size: 3rem !important;
+}
+
+.is-size-2 {
+  font-size: 2.5rem !important;
+}
+
+.is-size-3 {
+  font-size: 2rem !important;
+}
+
+.is-size-4 {
+  font-size: 1.5rem !important;
+}
+
+.is-size-5 {
+  font-size: 1.25rem !important;
+}
+
+.is-size-6 {
+  font-size: 1rem !important;
+}
+
+.is-size-7 {
+  font-size: 0.75rem !important;
+}
+
+.is-uppercase {
+  text-transform: uppercase !important;
+}
+
+.is-lowercase {
+  text-transform: lowercase !important;
+}
+
+.is-capitalized {
+  text-transform: capitalize !important;
+}
+
+.is-underlined {
+  text-decoration: underline !important;
+}
+
+.is-italic {
+  font-style: italic !important;
+}
+
+.is-paddingless {
+  padding: 0 !important;
+}
+
+.is-marginless {
+  margin: 0 !important;
+}
+
+.is-clipped {
+  overflow: hidden !important;
+}
+
+.button {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  align-items: center;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  box-shadow: none;
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 1rem;
+  height: 2.5em;
+  justify-content: flex-start;
+  line-height: 1.5;
+  padding: calc(0.5em - 1px) 1em;
+  position: relative;
+  text-align: center;
+  user-select: none;
+  vertical-align: top;
+  white-space: nowrap;
+  background-color: white;
+  color: #363636;
+  outline: none;
+  text-decoration: none;
+}
+.button:focus, .button:focus-visible {
+  outline: none;
+}
+.button.is-rounded {
+  border-radius: 9999px;
+  padding-left: 1.25em;
+  padding-right: 1.25em;
+}
+.button.is-fullwidth {
+  display: flex;
+  width: 100%;
+}
+.button.is-loading {
+  color: transparent !important;
+  pointer-events: none;
+}
+.button.is-loading::after {
+  content: "";
+  border: 2px solid var(--ac-primary);
+  border-radius: 50%;
+  border-right-color: transparent;
+  border-top-color: transparent;
+  width: 1em;
+  height: 1em;
+  position: absolute;
+  left: calc(50% - 0.5em);
+  top: calc(50% - 0.5em);
+  animation: spinAround 500ms infinite linear;
+}
+
+.buttons {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  gap: 8px;
+}
+.buttons.is-centered {
+  justify-content: center;
+}
+.buttons.is-right {
+  justify-content: flex-end;
+}
+.buttons.has-addons .button:not(:last-child) {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  margin-right: -1px;
+}
+.buttons.has-addons .button:not(:first-child) {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+@keyframes spinAround {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+.field:not(:last-child) {
+  margin-bottom: 0.75rem;
+}
+.field.has-addons {
+  display: flex;
+  justify-content: flex-start;
+}
+.field.has-addons .control:not(:last-child) {
+  margin-right: -1px;
+}
+.field.has-addons .control:not(:first-child):not(:last-child) .button,
+.field.has-addons .control:not(:first-child):not(:last-child) .input {
+  border-radius: 0;
+}
+.field.has-addons .control:first-child:not(:only-child) .button,
+.field.has-addons .control:first-child:not(:only-child) .input {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.field.has-addons .control:last-child:not(:only-child) .button,
+.field.has-addons .control:last-child:not(:only-child) .input {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+.control {
+  box-sizing: border-box;
+  clear: both;
+  font-size: 1rem;
+  position: relative;
+  text-align: inherit;
+}
+
+.input {
+  background-color: white;
+  border: 1px solid #dbdbdb;
+  border-radius: 4px;
+  color: #363636;
+  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
+  height: 2.5em;
+  max-width: 100%;
+  width: 100%;
+  padding: calc(0.5em - 1px) calc(0.75em - 1px);
+  font-size: 1rem;
+  line-height: 1.5;
+  display: inline-flex;
+  align-items: center;
+}
+.input:focus, .input:focus-visible {
+  outline: none;
+  border-color: var(--ac-primary);
+  box-shadow: 0 0 0 0.125em rgba(var(--ac-primary), 0.25);
+}
+.input::placeholder {
+  color: #a0a0a0;
+}
+
+.dropdown {
+  display: inline-flex;
+  position: relative;
+  vertical-align: top;
+}
+.dropdown.is-active .dropdown-menu, .dropdown:hover .dropdown-menu {
+  display: block;
+}
+
+.dropdown-trigger > .button {
+  display: flex;
+  align-items: center;
+}
+
+.dropdown-menu {
+  display: none;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 20;
+  min-width: 12rem;
+  padding-top: 4px;
+}
+
+.dropdown-content {
+  background-color: white;
+  border-radius: 4px;
+  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+  padding: 0.5rem 0;
+}
+
+.dropdown-item {
+  color: #4a4a4a;
+  display: block;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  padding: 0.375rem 1rem;
+  position: relative;
+  text-decoration: none;
+  white-space: nowrap;
+}
+.dropdown-item:hover {
+  background-color: #f5f5f5;
+  color: #0a0a0a;
+}
+.dropdown-item.is-active {
+  background-color: var(--ac-primary);
+  color: white;
+}
+
+.image {
+  display: block;
+  position: relative;
+}
+.image img {
+  display: block;
+  height: auto;
+  width: 100%;
+}
+.image img.is-rounded {
+  border-radius: 9999px;
+}
+.image.is-16x16 {
+  height: 16px;
+  width: 16px;
+}
+.image.is-24x24 {
+  height: 24px;
+  width: 24px;
+}
+.image.is-32x32 {
+  height: 32px;
+  width: 32px;
+}
+.image.is-48x48 {
+  height: 48px;
+  width: 48px;
+}
+.image.is-64x64 {
+  height: 64px;
+  width: 64px;
+}
+.image.is-96x96 {
+  height: 96px;
+  width: 96px;
+}
+.image.is-128x128 {
+  height: 128px;
+  width: 128px;
+}
+
+.is-rounded {
+  border-radius: 9999px !important;
+}
+
+.tag {
+  align-items: center;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  color: #4a4a4a;
+  display: inline-flex;
+  font-size: 0.75rem;
+  height: 2em;
+  justify-content: center;
+  line-height: 1.5;
+  padding: 0 0.75em;
+  white-space: nowrap;
+}
+
+.section {
+  padding: 3rem 1.5rem;
+}
+@media screen and (min-width: 1024px) {
+  .section {
+    padding: 3rem 3rem;
+  }
+}
+.section.section-lg {
+  padding: 5rem 1.5rem;
+}
+@media screen and (min-width: 1024px) {
+  .section.section-lg {
+    padding: 5rem 3rem;
+  }
+}
+
+.title {
+  color: #171B1C;
+  font-weight: 600;
+  line-height: 1.125;
+  word-break: break-word;
+}
+.title.is-5 {
+  font-size: 1.25rem;
+}
+.title.is-4 {
+  font-size: 1.5rem;
+}
+.title.is-3 {
+  font-size: 2rem;
+}
+
+.has-background-white {
+  background-color: white !important;
+}
+
+.bg-light {
+  background-color: #f7f8fa !important;
+}
+
+/* ======================
+  Global CSS start
+========================*/
+.bg-gradient-1 {
+  position: relative;
+  z-index: 1;
+  background-size: 120% 120%;
+  -webkit-animation: gradient 15s ease infinite;
+  animation: gradient 15s ease infinite;
+}
+.bg-gradient-1:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgb(255, 255, 255);
+  z-index: -1;
+  opacity: 0.9;
+  background-size: 50%;
+  overflow: hidden;
+}
+
+.social-prove-brand-area .brand-image-wrapper {
+  padding-top: 16px;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+.social-prove-brand-area .brand-image-wrapper .single-brand {
+  border: 1px solid #e7e7e7;
+  background-color: #ffffff;
+  padding: 12px 24px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  transition: 0.3s ease-in-out;
+}
+.social-prove-brand-area .brand-image-wrapper .single-brand img {
+  max-height: 2rem;
+  filter: grayscale(1);
+  transition: 0.3s ease-in-out;
+}
+.social-prove-brand-area .brand-image-wrapper .single-brand:hover img {
+  filter: grayscale(0);
+}
+.social-prove-brand-area .owl-carousel .owl-stage {
+  transition-timing-function: linear !important;
+}
+.social-prove-brand-area .owl-carousel .owl-item img {
+  width: auto !important;
+  height: 32px;
+}
+
+.is-fullwidth {
+  width: 100% !important;
+}
+
+.section-padding {
+  padding: 60px 0;
+}
+@media screen and (max-width: 1023px) {
+  .section-padding {
+    padding: 32px 0;
+  }
+}
+
+.list-items {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+@media screen and (max-width: 768px) {
+  .list-items {
+    gap: 4px;
+  }
+}
+.list-items li {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.list-items li span {
+  font-size: 18px;
+}
+
+.decorative-el, .others-products, .products-features .features-tabs, .ui-features-area, .mechanics-area, .products-area, .hero-area-1 .h-right-content {
+  position: relative;
+  z-index: 1;
+}
+.decorative-el::after, .others-products::after, .products-features .features-tabs::after, .ui-features-area::after, .mechanics-area::after, .products-area::after, .hero-area-1 .h-right-content::after {
+  position: absolute;
+  content: "";
+  left: -54px;
+  top: 0px;
+  width: 250px;
+  height: 250px;
+  z-index: -1;
+  background-image: url("../images/shape/decorative-el.svg");
+  background-repeat: no-repeat;
+}
+@media screen and (max-width: 768px) {
+  .decorative-el::after, .others-products::after, .products-features .features-tabs::after, .ui-features-area::after, .mechanics-area::after, .products-area::after, .hero-area-1 .h-right-content::after {
+    width: 120px;
+    height: 120px;
+  }
+}
+
+.yt-thumbnail {
+  position: relative;
+  z-index: 1;
+  border-radius: 4px;
+  overflow: hidden;
+}
+.yt-thumbnail img {
+  display: flex;
+  object-fit: cover;
+  height: 250px;
+  width: 400px;
+}
+.yt-thumbnail:hover .play-icon svg {
+  transform: scale(1.3);
+}
+.yt-thumbnail:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #000000;
+  opacity: 0.5;
+}
+.yt-thumbnail .play-icon {
+  position: absolute;
+  z-index: 99;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.yt-thumbnail .play-icon svg {
+  width: 40px;
+  display: flex;
+  cursor: pointer;
+  transition: 0.3s ease-in-out;
+}
+
+.section-title {
+  margin-bottom: 2rem;
+  position: relative;
+  z-index: 8;
+}
+.section-title h1 {
+  font-weight: 700;
+  font-size: 48px;
+  line-height: 130%;
+}
+.section-title h1.is-outlined-text {
+  color: #e7e7e7;
+  -webkit-text-fill-color: white;
+  /* Will override color (regardless of order) */
+  -webkit-text-stroke-width: 1px;
+  -webkit-text-stroke-color: #e7e7e7;
+  position: absolute;
+  font-size: 107px;
+  top: 0;
+  z-index: -1;
+  opacity: 0.5;
+  text-align: center;
+  width: 100%;
+}
+.section-title h2 {
+  font-size: 32px;
+  font-weight: 600;
+  margin-bottom: 8px;
+  text-wrap: balance;
+}
+.section-title p {
+  font-size: 16px;
+  line-height: 160%;
+  letter-spacing: 0;
+  margin-bottom: 3rem;
+  font-weight: normal;
+  text-wrap: balance;
+}
+
+.left-0 {
+  left: 0 !important;
+}
+
+.right-0 {
+  right: 0 !important;
+}
+
+.top-0 {
+  top: 0 !important;
+}
+
+.bottom-0 {
+  bottom: 0 !important;
+}
+
+.breadcrumb-section {
+  padding-top: 200px;
+}
+
+.cube {
+  position: absolute;
+  top: 80vh;
+  left: 45vw;
+  width: 10px;
+  height: 10px;
+  border: solid 1px #ffffff;
+  opacity: 0.5;
+  transform-origin: top left;
+  transform: scale(0) rotate(0deg) translate(-50%, -50%);
+  animation: cube 12s ease-in forwards infinite;
+}
+.cube:nth-child(2n) {
+  border-color: white;
+}
+.cube:nth-child(2) {
+  animation-delay: 2s;
+  left: 5vw;
+  top: 30vh;
+}
+.cube:nth-child(3) {
+  animation-delay: 4s;
+  left: 95vw;
+  top: 50vh;
+}
+.cube:nth-child(4) {
+  animation-delay: 6s;
+  left: 90vw;
+  top: 30vh;
+}
+.cube:nth-child(5) {
+  animation-delay: 8s;
+  left: 10vw;
+  top: 75vh;
+}
+.cube:nth-child(6) {
+  animation-delay: 10s;
+  left: 50vw;
+  top: 20vh;
+}
+
+.circle {
+  position: absolute;
+  top: 20vh;
+  left: 35vw;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  border: solid 1px #ffffff;
+  opacity: 0.5;
+  transform-origin: top left;
+  transform: scale(0) rotate(0deg) translate(-50%, -50%);
+  animation: cube 12s ease-in forwards infinite;
+}
+.circle:nth-child(2n) {
+  border-color: white;
+}
+.circle:nth-child(2) {
+  animation-delay: 0.5s;
+  left: 15vw;
+  top: 40vh;
+}
+.circle:nth-child(3) {
+  animation-delay: 2s;
+  left: 100vw;
+  top: 60vh;
+}
+.circle:nth-child(4) {
+  animation-delay: 3s;
+  left: 90vw;
+  top: 30vh;
+}
+.circle:nth-child(5) {
+  animation-delay: 5s;
+  left: 20vw;
+  top: 65vh;
+}
+.circle:nth-child(6) {
+  animation-delay: 8s;
+  left: 60vw;
+  top: 30vh;
+}
+
+@keyframes cube {
+  from {
+    transform: scale(0) rotate(0deg) translate(-50%, -50%);
+    opacity: 2s;
+    margin-top: 200px;
+  }
+  to {
+    transform: scale(5) rotate(960deg) translate(-50%, -50%);
+    opacity: 0;
+    margin-top: 0;
+  }
+}
+.br-1 {
+  border-right: 1px solid #e7e7e7;
+}
+
+.bl-1 {
+  border-left: 1px solid #e7e7e7;
+}
+
+.bt-1 {
+  border-top: 1px solid #e7e7e7;
+}
+
+.bb-1 {
+  border-bottom: 1px solid #e7e7e7;
+}
+
+.has-text-primary {
+  color: var(--ac-primary) !important;
+}
+
+::-moz-selection {
+  /* Code for Firefox */
+  color: #ffffff;
+  background: var(--ac-primary);
+}
+
+::selection {
+  color: #ffffff;
+  background: var(--ac-primary);
+}
+
+.d-table {
+  display: table;
+  height: 100%;
+  width: 100%;
+}
+
+.d-table-cell {
+  width: 100%;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+/* brand logo area start */
+.single-brand-logo {
+  display: inline-block;
+  overflow: hidden;
+  margin: 10px 20px;
+  text-align: center;
+  vertical-align: middle;
+  max-width: 200px;
+  height: auto;
+}
+.single-brand-logo img {
+  max-height: 50px;
+}
+
+/* brand logo area end */
+.ac-custom-select .ss-single-selected,
+.ac-custom-select .ss-multi-selected {
+  min-height: 45px !important;
+  border: 1px solid #a6abbd;
+  color: #515D63;
+  padding: 0 15px;
+}
+.ac-custom-select .ss-single-selected .ss-arrow,
+.ac-custom-select .ss-multi-selected .ss-arrow {
+  margin: 0;
+}
+.ac-custom-select .ss-single-selected .placeholder,
+.ac-custom-select .ss-multi-selected .placeholder {
+  font-size: 15px;
+  color: #515D63;
+  font-weight: 500;
+}
+.ac-custom-select .ss-single-selected .ss-values,
+.ac-custom-select .ss-multi-selected .ss-values {
+  margin-top: 3px;
+}
+.ac-custom-select .ss-single-selected .ss-values .ss-disabled,
+.ac-custom-select .ss-multi-selected .ss-values .ss-disabled {
+  margin: 0;
+  padding: 0;
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 16px;
+  color: #a6abbd;
+}
+.ac-custom-select .ss-single-selected .ss-values .ss-value,
+.ac-custom-select .ss-multi-selected .ss-values .ss-value {
+  height: 30px;
+  margin-bottom: 6px;
+  padding: 0 10px;
+  background-color: #35a651;
+}
+.ac-custom-select .ss-single-selected .ss-add,
+.ac-custom-select .ss-multi-selected .ss-add {
+  margin: 4px;
+  align-items: center;
+}
+.ac-custom-select .ss-content {
+  border: 1px solid #a6abbd;
+}
+.ac-custom-select .ss-content .ss-list .ss-option {
+  font-size: 14px;
+  color: #515D63;
+  transition: 0.3s ease-in-out;
+}
+.ac-custom-select .ss-content .ss-list .ss-option:hover {
+  opacity: 0.8;
+  color: #ffffff;
+  background-color: var(--ac-primary);
+}
+.ac-custom-select .ss-content .ss-list .ss-option.ss-disabled {
+  opacity: 0.5;
+}
+.ac-custom-select .ss-content .ss-search input {
+  border: 1px solid #a6abbd;
+}
+.ac-custom-select .ss-content .ss-search input:focus {
+  outline: none;
+  box-shadow: none;
+}
+
+.message {
+  display: flex;
+  align-items: center;
+}
+.message lord-icon {
+  margin-right: 1rem;
+}
+.message.is-warning {
+  background-color: transparent;
+}
+.message.is-warning .message-body {
+  border-color: transparent;
+  border-width: 0;
+  color: #515D63;
+  padding: 1em 1em;
+  background-color: #ffdd57;
+  width: 100%;
+}
+.message.is-danger {
+  background-color: transparent;
+}
+.message.is-danger .message-body {
+  border-color: transparent;
+  border-width: 0;
+  color: #ffffff;
+  padding: 1em 1em;
+  background-color: #ff3729;
+  width: 100%;
+}
+
+.is-gap-0 {
+  gap: 0px;
+}
+
+.is-gap-1 {
+  gap: 1px;
+}
+
+.is-gap-2 {
+  gap: 2px;
+}
+
+.is-gap-3 {
+  gap: 3px;
+}
+
+.is-gap-4 {
+  gap: 4px;
+}
+
+.is-gap-5 {
+  gap: 5px;
+}
+
+.is-gap-6 {
+  gap: 6px;
+}
+
+.is-gap-7 {
+  gap: 7px;
+}
+
+.is-gap-8 {
+  gap: 8px;
+}
+
+.is-gap-9 {
+  gap: 9px;
+}
+
+.is-gap-10 {
+  gap: 10px;
+}
+
+.is-gap-11 {
+  gap: 11px;
+}
+
+.is-gap-12 {
+  gap: 12px;
+}
+
+.is-gap-13 {
+  gap: 13px;
+}
+
+.is-gap-14 {
+  gap: 14px;
+}
+
+.is-gap-15 {
+  gap: 15px;
+}
+
+.is-gap-16 {
+  gap: 16px;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .is-flex-direction-row-reverse-mobile {
+    flex-direction: column-reverse;
+    display: flex;
+  }
+  .container {
+    padding: 0 15px;
+  }
+  .section-title {
+    font-size: 28px;
+    margin-bottom: 1rem;
+  }
+  .section-title h2 {
+    font-size: 28px;
+    margin-bottom: 0;
+  }
+  .section-title h1 {
+    font-size: 28px;
+  }
+  .section-title h1.is-outlined-text {
+    font-size: 60px;
+  }
+  .section-title p {
+    margin-bottom: 0;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .container {
+    padding: 0 30px;
+  }
+  .section-title h1.is-outlined-text {
+    font-size: 70px;
+  }
+  .section-title p {
+    margin-bottom: 0;
+  }
+  .is-flex-direction-row-reverse-tablet {
+    flex-direction: column-reverse;
+    display: flex;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .section-title h1.is-outlined-text {
+    font-size: 80px;
+  }
+  .cube {
+    animation: none;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .section-title h1.is-outlined-text {
+    font-size: 80px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .section-title h1.is-outlined-text {
+    font-size: 80px;
+  }
+}
+@media (min-width: 1216px) and (max-width: 1440px) {
+  .container {
+    max-width: 1200px !important;
+  }
+}
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@media screen and (max-width: 768px) {
+  .reverse-column-mobile {
+    flex-direction: column-reverse;
+    display: flex;
+  }
+}
+
+.section-title.has-text-centered {
+  max-width: 80%;
+  margin: 0 auto 16px auto;
+}
+@media screen and (max-width: 1023px) {
+  .section-title.has-text-centered {
+    max-width: 100%;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .has-text-center-mobile {
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+@media screen and (max-width: 1023px) {
+  .section-title.has-text-centered-tablet p {
+    text-align: center;
+  }
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.8);
+  position: fixed;
+  display: none;
+  z-index: 99;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  top: 0;
+}
+.lightbox-container {
+  position: relative;
+  max-width: 1080px;
+  margin: 7% auto;
+  display: block;
+  padding: 0 3%;
+  height: auto;
+  z-index: 10;
+}
+@media screen and (max-width: 768px) {
+  .lightbox-container {
+    margin-top: 10%;
+  }
+}
+@media screen and (max-width: 414px) {
+  .lightbox-container {
+    margin-top: 13%;
+  }
+}
+.lightbox-content {
+  box-shadow: 0 1px 6px fade(black, 70%);
+}
+.lightbox-close {
+  text-transform: uppercase;
+  background: transparent;
+  position: absolute;
+  font-weight: 300;
+  font-size: 32px;
+  display: block;
+  border: none;
+  color: white;
+  top: -52px;
+  right: 3%;
+  cursor: pointer;
+}
+
+.video-container {
+  padding-bottom: 56.25%;
+  position: relative;
+  padding-top: 30px;
+  overflow: hidden;
+  height: 0;
+}
+
+.video-container iframe,
+.video-container object,
+.video-container embed {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  left: 0;
+  top: 0;
+}
+
+.hero-area-2 {
+  position: relative;
+  z-index: 1;
+}
+.hero-area-2::after {
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-repeat: no-repeat !important;
+  position: absolute;
+  z-index: -2;
+  content: "";
+  background: url(../images/appscode/about-hero-bg-2.png);
+  background-size: contain;
+}
+.hero-area-2 .hero-area-inner-2 {
+  height: 400px;
+  padding-top: 120px;
+}
+.hero-area-2 .hero-area-inner-2 h1 {
+  font-size: 48px;
+  margin-bottom: 15px;
+}
+.hero-area-2 .hero-area-inner-2 p {
+  font-size: 18px;
+}
+
+.hero-area-2.bg-color-available:after {
+  background-color: #fbfbfb;
+}
+
+.illustration-area {
+  min-height: 500px;
+  background-repeat: no-repeat;
+}
+
+.illustration-1 {
+  background-image: url(../images/consulting-page/illustation.png);
+  background-size: contain;
+}
+
+.consulting-inner h2 {
+  font-size: 36px;
+  margin-bottom: 30px;
+  font-weight: 400;
+  line-height: 50px;
+}
+.consulting-inner p {
+  font-size: 16px;
+  line-height: 28px;
+  color: #515D63;
+  margin-bottom: 20px;
+}
+.consulting-inner p:last-child {
+  margin-bottom: 0;
+}
+
+.testimonial-area-2 .testimonial-wrapper {
+  overflow: hidden;
+}
+.testimonial-area-2 .testimonial-wrapper .quote-icon {
+  margin-bottom: 30px;
+}
+.testimonial-area-2 .testimonial-wrapper h1 {
+  font-size: 28px;
+  line-height: 45px;
+  font-weight: 600;
+}
+.testimonial-area-2 .testimonial-wrapper .user-information {
+  margin-top: 30px;
+  float: right;
+  overflow: hidden;
+  align-items: center;
+}
+.testimonial-area-2 .testimonial-wrapper .user-information figure {
+  margin-right: 15px;
+}
+.testimonial-area-2 .testimonial-wrapper .user-information h4 {
+  font-size: 18px;
+  line-height: 28px;
+  font-weight: 700;
+  color: var(--ac-primary);
+}
+.testimonial-area-2 .testimonial-wrapper .user-information p {
+  font-size: 14px;
+  color: #515D63;
+}
+
+.package-area .single-package-wrapper {
+  padding: 30px 50px;
+}
+.package-area .single-package-wrapper h4 {
+  font-size: 18px;
+  margin-bottom: 5px;
+}
+.package-area .single-package-wrapper p {
+  font-size: 16px;
+}
+
+.our-customer-area {
+  background-color: #FBFBFB;
+}
+
+.training-wrapper-image .single-training-image-wrapper {
+  width: 280px;
+  height: 280px;
+  border-radius: 50%;
+  overflow: hidden;
+  display: inline-block;
+  margin-right: 30px;
+}
+.training-wrapper-image .single-training-image-wrapper:last-child {
+  margin-right: 0;
+}
+.training-wrapper-image .single-training-image-wrapper:nth-child(even) {
+  width: 250px;
+  height: 250px;
+  transform: translateY(-70px);
+}
+.training-wrapper-image .single-training-image-wrapper img {
+  transition: 0.3s ease-in-out;
+}
+.training-wrapper-image .single-training-image-wrapper:hover img {
+  transform: scale(1.3);
+}
+
+.about-training {
+  position: relative;
+  z-index: 1;
+}
+.about-training .dots-shape {
+  position: absolute;
+  background-image: url(../images/training-page/dots-shape.png);
+  background-repeat: no-repeat;
+  z-index: -1;
+  width: 200px;
+  height: 300px;
+  right: -70px;
+  top: 30%;
+}
+
+.cta-area-2 .cta-content h1 {
+  font-size: 73px;
+  line-height: 83px;
+  margin-bottom: 50px;
+}
+
+.client-thumb {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  overflow: hidden;
+  float: left;
+  margin-right: 20px;
+}
+
+.client-info {
+  float: left;
+  overflow: hidden;
+  margin-top: 5px;
+  text-align: left;
+}
+.client-info h4 {
+  font-size: 16px;
+  line-height: 19px;
+  margin-bottom: 3px;
+}
+.client-info p {
+  margin: 0;
+  font-size: 12px;
+  font-style: italic;
+  color: #515D63;
+  opacity: 0.6;
+}
+
+/*====================================
+    Support page CSS
+====================================*/
+/* Payment Method section style */
+.single-payment-method {
+  display: inline-block;
+  margin-left: 30px;
+}
+
+.single-payment-method:first-child {
+  margin-left: 0;
+}
+
+.payment-method-innner-text h2 {
+  color: #171B1C;
+  margin-bottom: 20px;
+}
+
+.payment-method-innner-text p {
+  margin: 0;
+}
+
+.payment-method-area {
+  position: relative;
+  background-image: url(../images/shape/shape-1.png);
+  background-repeat: no-repeat;
+  background-size: cover;
+  z-index: 1;
+  margin-top: 120px;
+}
+
+.payment-method-area:after {
+  background-image: url(../images/shape/shape-2.png);
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-size: cover;
+  z-index: -1;
+}
+
+.item ul,
+.item input[type=checkbox] {
+  display: none;
+  overflow: hidden;
+  transition: 0.3s;
+}
+
+.product-sidebar-menu .item label a {
+  font-weight: 500;
+  color: #171B1C;
+  padding: 0.5rem 1.25rem;
+  display: block;
+}
+
+.item ul li.is-active a {
+  color: var(--ac-primary);
+}
+
+.item input:checked ~ ul,
+.item input:checked ~ .item > ul {
+  display: block;
+  transition: 0.3s linear;
+}
+
+.item input:checked ~ label span,
+.item input:checked ~ .item > label span {
+  transform: rotate(90deg);
+  margin-top: 0;
+  transform-origin: 0;
+}
+
+.item label span {
+  position: absolute;
+  right: 15px;
+  transition: 0.3s ease-in-out;
+  top: 9px;
+}
+
+.item ul li a {
+  display: block;
+  padding: 6px 0;
+  font-family: "Roboto", sans-serif;
+  font-weight: 400;
+}
+
+.item label {
+  position: relative;
+  z-index: 9;
+}
+
+.product-sidebar-menu label,
+.product-sidebar-menu li a {
+  font-size: 14px;
+  font-weight: 500;
+  color: #4a4a4a;
+  display: block;
+  cursor: pointer;
+  user-select: none;
+  transition: 0.3s;
+}
+
+.product-sidebar-menu li a:hover {
+  color: var(--ac-primary);
+}
+
+.product-sidebar-menu .item ul {
+  margin-left: 20px;
+  padding-left: 15px;
+  border-left: 1px solid #e7e7e7;
+}
+
+.item:first-child input:checked ~ label,
+.item:first-child input:checked ~ .item:first-child > label {
+  border: 1px solid transparent;
+}
+
+.appscode-style .item input:checked ~ label > a {
+  color: var(--ac-primary);
+}
+
+.item input:checked ~ ul,
+.item input:checked ~ .item > ul > .item {
+  margin-left: -20px;
+}
+
+.ac-product-left-sidebar {
+  margin-right: 30px;
+  position: sticky;
+  top: 130px;
+  z-index: 9;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  max-height: calc(100vh - 190px);
+  overflow-x: hidden;
+}
+
+.product-sidebar-menu .item label {
+  border: 1px solid transparent;
+  position: relative;
+  z-index: 1;
+  border-radius: 3px 0 0 3px;
+}
+
+/* datasheet style start */
+.datasheet-wrapper {
+  padding: 0 100px;
+}
+
+.download-question h4 {
+  font-size: 18px;
+  color: #171B1C;
+  font-weight: 700;
+}
+
+.download-question p {
+  color: #515D63;
+  font-size: 16px;
+  font-family: "Roboto", sans-serif;
+}
+
+.download-question p strong {
+  color: #32325d;
+  font-weight: 500;
+  font-family: "Roboto", sans-serif;
+  margin: 10px 0;
+  display: block;
+}
+
+.download-question a {
+  font-family: "Roboto", sans-serif;
+  font-size: 16px;
+}
+
+.form-area h4 {
+  font-size: 18px;
+  color: #171B1C;
+  font-weight: 700;
+  margin-bottom: 30px;
+}
+
+.single-input-field label {
+  display: block;
+  color: #32325d;
+  font-family: "Roboto", sans-serif;
+  font-size: 16px;
+  margin-bottom: 5px;
+}
+
+.single-input-field input {
+  padding: 12px 15px;
+  border: 1px solid #c4cbd3;
+  border-radius: 4px;
+  font-size: 16px;
+  font-family: "Roboto", sans-serif;
+  color: #242a31;
+  width: 100%;
+}
+
+.single-input-field input::placeholder {
+  color: #e7e7e7;
+}
+
+.single-input-field .select,
+select {
+  width: 100%;
+  height: 48px !important;
+}
+
+.single-input-field .select select:not([multiple]) {
+  padding-left: 15px;
+  color: #e7e7e7;
+}
+
+.download-button .icon {
+  padding-right: 25px;
+}
+
+/* datasheet style end */
+/* schedule-demo start */
+embed,
+iframe,
+object,
+video {
+  height: 100%;
+  max-width: 100%;
+}
+
+.schedule-title {
+  margin-top: 65px;
+  color: #242a31;
+  margin-bottom: 30px;
+}
+
+/* schedule-demo end */
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .package-area .single-package-wrapper {
+    padding: 20px 30px;
+    border: 1px solid #e7e7e7;
+  }
+  .testimonial-area-2 .testimonial-wrapper {
+    text-align: center;
+  }
+  .testimonial-area-2 .testimonial-wrapper .is-pulled-right {
+    float: inherit !important;
+    margin-top: 15px;
+    display: flex;
+    justify-content: center;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .package-area .single-package-wrapper {
+    padding: 20px;
+    border: 1px solid #e7e7e7;
+  }
+  .ac-image {
+    text-align: center;
+  }
+  .about-training .section-title h2 {
+    text-align: center;
+  }
+  .ac-text p {
+    text-align: center;
+  }
+  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
+    width: 150px;
+    height: 150px;
+  }
+  .training-wrapper-image .single-training-image-wrapper {
+    width: 180px;
+    height: 180px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
+    width: 150px;
+    height: 150px;
+  }
+  .training-wrapper-image .single-training-image-wrapper {
+    width: 180px;
+    height: 180px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
+    width: 150px;
+    height: 150px;
+  }
+  .training-wrapper-image .single-training-image-wrapper {
+    width: 180px;
+    height: 180px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
+    width: 150px;
+    height: 150px;
+  }
+  .training-wrapper-image .single-training-image-wrapper {
+    width: 180px;
+    height: 180px;
+  }
+}
+.ac-notification.is-primary {
+  background-color: var(--ac-primary);
+}
+.ac-notification p {
+  color: #fff;
+}
+.ac-notification p a {
+  color: #3273dc !important;
+  font-weight: 500;
+}
+
+.hero-area-2.webinar-page::after {
+  background-color: rgba(25, 113, 189, 0.1);
+  background-size: cover;
+}
+.hero-area-2.webinar-page .webinar-hero-area {
+  position: relative;
+  z-index: 1;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 {
+  height: auto;
+  padding-bottom: 120px;
+  padding-top: 100px;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 h1 {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 62px;
+  line-height: 93px;
+  color: #393e46;
+  margin-bottom: 10px;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 .subtitle {
+  font-size: 36px;
+  color: #666;
+  line-height: 58px;
+  font-weight: 500;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info {
+  display: flex;
+  align-items: center;
+  margin-right: 44px;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info:last-child {
+  margin-right: 0;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info .icon {
+  width: 34px;
+  height: 34px;
+  background: #00a651;
+  color: #fff;
+  border-radius: 50%;
+  font-size: 14px;
+  line-height: 15px;
+  margin-right: 15px;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info strong {
+  color: #3f3d56;
+  margin-right: 5px;
+}
+.hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info p {
+  color: #666666;
+}
+.hero-area-2.webinar-page .count-down-area {
+  background: #ffffff;
+  box-shadow: 2px 4px 27px rgba(25, 113, 189, 0.16);
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  padding: 7px 0;
+  position: absolute;
+  width: 85%;
+  bottom: -94px;
+}
+.hero-area-2.webinar-page .count-down-area .signle-count {
+  border-right: 1px solid #e6e6e6;
+  text-align: center;
+  width: 25%;
+  padding: 25px 0;
+}
+.hero-area-2.webinar-page .count-down-area .signle-count:last-child {
+  border-right: none;
+}
+.hero-area-2.webinar-page .count-down-area .signle-count .name {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 19px;
+  color: #555555;
+  margin-bottom: 20px;
+}
+.hero-area-2.webinar-page .count-down-area .signle-count .unit {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 62px;
+  line-height: 62px;
+  color: #393e46;
+}
+
+.registration-form-container.register-success, .registration-form-container.register-failed {
+  position: sticky;
+  top: 60px;
+}
+.registration-form-container.register-success form, .registration-form-container.register-failed form {
+  display: none;
+}
+.registration-form-container.register-success .register-notification, .registration-form-container.register-failed .register-notification {
+  display: block;
+}
+.registration-form-container .register-notification {
+  display: none;
+}
+
+.registration-form-wrapper {
+  position: relative;
+  z-index: 1;
+}
+.registration-form-wrapper .registration-form {
+  width: 100%;
+}
+.registration-form-wrapper .circle-shape {
+  position: absolute;
+  right: 30px;
+  top: 30px;
+}
+.registration-form-wrapper .reg-illustration {
+  margin: 50px 0;
+}
+
+.registration-form {
+  box-shadow: 0px 4px 27px rgba(25, 113, 189, 0.16);
+  background-color: #fff;
+  border-radius: 8px;
+  padding: 30px;
+}
+.registration-form h3 {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 22px;
+  line-height: 20px;
+  color: #393e46;
+  margin-bottom: 30px;
+}
+.registration-form form label.radio-title {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 14px;
+  display: block;
+  color: #393e46;
+  margin-bottom: 6px;
+  text-transform: uppercase;
+}
+.registration-form form label.radio-title .is-require {
+  color: #ff3729;
+  padding-left: 5px;
+}
+.registration-form form .ac-single-radio label {
+  font-size: 14px !important;
+}
+.registration-form form .form-message {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 12px;
+  line-height: 20px;
+  color: #555555;
+}
+.registration-form form input[type=submit] {
+  height: 45px;
+  font-size: 14px;
+  font-weight: 500;
+}
+.registration-form form .single-input-form {
+  width: 100%;
+  margin-bottom: 20px;
+}
+.registration-form form .single-input-form.is-fullwidth {
+  width: 100%;
+}
+.registration-form form .single-input-form label {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 14px;
+  display: block;
+  color: #393e46;
+  margin-bottom: 6px;
+  text-transform: uppercase;
+}
+.registration-form form .single-input-form label .is-require {
+  color: #ea3d2f;
+  padding-left: 5px;
+}
+.registration-form form input,
+.registration-form form .textarea-wrapper,
+.registration-form form .select {
+  border: 1px solid #a6abbd;
+  border-radius: 4px;
+  height: 45px;
+  width: 100%;
+  padding: 0 15px;
+  font-weight: 500;
+  font-size: 15px;
+  background-color: transparent;
+  color: #515D63;
+}
+.registration-form form input:focus,
+.registration-form form .textarea-wrapper:focus,
+.registration-form form .select:focus {
+  outline: none !important;
+  border: 1px solid var(--ac-primary);
+}
+.registration-form form input::placeholder,
+.registration-form form .textarea-wrapper::placeholder,
+.registration-form form .select::placeholder {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 16px;
+  color: #a6abbd;
+}
+.registration-form form .select {
+  border-color: #a6abbd;
+  padding: 0;
+}
+.registration-form form .select:hover {
+  border-color: #a6abbd;
+}
+.registration-form form .select select {
+  background-color: transparent;
+  border: none;
+  font-weight: 500;
+  height: 45px !important;
+  color: #515D63;
+  padding-left: 15px;
+}
+.registration-form form .select select option[selected] {
+  color: #333;
+}
+.registration-form form .textarea-wrapper {
+  height: 100px;
+}
+.registration-form form .textarea-wrapper {
+  padding: 10px 10px 10px 15px;
+}
+.registration-form form .textarea-wrapper:focus {
+  outline: none !important;
+  border: 1px solid var(--ac-primary);
+}
+.registration-form form textarea {
+  width: 100%;
+  height: calc(100% - 0px);
+  border: none;
+  font-weight: 500;
+  font-size: 15px;
+}
+.registration-form form textarea::placeholder {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 16px;
+  color: #a6abbd;
+}
+.registration-form form textarea:focus {
+  outline: none;
+  border: none;
+}
+.registration-form form input[type=submit] {
+  width: 100%;
+  background-color: var(--ac-primary);
+  color: #fff;
+  cursor: pointer;
+}
+.registration-form form input[type=submit]:hover {
+  background-color: rgb(0, 140.5, 68.5572289157);
+}
+.registration-form form p.is-error {
+  color: #ea3d2f;
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.webinar-summary-area {
+  padding-top: 150px;
+}
+.webinar-summary-area .webinar-summary h3 {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 22px;
+  line-height: 22px;
+  color: #393e46;
+  margin-bottom: 20px;
+}
+.webinar-summary-area .webinar-summary .summary-content {
+  margin-bottom: 30px;
+  width: calc(100% - 30px);
+}
+.webinar-summary-area .webinar-summary .summary-content p {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 28px;
+  color: #555555;
+  margin-bottom: 15px;
+  text-align: justify;
+}
+.webinar-summary-area .webinar-summary .summary-content p:last-child {
+  margin-bottom: 0;
+}
+.webinar-summary-area .speaker-info-wrapper {
+  margin-top: 30px;
+  max-width: calc(100% - 30px);
+  display: grid;
+  grid-template-columns: 110px auto;
+  grid-gap: 30px;
+}
+.webinar-summary-area .speaker-info-wrapper .speaker-thumbnail {
+  width: 110px;
+  height: 110px;
+  border: 1px solid #a6abbd;
+  border-radius: 50%;
+  overflow: hidden;
+}
+.webinar-summary-area .speaker-info-wrapper .speaker-info h5 {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 27px;
+  color: #393e46;
+}
+.webinar-summary-area .speaker-info-wrapper .speaker-info .designation {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 16px;
+  display: flex;
+  align-items: center;
+  color: #555555;
+  margin-bottom: 15px;
+}
+.webinar-summary-area .speaker-info-wrapper .speaker-info .designation a {
+  font-family: Roboto;
+}
+.webinar-summary-area .speaker-info-wrapper .speaker-info .speaker-message {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 24px;
+  color: #555555;
+}
+
+.webinar-header {
+  margin-bottom: 20px;
+}
+.webinar-header .upcoming-message h1 {
+  font-weight: 500;
+  line-height: 110%;
+}
+.webinar-header .webinar-list-items .webinar-item {
+  width: 130px;
+  background-color: #ccffe5;
+  border-radius: 4px;
+  margin-right: 20px;
+  padding: 15px;
+  cursor: pointer;
+}
+.webinar-header .webinar-list-items .webinar-item.is-active {
+  background-color: var(--ac-primary);
+  position: relative;
+  z-index: 1;
+}
+.webinar-header .webinar-list-items .webinar-item.is-active:after {
+  width: 60px;
+  height: 30px;
+  border-top: solid 30px var(--ac-primary);
+  border-left: solid 30px transparent;
+  border-right: solid 30px transparent;
+  position: absolute;
+  content: "";
+  bottom: -20px;
+  left: 30px;
+}
+.webinar-header .webinar-list-items .webinar-item.is-active p,
+.webinar-header .webinar-list-items .webinar-item.is-active h2 {
+  color: #ffffff;
+}
+.webinar-header .webinar-list-items .webinar-item:last-child {
+  margin-right: 0;
+}
+.webinar-header .webinar-list-items .webinar-item p {
+  font-size: 18px;
+  font-weight: 400;
+  text-align: center;
+  color: var(--ac-primary);
+}
+.webinar-header .webinar-list-items .webinar-item p.date {
+  font-size: 13px;
+}
+.webinar-header .webinar-list-items .webinar-item h2 {
+  font-size: 52px;
+  font-weight: 400;
+  text-align: center;
+  color: var(--ac-primary);
+  line-height: 1.029;
+}
+
+.webinar-body .single-webinar {
+  opacity: 0;
+  visibility: hidden;
+  display: none;
+}
+.webinar-body .single-webinar.is-active {
+  opacity: 1;
+  visibility: visible;
+  display: block;
+}
+.webinar-body .webinar-video {
+  margin-bottom: 20px;
+  width: 100%;
+  height: 0;
+  position: relative;
+  padding-top: 56.25%;
+  background-color: #f2f3f4;
+}
+.webinar-body .webinar-video.active-overlay:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: #000000;
+  opacity: 0.3;
+}
+.webinar-body .webinar-video {
+  /* 9 / 16 * 100 */
+}
+.webinar-body .webinar-video iframe {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: 0;
+}
+.webinar-body .webinar-title h1 {
+  font-size: 40px;
+  line-height: 130%;
+  margin-bottom: 20px;
+  font-weight: 500;
+}
+.webinar-body .date-and-location {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.webinar-body .date-and-location .date {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.webinar-body .date-and-location .date span {
+  font-size: 18px;
+  color: #515D63;
+  font-weight: 500;
+}
+.webinar-body .webinar-summary .highlight {
+  position: relative;
+  padding-left: 25px;
+}
+.webinar-body .webinar-summary .highlight:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 5px;
+  height: 100%;
+  background-color: var(--ac-primary);
+}
+.webinar-body .webinar-summary p {
+  color: #636363;
+  margin-bottom: 20px;
+}
+.webinar-body .webinar-summary .check-items li {
+  display: block;
+  margin-bottom: 8px;
+}
+.webinar-body .webinar-summary .check-items li span {
+  margin-left: 15px;
+  font-size: 15px;
+}
+.webinar-body .webinar-speakers {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.webinar-body .webinar-speakers .single-speaker {
+  position: relative;
+  z-index: 1;
+  margin-right: 20px;
+  display: flex;
+  align-items: center;
+  max-width: 330px;
+  overflow: hidden;
+}
+.webinar-body .webinar-speakers .single-speaker .speaker-image {
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  overflow: hidden;
+  border: 2px solid var(--ac-primary);
+}
+.webinar-body .webinar-speakers .single-speaker:last-child {
+  margin-right: 0;
+}
+.webinar-body .webinar-speakers .single-speaker .speaker-info {
+  padding: 0px 15px;
+  margin-top: -7px;
+}
+.webinar-body .webinar-speakers .single-speaker .speaker-info p {
+  font-size: 13px;
+}
+
+[data-tab-content] {
+  display: none;
+}
+
+.active[data-tab-content] {
+  display: block;
+}
+
+.tabs {
+  display: flex;
+  justify-content: space-around;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  border-bottom: 1px solid black;
+}
+
+.tab {
+  cursor: pointer;
+  padding: 10px;
+}
+
+.tab.active {
+  background-color: #ccc;
+}
+
+.tab:hover {
+  background-color: #aaa;
+}
+
+.tab-content {
+  margin-left: 20px;
+  margin-right: 20px;
+}
+
+.search-box {
+  display: flex;
+  align-items: center;
+  border: 1px solid #a6abbd;
+  padding: 0px 16px;
+  width: 430px;
+  border-radius: 4px;
+}
+.search-box input {
+  border: none;
+  width: 100%;
+  padding: 12px 8px;
+}
+.search-box input:focus {
+  outline: none;
+  border: none;
+}
+
+.is-sticky.webinar-search {
+  position: sticky;
+  top: 89px;
+  background-color: #fff;
+  z-index: 9;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 1023px) {
+  .webinar-header .upcoming-message h1 {
+    font-size: 34px;
+  }
+  .webinar-header .webinar-list-items .webinar-item {
+    width: 110px;
+  }
+  .webinar-header .webinar-list-items .webinar-item.is-active::after {
+    left: 23px;
+  }
+  .webinar-header .webinar-list-items .webinar-item h2 {
+    font-size: 22px;
+  }
+  .webinar-header .webinar-list-items .webinar-item p {
+    font-size: 14px;
+  }
+  .webinar-body .webinar-title h1 {
+    font-size: 22px;
+  }
+  .webinar-body .webinar-speakers .single-speaker .speaker-info {
+    padding: 15px;
+  }
+  .webinar-body .webinar-speakers .single-speaker .speaker-info h6 {
+    font-size: 14px;
+  }
+  .search-box {
+    width: 190px;
+  }
+}
+@media screen and (max-width: 768px) {
+  .webinar-hero-area.mt-80.mr-100 {
+    margin-right: 0 !important;
+    margin-top: 80px !important;
+  }
+  .webinar-header {
+    flex-direction: column;
+    align-items: flex-start !important;
+  }
+  .webinar-header .upcoming-message h1 {
+    font-size: 30px;
+    margin-bottom: 20px;
+  }
+  .webinar-header .upcoming-message h1 br {
+    display: none;
+  }
+  .webinar-header .webinar-list-items .webinar-item {
+    margin-right: 10px;
+    width: auto;
+  }
+  .webinar-body .date-and-location {
+    flex-direction: column;
+    align-items: flex-start !important;
+  }
+  .webinar-body .date-and-location .date {
+    margin-bottom: 8px;
+  }
+  .webinar-body .date-and-location .date span {
+    font-size: 15px;
+  }
+  .webinar-body .webinar-speakers {
+    overflow: auto;
+  }
+  .webinar-body .webinar-speakers .single-speaker {
+    min-width: 130px;
+  }
+}
+@media (min-width: 501px) and (max-width: 768.98px) {
+  .webinar-hero-area.mt-80.mr-100 {
+    margin-right: 0 !important;
+    margin-top: 80px !important;
+  }
+  .webinar-header {
+    flex-direction: column;
+    align-items: flex-start !important;
+  }
+  .webinar-header .upcoming-message h1 {
+    font-size: 34px;
+    margin-bottom: 20px;
+  }
+  .webinar-header .upcoming-message h1 br {
+    display: none;
+  }
+  .webinar-header .webinar-list-items .webinar-item {
+    margin-right: 15px;
+    width: auto;
+  }
+  .webinar-header .webinar-list-items .webinar-item h2 {
+    font-size: 32px;
+  }
+  .webinar-body .date-and-location {
+    flex-direction: column;
+    align-items: flex-start !important;
+  }
+  .webinar-body .date-and-location .date {
+    margin-bottom: 8px;
+  }
+  .webinar-body .date-and-location .date span {
+    font-size: 15px;
+  }
+  .webinar-body .webinar-speakers {
+    overflow: auto;
+  }
+  .webinar-body .webinar-speakers .single-speaker {
+    min-width: 130px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .webinar-hero-area.mt-80.mr-100 {
+    margin-right: 0 !important;
+    margin-top: 80px !important;
+  }
+  .webinar-header {
+    flex-direction: row;
+    align-items: center !important;
+  }
+  .webinar-header .upcoming-message h1 {
+    font-size: 34px;
+    margin-bottom: 20px;
+  }
+  .webinar-header .upcoming-message h1 br {
+    display: block;
+  }
+  .webinar-header .webinar-list-items .webinar-item {
+    margin-right: 15px;
+    width: auto;
+  }
+  .webinar-header .webinar-list-items .webinar-item h2 {
+    font-size: 32px;
+  }
+  .webinar-body .date-and-location {
+    flex-direction: column;
+    align-items: flex-start !important;
+  }
+  .webinar-body .date-and-location .date {
+    margin-bottom: 8px;
+  }
+  .webinar-body .date-and-location .date span {
+    font-size: 15px;
+  }
+  .webinar-body .webinar-speakers {
+    overflow: auto;
+  }
+  .webinar-body .webinar-speakers .single-speaker {
+    min-width: 130px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .webinar-hero-area.mt-80.mr-100 {
+    margin-right: 0 !important;
+    margin-top: 80px !important;
+  }
+  .webinar-header {
+    flex-direction: row;
+    align-items: center !important;
+  }
+  .webinar-header .upcoming-message h1 {
+    font-size: 34px;
+    margin-bottom: 20px;
+  }
+  .webinar-header .upcoming-message h1 br {
+    display: block;
+  }
+  .webinar-header .webinar-list-items .webinar-item {
+    margin-right: 15px;
+    width: auto;
+  }
+  .webinar-header .webinar-list-items .webinar-item h2 {
+    font-size: 32px;
+  }
+  .webinar-body .webinar-title h1 {
+    font-size: 22px;
+  }
+  .webinar-body .date-and-location {
+    flex-direction: row;
+    align-items: center !important;
+  }
+  .webinar-body .date-and-location .date {
+    margin-bottom: 0px;
+  }
+  .webinar-body .date-and-location .date span {
+    font-size: 15px;
+  }
+  .webinar-body .webinar-speakers {
+    overflow: auto;
+  }
+  .webinar-body .webinar-speakers .single-speaker {
+    min-width: 130px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .webinar-hero-area.mt-80.mr-100 {
+    margin-right: 0 !important;
+    margin-top: 80px !important;
+  }
+  .webinar-header .upcoming-message h1 {
+    font-size: 48px;
+  }
+  .webinar-header .webinar-list-items .webinar-item {
+    margin-right: 15px;
+    width: 120px;
+  }
+  .webinar-header .webinar-list-items .webinar-item h2 {
+    font-size: 32px;
+  }
+  .webinar-body .webinar-title h1 {
+    font-size: 28px;
+  }
+  .webinar-body .date-and-location {
+    flex-direction: row;
+    align-items: center !important;
+  }
+  .webinar-body .date-and-location .date {
+    margin-bottom: 0px;
+  }
+  .webinar-body .date-and-location .date span {
+    font-size: 15px;
+  }
+  .webinar-body .webinar-speakers {
+    overflow: auto;
+  }
+  .webinar-body .webinar-speakers .single-speaker {
+    min-width: 130px;
+  }
+}
+.gallery-area {
+  padding: 80px 0 60px;
+}
+
+.gallery-wrapper {
+  display: flex;
+}
+.gallery-wrapper .left-sidebar {
+  width: calc(25% - 25px);
+  margin-right: 25px;
+  background-color: #fafafd;
+  padding: 20px;
+  border: 1px solid #e7e7e7;
+  margin-top: -10px;
+  border-top: none;
+}
+.gallery-wrapper .left-sidebar .left-sidebar-inner {
+  display: block;
+  position: sticky;
+  top: 81px;
+}
+.gallery-wrapper .left-sidebar h4 {
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 130%;
+  letter-spacing: -0.5px;
+  margin-bottom: 15px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.gallery-wrapper .left-sidebar h4 button {
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  font-size: 18px;
+  margin-right: -10px;
+}
+.gallery-wrapper .left-sidebar hr {
+  margin-left: -20px;
+  margin-right: -20px;
+}
+.gallery-wrapper .right-content {
+  width: 75%;
+}
+
+.tag.pointer {
+  cursor: pointer;
+}
+.tag.pointer.underline {
+  text-decoration: underline;
+  border: none;
+  background-color: transparent;
+}
+
+.accordion.is-active .accordion-button i.fa {
+  transform: rotate(-180deg);
+}
+.accordion.is-active .accordion-body {
+  opacity: 1;
+  visibility: visible;
+  max-height: 200px;
+  margin-bottom: 30px;
+}
+.accordion .accordion-body {
+  opacity: 0;
+  visibility: hidden;
+  max-height: 0px;
+  transition: 0.3s ease-in-out;
+}
+
+.filter-items .accordion-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.filter-items .accordion-header .accordion-button {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 13px;
+  line-height: 100%;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  margin-bottom: 15px;
+  padding-left: 0;
+  padding-right: 0;
+}
+.filter-items .accordion-header .accordion-button i.fa {
+  transition: 0.3s;
+}
+.filter-items .accordion-content .ac-single-checkbox {
+  margin-bottom: 14px;
+  display: flex;
+  align-items: center;
+}
+.filter-items .accordion-content .ac-single-checkbox input {
+  margin-right: 10px;
+}
+.filter-items .accordion-content .ac-single-checkbox label {
+  font-family: "Roboto";
+  line-height: 1;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 100%;
+}
+
+.gallery-card {
+  display: block;
+  border: 1px solid #e7e7e7;
+  border-radius: 4px;
+  transition: 0.3s ease-in-out;
+  overflow: hidden;
+  min-height: 346px;
+}
+.gallery-card.webinar-video {
+  border: none;
+  border-radius: 0px;
+  min-height: 320px;
+}
+.gallery-card.webinar-video:hover {
+  border: none;
+}
+.gallery-card.webinar-video:hover .card-body h1 {
+  color: var(--ac-primary);
+}
+.gallery-card.webinar-video .card-thumbnail {
+  border: 1px solid #e7e7e7;
+  background-color: #f1f2f3;
+}
+.gallery-card.webinar-video .card-body {
+  padding: 20px 0 0;
+}
+.gallery-card.webinar-video .card-body h1 {
+  font-size: 18px;
+  line-height: 150%;
+  letter-spacing: 0;
+  transition: 0.3s ease-in-out;
+  margin: 0.5rem 0 1rem;
+}
+.gallery-card:hover {
+  border: 1px solid var(--ac-primary);
+}
+.gallery-card:hover .gallery-body h1 {
+  color: var(--ac-primary);
+}
+.gallery-card:hover .card-thumbnail .play-button {
+  background-color: var(--ac-primary);
+}
+.gallery-card .card-thumbnail {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.gallery-card .card-thumbnail img {
+  height: 170px;
+  object-fit: cover;
+  width: 100%;
+}
+.gallery-card .card-thumbnail .play-button {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.3);
+  justify-content: center;
+  color: #fff;
+  transition: 0.3s ease-in-out;
+}
+.gallery-card .card-thumbnail .play-button .material-icons-outlined {
+  font-size: 28px;
+}
+.gallery-card .card-body {
+  padding: 20px 20px;
+}
+.gallery-card .card-body .filtered-items span {
+  margin-right: 0.8rem;
+  font-weight: normal;
+  font-size: 13px;
+  color: #505050;
+}
+.gallery-card .card-body h1 {
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 130%;
+  margin: 1rem 0 2rem;
+  color: #171B1C;
+  transition: 0.3s ease-in-out;
+}
+.gallery-card .card-body .meta-tag p {
+  font-weight: normal;
+  font-size: 13px;
+  display: flex;
+  align-items: center;
+  color: #505050;
+}
+.gallery-card .card-body .meta-tag p .icon {
+  width: 18px;
+  margin-right: 8px;
+}
+
+.filtered-tags .tag {
+  background-color: #fafafd;
+  border: 1px solid #e7e7e7;
+  height: 33px;
+  padding: 0 1.1rem;
+}
+.filtered-tags .tag span {
+  font-size: 13px;
+  margin-left: 8px;
+  cursor: pointer;
+  padding: 9px;
+  margin-right: -18px;
+}
+
+.outlined-bg-buttons .button {
+  background: #fafafd;
+  border: 1px solid var(--ac-primary);
+  font-size: 13px;
+  letter-spacing: -0.5px;
+  font-weight: 400;
+  height: 33px;
+  border-radius: 4px;
+  color: var(--ac-primary);
+}
+.outlined-bg-buttons .button:hover {
+  background-color: var(--ac-primary);
+  color: #fff;
+}
+.outlined-bg-buttons .button span {
+  font-size: 13px;
+}
+
+.playlist-wrapper {
+  margin-top: 60px;
+}
+.playlist-wrapper h4 {
+  font-weight: 700;
+  font-size: 18px;
+  line-height: 130%;
+  margin-bottom: 20px;
+}
+.playlist-wrapper .playlist-item {
+  padding: 15px;
+  display: flex;
+  align-items: center;
+  border: 1px solid #e7e7e7;
+  transition: 0.3s ease-in-out;
+  border-radius: 4px;
+  margin-bottom: 20px;
+}
+.playlist-wrapper .playlist-item:last-child {
+  margin-bottom: 0;
+}
+.playlist-wrapper .playlist-item:hover {
+  background-color: #fafafd;
+  border: 1px solid var(--ac-primary);
+}
+.playlist-wrapper .playlist-item .thumbnail {
+  margin-right: 50px;
+  display: flex;
+}
+.playlist-wrapper .playlist-item .thumbnail img {
+  width: 190px;
+  height: 190px;
+  border-radius: 4px;
+}
+.playlist-wrapper .playlist-item .content {
+  width: calc(100% - 240px);
+}
+.playlist-wrapper .playlist-item .content .categories {
+  display: flex;
+  align-items: center;
+}
+.playlist-wrapper .playlist-item .content .categories span {
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 100%;
+  color: #505050;
+  margin-bottom: 15px;
+  margin-right: 15px;
+  margin-bottom: 0;
+}
+.playlist-wrapper .playlist-item .content h2 {
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 130%;
+}
+.playlist-wrapper .playlist-item .content p {
+  font-size: 14px;
+  line-height: 160%;
+  color: #515D63;
+}
+.playlist-wrapper .playlist-item .content button {
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 160%;
+  text-decoration-line: underline;
+  background: transparent;
+  border: none;
+  margin: 0;
+  padding: 0;
+  color: var(--ac-primary);
+}
+
+.single-video-page .left-content .user-info-wrapper {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.single-video-page .left-content .user-info-wrapper .image {
+  margin-right: 15px;
+}
+.single-video-page .left-content .user-info-wrapper .user-info h5 {
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 19px;
+  /* identical to box height */
+  letter-spacing: 0.15px;
+}
+.single-video-page .left-content .user-info-wrapper .user-info p {
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 15px;
+  letter-spacing: 0.15px;
+  color: #414141;
+}
+.single-video-page .left-content .tags strong {
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 19px;
+  /* identical to box height */
+  letter-spacing: 0.15px;
+}
+.single-video-page .left-content .video-description p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  margin-bottom: 15px;
+}
+.single-video-page .left-content .video-description p a {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  color: #4d4dcb;
+}
+.single-video-page .right-content {
+  position: sticky;
+  top: 81px;
+}
+.single-video-page .right-content .video-list-wrapper {
+  background-color: #fafafd;
+  border: 1px solid #e7e7e7;
+  padding: 30px;
+}
+.single-video-page .right-content .video-list-wrapper h4 {
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 100%;
+  margin-bottom: 15px;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video {
+  display: flex;
+  align-items: center;
+  margin-bottom: 15px;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:last-child {
+  margin-bottom: 0;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video:hover .descriptions h5 {
+  color: var(--ac-primary);
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail {
+  margin-right: 15px;
+  height: 60px;
+  width: 60px;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail img {
+  object-fit: cover;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions {
+  width: calc(100% - 75px);
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 {
+  transition: 0.3s ease-in-out;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 {
+  font-size: 16px;
+  line-height: 120%;
+  /* or 19px */
+  letter-spacing: 0.25px;
+}
+.single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions p {
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 150%;
+  color: #191536;
+}
+
+.video-content {
+  margin-bottom: 20px;
+  width: 100%;
+  height: 0;
+  position: relative;
+  padding-top: 56.25%;
+}
+.video-content iframe {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: 0;
+}
+
+.video-title h1 {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 130%;
+  letter-spacing: 0.25px;
+  margin-bottom: 20px;
+}
+
+@keyframes waves {
+  0% {
+    -webkit-transform: scale(0.2, 0.2);
+    transform: scale(0.2, 0.2);
+    opacity: 0;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  }
+  50% {
+    opacity: 0.9;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+  }
+  100% {
+    -webkit-transform: scale(0.9, 0.9);
+    transform: scale(0.9, 0.9);
+    opacity: 0;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  }
+}
+.fa-play:before {
+  content: "\f04b";
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .gallery-wrapper .left-sidebar {
+    width: calc(100vw - 40px);
+    z-index: 9;
+    position: fixed;
+    left: -110%;
+    height: 100%;
+    overflow-y: auto;
+    transition: 0.3s ease-in-out;
+  }
+  .gallery-wrapper .left-sidebar .left-sidebar-inner {
+    top: 0;
+  }
+  .gallery-wrapper .right-content {
+    width: 100%;
+  }
+  .filtered-tags .tag {
+    padding: 0 0.3rem;
+  }
+  .filtered-tags .tag span {
+    margin-right: 0;
+    padding: 6px;
+    margin-left: 0;
+  }
+  .outlined-bg-buttons {
+    justify-content: flex-end;
+  }
+  .outlined-bg-buttons .button {
+    margin-right: 10px;
+  }
+  .outlined-bg-buttons .button:last-child {
+    margin-right: 0;
+  }
+  .playlist-wrapper .playlist-item {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .playlist-wrapper .playlist-item .thumbnail {
+    margin-right: 0;
+    margin-bottom: 15px;
+  }
+  .playlist-wrapper .playlist-item .thumbnail img {
+    width: 100%;
+    height: auto;
+  }
+  .playlist-wrapper .playlist-item .content {
+    width: 100%;
+  }
+  .gallery-card .card-thumbnail img {
+    height: 100%;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .gallery-card {
+    min-height: 280px;
+  }
+  .gallery-card .card-thumbnail img {
+    height: 150px;
+  }
+  .gallery-card .card-body {
+    padding: 10px;
+  }
+  .gallery-card .card-body h1 {
+    margin: 0.5rem 0 1rem;
+  }
+  .gallery-card .card-body .meta-tag p {
+    font-size: 13px;
+  }
+  .single-video-page .right-content .video-list-wrapper h4 {
+    font-size: 16px;
+  }
+  .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions {
+    font-size: 14px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .gallery-card {
+    min-height: 290px;
+  }
+  .gallery-card .card-thumbnail img {
+    height: 150px;
+  }
+  .gallery-card .card-body {
+    padding: 10px;
+  }
+  .gallery-card .card-body h1 {
+    margin: 0.5rem 0 1rem;
+  }
+  .gallery-card .card-body .meta-tag p {
+    font-size: 13px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .gallery-card {
+    min-height: 290px;
+  }
+  .gallery-card .card-thumbnail img {
+    height: 150px;
+  }
+  .gallery-card .card-body {
+    padding: 10px;
+  }
+  .gallery-card .card-body h1 {
+    margin: 0.5rem 0 1rem;
+  }
+  .gallery-card .card-body .meta-tag p {
+    font-size: 13px;
+  }
+}
+.navbar-area {
+  position: relative;
+  z-index: 99;
+  background-color: #ffffff;
+}
+
+.navbar-appscode-wrapper {
+  background-color: #ffffff;
+  border-bottom: 1px solid #e7e7e7;
+}
+.navbar-appscode-wrapper.navbar-product {
+  background-color: #fafafd;
+  will-change: transform;
+  transition: transform 200ms linear;
+}
+.navbar-appscode-wrapper.navbar-product .mega-menu-wrapper {
+  top: 57px;
+}
+.navbar-appscode-wrapper.navbar-product .navbar-left .navbar-brand a img {
+  height: 1.58rem;
+}
+.navbar-appscode-wrapper.navbar-product .buttons.has-addons .button {
+  font-size: 14px;
+}
+
+.navbar-appscode {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 1.25rem;
+}
+.navbar-appscode.container {
+  padding: 0.5rem 0;
+}
+.navbar-appscode.container .mega-menu-wrapper {
+  width: 200%;
+  left: -50%;
+  min-height: 525px;
+}
+@media screen and (max-width: 1023px) {
+  .navbar-appscode.container .mega-menu-wrapper {
+    min-height: auto;
+  }
+}
+.navbar-appscode .navbar-right .button.ac-button {
+  height: 40px;
+}
+.navbar-appscode.documentation-menu {
+  margin-left: 349px;
+  background-color: #ffffff;
+  border-left: 1px solid #e7e7e7;
+}
+.navbar-appscode.documentation-menu .mega-menu-wrapper {
+  top: 104px;
+}
+.navbar-appscode.documentation-menu .navbar-right {
+  width: 100%;
+  justify-content: space-between;
+}
+.navbar-appscode.documentation-menu .navbar-right .ac-searchbar {
+  width: 49%;
+}
+.navbar-appscode.documentation-menu ul .nav-item .link.is-active {
+  position: relative;
+  z-index: 1;
+}
+.navbar-appscode.documentation-menu ul .nav-item .link.is-active:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  bottom: -8px;
+  width: 100%;
+  height: 4px;
+  background: var(--ac-primary);
+  border-radius: 3px 3px 0 0;
+}
+.navbar-appscode .navbar-left {
+  display: flex;
+  align-items: center;
+}
+.navbar-appscode .navbar-left .navbar-brand {
+  min-height: auto;
+  align-items: center;
+  margin-right: 3.8rem;
+}
+.navbar-appscode .navbar-left .navbar-brand a {
+  display: flex;
+  align-items: center;
+}
+.navbar-appscode .navbar-left .navbar-brand a img {
+  height: 1.875rem;
+}
+.navbar-appscode .navbar-right {
+  display: flex;
+  align-items: center;
+  width: calc(100% - 200px);
+  justify-content: flex-end;
+}
+.navbar-appscode .navbar-right .navbar-left-group {
+  display: flex;
+  align-items: center;
+}
+@media (min-width: 0px) and (max-width: 1023px) {
+  .navbar-appscode .navbar-right .navbar-left-group {
+    align-items: flex-start;
+  }
+}
+.navbar-appscode .navbar-right .navbar-right-group {
+  display: flex;
+  align-items: center;
+  gap: 32px;
+}
+.navbar-appscode .navbar-right .navbar-right-group ul {
+  display: flex;
+  margin-left: 16px;
+}
+@media screen and (max-width: 1023px) {
+  .navbar-appscode .navbar-right .navbar-right-group ul {
+    margin-left: 0;
+  }
+}
+.navbar-appscode .navbar-right .navbar-right-group .buttons iframe {
+  transition: 0.3s ease-in-out;
+}
+.navbar-appscode .navbar-right .navbar-right-group .buttons iframe:hover {
+  box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important;
+  transform: translateY(-2px);
+}
+.navbar-appscode .navbar-right .navbar-right-group .buttons .button:has(.tag) {
+  gap: 4px;
+}
+.navbar-appscode .navbar-right .navbar-right-group .buttons .button .tag {
+  background-color: var(--ac-primary);
+  color: #ffffff;
+}
+@media (min-width: 0px) and (max-width: 1023px) {
+  .navbar-appscode .navbar-right .navbar-right-group {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 16px;
+    width: 100%;
+  }
+  .navbar-appscode .navbar-right .navbar-right-group .buttons {
+    width: 100%;
+  }
+  .navbar-appscode .navbar-right .navbar-right-group .buttons .button {
+    width: 100%;
+    margin-right: 0;
+  }
+}
+.navbar-appscode ul .nav-item {
+  margin-right: 2.5rem;
+}
+.navbar-appscode ul .nav-item.is-active .link {
+  color: var(--ac-primary);
+}
+.navbar-appscode ul .nav-item.is-active .link i.fa {
+  transform: rotate(-180deg);
+}
+.navbar-appscode ul .nav-item.is-active .mega-menu-wrapper {
+  display: block !important;
+}
+.navbar-appscode ul .nav-item:last-child {
+  margin-right: 0;
+}
+.navbar-appscode ul .nav-item .link {
+  font-size: 0.875rem;
+  line-height: 1;
+  color: #171B1C;
+  font-weight: 500;
+  font-family: "Roboto", sans-serif;
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
+  margin: 0;
+  padding: 0.5rem 0;
+  transition: 0.3s ease-in-out;
+  position: relative;
+  z-index: 1;
+  display: flex;
+}
+.navbar-appscode ul .nav-item .link.is-active {
+  color: var(--ac-primary);
+}
+.navbar-appscode ul .nav-item .link:hover {
+  color: var(--ac-primary);
+}
+.navbar-appscode ul .nav-item .link .fa {
+  transition: 0.3s ease-in-out;
+  margin-left: 0.625rem;
+}
+
+.whats-new {
+  position: absolute;
+  z-index: 1;
+  top: -10px;
+  right: -30px;
+  font-size: 0.8rem;
+  color: #ffffff;
+  padding: 0.2rem 0.3rem;
+  line-height: 1.2;
+  display: none;
+}
+.whats-new:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 50%;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  display: block;
+  width: 2rem;
+  height: 1rem;
+  background: var(--ac-primary);
+  border-radius: 2px;
+  animation: pulse-border 1500ms ease-out infinite;
+}
+.whats-new:after {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  left: 50%;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  display: block;
+  width: 2rem;
+  height: 1rem;
+  background: var(--ac-primary);
+  transition: all 200ms;
+}
+@keyframes pulse-border {
+  0% {
+    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
+    opacity: 0;
+  }
+}
+
+.ac-grid-container {
+  max-width: 1344px;
+  margin: 0 auto;
+  padding: 0 0.5rem;
+}
+
+.mega-menu-wrapper {
+  display: none;
+  background: #ffffff;
+  position: absolute;
+  z-index: 9;
+  min-width: 300px;
+  padding: 1rem 0;
+  position: absolute;
+  width: 100%;
+  left: 0;
+  top: 61px;
+}
+.mega-menu-wrapper .mega-menu-inner {
+  overflow: hidden;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu {
+  display: grid;
+  grid-template-columns: auto auto;
+  width: 60%;
+  float: left;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.database-list {
+  grid-template-columns: auto auto auto;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product {
+  grid-template-columns: 40px auto 1.5rem;
+  width: 100%;
+  padding: 0.7rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .product-logo {
+  height: 40px;
+  width: 40px;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .product-logo img {
+  height: 1.5rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .navigate-icon .icon {
+  width: 1rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product {
+  display: grid;
+  grid-template-columns: 3.75rem auto 1.5rem;
+  padding: 1rem;
+  align-items: center;
+  width: 100%;
+  grid-gap: 1rem;
+  border-radius: 0.25rem;
+  transition: 0.3s ease-in-out;
+  cursor: pointer;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active {
+  background-color: rgba(77, 77, 203, 0.0509803922);
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover .navigate-icon .icon, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active .navigate-icon .icon {
+  opacity: 1;
+  visibility: visible;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo {
+  height: 60px;
+  width: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #e9e9fc;
+  border-radius: 0.25rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img {
+  height: 2.5rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info h2 {
+  font-size: 1rem;
+  letter-spacing: 0.009rem;
+  color: #171B1C;
+  font-weight: 500;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info p {
+  font-size: 0.813rem;
+  color: #636363;
+  line-height: 140%;
+  letter-spacing: 0.025rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon {
+  text-align: right;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon {
+  width: 1.2rem;
+  color: var(--ac-primary);
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s ease-in-out;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description {
+  margin-left: 1rem;
+  float: left;
+  border-left: 1px solid #e7e7e7;
+  padding-left: 4rem;
+  max-width: 36%;
+  opacity: 0;
+  display: none;
+  visibility: hidden;
+  transition: 0.3s ease-in-out;
+  animation: fadeIn 0.2s ease-in-out;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description.is-block {
+  opacity: 1;
+  visibility: visible;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description .brand {
+  margin-bottom: 1rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description .brand img {
+  height: 1.5rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description p {
+  font-size: 0.875rem;
+  color: #515D63;
+  line-height: 160%;
+  margin-bottom: 1rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description .features li {
+  font-size: 0.813rem;
+  color: #171B1C;
+  display: flex;
+  align-items: center;
+  margin-bottom: 15px;
+}
+.mega-menu-wrapper .mega-menu-inner .product-description .features li .material-icons {
+  font-size: 1rem;
+  margin-right: 0.6rem;
+  color: var(--ac-primary);
+}
+
+.back-button {
+  display: none !important;
+  color: #515D63;
+  margin-bottom: 10px !important;
+  background-color: transparent;
+}
+
+.button.ac-button.inline-button {
+  border: none;
+  height: auto;
+  margin: 0;
+  padding: 0.5rem 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+.button.ac-button.inline-button:hover {
+  background-color: transparent;
+  border: none;
+  color: var(--ac-primary);
+}
+.button.ac-button.inline-button:hover .material-icons {
+  margin-left: 1rem;
+}
+.button.ac-button.inline-button .material-icons {
+  font-size: 1rem;
+  margin-left: 0.5rem;
+  transition: 0.3s ease-in-out;
+}
+
+.linkable-nav-items {
+  width: 500px;
+  float: left;
+}
+.linkable-nav-items ul {
+  display: grid;
+  grid-template-columns: auto auto;
+  grid-gap: 0.5rem;
+}
+.linkable-nav-items ul li {
+  width: 250px;
+}
+.linkable-nav-items ul li a {
+  display: inline-flex;
+  align-items: center;
+  font-size: 0.875rem;
+  letter-spacing: 0.009rem;
+  color: #171B1C;
+  font-weight: 500;
+  transition: 0.3s;
+  padding-left: 0;
+}
+.linkable-nav-items ul li a:hover {
+  color: var(--ac-primary);
+}
+.linkable-nav-items ul li a:hover span:last-child {
+  padding-left: 1rem;
+}
+.linkable-nav-items ul li a span {
+  display: flex;
+  align-items: center;
+  font-size: 1rem;
+}
+.linkable-nav-items ul li a span:last-child {
+  padding-left: 0.5rem;
+}
+.linkable-nav-items ul li a span img {
+  height: 1rem;
+  margin-right: 1rem;
+}
+
+.resources-list {
+  display: grid;
+  grid-template-columns: auto auto auto auto;
+  grid-gap: 2rem;
+}
+.resources-list .list-items h2 {
+  font-weight: 500;
+  position: relative;
+  font-size: 0.875rem;
+  z-index: 1;
+  display: inline-block;
+  letter-spacing: 1.2px;
+}
+.resources-list .list-items ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.resources-list .list-items ul li a {
+  font-size: 0.875rem;
+  padding: 0.6rem 0;
+  color: #171B1C;
+  display: inline-block;
+  line-height: 1;
+  transition: 0.3s ease-in-out;
+  font-weight: 500;
+}
+.resources-list .list-items ul li a span {
+  font-size: 14px;
+}
+.resources-list .list-items ul li a:hover {
+  color: var(--ac-primary);
+  text-decoration: underline;
+}
+
+.press-wrapper .single-press {
+  margin: 0;
+  padding: 0;
+  margin-bottom: 1.5rem;
+  display: flex;
+  align-items: center;
+  transition: 0.3s;
+}
+.press-wrapper .single-press:hover h6 {
+  color: var(--ac-primary);
+}
+.press-wrapper .single-press .calender {
+  text-align: center;
+  height: 90px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex-direction: column;
+  margin-right: 1rem;
+  border-radius: 4px;
+}
+.press-wrapper .single-press .calender .date {
+  width: 84px;
+  height: 45px;
+  background-color: #9dffcd;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 28px;
+  line-height: 140%;
+  letter-spacing: 0.4px;
+  color: var(--ac-primary);
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.press-wrapper .single-press .calender .month {
+  width: 84px;
+  height: 45px;
+  background: #ccffe5;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 300;
+  font-size: 18px;
+  line-height: 140%;
+  letter-spacing: 0.4px;
+  color: var(--ac-primary);
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.press-wrapper .single-press .description {
+  max-width: 327px;
+}
+.press-wrapper .single-press .description h6 {
+  font-size: 1rem;
+  margin-bottom: 0px;
+  letter-spacing: 0;
+  font-weight: 500;
+  display: block;
+}
+.press-wrapper .single-press .description h6:after {
+  position: inherit;
+}
+.press-wrapper .single-press .description .author {
+  font-weight: 400;
+  font-size: 0.875rem;
+  letter-spacing: 0.4px;
+  margin-bottom: 0.5rem;
+  display: block;
+  color: #1c1c1c;
+}
+.press-wrapper .single-press .description p {
+  font-size: 0.875rem;
+  color: #636363;
+  line-height: 150%;
+}
+.press-wrapper .button.inline-button {
+  margin-left: 100px !important;
+}
+
+.community-items {
+  display: flex;
+  align-items: center;
+}
+.community-items .community-item {
+  border: 1px solid #636363;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 2px;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-right: 0.5rem;
+  transition: 0.3s;
+}
+.community-items .community-item:hover {
+  background-color: var(--ac-primary);
+  border-color: var(--ac-primary);
+}
+.community-items .community-item:hover img {
+  filter: brightness(10);
+}
+.community-items .community-item:last-child {
+  margin-right: 0;
+}
+
+.responsive-menu {
+  background-color: var(--ac-primary);
+}
+.responsive-menu .button {
+  border: none;
+  padding-left: 0;
+  padding-right: 0;
+  font-size: 14px;
+  font-weight: 500;
+  background-color: transparent;
+  color: #ffffff;
+}
+.responsive-menu .button.is-active {
+  color: #d2d2d2;
+}
+
+.product-version .dropdown .dropdown-trigger .button {
+  font-size: 0.813rem;
+  width: 210px;
+  height: 2rem;
+  border-radius: 2px;
+  padding: 2px 15px;
+  color: #171B1C;
+  border: 1px solid #e7e7e7;
+}
+.product-version .dropdown .dropdown-trigger .button .arrow {
+  color: #999999;
+  font-size: 0.9rem;
+}
+.product-version .dropdown .dropdown-menu {
+  /* ===== Scrollbar CSS ===== */
+  /* Firefox */
+}
+.product-version .dropdown .dropdown-menu * {
+  scrollbar-width: auto;
+  scrollbar-color: #ebebeb #fafafd;
+}
+.product-version .dropdown .dropdown-menu {
+  /* Chrome, Edge, and Safari */
+}
+.product-version .dropdown .dropdown-menu *::-webkit-scrollbar {
+  width: 12px;
+}
+.product-version .dropdown .dropdown-menu *::-webkit-scrollbar-track {
+  background: #fafafd;
+}
+.product-version .dropdown .dropdown-menu *::-webkit-scrollbar-thumb {
+  background-color: #ebebeb;
+  border-radius: 10px;
+  border: 3px solid #fafafd;
+}
+.product-version .dropdown .dropdown-menu .dropdown-content {
+  max-height: 420px;
+  overflow-y: auto;
+}
+.product-version .dropdown .dropdown-menu .dropdown-content .dropdown-item {
+  font-size: 0.813rem;
+  color: #171B1C;
+}
+.product-version .new-item {
+  background-color: var(--ac-primary);
+  font-size: 0.813rem;
+  color: #ffffff;
+  border-radius: 2px;
+  height: 1.2rem;
+  padding: 2px 5px;
+  line-height: 1.2;
+}
+
+.ac-searchbar {
+  position: relative;
+  z-index: 1;
+  padding: 0 20px;
+  border-left: 1px solid #e7e7e7;
+}
+.ac-searchbar label .fa {
+  color: #171B1C;
+}
+.ac-searchbar input[type=search] {
+  border: none;
+  background-color: transparent;
+  color: #515D63;
+  font-size: 0.875rem;
+  width: 270px;
+  padding: 0.2rem 0.875rem;
+}
+.ac-searchbar input[type=search]:focus {
+  border: none;
+  outline: none;
+}
+.ac-searchbar input[type=search]::placeholder {
+  color: #636363;
+}
+
+.modal-backdrop.is-show {
+  width: 100%;
+  height: 100%;
+  background: #333;
+  position: fixed;
+  top: 0;
+  opacity: 0.8;
+  z-index: 9;
+}
+
+.header--fixed {
+  position: fixed;
+  z-index: 10;
+  right: 0;
+  left: 0;
+  top: 0;
+}
+.header--fixed::after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: #ffffff;
+  z-index: -1;
+  transition: 0.5s ease-in-out;
+}
+.header--fixed.headroom--unpinned::after {
+  transition: transform 500ms linear;
+}
+
+.headroom {
+  will-change: transform;
+  transition: transform 200ms linear;
+}
+
+.headroom--pinned {
+  transform: translateY(0px);
+  transition: transform 500ms linear;
+}
+
+.headroom--unpinned {
+  transform: translateY(-165px);
+}
+.headroom--unpinned .navbar-area.navbar-fixed {
+  transform: translateY(135px);
+}
+.headroom--unpinned .navbar-appscode-wrapper.navbar-product {
+  transform: translateY(104px);
+}
+
+.navbar-burger {
+  height: 30px;
+  width: 30px;
+  border-radius: 4px;
+}
+.navbar-burger.is-active i.fa {
+  transform: rotate(-180deg);
+  transform-origin: 10px;
+}
+.navbar-burger span {
+  height: 1.5px;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 1023px) {
+  .headroom--unpinned .navbar-appscode-wrapper.navbar-product {
+    padding: 0 0;
+    transform: translateY(104px);
+  }
+  .headroom--unpinned .navbar-appscode-wrapper.navbar-product .navbar-appscode .navbar-right {
+    top: 47px;
+  }
+  .navbar-appscode.container {
+    padding: 0.5rem 15px;
+  }
+  .navbar-appscode.documentation-menu {
+    margin-left: 0;
+    padding: 0;
+  }
+  .navbar-appscode.documentation-menu ul .nav-item .link.is-active:after {
+    display: none;
+  }
+  .navbar-appscode.documentation-menu .navbar-right {
+    position: fixed;
+    width: 80%;
+    border-right: 1px solid #e7e7e7;
+  }
+  .navbar-appscode .navbar-left {
+    width: 100%;
+  }
+  .navbar-appscode .navbar-left .navbar-brand {
+    margin: 0;
+    width: 100%;
+  }
+  .navbar-appscode .navbar-left .navbar-brand a img {
+    height: 1.5rem !important;
+  }
+  .navbar-appscode .navbar-left ul {
+    position: absolute;
+    right: 20%;
+    opacity: 0;
+    visibility: hidden;
+  }
+  .navbar-appscode .navbar-right {
+    position: absolute;
+    z-index: 99;
+    right: 20%;
+    opacity: 0;
+    visibility: hidden;
+    background: #fafafd;
+    width: 100%;
+    left: 0;
+    min-height: calc(100vh + 110px);
+    overflow-y: auto;
+    transition: 0.3s ease-in-out;
+    top: 61px;
+    padding: 15px;
+    justify-content: flex-start;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .navbar-appscode .navbar-right .is-flex.is-justify-content-space-between {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .navbar-appscode .navbar-right .is-primary.ml-8 {
+    margin-left: 0 !important;
+    margin-top: 15px;
+  }
+  .navbar-appscode .navbar-right .button.ac-button.is-primary {
+    margin-left: 0;
+    width: 100%;
+  }
+  .navbar-appscode .navbar-right ul {
+    display: flex;
+    flex-direction: column;
+  }
+  .navbar-appscode .navbar-right ul li.nav-item {
+    margin: 6px 0;
+  }
+  .navbar-appscode .navbar-right ul li.nav-item .link .whats-new {
+    top: -10px;
+    right: -30px;
+  }
+  .navbar-appscode .navbar-right .community-items.ml-70 {
+    margin-left: 0 !important;
+    margin-top: 30px;
+  }
+  .navbar-appscode .navbar-right.is-visible {
+    opacity: 1;
+    visibility: visible;
+  }
+  .resources-list {
+    grid-template-columns: auto;
+  }
+  .mega-menu-wrapper {
+    width: 100% !important;
+    left: 0 !important;
+    top: 0 !important;
+    padding-top: 20px !important;
+    background-color: #fafafd;
+    max-height: 75vh;
+    min-height: 70vh;
+    overflow-y: auto;
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16);
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu {
+    grid-template-columns: auto;
+    width: 100%;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu .single-product {
+    width: 100%;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo {
+    height: 50px;
+    width: 50px;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img {
+    height: 1.8rem;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon {
+    width: 16px;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu.database-list {
+    grid-template-columns: auto;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-description {
+    border-left: none;
+    padding-left: 0;
+    margin-top: 35px;
+    margin-left: 0;
+    max-width: 100%;
+  }
+  .press-wrapper .button.inline-button {
+    margin-left: 0 !important;
+    background-color: transparent;
+  }
+  .navbar-appscode-wrapper.navbar-product .navbar-appscode .navbar-right {
+    top: 47px;
+  }
+  .product-version.pl-20 {
+    padding-left: 10px;
+  }
+  .product-version .dropdown .dropdown-trigger .button {
+    width: 190px;
+  }
+  .product-version .dropdown-menu {
+    z-index: 9999;
+  }
+  .back-button {
+    display: flex !important;
+  }
+  .back-button span {
+    color: var(--ac-primary);
+    padding-right: 15px;
+    font-size: 18px;
+  }
+}
+.embeded-console-button {
+  height: 42px;
+  margin-bottom: 4px;
+  width: 185px;
+  overflow: hidden;
+}
+@media screen and (max-width: 768px) {
+  .embeded-console-button {
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .navbar-burger {
+    display: none !important;
+  }
+  .navbar-appscode.documentation-menu {
+    margin-left: 0;
+    border-left: none;
+  }
+  .navbar-appscode .navbar-left .navbar-brand {
+    margin-right: 1rem;
+  }
+  .navbar-appscode .navbar-right {
+    width: calc(100% - 180px);
+  }
+  .navbar-appscode .navbar-right .community-items.ml-70 {
+    margin-left: 10px !important;
+  }
+  .navbar-appscode .navbar-right .buttons {
+    min-width: 354px !important;
+  }
+  .navbar-appscode .navbar-right .button.ac-button {
+    padding: 0.5rem 1rem;
+  }
+  .navbar-appscode .navbar-right-group {
+    gap: 8px !important;
+  }
+  .navbar-appscode ul .nav-item {
+    margin-right: 12px;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu {
+    grid-template-columns: auto;
+    width: calc(50% - 5rem);
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-description {
+    border-left: none;
+  }
+  .mega-menu-wrapper .video-content {
+    display: none;
+  }
+  .product-version.ml-20 {
+    margin-left: 4px !important;
+  }
+  .product-version .dropdown .dropdown-trigger .button {
+    width: 180px;
+    padding: 2px 5px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .navbar-burger {
+    display: none !important;
+  }
+  .navbar-appscode.documentation-menu {
+    margin-left: 0;
+    border-left: none;
+  }
+  .navbar-appscode .navbar-right {
+    width: calc(100% - 180px);
+  }
+  .navbar-appscode .navbar-right .community-items.ml-70 {
+    margin-left: 10px !important;
+  }
+  .navbar-appscode ul .nav-item {
+    margin-right: 1.5rem;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu {
+    grid-template-columns: auto;
+    width: calc(50% - 5rem);
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-description {
+    border-left: none;
+  }
+  .mega-menu-wrapper .video-content {
+    display: none;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .navbar-appscode .navbar-left .navbar-brand {
+    margin-right: 3rem;
+  }
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.services-grid {
+  grid-template-columns: 500px;
+  width: 500px;
+  background-color: #fbfbfb;
+  border-radius: 8px;
+}
+@media screen and (max-width: 1023px) {
+  .mega-menu-wrapper .mega-menu-inner .product-menu.services-grid {
+    grid-template-columns: auto;
+    width: 100%;
+  }
+  .mega-menu-wrapper .mega-menu-inner .product-menu.services-grid .single-product::after {
+    display: none;
+  }
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.services-grid .single-product {
+  padding: 0.8rem 1rem;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.services-grid .single-product .product-logo {
+  height: 48px;
+  width: 48px;
+}
+.mega-menu-wrapper .mega-menu-inner .product-menu.services-grid .single-product .product-logo img {
+  height: 1.5rem !important;
+}
+
+.ac-preloader {
+  position: fixed;
+  height: 100vh;
+  top: 0;
+  z-index: 999;
+  width: 100%;
+  background-color: #ffffff;
+}
+
+.spinner {
+  position: relative;
+}
+
+.spinner:before,
+.spinner:after {
+  content: "";
+  position: relative;
+  display: block;
+}
+
+.spinner:before {
+  -webkit-animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
+  animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
+  width: 2em;
+  height: 2em;
+  background-color: var(--ac-primary);
+}
+
+.spinner:after {
+  -webkit-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
+  animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
+  bottom: -0.5em;
+  height: 0.25em;
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+@-webkit-keyframes spinner {
+  50% {
+    border-radius: 50%;
+    transform: scale(0.5) rotate(360deg);
+  }
+  100% {
+    transform: scale(1) rotate(720deg);
+  }
+}
+@keyframes spinner {
+  50% {
+    border-radius: 50%;
+    transform: scale(0.5) rotate(360deg);
+  }
+  100% {
+    transform: scale(1) rotate(720deg);
+  }
+}
+@-webkit-keyframes shadow {
+  50% {
+    transform: scale(0.5);
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+}
+@keyframes shadow {
+  50% {
+    transform: scale(0.5);
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+}
+.cookie-wrapper {
+  border-top: 1px solid #e7e7e7;
+  position: fixed;
+  width: 100%;
+  background-color: #fafafd;
+  bottom: 0;
+  left: 0;
+  padding: 8px 0;
+  z-index: 99;
+  transition: 0.3s ease-in-out;
+}
+.cookie-wrapper.hide {
+  opacity: 0;
+  visibility: hidden;
+}
+.cookie-wrapper .cookie-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.cookie-wrapper .cookie-content p {
+  font-size: 14px;
+  color: #171B1C;
+  width: calc(100% - 220px);
+  margin-bottom: 0;
+}
+.cookie-wrapper .cookie-content p a {
+  color: hsl(149, 90%, 20%);
+  text-decoration: underline;
+  font-weight: 500;
+}
+.cookie-wrapper .cookie-content p a:hover {
+  color: var(--ac-primary);
+}
+.cookie-wrapper .cookie-content .buttons .button {
+  border: none;
+  background-color: transparent;
+  font-weight: 500;
+  padding: 8px 16px;
+  font-size: 14px;
+  border-radius: 2px;
+  transition: 0.3s;
+}
+.cookie-wrapper .cookie-content .buttons .button:hover:not(.is-primary) {
+  text-decoration: underline;
+  color: var(--ac-primary);
+}
+.cookie-wrapper .cookie-content .buttons .button.is-primary {
+  background-color: var(--ac-primary);
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .cookie-wrapper .cookie-content {
+    justify-content: center;
+    flex-direction: column;
+  }
+  .cookie-wrapper .cookie-content p {
+    width: 100%;
+    text-align: center;
+    margin-bottom: 10px;
+  }
+}
+li.nav-item {
+  display: inline-block !important;
+  text-indent: 0 !important;
+  padding: 0px !important;
+}
+
+li.nav-item:before {
+  display: none;
+}
+
+.tabs.is-boxed a {
+  border: 1px solid transparent;
+  border-radius: 4px 4px 0 0;
+}
+
+.tab-pane {
+  display: none;
+}
+
+.tab-pane.show {
+  display: block;
+}
+
+.nav-tabs a {
+  align-items: center;
+  border-bottom-color: #dbdbdb;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  color: #4a4a4a;
+  display: flex;
+  justify-content: center;
+  margin-bottom: -1px;
+  padding: 0.5em 1em;
+  vertical-align: top;
+}
+
+li.nav-item a {
+  display: block;
+  padding: 5px 20px;
+}
+
+a.nav-link.active {
+  background-color: #ffffff;
+  border-left: 1px solid #dbdbdb;
+  border-right: 1px solid #dbdbdb;
+  border-top: 1px solid #dbdbdb;
+  border-bottom-color: transparent !important;
+  border-radius: 4px 4px 0 0;
+  position: relative;
+  z-index: 1;
+}
+
+a.nav-link.active:after {
+  position: absolute;
+  content: "";
+  background: var(--ac-primary);
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 4px;
+  z-index: -1;
+  border-radius: 4px 4px 0 0;
+}
+
+.nav-tabs {
+  align-items: center;
+  border-bottom-width: 1px;
+  display: flex;
+  flex-grow: 1;
+  flex-shrink: 0;
+  justify-content: flex-start;
+}
+
+.tab-content {
+  border: 1px solid #dbdbdb;
+  padding: 20px;
+  border-radius: 4px;
+  margin-bottom: 15px;
+}
+
+.tab-content h2 {
+  margin-top: 0;
+}
+
+.button {
+  transition: 0.3s ease-in-out;
+}
+.button.ac-button {
+  border-color: var(--ac-primary);
+  border-radius: 0.125rem;
+  font-size: 0.875rem;
+  font-family: "Roboto", sans-serif;
+  letter-spacing: 0.078rem;
+  line-height: 1;
+  color: var(--ac-primary);
+  font-weight: 500;
+  padding: 0.5rem 1.5rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 46px;
+}
+@media screen and (max-width: 768px) {
+  .button.ac-button {
+    height: 44px;
+  }
+}
+.button.ac-button:focus-visible {
+  outline: none;
+}
+.button.ac-button:hover {
+  background-color: var(--ac-primary);
+  color: #ffffff;
+  box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important;
+  transform: translateY(-2px);
+}
+.button.ac-button.is-disabled {
+  opacity: 0.5 !important;
+}
+.button.ac-button .ac-icon {
+  margin-left: 25px;
+  background-color: #ffffff;
+  color: var(--ac-primary);
+  padding: 2px 6px;
+  border-radius: 4px;
+  width: 28px;
+  height: 28px;
+}
+.button.ac-button.is-normal {
+  height: 45px;
+  font-size: 15px;
+  letter-spacing: 0px;
+  font-weight: 500;
+  padding-left: 25px;
+  padding-right: 25px;
+}
+.button.ac-button.is-medium {
+  height: 58px;
+  font-size: 18px;
+  padding-left: 45px;
+  padding-right: 45px;
+}
+.button.ac-button.is-transparent {
+  padding: 0;
+  height: auto;
+  border: none;
+  font-size: 14px;
+  font-weight: 500;
+  background-color: transparent;
+  color: #171B1C;
+}
+.button.ac-button.is-transparent:hover {
+  box-shadow: none !important;
+}
+.button.ac-button.is-transparent.is-primary {
+  background-color: transparent;
+  color: var(--ac-primary);
+}
+.button.ac-button.is-transparent.is-primary:hover {
+  background-color: transparent;
+  color: var(--ac-primary);
+}
+.button.ac-button.is-transparent.is-danger {
+  background-color: transparent;
+  color: #ff3729;
+}
+.button.ac-button.is-transparent.is-danger:hover {
+  background-color: transparent;
+  color: #ff3729;
+}
+.button.ac-button.is-transparent.is-small {
+  letter-spacing: 0px;
+  font-size: 13px;
+}
+.button.ac-button.is-transparent:focus {
+  box-shadow: none;
+  outline: none;
+}
+.button.ac-button.is-white {
+  background-color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-white:hover {
+  color: var(--ac-primary);
+  opacity: 0.9;
+}
+.button.ac-button.is-primary {
+  background-color: var(--ac-primary);
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-primary:hover {
+  background-color: var(--ac-primary);
+}
+.button.ac-button.is-primary:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-primary.is-light {
+  background-color: var(--ac-primary);
+  color: var(--ac-primary);
+}
+.button.ac-button.is-primary.is-light.is-border {
+  border: 1px solid var(--ac-primary);
+}
+.button.ac-button.is-primary.is-light:hover {
+  background-color: var(--ac-primary);
+}
+.button.ac-button.is-primary.is-outlined {
+  background-color: transparent;
+  border: 1px solid var(--ac-primary);
+  color: var(--ac-primary);
+}
+.button.ac-button.is-primary.is-outlined:hover {
+  background-color: var(--ac-primary);
+  color: #ffffff;
+}
+.button.ac-button.is-primary {
+  background: linear-gradient(to left, hsl(149, 100%, 33%), hsl(149, 50%, 33%)) !important;
+}
+.button.ac-button.is-link {
+  background-color: #0aafff;
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-link:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-link.is-light {
+  color: #0aafff;
+}
+.button.ac-button.is-link.is-light.is-border {
+  border: 1px solid #0aafff;
+}
+.button.ac-button.is-link.is-outlined {
+  background-color: transparent;
+  border: 1px solid #0aafff;
+  color: #0aafff;
+}
+.button.ac-button.is-link.is-outlined:hover {
+  background-color: #0aafff;
+  color: #ffffff;
+}
+.button.ac-button.is-info {
+  background-color: #0aafff;
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-info:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-info.is-light {
+  color: #0aafff;
+}
+.button.ac-button.is-info.is-light.is-border {
+  border: 1px solid #0aafff;
+}
+.button.ac-button.is-info.is-outlined {
+  background-color: transparent;
+  border: 1px solid #0aafff;
+  color: #0aafff;
+}
+.button.ac-button.is-info.is-outlined:hover {
+  background-color: #0aafff;
+  color: #ffffff;
+}
+.button.ac-button.is-success {
+  background-color: var(--ac-primary);
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-success:hover {
+  background-color: var(--ac-primary);
+}
+.button.ac-button.is-success:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-success.is-light {
+  background-color: var(--ac-primary);
+  color: var(--ac-primary);
+}
+.button.ac-button.is-success.is-light.is-border {
+  border: 1px solid var(--ac-primary);
+}
+.button.ac-button.is-success.is-light:hover {
+  background-color: var(--ac-primary);
+}
+.button.ac-button.is-success.is-outlined {
+  background-color: transparent;
+  border: 1px solid var(--ac-primary);
+  color: var(--ac-primary);
+}
+.button.ac-button.is-success.is-outlined:hover {
+  background-color: var(--ac-primary);
+  color: #ffffff;
+}
+.button.ac-button.is-warning {
+  background-color: #ff8000;
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-warning:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-warning.is-light {
+  color: #ff8000;
+}
+.button.ac-button.is-warning.is-light.is-border {
+  border: 1px solid #ff8000;
+}
+.button.ac-button.is-warning.is-outlined {
+  background-color: transparent;
+  border: 1px solid #ff8000;
+  color: #ff8000;
+}
+.button.ac-button.is-warning.is-outlined:hover {
+  background-color: #ff8000;
+  color: #ffffff;
+}
+.button.ac-button.is-danger {
+  background-color: #ff3729;
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-danger:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-danger.is-light {
+  color: #ff3729;
+}
+.button.ac-button.is-danger.is-light.is-border {
+  border: 1px solid #ff3729;
+}
+.button.ac-button.is-danger.is-outlined {
+  background-color: transparent;
+  border: 1px solid #ff3729;
+  color: #ff3729;
+}
+.button.ac-button.is-danger.is-outlined:hover {
+  background-color: #ff3729;
+  color: #ffffff;
+}
+.button.ac-button.is-green {
+  background-color: #158748;
+  color: #ffffff;
+  border: none;
+}
+.button.ac-button.is-green:focus-visible {
+  outline: none;
+}
+.button.ac-button.is-green.is-light {
+  color: #158748;
+}
+.button.ac-button.is-green.is-light.is-border {
+  border: 1px solid #158748;
+}
+.button.ac-button.is-green.is-outlined {
+  background-color: transparent;
+  border: 1px solid #158748;
+  color: #158748;
+}
+.button.ac-button.is-green.is-outlined:hover {
+  background-color: #158748;
+  color: #ffffff;
+}
+.button .icon {
+  width: 1.2em;
+  height: 1.2em;
+}
+
+.readmore-button {
+  margin: 0;
+  padding: 0;
+  font-size: 0.875rem;
+  color: #515D63;
+  font-weight: 500;
+  border: none;
+  background: transparent;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  line-height: 1;
+  transition: 0.3s ease-in-out;
+}
+.readmore-button .material-icons-outlined {
+  font-size: 0.875rem;
+  margin-left: 10px;
+  transition: 0.3s ease-in-out;
+}
+
+.testimonial-area {
+  padding: 60px 0 60px;
+}
+.testimonial-area .section-title h2 {
+  font-size: 48px;
+}
+.testimonial-area .section-title p {
+  font-size: 18px;
+}
+.testimonial-area .single-testimonial-item {
+  background: #ffffff;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
+  border-radius: 4px;
+  padding: 50px 40px;
+  min-height: 460px;
+}
+.testimonial-area .single-testimonial-item .user-info-wrapper {
+  display: flex;
+  align-items: center;
+  margin-bottom: 1rem;
+}
+.testimonial-area .single-testimonial-item .user-info-wrapper .image {
+  margin-right: 1.2rem;
+}
+.testimonial-area .single-testimonial-item .user-info-wrapper .image img {
+  height: 100%;
+}
+.testimonial-area .single-testimonial-item .user-info-wrapper .user-info .name {
+  font-weight: bold;
+  color: #171B1C;
+  font-size: 22px;
+  line-height: 1;
+  line-height: 160%;
+}
+.testimonial-area .single-testimonial-item .user-info-wrapper .user-info p {
+  font-size: 14px;
+  line-height: 160%;
+  color: #a6abbd;
+}
+.testimonial-area .single-testimonial-item p {
+  font-size: 1rem;
+  line-height: 160%;
+}
+.testimonial-area .owl-carousel .owl-stage-outer {
+  padding: 40px 0px;
+}
+
+.arrows {
+  display: flex;
+  width: 136px;
+  justify-content: space-between;
+}
+.arrows .button {
+  width: 60px;
+  height: 60px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #ffffff;
+  border: 1px solid #e7e7e7;
+}
+.arrows .button:hover .material-icons-outlined {
+  transform: scale(1.2);
+  color: var(--ac-primary);
+}
+.arrows .button .material-icons-outlined {
+  transition: 0.3s ease-in-out;
+  font-size: 18px;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .testimonial-area {
+    padding-top: 30px;
+  }
+  .testimonial-area .section-title {
+    text-align: center;
+  }
+  .testimonial-area .section-title h2 {
+    font-size: 32px;
+  }
+  .testimonial-area .owl-carousel .owl-stage-outer {
+    padding: 0 !important;
+  }
+  .testimonial-area .arrows {
+    width: 96px;
+    margin: 0 auto;
+    margin-top: 30px;
+  }
+  .testimonial-area .arrows .button {
+    width: 40px;
+    height: 40px;
+  }
+  .testimonial-area .single-testimonial-item {
+    padding: 30px;
+    min-height: auto;
+  }
+  .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h6 {
+    font-size: 20px;
+  }
+  .testimonial-area .single-testimonial-item .user-info-wrapper .user-info {
+    text-align: left;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .testimonial-area .section-title h2 {
+    font-size: 38px;
+  }
+  .testimonial-area .single-testimonial-item {
+    padding: 30px 30px;
+    min-height: 310px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .testimonial-area .section-title h2 {
+    font-size: 38px;
+  }
+  .testimonial-area .single-testimonial-item {
+    min-height: 310px;
+    padding: 30px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .testimonial-area .single-testimonial-item {
+    padding: 30px;
+  }
+  .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h5 {
+    font-size: 18px;
+  }
+}
+.features-area .features-image {
+  position: relative;
+  z-index: 1;
+}
+.features-area .features-image img {
+  border-radius: 4px;
+}
+.features-area .features-image .check-list {
+  position: absolute;
+  top: 60px;
+  left: -150px;
+  left: -150px;
+}
+.features-area .features-description h2 {
+  line-height: 130%;
+}
+.features-area .features-description h1 {
+  font-style: normal;
+  font-weight: bold;
+  font-size: 34px;
+  line-height: 130%;
+  letter-spacing: -0.57px;
+  margin-bottom: 1rem;
+}
+.features-area .features-description p {
+  font-size: 1rem;
+  margin-bottom: 15px;
+  text-align: justify;
+}
+.features-area .features-description p strong {
+  color: #171B1C;
+  font-weight: 500;
+}
+.features-area h3 {
+  margin-bottom: 1rem;
+  font-weight: 800;
+}
+.features-area .check-list {
+  background-color: #ffffff;
+  padding: 30px 40px;
+  width: 300px;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
+  border-radius: 0.5rem;
+}
+.features-area .check-list li {
+  display: flex;
+  align-items: center;
+  font-size: 1rem;
+  margin-bottom: 0.8rem;
+}
+.features-area .check-list li:last-child {
+  margin-bottom: 0;
+}
+.features-area .check-list li span {
+  font-size: 18px;
+  margin-right: 0.8rem;
+  color: var(--ac-primary);
+}
+
+.single-features-item {
+  padding: 20px 20px;
+  display: grid;
+  grid-gap: 20px;
+  grid-template-columns: 3.75rem auto;
+  border: 1px solid #e7e7e7;
+  border-radius: 2px;
+  min-height: 126px;
+}
+.single-features-item:hover .readmore-button {
+  letter-spacing: 0;
+  color: var(--ac-primary);
+}
+.single-features-item:hover .readmore-button .material-icons-outlined {
+  margin-left: 20px;
+}
+.single-features-item .feature-icon {
+  width: 3.75rem;
+  height: 3.75rem;
+  background-color: #f1f1f9;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 2px;
+}
+.single-features-item .feature-icon img {
+  height: 30px;
+}
+.single-features-item .feature-information h5 {
+  font-size: 20px;
+  margin-bottom: 5px;
+}
+.single-features-item .feature-information p {
+  font-size: 0.875rem;
+  line-height: 160%;
+  transition: 0.3s ease-in-out;
+  color: #515D63;
+}
+
+.features-area .single-feature-image {
+  display: flex;
+  align-items: center;
+}
+.features-area .single-feature-image img {
+  max-width: 400px;
+}
+.features-area p {
+  text-align: justify;
+}
+
+.features-area .features-thumbnail {
+  max-width: 80%;
+  border-radius: 4px;
+  overflow: hidden;
+  display: flex;
+}
+.features-area .features-thumbnail.has-text-right {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .features-area .features-image .check-list {
+    top: 30px;
+    left: 50%;
+    margin-left: -150px;
+    padding: 30px;
+  }
+  .features-area .buttons {
+    justify-content: center;
+  }
+  .features-area .features-description {
+    text-align: center;
+  }
+  .features-area .features-description h2 {
+    margin-bottom: 10px;
+  }
+  .features-area .features-description h1 {
+    font-size: 28px;
+  }
+  .features-area .features-description p {
+    text-align: center;
+  }
+  .features-area h3 {
+    font-size: 1.5rem;
+    margin-bottom: 0.5rem;
+    text-align: center;
+  }
+  .features-area p {
+    text-align: center;
+  }
+  .single-features-item {
+    grid-template-columns: auto;
+    grid-gap: 10px;
+    text-align: center;
+  }
+  .single-features-item .feature-icon {
+    margin: 0 auto;
+  }
+  .single-features-item .readmore-button {
+    text-align: left;
+    margin: 0;
+  }
+  .features-area .features-thumbnail {
+    margin: 0 auto;
+    max-width: 100%;
+  }
+  .features-area .features-thumbnail.has-text-right {
+    margin-right: auto;
+  }
+  .single-features-item .feature-icon {
+    width: 3rem;
+    height: 3rem;
+    border-radius: 4px;
+  }
+  .single-features-item .feature-icon img {
+    height: 24px;
+  }
+  .single-features-item .feature-information {
+    text-align: left;
+  }
+  .single-features-item .feature-information h5 {
+    font-size: 18px;
+    margin-bottom: 5px;
+    line-height: 1.3;
+  }
+  .features-area .features-thumbnail {
+    margin: 0 auto;
+  }
+  .features-area .features-thumbnail.has-text-right {
+    margin-right: auto;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .single-features-item {
+    grid-template-columns: auto;
+    grid-gap: 10px;
+    text-align: center;
+  }
+  .single-features-item .feature-icon {
+    margin: 0 auto;
+  }
+  .single-features-item .feature-information h5 {
+    font-size: 18px;
+  }
+  .features-area .features-image .check-list {
+    left: 50%;
+    margin-left: -150px;
+    padding: 30px;
+  }
+  .features-area .features-thumbnail {
+    margin: 0 auto;
+  }
+  .features-area .features-thumbnail.has-text-right {
+    margin-right: auto;
+  }
+  .readmore-button {
+    text-align: center;
+    margin: 0 auto;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .features-area .features-image .check-list {
+    left: 50%;
+    margin-left: -150px;
+  }
+  .features-area .features-description {
+    font-size: 28px;
+  }
+  .features-area h3 {
+    font-size: 28px;
+    margin-bottom: 0.8rem;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .features-area .features-description h1 {
+    font-size: 32px;
+  }
+  .features-area .features-image .check-list {
+    top: 30px;
+  }
+  .single-features-item {
+    padding: 20px;
+    min-height: 126px;
+  }
+  .single-features-item .feature-information h5 {
+    font-size: 16px;
+    margin-bottom: 0;
+    line-height: 130%;
+  }
+}
+.ac-accordion-wrapper.is-marginless .single-accordion-item {
+  margin: 0;
+  padding: 0;
+}
+.ac-accordion-wrapper.is-marginless .single-accordion-item .accordion-heading {
+  padding: 10px 20px;
+  position: relative;
+  z-index: 1;
+}
+.ac-accordion-wrapper.is-marginless .single-accordion-item .accordion-heading::after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 4px;
+  height: 100%;
+  background-color: var(--ac-primary);
+}
+.ac-accordion-wrapper .single-accordion-item {
+  background-color: #fff;
+  border: 1px solid #E8E9EA;
+  padding: 12px 20px;
+  margin-bottom: 15px;
+  border-radius: 4px;
+}
+.ac-accordion-wrapper .single-accordion-item:last-child {
+  margin-bottom: 0;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-heading h3 {
+  cursor: pointer;
+  font-size: 16px;
+  font-weight: 700;
+  color: #1C1C1C;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-heading h4 {
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 20px;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-heading button {
+  font-size: 12px;
+  letter-spacing: 0.1px;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-heading .icon {
+  width: 24px;
+  height: 24px;
+  border: 1px solid #e7e7e7;
+  line-height: 16px;
+  font-size: 12px;
+  border-radius: 50%;
+  cursor: pointer;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-body {
+  max-height: 0;
+  transition: max-height 0.2s ease-out;
+  overflow: hidden;
+  padding: 0;
+}
+.ac-accordion-wrapper .single-accordion-item .accordion-body p {
+  padding-top: 3px;
+  font-size: 15px;
+  color: #393E46;
+}
+
+.cta-area {
+  margin-bottom: 60px;
+  position: relative;
+  z-index: 1;
+}
+.cta-area .cta-area-inner {
+  padding: 20px 50px;
+  background-size: cover;
+  background-position: center;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  background-color: #F4FBF7;
+  border: 1px solid var(--ac-primary);
+  position: relative;
+  z-index: 1;
+}
+.cta-area .cta-area-inner:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  z-index: -1;
+}
+.cta-area .cta-area-inner h3 {
+  margin-bottom: 1rem;
+  text-wrap: balance;
+}
+.cta-area .cta-area-inner p {
+  text-wrap: balance;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .cta-area .cta-area-inner {
+    height: auto !important;
+    padding: 32px 16px;
+  }
+  .cta-area .cta-area-inner .buttons .button.ac-button {
+    letter-spacing: 0;
+    padding: 0.5rem 1rem;
+    width: 100%;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .cta-area .cta-area-inner {
+    padding: 20px;
+  }
+  .cta-area .cta-area-inner h3 {
+    font-size: 28px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .cta-area .cta-area-inner {
+    padding: 20px;
+  }
+  .cta-area .cta-area-inner h3 {
+    font-size: 28px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .cta-area .cta-area-inner {
+    padding: 30px;
+  }
+  .cta-area .cta-area-inner h3 {
+    font-size: 28px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .cta-area .cta-area-inner {
+    padding: 30px;
+  }
+  .cta-area .cta-area-inner h3 {
+    font-size: 28px;
+  }
+}
+.full-info {
+  overflow: hidden;
+}
+.full-info h1,
+.full-info h2,
+.full-info h3,
+.full-info h4,
+.full-info h5,
+.full-info h6 {
+  margin-top: 40px;
+  font-weight: 700;
+  color: #171B1C;
+  margin-bottom: 10px;
+}
+.full-info h1:first-child,
+.full-info h2:first-child,
+.full-info h3:first-child,
+.full-info h4:first-child,
+.full-info h5:first-child,
+.full-info h6:first-child {
+  margin-top: 0;
+}
+.full-info h1 a svg,
+.full-info h2 a svg,
+.full-info h3 a svg,
+.full-info h4 a svg,
+.full-info h5 a svg,
+.full-info h6 a svg {
+  padding-left: 10px;
+}
+.full-info h1 a,
+.full-info h2 a,
+.full-info h3 a,
+.full-info h4 a,
+.full-info h5 a,
+.full-info h6 a {
+  font-size: 16px;
+}
+.full-info h1 a.hash-tag,
+.full-info h2 a.hash-tag,
+.full-info h3 a.hash-tag,
+.full-info h4 a.hash-tag,
+.full-info h5 a.hash-tag,
+.full-info h6 a.hash-tag {
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s ease-in-out;
+}
+.full-info h1:hover a,
+.full-info h2:hover a,
+.full-info h3:hover a,
+.full-info h4:hover a,
+.full-info h5:hover a,
+.full-info h6:hover a {
+  opacity: 1;
+  visibility: visible;
+}
+.full-info h1 {
+  font-size: 32px;
+  border-bottom: 1px solid #ebebeb;
+  padding-bottom: 10px;
+  margin-bottom: 20px;
+}
+.full-info h2 {
+  font-size: 24px;
+}
+.full-info h3 {
+  font-size: 18px;
+}
+.full-info h4 {
+  font-size: 16px;
+}
+.full-info h5 {
+  font-size: 15px;
+}
+.full-info h6 {
+  font-size: 13px;
+}
+.full-info .highlight pre code {
+  color: #f1f1f1;
+}
+.full-info table td,
+.full-info table th {
+  text-align: left;
+}
+.full-info h2 span.share-icon {
+  color: #6b6b6b;
+  font-size: 18px;
+  margin-left: 10px;
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s ease-in-out;
+}
+
+.full-info h2:hover span.share-icon {
+  opacity: 1;
+  visibility: visible;
+}
+
+.full-info ul li,
+.full-info ol li,
+.full-info ol li p {
+  color: #4a4a4a;
+  display: block;
+  padding-bottom: 8px;
+  line-height: 1.8;
+}
+
+.full-info ul li:last-child,
+.full-info ol li:last-child,
+.full-info ol p:last-child {
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+
+.full-info ul li,
+.full-info ol li {
+  text-indent: -30px;
+}
+
+.full-info ul li p,
+.full-info ol li p {
+  text-indent: 0;
+  margin-top: -30px;
+}
+
+.full-info ul li pre,
+.full-info ol li pre {
+  text-indent: 0px;
+  margin-left: -30px;
+}
+
+.full-info ul li:before {
+  content: "\f10c";
+  font-family: fontawesome;
+  font-size: 8px;
+  margin-right: 20px;
+  color: #707070;
+}
+
+.full-info figure {
+  margin-bottom: 30px;
+}
+.full-info figure figcaption {
+  color: #707070;
+  font-size: 14px;
+}
+
+ul li b {
+  color: var(--ac-primary);
+  font-weight: 500;
+}
+
+.full-info ul,
+.full-info ol {
+  padding: 0 0 0 30px;
+  margin-bottom: 15px;
+}
+
+.full-info ul.nav.nav-tabs {
+  margin-bottom: 0;
+}
+
+.full-info ul li p {
+  margin: 0;
+  display: inline;
+}
+
+.full-info p b {
+  color: var(--ac-primary);
+}
+
+.full-info ul li p a,
+.full-info p a,
+.full-info a {
+  color: var(--ac-primary);
+  font-weight: 500;
+  font-family: "Roboto", sans-serif;
+}
+
+.full-info p {
+  margin-bottom: 15px;
+  color: #515D63;
+}
+
+.full-info p strong {
+  font-weight: 500;
+}
+.full-info p strong em {
+  font-weight: 500;
+}
+
+.appscode-style.full-info ul li p a .appscode-style.full-info p a,
+.appscode-style.full-info a {
+  color: var(--ac-primary);
+}
+
+.full-info ol {
+  list-style: none;
+  counter-reset: order-list-counter;
+}
+
+.full-info ol li {
+  counter-increment: order-list-counter;
+}
+
+.full-info ol li::before {
+  content: counter(order-list-counter) ". ";
+  font-weight: 500;
+  font-family: "Roboto", sans-serif;
+  font-size: 15px;
+  color: #4a4a4a;
+}
+
+/* schedule-demo start */
+embed,
+iframe,
+object,
+video {
+  height: 100%;
+  max-width: 100%;
+}
+
+.schedule-title {
+  margin-top: 65px;
+  color: #242a31;
+  margin-bottom: 30px;
+}
+
+.kd-sidebar-menu label,
+.kd-sidebar-menu li a {
+  font-size: 14px;
+  font-weight: 500;
+  color: #4a4a4a;
+  display: block;
+  cursor: pointer;
+  user-select: none;
+  margin-top: 10px;
+  margin-top: 5px;
+  transition: 0.3s;
+}
+
+.item ul,
+.item input[type=checkbox] {
+  display: none;
+  overflow: hidden;
+  transition: 0.3s;
+}
+
+.kd-sidebar-menu .item label a {
+  font-weight: 600;
+  color: #515D63;
+  padding: 8px 17px;
+  display: block;
+}
+
+.kd-sidebar-menu li a:hover {
+  color: var(--ac-primary);
+}
+
+.kd-sidebar-menu .item ul {
+  margin-left: 20px;
+  padding-left: 15px;
+  border-left: 1px solid #e2e2e2;
+}
+
+.item input:checked ~ label,
+.item input:checked ~ .item > label {
+  border: 1px solid #e2e2e2;
+  background: #ffffff;
+}
+
+.item:first-child input:checked ~ label, .item:first-child input:checked ~ .item:first-child > label {
+  border: 1px solid transparent;
+}
+
+.appscode-style .item input:checked ~ label > a {
+  color: var(--ac-primary);
+}
+
+.item input:checked ~ ul, .item input:checked ~ .item > ul > .item {
+  margin-left: -20px;
+}
+
+.kd-left-sidebar {
+  margin-right: 30px;
+  position: sticky;
+  top: 130px;
+  z-index: 9;
+}
+
+.kd-sidebar-menu {
+  max-height: 65vh;
+  overflow-y: auto;
+}
+
+.kd-sidebar-menu .item label {
+  border: 1px solid transparent;
+  position: relative;
+  z-index: 1;
+  border-radius: 3px 0 0 3px;
+}
+
+.go-to-top {
+  position: fixed;
+  display: block;
+  font-size: 16px;
+  z-index: 999;
+  right: 20px;
+  bottom: 40px;
+  width: 40px;
+  height: 40px;
+  line-height: 30px;
+  border-radius: 50%;
+  color: var(--ac-primary);
+  background: rgba(255, 255, 255, 0.2);
+  border: 1px solid var(--ac-primary);
+  opacity: 0;
+  cursor: pointer;
+  transition: opacity 0.4s linear;
+}
+.go-to-top i.fa {
+  color: var(--ac-primary);
+}
+
+.go-to-top.is-visible {
+  opacity: 1;
+}
+
+.footer-area {
+  position: relative;
+  z-index: 1;
+}
+.footer-area:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+}
+
+.single-footer-widget .footer-logo {
+  max-width: 160px;
+}
+
+.subscription-form {
+  margin-top: 10px;
+}
+.subscription-form label {
+  font-size: 18px;
+  font-weight: 600;
+  display: block;
+  font-family: "Roboto", sans-serif;
+}
+.subscription-form input {
+  background: rgba(255, 255, 255, 0.2);
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+  font-size: 16px;
+  border-radius: 4px;
+  padding: 8px 50px 8px 10px;
+  height: 40px;
+  position: relative;
+  z-index: 1;
+  color: #ffffff;
+}
+.subscription-form input::placeholder {
+  color: #ADB2B0;
+}
+.subscription-form input:focus {
+  border: 1px solid var(--ac-primary);
+}
+.subscription-form .button {
+  font-family: #4a4a4a;
+  color: var(--ac-primary);
+  font-size: 16px;
+  height: 40px;
+  box-shadow: none;
+  transition: 0.3s ease-in-out;
+  cursor: pointer;
+  border: 1px solid transparent;
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 9 !important;
+  background: transparent;
+}
+.subscription-form .button:hover {
+  background-color: var(--ac-primary);
+  color: #ffffff !important;
+  outline: none;
+  box-shadow: none;
+}
+
+.contact-information {
+  margin-top: 28px;
+}
+.contact-information h4 {
+  font-size: 18px;
+  color: #171B1C;
+}
+
+.all-contact-info li a,
+p.spam-message {
+  color: #515D63;
+  display: inline-block;
+  font-size: 14px;
+  font-family: "Roboto", sans-serif;
+  padding: 5px 0;
+}
+
+.all-contact-info li a span {
+  padding-right: 10px;
+}
+
+.footer-menu label {
+  font-size: 18px;
+  margin-bottom: 4px;
+  font-weight: 500;
+}
+
+.footer-link li a {
+  color: #D4D6D5;
+  font-size: 14px;
+  display: block;
+  padding: 8px 0;
+  transition: 0.3s linear;
+}
+.footer-link li a:last-child {
+  padding-bottom: 0;
+}
+.footer-link li a:hover {
+  color: var(--ac-primary);
+  padding-left: 5px;
+}
+
+.footer-top {
+  padding: 50px 0 30px 0;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.footer-bottom {
+  padding: 30px 0;
+}
+.footer-bottom p {
+  font-size: 14px;
+  color: #515D63;
+  margin-bottom: 0;
+}
+
+.footer-inline-link a {
+  color: #4a4a4a;
+  font-size: 14px;
+  margin-right: 30px;
+  transition: 0.3s ease-in-out;
+}
+.footer-inline-link a:hover {
+  color: var(--ac-primary);
+}
+.footer-inline-link a:last-child {
+  margin-right: 0;
+}
+
+.socail-link-inline li {
+  margin-right: 10px;
+  display: inline-block;
+}
+.socail-link-inline li a {
+  color: #8a8a8a;
+  font-size: 14px;
+  display: inline-block;
+  width: 30px;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+  border: 1px solid #8a8a8a;
+  border-radius: 50%;
+  transition: 0.3s ease-in-out;
+}
+.socail-link-inline li a:hover {
+  background: var(--ac-primary);
+  color: #ffffff;
+  border: 1px solid transparent;
+}
+.socail-link-inline li:last-child {
+  margin-right: 0;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .footer-area .footer-top .is-1-mobile .column {
+    padding: 0.25rem;
+  }
+  .footer-area .single-footer-widget {
+    height: 100%;
+  }
+  .footer-area .single-footer-widget .footer-logo {
+    margin: 0 auto;
+  }
+  .footer-area .single-footer-widget .subscription-form {
+    text-align: center;
+  }
+  .footer-area .single-footer-widget .field.has-addons {
+    justify-content: center;
+  }
+  .footer-area .footer-menu {
+    background-color: rgba(77, 77, 203, 0.0509803922);
+    height: 100%;
+    padding: 20px 5px;
+    border-radius: 4px;
+  }
+  .footer-area .footer-menu.is-info {
+    background-color: rgba(10, 175, 255, 0.1803921569);
+  }
+  .footer-area .footer-menu.is-danger {
+    background-color: rgba(234, 61, 47, 0.1411764706);
+  }
+  .footer-area .footer-menu.is-warning {
+    background: rgba(247, 173, 42, 0.2117647059);
+  }
+  .footer-area .footer-menu.is-success {
+    background-color: rgba(39, 176, 100, 0.1882352941);
+  }
+  .footer-area .footer-menu h4 {
+    margin-bottom: 0;
+  }
+  .footer-area .contact-information {
+    text-align: center;
+  }
+  .footer-inline-link {
+    padding: 10px 0;
+  }
+  .footer-bottom {
+    padding: 20px 0;
+  }
+}
+/*==============================================================
+    Documentation page style
+==============================================================*/
+.documentation-area {
+  margin-top: 190px;
+  display: flex;
+}
+.documentation-area .left-sidebar-wrapper {
+  border-right: 1px solid #e7e7e7;
+  margin-top: -35px;
+  background-color: #fafafd;
+  z-index: 1;
+  width: 350px;
+  padding-top: 1rem;
+  /* ===== Scrollbar CSS ===== */
+  /* Firefox */
+}
+.documentation-area .left-sidebar-wrapper * {
+  scrollbar-width: auto;
+  scrollbar-color: #ebebeb #fafafd;
+}
+.documentation-area .left-sidebar-wrapper {
+  /* Chrome, Edge, and Safari */
+}
+.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar {
+  width: 12px;
+}
+.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar-track {
+  background: #fafafd;
+}
+.documentation-area .left-sidebar-wrapper *::-webkit-scrollbar-thumb {
+  background-color: #ebebeb;
+  border-radius: 10px;
+  border: 3px solid #fafafd;
+}
+.documentation-area .left-sidebar-wrapper .product-sidebar-menu {
+  overflow-y: auto;
+  width: 100%;
+  overflow-y: scroll;
+  padding-right: 17px;
+  box-sizing: content-box;
+  border-right: 1px solid #e7e7e7;
+}
+.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item label {
+  background: transparent;
+}
+.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul {
+  overflow: inherit;
+}
+.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul li.is-active {
+  position: relative;
+}
+.documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul li.is-active::after {
+  position: absolute;
+  content: "";
+  left: -21px;
+  top: 50%;
+  margin-top: -6px;
+  width: 10px;
+  height: 10px;
+  background: #ffffff;
+  border-radius: 50%;
+  z-index: 9;
+  border: 1px solid #e7e7e7;
+}
+.documentation-area .left-sidebar-wrapper .item input:checked ~ label a,
+.documentation-area .left-sidebar-wrapper .item input:checked ~ .item > label a {
+  color: var(--ac-primary);
+}
+.documentation-area .documentation-body {
+  padding: 0 60px;
+  width: calc(100% - 674px);
+}
+.documentation-area .right-sidebar {
+  border-left: 1px solid #e7e7e7;
+  margin-top: -25px;
+  width: 324px;
+  padding-top: 24px;
+}
+
+.info-title p {
+  color: #515D63;
+  padding: 0 20px;
+}
+
+.full-info {
+  overflow: hidden;
+}
+.full-info h1,
+.full-info h2,
+.full-info h3,
+.full-info h4,
+.full-info h5,
+.full-info h6 {
+  margin-top: 40px;
+  font-weight: 700;
+  color: #171B1C;
+  margin-bottom: 10px;
+}
+.full-info h1:first-child,
+.full-info h2:first-child,
+.full-info h3:first-child,
+.full-info h4:first-child,
+.full-info h5:first-child,
+.full-info h6:first-child {
+  margin-top: 0;
+}
+.full-info h1 a svg,
+.full-info h2 a svg,
+.full-info h3 a svg,
+.full-info h4 a svg,
+.full-info h5 a svg,
+.full-info h6 a svg {
+  padding-left: 10px;
+}
+.full-info h1 a,
+.full-info h2 a,
+.full-info h3 a,
+.full-info h4 a,
+.full-info h5 a,
+.full-info h6 a {
+  font-size: 16px;
+}
+.full-info h1 a.hash-tag,
+.full-info h2 a.hash-tag,
+.full-info h3 a.hash-tag,
+.full-info h4 a.hash-tag,
+.full-info h5 a.hash-tag,
+.full-info h6 a.hash-tag {
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s ease-in-out;
+}
+.full-info h1:hover a,
+.full-info h2:hover a,
+.full-info h3:hover a,
+.full-info h4:hover a,
+.full-info h5:hover a,
+.full-info h6:hover a {
+  opacity: 1;
+  visibility: visible;
+}
+.full-info h1 {
+  font-size: 2rem;
+  padding-bottom: 10px;
+  line-height: 1.3;
+}
+.full-info h2 {
+  font-size: 24px;
+}
+.full-info h3 {
+  font-size: 18px;
+}
+.full-info h4 {
+  font-size: 16px;
+}
+.full-info h5 {
+  font-size: 15px;
+}
+.full-info h6 {
+  font-size: 13px;
+}
+
+.full-info h2 span.share-icon {
+  color: #6b6b6b;
+  font-size: 18px;
+  margin-left: 10px;
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s ease-in-out;
+}
+
+.full-info h2:hover span.share-icon {
+  opacity: 1;
+  visibility: visible;
+}
+
+blockquote {
+  border-left: 4px solid var(--ac-primary);
+  padding-left: 15px;
+}
+
+.full-info ul li,
+.full-info ol li,
+.full-info ol li p {
+  color: #4a4a4a;
+  display: block;
+  padding-bottom: 8px;
+  line-height: 1.8;
+}
+
+.full-info ul li:last-child,
+.full-info ol li:last-child,
+.full-info ol p:last-child {
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+
+.full-info ul li,
+.full-info ol li {
+  text-indent: -30px;
+}
+
+.full-info ul li p,
+.full-info ol li p {
+  text-indent: 0;
+  margin-top: -30px;
+}
+
+.full-info ul li pre,
+.full-info ol li pre {
+  text-indent: 0px;
+  margin-left: -30px;
+}
+
+.full-info ul li:before {
+  content: "\f10c";
+  font-family: fontawesome;
+  font-size: 8px;
+  margin-right: 20px;
+  color: #707070;
+}
+
+.full-info figure {
+  margin-bottom: 30px;
+}
+.full-info figure figcaption {
+  color: #707070;
+  font-size: 14px;
+}
+
+ul li b {
+  color: var(--ac-primary);
+  font-weight: 500;
+}
+
+.full-info ul,
+.full-info ol {
+  padding: 0 0 0 30px;
+  margin-bottom: 15px;
+}
+
+.full-info ul.nav.nav-tabs {
+  margin-bottom: 0;
+}
+
+.full-info ul li p {
+  margin: 0;
+  display: inline;
+}
+
+.full-info p b {
+  color: var(--ac-primary);
+}
+
+.full-info ul li p a,
+.full-info p a,
+.full-info a {
+  color: var(--ac-primary);
+  font-weight: 500;
+  font-family: "Roboto", sans-serif;
+}
+
+.full-info p {
+  margin-bottom: 0.825rem;
+  color: #515D63;
+  line-height: 160%;
+  font-family: "Roboto", sans-serif;
+}
+
+.full-info p strong {
+  font-weight: 500;
+}
+.full-info p strong em {
+  font-weight: 500;
+}
+
+.appscode-style.full-info ul li p a .appscode-style.full-info p a,
+.appscode-style.full-info a {
+  color: var(--ac-primary);
+}
+
+.code-block-wrapper {
+  position: relative;
+  z-index: 1;
+}
+.code-block-wrapper .code-block-title h4 {
+  font-size: 16px;
+  line-height: 130%;
+  font-family: "Roboto", sans-serif;
+  font-weight: 500;
+  margin-bottom: 0;
+  display: flex;
+  align-items: center;
+}
+.code-block-wrapper .code-block-title .copy-and-download {
+  display: flex;
+  align-items: center;
+  background: #f0f3f3;
+  padding: 20px;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.code-block-wrapper .code-block-title .copy-and-download button {
+  background: transparent;
+  border: none;
+  cursor: copy;
+  width: 30px;
+}
+.code-block-wrapper .code-block-title .copy-and-download button svg {
+  transition: 0.3s ease-in-out;
+}
+.code-block-wrapper .code-block-title .copy-and-download button:hover svg {
+  transform: scale(1.2);
+}
+.code-block-wrapper .code-block-title .copy-and-download .download-here {
+  cursor: pointer;
+}
+
+.full-info ol {
+  list-style: none;
+  counter-reset: order-list-counter;
+}
+
+.full-info ol li {
+  counter-increment: order-list-counter;
+}
+
+.full-info ol li::before {
+  content: counter(order-list-counter) ". ";
+  font-weight: 500;
+  font-family: "Roboto", sans-serif;
+  font-size: 15px;
+  color: #4a4a4a;
+}
+
+.search-area {
+  position: relative;
+  z-index: 1;
+  margin-bottom: 40px;
+}
+
+.search-area input {
+  background: #ffffff;
+  border: 1px solid #e7e7e7;
+  padding: 9px 40px 9px 15px;
+  font-size: 15px;
+  border-radius: 3px;
+  width: 100%;
+}
+
+.search-button {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  right: 0;
+  background: transparent;
+  border: none;
+  color: #32325d;
+  padding: 0 15px;
+  margin-top: -1px;
+  cursor: pointer;
+  display: block;
+}
+
+.tbl-of-contents #TableOfContents {
+  max-height: 70vh;
+}
+.tbl-of-contents #TableOfContents::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.tbl-of-contents #TableOfContents::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+.tbl-of-contents #TableOfContents::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+}
+.tbl-of-contents #TableOfContents::-webkit-scrollbar-thumb:hover {
+  background: #555;
+}
+
+.tbl-of-contents h4 {
+  font-size: 14px;
+  font-weight: 700;
+  color: #171B1C;
+  margin-left: 20px;
+  margin-bottom: 1.5rem;
+  line-height: 1;
+}
+
+.tbl-of-contents ul li a {
+  color: #4a4a4a;
+  opacity: 0.7;
+  font-size: 14px;
+  font-family: "Roboto", sans-serif;
+  font-weight: 500;
+  display: block;
+  padding-left: 20px;
+  padding-bottom: 10px;
+}
+
+.tbl-of-contents ul ul {
+  border: none;
+}
+
+.tbl-of-contents ul a.active:before {
+  width: 3px;
+  height: 100%;
+  background: var(--ac-primary);
+  content: "";
+  left: -2px;
+  top: 0;
+  position: absolute;
+  border-radius: 50px;
+  transition: 0.3s ease-in-out;
+}
+
+.tbl-of-contents ul a.active {
+  position: relative;
+  z-index: 1;
+  color: var(--ac-primary);
+}
+
+li.nav-item.active a {
+  color: var(--ac-primary);
+}
+
+.right-sidebar-area {
+  padding: 0 1.25rem 0 0;
+  position: sticky;
+  top: 130px;
+}
+
+.overlay-bg {
+  position: relative;
+  z-index: 99;
+  width: 100%;
+  height: 100%;
+}
+
+.overlay-bg {
+  position: fixed;
+  content: "";
+  background: #000;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.8;
+  display: none;
+}
+
+.sidebar-search-area {
+  background: #ffffff;
+  width: 585px;
+  z-index: 9999;
+  right: -100%;
+  position: fixed;
+  top: 0;
+  height: 100%;
+  overflow-y: scroll;
+  transition: 0.3s linear;
+}
+.sidebar-search-area button.button.ac-button.inline-button.back-button {
+  padding-left: 20px;
+  padding-top: 20px;
+}
+
+.sidebar-search-area::-webkit-scrollbar {
+  width: 8px;
+}
+
+.sidebar-search-area::-webkit-scrollbar-track {
+  background: #e7e7e7;
+}
+
+.sidebar-search-area::-webkit-scrollbar-thumb {
+  background: #888;
+  border-radius: 50px;
+}
+
+.sidebar-search-area::-webkit-scrollbar-thumb:hover {
+  background: #818181;
+}
+
+.search-area-top {
+  padding: 20px;
+}
+
+.searchbar-area input {
+  background: #ffffff;
+  padding: 10px;
+  border: 1px solid #e7e7e7;
+  height: 40px;
+  border-radius: 3px;
+  width: calc(100% - 70px);
+}
+.searchbar-area input:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+.searchbar-area {
+  position: relative;
+  z-index: 1;
+}
+
+.searchbar-area button {
+  position: absolute;
+  height: 100%;
+  width: 60px;
+  background: #4d4dcb;
+  color: #ffffff;
+  border: none;
+  border-radius: 3px;
+  margin-left: 10px;
+  cursor: pointer;
+}
+
+.sidebar-search-area h3 {
+  font-family: "Roboto", sans-serif;
+  color: #393e46;
+  margin-bottom: 10px;
+}
+
+.search-meta-information p,
+.search-meta-information label,
+.shorting-data select {
+  font-size: 12px;
+  color: #6b6b6b;
+  margin-top: 14px;
+}
+
+.shorting-data select {
+  border-radius: 3px;
+  width: 60px;
+  background: #f2f2f2;
+  border-color: #e7e7e7;
+  color: #393e46;
+  font-family: "Roboto", sans-serif;
+}
+
+.single-search-result h3 a {
+  color: #4d4dcb;
+  font-size: 16px;
+  font-family: "Roboto", sans-serif;
+  line-height: 26px;
+}
+
+.single-search-result h3 {
+  margin-bottom: 0;
+  line-height: 0;
+}
+
+.single-search-result a {
+  color: #00a651;
+  font-size: 12px;
+  font-family: "Roboto", sans-serif;
+  display: block;
+}
+
+.result-thumb {
+  width: 60px;
+  float: left;
+  overflow: hidden;
+  margin-right: 10px;
+}
+
+.result-description-wrapper {
+  overflow: hidden;
+  margin-top: 5px;
+}
+
+.result-description {
+  overflow: hidden;
+}
+
+.result-description p {
+  overflow: hidden;
+  font-size: 12px;
+}
+
+.single-search-result {
+  border-bottom: 1px solid #f2f2f2;
+  padding: 8px 20px;
+  transition: 0.3s ease-in-out;
+}
+
+.single-search-result:last-child {
+  border-bottom: none;
+}
+
+.single-search-result:hover {
+  background: #f2f2f2;
+}
+
+.single-search-result:hover.single-search-result h3 a {
+  text-decoration: underline;
+}
+
+.full-info img {
+  border: 1px solid #a9e9e9;
+  padding: 15px;
+  border-radius: 4px;
+}
+
+/* version section style start */
+.select select.is-active,
+.select select.is-focused,
+.select select:active,
+.select select:focus,
+.button.is-focused:not(:active),
+.button:focus:not(:active) {
+  box-shadow: none;
+  border-color: none;
+}
+
+.navbar-link:not(.is-arrowless)::after,
+.select:not(.is-multiple):not(.is-loading)::after {
+  border-color: #999;
+  height: 8px;
+  width: 8px;
+}
+
+.dropdown.is-active .button .icon:last-child:not(:first-child) {
+  transform: rotate(180deg);
+}
+
+/* version section style end */
+.improve-section-area {
+  background-color: #fafafd;
+  border-top: 1px solid #e7e7e7;
+  border-bottom: 1px solid #e7e7e7;
+  padding: 20px;
+  font-size: 1rem;
+  font-weight: 500;
+}
+
+.improve-bg-color {
+  background-color: #fbfdff;
+}
+.improve-bg-color a {
+  font-size: 16px !important;
+  font-weight: 700 !important;
+  font-family: "Roboto", sans-serif;
+}
+.improve-bg-color p {
+  font-size: 16px !important;
+  color: #74818d !important;
+}
+
+.full-info table td,
+.full-info table th {
+  text-align: left;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 1023px) {
+  .documentation-area {
+    margin-top: 160px;
+    margin-bottom: 15px;
+  }
+  .documentation-area .right-sidebar-area {
+    top: 0;
+  }
+  .documentation-area .left-sidebar-wrapper,
+  .documentation-area .right-sidebar {
+    display: none;
+    position: fixed;
+    top: 0;
+    z-index: 9999;
+    width: 80%;
+    margin-top: 0;
+    height: calc(100vh - 0px);
+  }
+  .documentation-area .right-sidebar {
+    right: 0;
+    background: #fff;
+    height: 100vh;
+    overflow-y: auto;
+  }
+  .documentation-area .documentation-body {
+    padding: 0 20px;
+    width: 100%;
+  }
+  .documentation-area .documentation-body .full-info h1 {
+    font-size: 1.5rem;
+    line-height: 1.3;
+    margin-bottom: 0;
+  }
+  .ac-product-left-sidebar {
+    max-height: calc(100vh - 100px);
+    top: 0;
+    position: relative;
+  }
+  .sidebar-search-area {
+    width: 100%;
+  }
+  .improve-section-area {
+    padding-bottom: 20px;
+  }
+  .button.is-link.is-medium.is-active.has-text-weight-normal {
+    margin-bottom: 10px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .documentation-area .left-sidebar-wrapper {
+    width: 240px;
+  }
+  .documentation-area .documentation-body {
+    padding: 0 40px;
+    width: calc(100% - 480px);
+  }
+  .documentation-area .right-sidebar {
+    width: 240px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .documentation-area .left-sidebar-wrapper {
+    width: 240px;
+  }
+  .documentation-area .documentation-body {
+    padding: 0 40px;
+    width: calc(100% - 480px);
+  }
+  .documentation-area .right-sidebar {
+    width: 240px;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .navbar-appscode.documentation-menu {
+    margin-left: 263px;
+  }
+  .documentation-area .left-sidebar-wrapper {
+    width: 265px;
+  }
+  .documentation-area .documentation-body {
+    width: calc(100% - 520px);
+  }
+  .documentation-area .right-sidebar {
+    width: 260px;
+  }
+}
+.hero-area.features-plan {
+  margin-top: 130px;
+}
+.hero-area.features-plan .hero-area-content .hero-content-inner h1 {
+  font-size: 36px;
+  line-height: 140%;
+  font-weight: 500;
+  margin-bottom: 30px;
+}
+.hero-area.features-plan .hero-area-content .hero-content-inner h1 b {
+  font-weight: 700;
+}
+
+.bgc-2 {
+  background-color: #f9f9f9;
+}
+
+.features-cta-area {
+  padding: 80px 0;
+}
+.features-cta-area .features-plan-cta-wrapper {
+  background-color: #ffffff;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: sticky;
+  z-index: 8;
+  top: 50px;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-left {
+  width: 35%;
+  padding: 30px 20px;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-left.fp-cta-bg {
+  background-image: url(../images/features-plan/features-plan-cta-bg.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-left h2 {
+  font-size: 36px;
+  line-height: 140%;
+  font-weight: 700;
+  color: #32325d;
+  margin-bottom: 20px;
+  text-transform: capitalize;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-left p {
+  font-size: 16px;
+  line-height: 160%;
+  color: #54657e;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right {
+  width: 65%;
+  display: flex;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta {
+  padding: 20px 20px 80px 20px;
+  border-left: 1px solid #eceff4;
+  position: relative;
+  z-index: 1;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.community {
+  width: 50%;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.enterprise {
+  width: 50%;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.enterprise .button.ac-button.is-secondary {
+  background-color: #ff8000;
+  border-color: #ff8000;
+  color: #ffffff;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 {
+  font-weight: 700;
+  font-size: 22px;
+  line-height: 1.2;
+  margin-bottom: 6px;
+  text-transform: capitalize;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta p {
+  font-size: 16px;
+  color: #54657e;
+  line-height: 1.5;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta a.is-trial {
+  font-size: 12px;
+  color: #ff8000;
+  margin-bottom: 15px;
+  line-height: 1;
+  font-weight: 500;
+  display: block;
+  font-family: roboto;
+  text-decoration: underline;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta a.is-trial:hover {
+  color: var(--ac-primary);
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .bottom-content {
+  position: absolute;
+  bottom: 20px;
+  left: 0px;
+  width: 100%;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title {
+  margin-top: 15px;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li {
+  background-color: #ffefe7;
+  width: 33.33%;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(2) {
+  background-color: rgba(0, 114, 249, 0.1);
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(3) {
+  background-color: #ece8f7;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(4) {
+  background-color: #e8f1f8;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title ul {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+.features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title ul li {
+  padding: 16px;
+  font-size: 16px;
+  color: #393e46;
+  text-transform: uppercase;
+  font-weight: 500;
+  background-color: #e5f6ee;
+  width: 100%;
+}
+
+.single-features-area:not(:last-child) {
+  margin-bottom: 30px;
+}
+
+.features-plan-area .single-features-area .single-features {
+  display: grid;
+  grid-template-columns: 35% 65%;
+}
+.features-plan-area .single-features-area .single-features .features-plan {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px;
+  text-align: center;
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) {
+  background-color: #ffffff;
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) .features-plan.community {
+  background-color: #edf9f3 !important;
+  color: #32325d;
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan {
+  color: #32325d;
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(1) {
+  background-color: rgba(252, 96, 17, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(2) {
+  background-color: rgba(0, 114, 249, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(3) {
+  background-color: rgba(63, 25, 173, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(4) {
+  background-color: rgba(25, 113, 189, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) {
+  background-color: #f7f9fb;
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) .features-plan.community {
+  background-color: #e6f3ef !important;
+  color: #32325d;
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan {
+  color: #32325d;
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(1) {
+  background-color: rgba(252, 96, 17, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(2) {
+  background-color: rgba(0, 114, 249, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(3) {
+  background-color: rgba(63, 25, 173, 0.1);
+}
+.features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(4) {
+  background-color: rgba(25, 113, 189, 0.1);
+}
+.features-plan-area .single-features-area .single-features.title {
+  margin-bottom: 0;
+}
+.features-plan-area .single-features-area .single-features.title .features-name {
+  display: flex;
+  align-items: center;
+}
+.features-plan-area .single-features-area .single-features.title .features-plan.community {
+  background-color: #edf9f3 !important;
+  color: #00a651;
+}
+.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(1) {
+  background-color: rgba(252, 96, 17, 0.1);
+  color: #fc6011;
+}
+.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(2) {
+  background-color: rgba(0, 114, 249, 0.1);
+  color: #0072f9;
+}
+.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(3) {
+  background-color: rgba(63, 25, 173, 0.1);
+  color: #3f19ad;
+}
+.features-plan-area .single-features-area .single-features.title .e-plan:nth-child(4) {
+  background-color: rgba(25, 113, 189, 0.1);
+  color: #1971bd;
+}
+.features-plan-area .single-features-area .single-features.title .features-name {
+  font-weight: 500;
+}
+.features-plan-area .single-features-area .single-features.title .features-plan-wrapper .features-plan {
+  font-weight: 500;
+}
+.features-plan-area .single-features-area .single-features .features-name {
+  padding: 14px 20px;
+  font-size: 16px;
+  color: #393e46;
+}
+.features-plan-area .single-features-area .single-features .features-name a {
+  font-family: "Roboto", sans-serif;
+  text-decoration: underline;
+}
+.features-plan-area .single-features-area .single-features .features-name .info-icon.tooltip {
+  margin-left: 5px;
+  margin-top: 3px;
+  min-width: 16px;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper {
+  display: grid;
+  align-items: center;
+  grid-template-columns: 50% 50%;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan {
+  font-weight: 400;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.community {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  text-align: center;
+  justify-content: center;
+  font-size: 14px;
+  padding: 7px;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.community span.t-icon {
+  height: 26px;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.enterprise {
+  display: grid;
+  grid-template-columns: 100%;
+  font-size: 14px;
+  height: 100%;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan .e-plan {
+  padding: 10px 15px;
+  height: 100%;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  line-height: 130%;
+}
+.features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan .e-plan span.t-icon {
+  height: 26px;
+  width: 26px;
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.assistance-card-wrapper {
+  @import url(/assets/css/calendly.css);
+}
+.assistance-card-wrapper .single-card {
+  background: #ffffff;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
+  border-radius: 4px;
+  transition: 0.3s ease-in-out;
+}
+.assistance-card-wrapper .single-card:hover {
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16);
+}
+.assistance-card-wrapper .single-card .card-head {
+  display: flex;
+  align-items: center;
+  padding: 40px 30px;
+  border-bottom: 1px solid #eceff4;
+}
+.assistance-card-wrapper .single-card .card-head .ass-icon {
+  width: 56px;
+  margin-right: 28px;
+}
+.assistance-card-wrapper .single-card .card-head .ass-title {
+  font-style: normal;
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 120%;
+  color: #1c1c1c;
+}
+.assistance-card-wrapper .single-card .card-body {
+  padding: 30px 20px;
+}
+.assistance-card-wrapper .single-card .card-body p {
+  font-style: normal;
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 100%;
+  color: #54657e;
+  margin-bottom: 15px;
+}
+.assistance-card-wrapper .single-card .card-body .button {
+  background: rgba(77, 77, 203, 0.1);
+  border: 1px solid #4d4dcb;
+  box-sizing: border-box;
+  border-radius: 4px;
+  font-size: 16px;
+  color: #4d4dcb;
+  font-weight: 500;
+  font-family: Roboto;
+  height: 41px;
+  transition: 0.3s ease-in-out;
+}
+.assistance-card-wrapper .single-card .card-body .button:hover {
+  background-color: #4d4dcb;
+  color: #ffffff !important;
+}
+.assistance-card-wrapper .single-card .card-body .subscription-form {
+  position: relative;
+  z-index: 1;
+}
+.assistance-card-wrapper .single-card .card-body .subscription-form input {
+  border: none;
+  background-color: #e7e7e7;
+  height: 41px;
+}
+.assistance-card-wrapper .single-card .card-body .subscription-form input:focus {
+  border: 1px solid #4d4dcb;
+  border-radius: 4px;
+}
+.assistance-card-wrapper .single-card .card-body .subscription-form button {
+  position: absolute;
+  right: 0;
+  top: 0;
+  background-color: #4d4dcb;
+  color: #ffffff;
+  border: none;
+  z-index: 9;
+}
+.assistance-card-wrapper .single-card .card-body .subscription-form button i.fa {
+  color: #ffffff;
+}
+.assistance-card-wrapper .single-card .card-body .subscription-form button:hover {
+  color: #ffffff;
+}
+
+/****************************************
+Responsive Classes
+*****************************************/
+@media screen and (max-width: 768px) {
+  .features-plan .hero-area-content .hero-content-inner h1 {
+    font-size: 28px;
+    line-height: 140% !important;
+    font-weight: 500;
+    margin-bottom: 20px;
+  }
+  .features-cta-area.section-padding-100 {
+    padding: 60px 0;
+  }
+  .features-cta-area {
+    overflow-y: auto;
+  }
+  .features-cta-area .features-plan-cta-wrapper {
+    position: static;
+    min-width: 1344px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-left {
+    width: 35%;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-left h2 {
+    font-size: 26px;
+    margin-bottom: 10px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right {
+    width: 70%;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta {
+    width: 100%;
+    padding: 20px 20px 108px 20px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 {
+    font-size: 20px;
+    margin-bottom: 10px;
+  }
+  .features-cta-area .features-plan-area {
+    min-width: 1344px;
+  }
+  .features-cta-area .single-features-area {
+    margin-bottom: 10px;
+  }
+  .table.ac-features-table {
+    min-width: 500px;
+  }
+  .assistance-area.section-padding-100 {
+    padding: 60px 0;
+  }
+  .single-assistance .ass-top {
+    padding: 30px 20px;
+  }
+  .single-assistance .ass-top .ass-icon {
+    max-width: 40px;
+  }
+  .single-assistance .ass-bottom {
+    padding: 20px 20px 30px;
+  }
+  .ac-accordion-wrapper .single-accordion-item .accordion-heading h3 {
+    padding-right: 20px;
+  }
+}
+@media (min-width: 576px) and (max-width: 768px) {
+  .features-plan .hero-area-img {
+    display: none;
+  }
+  .features-cta-area.section-padding-100 {
+    padding: 60px 0;
+  }
+  .features-cta-area {
+    overflow-y: auto;
+  }
+  .features-cta-area .features-plan-cta-wrapper {
+    position: static;
+    min-width: 1344px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-left {
+    width: 35%;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-left h2 {
+    font-size: 26px;
+    margin-bottom: 10px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right {
+    width: 100%;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta {
+    width: 100%;
+    padding: 40px 20px 108px 20px;
+    min-height: 240px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 {
+    font-size: 20px;
+    margin-bottom: 10px;
+  }
+  .features-cta-area .single-features-area {
+    margin-bottom: 10px;
+  }
+  .features-plan-area {
+    min-width: 1344px;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .features-plan .hero-content-inner {
+    padding: 50px 50px 50px 0;
+  }
+  .features-plan .hero-area-img img {
+    opacity: 1;
+  }
+  .features-cta-area {
+    overflow-y: auto;
+  }
+  .features-cta-area .features-plan-cta-wrapper {
+    min-width: 1344px;
+    position: static;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-left {
+    width: 30%;
+    padding: 50px 20px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-left h2 {
+    font-size: 26px;
+    margin-bottom: 10px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right {
+    width: 70%;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta {
+    width: 100%;
+    padding: 40px 20px 108px 20px;
+    min-height: 240px;
+  }
+  .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 {
+    font-size: 20px;
+    margin-bottom: 10px;
+  }
+  .features-cta-area .single-features-area {
+    margin-bottom: 10px;
+  }
+  .features-cta-area .features-plan-area {
+    min-width: 1344px;
+  }
+}
+.news-message {
+  display: inline-flex;
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 1.6;
+  color: #515D63;
+  background: #ffffff;
+  margin-bottom: 8px;
+  border: 1px solid #e7e7e7;
+  padding: 8px 15px;
+  border-radius: 2px;
+}
+.news-message:hover strong {
+  text-decoration: underline;
+}
+.news-message strong {
+  color: var(--ac-primary);
+  font-weight: 500;
+}
+
+.hero-area-1 {
+  padding: 150px 0 60px 0px;
+  overflow: hidden;
+}
+@media screen and (max-width: 768px) {
+  .hero-area-1 {
+    padding: 160px 0 30px;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .hero-area-1 {
+    padding: 130px 0 50px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .hero-area-1 {
+    padding: 150px 0 60px;
+  }
+}
+.hero-area-1 h1 {
+  font-weight: 600;
+  font-size: 68px;
+  line-height: 120%;
+  letter-spacing: -2.5px;
+}
+@media screen and (max-width: 768px) {
+  .hero-area-1 h1 {
+    font-size: 38px;
+    letter-spacing: -0.57px;
+  }
+}
+@media (min-width: 400px) and (max-width: 768px) {
+  .hero-area-1 h1 {
+    font-size: 45px;
+  }
+  .hero-area-1 h1 img {
+    height: 40px !important;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .hero-area-1 h1 {
+    font-size: 38px;
+    letter-spacing: -0.57px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .hero-area-1 h1 {
+    font-size: 56px;
+    letter-spacing: -0.57px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .hero-area-1 h1 {
+    font-size: 58px;
+    letter-spacing: -0.57px;
+  }
+}
+.hero-area-1 h1 img {
+  transform: translateY(2px);
+}
+@media screen and (max-width: 768px) {
+  .hero-area-1 h1 img {
+    height: 32px;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .hero-area-1 h1 img {
+    height: 32px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .hero-area-1 h1 img {
+    height: 40px;
+  }
+}
+.hero-area-1 .buttons {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+@media screen and (max-width: 1407px) {
+  .hero-area-1 .buttons {
+    margin-bottom: 16px;
+  }
+}
+.hero-area-1 .buttons .button {
+  margin-bottom: 0;
+}
+@media screen and (max-width: 768px) {
+  .hero-area-1 .buttons .button.ac-button {
+    width: 100%;
+  }
+}
+@media screen and (max-width: 1215px) {
+  .hero-area-1 .buttons .button.ac-button {
+    margin-bottom: 0.5rem;
+    margin-right: 0.5rem !important;
+    padding: 0.5rem 1rem;
+  }
+}
+.hero-area-1 .h-right-content {
+  margin-right: -84px;
+  position: relative;
+  z-index: 1;
+}
+@media screen and (max-width: 768px) {
+  .hero-area-1 .h-right-content {
+    margin-right: 0;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .hero-area-1 .h-right-content {
+    margin-right: -30px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .hero-area-1 .h-right-content {
+    margin-right: -42px;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .hero-area-1 .h-right-content {
+    margin-right: -74px;
+  }
+}
+@media (min-width: 1216px) and (max-width: 1440px) {
+  .hero-area-1 .h-right-content {
+    margin-right: -74px;
+  }
+}
+.hero-area-1 .h-right-content::after {
+  transform: scale(3) rotate(90deg);
+  left: auto;
+  right: 200px;
+  top: 0;
+  bottom: auto;
+  opacity: 0.5;
+}
+@media screen and (max-width: 1023px) {
+  .hero-area-1 .h-right-content::after {
+    transform: scale(2.5) rotate(90deg);
+    right: 0;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .hero-area-1 .h-right-content::after {
+    transform: scale(2.5) rotate(90deg);
+    right: 0;
+  }
+}
+
+.intro-view-button {
+  position: absolute;
+  left: 0;
+  top: 25%;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background-color: #fff;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16);
+  padding: 16px;
+  border-radius: 16px;
+  width: 330px;
+  cursor: pointer;
+  transition: 0.3s ease-in-out;
+}
+.intro-view-button:hover {
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.25);
+}
+.intro-view-button:hover .content span {
+  color: #171B1C;
+}
+.intro-view-button .video-icon {
+  width: 48px;
+  height: 48px;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16);
+  border-radius: 50%;
+}
+.intro-view-button .content {
+  width: calc(100% - 64px);
+}
+.intro-view-button .content p {
+  font-size: 16px;
+  margin-bottom: 0;
+}
+
+.products-area {
+  position: relative;
+}
+.products-area .single-product {
+  display: block;
+  background-color: #ffffff;
+  border: 1px solid #e7e7e7;
+  transition: 0.3s ease-in-out;
+  padding: 32px 24px;
+  border-radius: 4px;
+}
+.products-area .single-product:hover {
+  box-shadow: 1px 11px 114px rgba(0, 0, 0, 0.15);
+}
+@media screen and (max-width: 768px) {
+  .products-area .single-product {
+    padding: 32px 16px;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .products-area .single-product {
+    min-height: 278px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .products-area .single-product:after {
+    right: 0;
+    width: 100%;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .products-area .single-product {
+    padding: 35px 20px;
+  }
+}
+.products-area .single-product .product-logo {
+  height: 24px;
+  margin-bottom: 20px;
+}
+.products-area .single-product .product-logo img {
+  height: 100%;
+}
+.products-area .single-product p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  color: #515D63;
+  margin-bottom: 20px;
+}
+.products-area .single-product p strong {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  color: var(--ac-primary);
+}
+.products-area .single-product .button {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 160%;
+  letter-spacing: 1.25px;
+  color: var(--ac-primary);
+  text-decoration: underline;
+}
+.products-area .single-product .button .material-icons-outlined {
+  font-size: 18px;
+  margin-left: 1rem;
+}
+
+.more-products,
+.intro-kubedb-ui {
+  gap: 12px;
+}
+.more-products .single-feature,
+.intro-kubedb-ui .single-feature {
+  flex-basis: calc(50% - 6px);
+}
+@media screen and (max-width: 1023px) {
+  .more-products .single-feature,
+  .intro-kubedb-ui .single-feature {
+    flex-basis: 100%;
+  }
+}
+@media screen and (max-width: 768px) {
+  .more-products .button.ac-button,
+  .intro-kubedb-ui .button.ac-button {
+    width: 100%;
+  }
+}
+
+.single-feature {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+.single-feature.card-view {
+  flex-direction: column;
+  border: 1px solid #e7e7e7;
+  padding: 16px;
+  border-radius: 4px;
+  background-color: #fbfbfe;
+}
+.single-feature.card-view:nth-child(2) {
+  background-color: #fefdfa;
+}
+.single-feature.card-view:nth-child(3) {
+  background-color: #fafefc;
+}
+.single-feature.card-view:nth-child(4) {
+  background-color: #fcfaff;
+}
+.single-feature.card-view .icon {
+  border: 1px solid transparent;
+  background-color: #ffffff;
+}
+.single-feature.card-view .content {
+  width: 100%;
+}
+.single-feature.mechanism {
+  transition: 0.3s ease-in-out;
+  border-radius: 8px;
+  padding: 8px 16px;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  cursor: pointer;
+}
+.single-feature.mechanism .content strong {
+  margin-bottom: 4px;
+  font-size: 16px;
+}
+.single-feature.mechanism:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.single-feature.mechanism.is-active {
+  background-color: var(--ac-primary);
+}
+.single-feature .icon {
+  width: 52px;
+  height: 52px;
+  border-radius: 50%;
+  background-color: #f0fff7;
+  border: 1px solid var(--ac-primary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.single-feature .icon img {
+  height: 32px;
+  width: auto;
+}
+.single-feature .content {
+  width: calc(100% - 76px);
+}
+.single-feature .content h3 {
+  font-size: 20px;
+  margin-bottom: 4px;
+  line-height: 130%;
+}
+.single-feature .content p {
+  font-size: 16px;
+  color: #515D63;
+}
+
+.single-ui-ss {
+  border-radius: 8px;
+  overflow: hidden;
+  margin-left: 0px;
+  position: relative;
+  width: 100%;
+  height: 0px;
+  padding-top: 69.9300699301%;
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .single-ui-ss {
+    padding-top: 108.6956521739%;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+  .single-ui-ss {
+    padding-top: 90.9090909091%;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .single-ui-ss {
+    padding-top: 71.4285714286%;
+  }
+}
+@media screen and (min-width: 1408px) {
+  .single-ui-ss {
+    padding-top: 64.1025641026%;
+  }
+}
+@media (min-width: 1216px) and (max-width: 1440px) {
+  .single-ui-ss {
+    padding-top: 71.4285714286%;
+  }
+}
+.single-ui-ss img {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  left: 0;
+  object-position: left;
+}
+
+.more-features {
+  margin-top: 32px;
+}
+@media screen and (max-width: 768px) {
+  .more-features {
+    margin-top: 0;
+  }
+  .more-features .button.ac-button {
+    width: 100%;
+  }
+}
+
+.ui-dashboard {
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+}
+.ui-dashboard::after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url("../../../assets/images/products/appscode/features/ui-features.webp");
+  background-repeat: no-repeat;
+}
+
+.mechanics-area {
+  position: relative;
+  z-index: 1;
+}
+
+.dark-bg {
+  background-color: #000a05;
+}
+.dark-bg h1,
+.dark-bg h2,
+.dark-bg h3,
+.dark-bg h4,
+.dark-bg h5,
+.dark-bg h6,
+.dark-bg strong,
+.dark-bg label {
+  color: #e6e7e6;
+}
+.dark-bg p {
+  color: #d4d6d5;
+}
+.dark-bg .single-feature.card-view {
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  background-color: #000a05;
+}
+.dark-bg .single-feature .icon {
+  background-color: rgba(255, 255, 255, 0.1);
+  border: none;
+}
+.dark-bg .single-feature .content p {
+  color: #d4d6d5;
+}
+.dark-bg .single-feature .content a {
+  transition: 0.3s ease-in-out;
+  font-weight: 500;
+}
+.dark-bg .single-feature .content a:hover {
+  color: var(--ac-primary);
+  opacity: 0.9;
+}
+.dark-bg .footer-top {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+.dark-bg .footer-inline-link,
+.dark-bg .subscription-form label,
+.dark-bg .all-contact-info li a,
+.dark-bg p.spam-message {
+  color: #adb2b0;
+}
+.dark-bg .footer-inline-link a,
+.dark-bg .subscription-form label a,
+.dark-bg .all-contact-info li a a,
+.dark-bg p.spam-message a {
+  color: #adb2b0;
+  transition: 0.3s ease-in-out;
+}
+.dark-bg .footer-inline-link a:hover,
+.dark-bg .subscription-form label a:hover,
+.dark-bg .all-contact-info li a a:hover,
+.dark-bg p.spam-message a:hover {
+  color: var(--ac-primary);
+}
+
+.decorative-el-large, .intro-kubedb-ui:after, .cta-area .cta-area-inner:after, .footer-area:after {
+  background-image: url("../images/shape/decorative-el-large-2.png");
+  background-size: cover;
+  background-position: center;
+}
+
+.intro-kubedb-ui {
+  position: relative;
+  z-index: 1;
+}
+.intro-kubedb-ui:after {
+  background-color: rgba(253, 253, 253, 0.1);
+  position: absolute;
+  content: "";
+  left: 30px;
+  top: 0;
+  height: 100%;
+  width: calc(100% - 60px);
+  z-index: -1;
+  border-radius: 20px;
+}
+@media screen and (max-width: 1023px) {
+  .intro-kubedb-ui:after {
+    left: 0;
+    width: 100%;
+    border-radius: 0;
+  }
+}
+
+.ui-features-area {
+  position: relative;
+  z-index: 1;
+}
+.ui-features-area:after {
+  right: 0px;
+  left: auto;
+  top: 60px;
+}
+
+.subscription-area .subscription-message {
+  padding-right: 150px;
+}
+@media screen and (max-width: 1023px) {
+  .subscription-area .subscription-message {
+    padding: 0;
+  }
+}
+.subscription-area p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  color: #515D63;
+  margin-bottom: 30px;
+}
+.subscription-area p strong {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  color: var(--ac-primary);
+}
+.subscription-area .subscription-input {
+  position: relative;
+  z-index: 1;
+  max-width: 400px;
+}
+.subscription-area .subscription-input input {
+  height: 56px;
+  background-color: #ffffff;
+  border: 1px solid #e7e7e7;
+  border-radius: 2px;
+  padding: 6px 140px 6px 30px;
+  font-size: 15px;
+  box-shadow: 0px 4px 18px 5px rgba(0, 166, 81, 0.09);
+  width: 100%;
+}
+.subscription-area .subscription-input input::placeholder {
+  color: #999999;
+}
+.subscription-area .subscription-input input:focus {
+  outline: 1px solid var(--ac-primary);
+}
+.subscription-area .subscription-input button {
+  height: 44px;
+  position: absolute;
+  right: 6px;
+  top: 6px;
+}
+.subscription-area .subscription-input p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  margin-top: 15px;
+}
+
+.products-features {
+  background: #f3f4f7;
+}
+@media screen and (max-width: 768px) {
+  .products-features #nav-serialscrolling {
+    top: 0;
+  }
+  .products-features [data-serialscrolling-target] {
+    height: 100%;
+  }
+}
+.products-features .features-tabs {
+  position: sticky;
+  margin-top: 210px;
+}
+.products-features .features-tabs:after {
+  top: -250px;
+  left: -120px;
+}
+@media screen and (max-width: 768px) {
+  .products-features .features-tabs {
+    margin-top: 0;
+  }
+}
+.products-features .features-tabs ul li span {
+  cursor: pointer;
+  padding: 10px 0;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: 1.25px;
+  color: #515D63;
+  transition: 0.3s ease-in-out;
+  display: block;
+}
+.products-features .features-tabs ul li span.is-current {
+  color: var(--ac-primary);
+  text-decoration: underline;
+}
+.products-features .features-tabs ul li span:hover {
+  color: var(--ac-primary);
+}
+.products-features .products-description-wrapper .single-product {
+  padding: 100px 0 100px 50px;
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+@media screen and (max-width: 768px) {
+  .products-features .products-description-wrapper .single-product {
+    padding: 30px 15px;
+    margin-left: 0;
+    margin-right: 0;
+  }
+}
+.products-features .products-description-wrapper .single-product:after {
+  position: absolute;
+  content: "";
+  right: 0;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  background-color: #f1f1f1;
+  z-index: -1;
+  opacity: 0.5;
+}
+@media screen and (max-width: 768px) {
+  .products-features .products-description-wrapper .single-product:after {
+    right: 0;
+    width: 100%;
+  }
+}
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+  .products-features .products-description-wrapper .single-product:after {
+    right: -160px;
+    width: calc(100% + 160px);
+  }
+}
+.products-features .products-description-wrapper .single-product.kubedb:after {
+  background-color: #f6f6fd;
+  background-image: linear-gradient(to right, #f6f6fd, white);
+}
+.products-features .products-description-wrapper .single-product.kubedb .product-description .features li .material-icons {
+  color: #4d4dcb;
+}
+.products-features .products-description-wrapper .single-product.kubedb .button.ac-button.is-primary {
+  background-color: #4d4dcb;
+}
+.products-features .products-description-wrapper .single-product.stash:after {
+  background-color: #e9e9fc;
+  background-image: linear-gradient(to right, #e9e9fc, white);
+}
+.products-features .products-description-wrapper .single-product.stash .product-description .features li .material-icons {
+  color: #5e2dea;
+}
+.products-features .products-description-wrapper .single-product.stash .button.ac-button.is-primary {
+  background-color: #5e2dea;
+}
+.products-features .products-description-wrapper .single-product.kubevault:after {
+  background-color: #e9e9fc;
+  background-image: linear-gradient(to right, #e9e9fc, white);
+}
+.products-features .products-description-wrapper .single-product.kubevault .product-description .features li .material-icons {
+  color: #326ce5;
+}
+.products-features .products-description-wrapper .single-product.kubevault .button.ac-button.is-primary {
+  background-color: #326ce5;
+}
+.products-features .products-description-wrapper .single-product.prometheus .product-description .features li .material-icons {
+  color: #4d4dcb;
+}
+.products-features .products-description-wrapper .single-product.voyager:after {
+  background-color: #cfcfe6;
+  background-image: linear-gradient(to right, #cfcfe6, white);
+}
+.products-features .products-description-wrapper .single-product.voyager .product-description .features li .material-icons {
+  color: #2d2a78;
+}
+.products-features .products-description-wrapper .single-product.voyager .button.ac-button.is-primary {
+  background-color: #2d2a78;
+}
+.products-features .products-description-wrapper .single-product.kubeform:after {
+  background-color: #e9e9fc;
+  background-image: linear-gradient(to right, #e9e9fc, white);
+}
+.products-features .products-description-wrapper .single-product.kubeform .product-description .features li .material-icons {
+  color: #592217;
+}
+.products-features .products-description-wrapper .single-product.kubeform .button.ac-button.is-primary {
+  background-color: #592217;
+}
+.products-features .products-description-wrapper .illustration {
+  top: 30%;
+  position: sticky;
+  display: flex;
+  justify-content: flex-end;
+}
+@media screen and (max-width: 768px) {
+  .products-features .products-description-wrapper .illustration {
+    max-width: 350px;
+  }
+}
+.products-features .product-description .brand {
+  height: 30px;
+  margin-bottom: 1rem;
+}
+.products-features .product-description .brand img {
+  height: 100%;
+}
+.products-features .product-description h5 {
+  margin-bottom: 1rem;
+}
+.products-features .product-description p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+  color: #636363;
+  margin-bottom: 1.5rem;
+}
+.products-features .product-description p strong {
+  color: var(--ac-primary);
+}
+.products-features .product-description .features {
+  margin-bottom: 30px;
+}
+.products-features .product-description .features li {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 140%;
+  color: #515D63;
+  margin-bottom: 1rem;
+  display: flex;
+  gap: 8px;
+}
+.products-features .product-description .features li .material-icons {
+  margin-right: 0.75rem;
+  font-size: 1.2rem;
+  color: var(--ac-primary);
+}
+
+[data-serialscrolling-target] {
+  height: 100vh;
+  /* your own styles here */
+}
+
+#nav-serialscrolling {
+  position: sticky;
+  top: 40%;
+}
+
+.others-products {
+  position: relative;
+}
+.others-products:after {
+  right: 0px;
+  left: auto;
+  top: auto;
+  bottom: 0;
+  rotate: 90deg;
+}
+.others-products .small-title {
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 160%;
+  letter-spacing: 0.5px;
+  margin-bottom: 10px;
+  color: var(--ac-primary);
+}
+.others-products .pr-60 {
+  padding-right: 0 !important;
+}
+@media screen and (max-width: 768px) {
+  .others-products .products .single-product {
+    border: 1px solid #e7e7e7;
+    padding: 20px 15px;
+    border-radius: 4px;
+  }
+}
+.others-products .products .single-product img {
+  width: 60px;
+  height: 60px;
+  margin-bottom: 16px;
+}
+@media screen and (max-width: 768px) {
+  .others-products .products .single-product img {
+    width: 50px;
+    height: 50px;
+    margin-bottom: 8px;
+  }
+}
+.others-products .products .single-product h5 {
+  font-size: 22px;
+}
+.others-products .products .single-product p {
+  font-style: normal;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 160%;
+  margin-bottom: 10px;
+}
+.others-products .products .single-product .inline-button {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: 1.25px;
+  text-decoration-line: underline;
+  color: var(--ac-primary);
+  transition: 0.3s ease-in-out;
+}
+.others-products .products .single-product .inline-button:hover {
+  opacity: 0.8;
+}
+
+.social-connect-area {
+  background: rgba(243, 244, 247, 0.6);
+}
+.social-connect-area .connect-message {
+  margin-right: 120px;
+  margin-bottom: 20px;
+}
+@media screen and (max-width: 1023px) {
+  .social-connect-area .connect-message {
+    margin-right: 0;
+  }
+}
+.social-connect-area p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 160%;
+}
+.social-connect-area .social-link li a {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 160%;
+  letter-spacing: 0.5px;
+  color: #1c1c1c;
+  display: inline-flex;
+  transition: 0.3s ease-in-out;
+  padding: 10px 0;
+}
+.social-connect-area .social-link li a:hover {
+  text-decoration-line: underline;
+  color: var(--ac-primary);
+}
+.social-connect-area .social-link li a span {
+  height: 20px;
+  margin-right: 10px;
+}
+.social-connect-area .social-link li a span img {
+  height: 100%;
+  filter: opacity(0.5);
+}
+.social-connect-area .single-card {
+  background-color: #ffffff;
+  border-radius: 4px;
+  transition: 0.3s ease-in-out;
+  padding: 40px 30px;
+}
+.social-connect-area .single-card:hover {
+  box-shadow: 0px 10px 120px rgba(44, 60, 74, 0.38);
+}
+.social-connect-area .single-card .card-top {
+  display: flex;
+  margin-bottom: 16px;
+  align-items: center;
+}
+.social-connect-area .single-card .card-top .card-icon {
+  width: 60px;
+  height: 60px;
+  margin-right: 24px;
+}
+.social-connect-area .single-card .card-top .card-icon img {
+  width: 100%;
+}
+.social-connect-area .single-card .card-top .count {
+  width: calc(100% - 84px);
+}
+.social-connect-area .single-card .card-top .count h2 {
+  font-weight: 500;
+  font-size: 36px;
+  color: #00a651;
+  line-height: 1;
+}
+.social-connect-area .single-card .card-top .count p {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 100%;
+  color: #636363;
+}
+.social-connect-area .single-card .card-bottom p {
+  font-size: 1rem;
+  line-height: 160%;
+  color: #515D63;
+  margin-bottom: 16px;
+}
+.social-connect-area .single-card .card-bottom button {
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 16px;
+  text-decoration-line: underline;
+  text-transform: uppercase;
+  border: none;
+  background-color: transparent;
+  color: var(--ac-primary);
+  font-family: "Roboto", sans-serif;
+  /* 1c1c1c */
+  color: #1c1c1c;
+}
+
+.press-area .single-press-wrapper {
+  border-radius: 4px 4px 0 0;
+  overflow: hidden;
+  transition: 0.3s ease-in-out;
+}
+.press-area .single-press-wrapper:hover {
+  box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
+  border-radius: 4px;
+  overflow: hidden;
+}
+.press-area .single-press-wrapper:hover .press-content {
+  border: 1px solid #fbfbfb;
+}
+.press-area .single-press-wrapper .press-image-1 {
+  background-image: url(../images/press/1.png);
+}
+.press-area .single-press-wrapper .press-image-2 {
+  background-image: url(../images/press/2.png);
+}
+.press-area .single-press-wrapper .press-image-3 {
+  background-image: url(../images/press/3.png);
+}
+.press-area .single-press-wrapper .press-image-4 {
+  background-image: url(../images/press/4.png);
+}
+.press-area .press-image {
+  height: 200px;
+  background-size: cover;
+  background-position: center;
+  background-color: #ddd;
+  background-repeat: no-repeat;
+  width: 100%;
+}
+.press-area .press-content {
+  border: 1px solid #e7e7e7;
+  border-top: 1px solid transparent;
+  border-radius: 0 0 4px 4px;
+  padding: 20px;
+}
+.press-area .press-content .read-meta {
+  font-size: 12px;
+  color: #7d7d7d;
+  margin-bottom: 10px;
+}
+.press-area .press-content h3 {
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 26px;
+  margin-bottom: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 2;
+  -webkit-line-clamp: 2;
+  box-orient: vertical;
+  -webkit-box-orient: vertical;
+}
+.press-area .press-content h3 a {
+  color: #515D63;
+}
+.press-area .press-content p {
+  color: #515D63;
+  font-size: 15px;
+  margin-bottom: 30px;
+}
+.press-area .press-content .press-button-wrapper {
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+}
+.press-area .press-content .press-button-wrapper:after {
+  position: absolute;
+  content: "";
+  top: 15px;
+  width: 100%;
+  height: 1px;
+  background: #e7e7e7;
+  left: 0;
+  z-index: -1;
+  transition: 0.3s ease-in-out;
+}
+.press-area .press-content .press-button-wrapper .press-button {
+  border: 1px solid #e7e7e7;
+  font-size: 13px;
+  color: rgb(150.5, 150.5, 150.5);
+  font-weight: 600;
+  padding: 5px 20px;
+  border-radius: 50px;
+  display: block;
+  float: right;
+  position: relative;
+  z-index: 1;
+  background: #ffffff;
+  transition: 0.3s ease-in-out;
+}
+.press-area .press-content .press-button-wrapper .press-button:hover {
+  color: #515D63;
+  border: 1px solid #515D63;
+}
+
+.about-text-inner p {
+  margin-bottom: 30px;
+}
+
+.ceo-message-wrapper h2 {
+  margin-bottom: 8px;
+  font-size: 36px;
+}
+
+.signature-image {
+  margin-top: 40px;
+}
+.signature-image p {
+  font-family: Raleway;
+  font-weight: 600;
+}
+
+.ceo-image {
+  position: relative;
+  z-index: 1;
+}
+.ceo-image img {
+  max-width: 300px;
+  margin-top: 20px;
+}
+.ceo-image .dots-style {
+  position: absolute;
+  background: url(../images/appscode/dots.png);
+  background-repeat: no-repeat;
+  height: 150px;
+  width: 250px;
+  right: 100px;
+  bottom: -75px;
+  z-index: -1;
+  left: 50%;
+  margin-left: -125px;
+}
+
+.is-paddingless-desktop {
+  padding: 0;
+}
+
+/*********************************************************************************************
+Responsive Classes
+***********************************************************************************************/
+.contact-hero {
+  padding: 120px 0 60px;
+}
+@media screen and (max-width: 768px) {
+  .contact-hero {
+    padding: 150px 0 30px;
+  }
+}
+.contact-hero h2 {
+  font-weight: 700;
+  letter-spacing: -0.5px;
+  line-height: 120%;
+  text-wrap: balance;
+  margin-bottom: 16px;
+}
+@media screen and (max-width: 1023px) {
+  .contact-hero h2 {
+    font-size: 38px;
+    letter-spacing: -0.57px;
+    text-wrap: inherit;
+  }
+}
+.contact-hero p {
+  margin-bottom: 16px;
+}
+
+.location-area {
+  margin-top: 60px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+@media screen and (max-width: 1215px) {
+  .location-area {
+    margin-top: 32px;
+  }
+}
+.location-area .location {
+  width: calc(50% - 6px);
+}
+@media screen and (max-width: 1215px) {
+  .location-area .location {
+    width: 100%;
+  }
+}
+
+.location {
+  border: 1px solid #e7e7e7;
+  padding: 32px 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.location a {
+  color: #515D63;
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  transition: 0.3s ease-in-out;
+}
+.location a:hover {
+  color: var(--ac-primary);
+}
+.location a span {
+  width: calc(100% - 26px);
+}
+.location a span.icon {
+  width: 18px;
+  transform: translateY(4px);
+}
+
+.modify-contact-form .fs-webform-container .fserv-container {
+  margin: 0 0 32px auto;
+}
+@media screen and (max-width: 768px) {
+  .modify-contact-form .fs-webform-container .fserv-container {
+    margin: 0 auto;
+  }
+}
+.modify-contact-form .formserv-text-field, .modify-contact-form .formserv-email-field, .modify-contact-form .formserv-tel-field, .modify-contact-form .formserv-select-field.fserv-field, .modify-contact-form .formserv-select-multiple-field, .modify-contact-form .formserv-textarea-field {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.modify-contact-form .formserv-text-field:not(.formserv-textarea-field), .modify-contact-form .formserv-email-field:not(.formserv-textarea-field), .modify-contact-form .formserv-tel-field:not(.formserv-textarea-field), .modify-contact-form .formserv-select-field.fserv-field:not(.formserv-textarea-field), .modify-contact-form .formserv-select-multiple-field:not(.formserv-textarea-field), .modify-contact-form .formserv-textarea-field:not(.formserv-textarea-field) {
+  align-items: center;
+}
+.modify-contact-form .formserv-text-field .error, .modify-contact-form .formserv-email-field .error, .modify-contact-form .formserv-tel-field .error, .modify-contact-form .formserv-select-field.fserv-field .error, .modify-contact-form .formserv-select-multiple-field .error, .modify-contact-form .formserv-textarea-field .error {
+  width: 100%;
+}
+.modify-contact-form .formserv-text-field .fserv-label, .modify-contact-form .formserv-email-field .fserv-label, .modify-contact-form .formserv-tel-field .fserv-label, .modify-contact-form .formserv-select-field.fserv-field .fserv-label, .modify-contact-form .formserv-select-multiple-field .fserv-label, .modify-contact-form .formserv-textarea-field .fserv-label {
+  width: 120px;
+  padding-bottom: 0;
+}
+.modify-contact-form .formserv-text-field input, .modify-contact-form .formserv-text-field textarea, .modify-contact-form .formserv-email-field input, .modify-contact-form .formserv-email-field textarea, .modify-contact-form .formserv-tel-field input, .modify-contact-form .formserv-tel-field textarea, .modify-contact-form .formserv-select-field.fserv-field input, .modify-contact-form .formserv-select-field.fserv-field textarea, .modify-contact-form .formserv-select-multiple-field input, .modify-contact-form .formserv-select-multiple-field textarea, .modify-contact-form .formserv-textarea-field input, .modify-contact-form .formserv-textarea-field textarea {
+  width: calc(100% - 128px) !important;
+}
+.modify-contact-form .formserv-text-field input:hover, .modify-contact-form .formserv-text-field textarea:hover, .modify-contact-form .formserv-email-field input:hover, .modify-contact-form .formserv-email-field textarea:hover, .modify-contact-form .formserv-tel-field input:hover, .modify-contact-form .formserv-tel-field textarea:hover, .modify-contact-form .formserv-select-field.fserv-field input:hover, .modify-contact-form .formserv-select-field.fserv-field textarea:hover, .modify-contact-form .formserv-select-multiple-field input:hover, .modify-contact-form .formserv-select-multiple-field textarea:hover, .modify-contact-form .formserv-textarea-field input:hover, .modify-contact-form .formserv-textarea-field textarea:hover {
+  outline: 1px solid var(--ac-primary);
+}
+.modify-contact-form .formserv-text-field input:focus, .modify-contact-form .formserv-text-field textarea:focus, .modify-contact-form .formserv-email-field input:focus, .modify-contact-form .formserv-email-field textarea:focus, .modify-contact-form .formserv-tel-field input:focus, .modify-contact-form .formserv-tel-field textarea:focus, .modify-contact-form .formserv-select-field.fserv-field input:focus, .modify-contact-form .formserv-select-field.fserv-field textarea:focus, .modify-contact-form .formserv-select-multiple-field input:focus, .modify-contact-form .formserv-select-multiple-field textarea:focus, .modify-contact-form .formserv-textarea-field input:focus, .modify-contact-form .formserv-textarea-field textarea:focus {
+  outline: 2px solid var(--ac-primary);
+}
+.modify-contact-form .fs-webform-container .fserv-field + .fserv-field {
+  margin-top: 12px;
+}
+.modify-contact-form .fs-webform-container .fserv-field + div:not(.fserv-field) {
+  padding: 12px 30px 0;
+}
+.modify-contact-form .fs-webform-container .fserv-field .select2-container {
+  min-width: calc(100% - 128px);
+  max-width: calc(100% - 128px);
+}
+.modify-contact-form .fs-webform-container .checkbox {
+  padding: 0 !important;
+}
+.modify-contact-form .fs-webform-container .select2-selection__choice {
+  font-size: 13px;
+  line-height: 1;
+}
+
+.fs-webform-container .fserv-input-text, .fs-webform-container .fserv-select, .fs-webform-container .fserv-select-multiple, .fs-webform-container .fserv-textarea {
+  border: 1px solid #e7e7e7 !important;
+}
+
+.fs-webform-container .fserv-input-radio, .fs-webform-container .fserv-input-text, .fs-webform-container .fserv-select, .fs-webform-container .fserv-select-multiple, .fs-webform-container .fserv-textarea {
+  font-size: 12px !important;
+}
+
+.fs-webform-container .fserv-field .select2-container--default .select2-search__field::placeholder, .fs-webform-container .fserv-field .select2-container--default .select2-selection--single .select2-selection__placeholder, .fs-webform-container .fserv-container .fserv-field .select2-container .select2-selection--single .select2-selection__rendered, .fs-webform-container .fserv-field .select2-results__option[aria-selected] {
+  font-size: 13px !important;
+}
+
+.fs-webform-container *, .fs-webform-container ::after, .fs-webform-container ::before {
+  border-radius: 0px !important;
+}
+
+.fs-webform-container .fserv-field .select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background: var(--ac-primary) !important;
+  color: #ffffff !important;
+}
+
+.fs-webform-container .fserv-field .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: #ffffff !important;
+}
+
+.bg-primay-light {
+  background-color: rgba(241, 249, 245, 0.97);
+}
+
+.decorative-shape img {
+  width: 500px;
+  position: absolute;
+  bottom: 0;
+  opacity: 0.5;
+  z-index: -1;
+}
+@media screen and (max-width: 768px) {
+  .decorative-shape img {
+    width: 300px;
+  }
+}
+.decorative-shape img.left-el {
+  transform: rotate(180deg);
+}
+.decorative-shape img.right-el {
+  right: 0;
+  transform: rotate(90deg);
+}
+
+.partner-hero-area {
+  margin-top: 40px;
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+}
+.partner-hero-area .section-title {
+  margin-bottom: 0;
+}
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .partner-hero-area .section-title h1 {
+    font-size: 40px;
+    font-weight: 700;
+  }
+}
+.partner-hero-area .section-title p {
+  margin-bottom: 0;
+  text-wrap: balance;
+}
+.partner-hero-area .single-feature.card-view {
+  background-color: #ffffff;
+  min-height: 230px;
+  padding: 32px 16px;
+  height: 100%;
+}
+@media screen and (max-width: 768px) {
+  .partner-hero-area .single-feature.card-view {
+    min-height: auto;
+  }
+}
+.partner-hero-area .single-feature.card-view p {
+  font-size: 16px;
+}
+.partner-hero-area .single-feature.card-view .icon {
+  border: 1px solid #e7e7e7;
+  margin: 0 auto;
+}
+.partner-hero-area .button.ac-button {
+  margin-top: 16px;
+}
+@media screen and (max-width: 768px) {
+  .partner-hero-area .button.ac-button {
+    display: flex;
+    width: calc(100% - 24px);
+    margin: 0 auto;
+  }
+}
+
+.showcase-partner,
+.system-integration {
+  position: relative;
+  z-index: 1;
+}
+.showcase-partner::after, .showcase-partner::before,
+.system-integration::after,
+.system-integration::before {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+}
+.showcase-partner::before,
+.system-integration::before {
+  background: radial-gradient(circle at center, rgb(255, 255, 255), rgba(255, 255, 255, 0.2));
+}
+.showcase-partner::after,
+.system-integration::after {
+  background-image: url("../images/shape/hexagon.svg");
+  z-index: -2;
+}
+
+.showcase-partner .section-title p {
+  text-wrap: balance;
+}
+
+.system-integration::before {
+  background: linear-gradient(rgba(255, 255, 255, 0.2), rgb(255, 255, 255));
+}
+
+.technology-partner {
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+}
+.technology-partner .decorative-shape img {
+  width: 400px;
+}
+@media screen and (max-width: 768px) {
+  .technology-partner .decorative-shape img {
+    width: 160px;
+  }
+}
+
+.contact-area {
+  z-index: 9;
+  position: relative;
+  margin-bottom: -150px;
+  margin-top: 60px;
+}
+@media screen and (max-width: 768px) {
+  .contact-area .section-title h2 {
+    font-size: 24px;
+  }
+}
+.contact-area .decorative-shape img {
+  bottom: 150px;
+}
+.contact-area .contact-form-wrapper {
+  background-color: #ffffff;
+  border: 1px solid #e7e7e7;
+  border-radius: 16px;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
+}
+@media screen and (max-width: 768px) {
+  .contact-area .contact-form-wrapper {
+    padding: 16px;
+  }
+}
+.contact-area .contact-form-wrapper .form-content {
+  padding: 0 100px;
+}
+@media screen and (max-width: 1023px) {
+  .contact-area .contact-form-wrapper .form-content {
+    padding: 0 16px;
+  }
+}
+.contact-area .contact-form-wrapper .fs-webform-container .fserv-container {
+  box-shadow: none;
+}
+.contact-area .fserv-container {
+  min-width: 100%;
+}
+.contact-area .fserv-container .fserv-form {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+.contact-area .fserv-container .fserv-form .fserv-field {
+  width: calc(50% - 8px);
+}
+@media screen and (max-width: 768px) {
+  .contact-area .fserv-container .fserv-form .fserv-field {
+    width: 100%;
+  }
+}
+.contact-area .fserv-container .fserv-form .fserv-field {
+  margin: 0;
+  padding: 0;
+}
+.contact-area .fserv-container .fserv-form .fserv-field.formserv-textarea-field {
+  width: 100%;
+}
+.contact-area .fserv-field + div:not(.fserv-field) {
+  width: 100%;
+}
+
+body.partner .footer-top {
+  padding-top: 200px;
+}
+body.partner .social-prove-brand-area .brand-image-wrapper {
+  justify-content: center;
+  gap: 22px;
+}
+@media screen and (max-width: 1023px) {
+  body.partner .social-prove-brand-area .brand-image-wrapper {
+    gap: 16px;
+  }
+}
+body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) .single-brand {
+  padding: 16px 32px;
+  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
+  border: none;
+}
+body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) .single-brand img {
+  max-height: 52px;
+  filter: none;
+}
+@media screen and (max-width: 768px) {
+  body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) .single-brand img {
+    max-height: 32px;
+  }
+}
+@media screen and (max-width: 1023px) {
+  body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) .single-brand {
+    padding: 16px;
+  }
+}
+body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) a.single-brand {
+  border: 2px solid transparent;
+}
+body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) a.single-brand:hover {
+  border: 2px solid var(--ac-primary) !important;
+}
+body.partner .social-prove-brand-area .brand-image-wrapper .single-brand {
+  height: 110px;
+}
+@media screen and (max-width: 1023px) {
+  body.partner .social-prove-brand-area .brand-image-wrapper .single-brand {
+    height: auto;
+  }
+  body.partner .social-prove-brand-area .brand-image-wrapper .single-brand img {
+    max-height: 28px;
+  }
+}
+body.partner .fs-webform-container .fserv-label {
+  font-family: "Roboto", sans-serif;
+  margin-bottom: 0;
+}
+body.partner .fserv-button-submit {
+  background: linear-gradient(to left, hsl(149, 100%, 33%), hsl(149, 50%, 33%)) !important;
+  transition: 0.3s ease-in-out;
+}
+body.partner .fserv-button-submit:hover {
+  box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important;
+  transform: translateY(-2px);
+}
+
+.hero-area.is-services {
+  padding: 100px 0 50px;
+  align-items: center;
+  overflow: hidden;
+  display: flex;
+  background-size: cover;
+  background-position: center;
+  margin-top: 110px;
+  position: relative;
+  z-index: 1;
+}
+.hero-area.is-services h1 {
+  font-size: 3rem;
+  line-height: 130%;
+  font-weight: 700;
+  letter-spacing: -0.57px;
+  margin-bottom: 1rem;
+  text-wrap: balance;
+}
+.hero-area.is-services p {
+  font-family: "Roboto", sans-serif;
+  font-size: 1rem;
+  line-height: 160%;
+  color: #636363;
+  margin-bottom: 2rem;
+  text-wrap: balance;
+}
+@media screen and (max-width: 768px) {
+  .hero-area.is-services {
+    margin-top: 40px;
+  }
+  .hero-area.is-services h1 {
+    font-size: 2rem;
+  }
+  .hero-area.is-services .section-title h2 {
+    font-size: 1.5rem;
+    letter-spacing: 0;
+    line-height: 1.4;
+  }
+}
+
+.bg-light {
+  background-color: #f9f9f9;
+}
+
+.benefits-section {
+  margin-top: 50px;
+}
+@media screen and (max-width: 768px) {
+  .benefits-section .section-title h2 {
+    text-align: center;
+    text-wrap: unset;
+  }
+}
+
+.service-card {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 30px;
+  text-align: center;
+  transition: all 0.3s ease;
+  height: 100%;
+}
+.service-card .service-icon {
+  width: 60px;
+  height: 60px;
+  font-size: 24px;
+  margin: 0 auto 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+  background-color: hsl(148, 15%, 95%);
+  color: var(--ac-primary);
+}
+.service-card .service-icon img {
+  max-width: 30px;
+  max-height: 30px;
+}
+.service-card h4 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin-bottom: 10px;
+}
+.service-card p {
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #636363;
+}
+
+.development-card {
+  text-align: center;
+  padding: 20px;
+  border-radius: 8px;
+  transition: all 0.3s ease;
+  height: 100%;
+  background: #ffffff;
+  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.development-card .development-icon {
+  font-size: 32px;
+  width: 32px;
+  color: var(--ac-primary);
+  margin-bottom: 8px;
+}
+.development-card h4 {
+  font-size: 1.25rem;
+  font-weight: 500;
+}
+
+.cta-action-section {
+  background: var(--ac-primary);
+  padding: 60px 20px;
+}
+.cta-action-section h2 {
+  margin-bottom: 15px;
+  color: #ffffff;
+}
+.cta-action-section p {
+  font-size: 1.125rem;
+  color: #ffffff;
+  margin-bottom: 25px;
+}
+.cta-action-section a {
+  color: #ffffff;
+  text-decoration: underline;
+}
+.cta-action-section .button {
+  font-size: 1rem;
+  padding: 12px 30px;
+  border-radius: 5px;
+  transition: background-color 0.3s ease;
+}
+.cta-action-section .button:hover {
+  background-color: rgb(0, 115, 56.1144578313);
+  color: #ffffff;
+}
+
+.card-section .single-card-wrapper:first-child {
+  border-right: 1px solid #e7e7e7;
+}
+.card-section .single-card-wrapper:nth-child(3), .card-section .single-card-wrapper:nth-child(5) {
+  border-top: 1px solid #e7e7e7;
+  border-right: 1px solid #e7e7e7;
+}
+.card-section .single-card-wrapper:nth-child(4), .card-section .single-card-wrapper:nth-child(6) {
+  border-top: 1px solid #e7e7e7;
+}
+@media screen and (max-width: 768px) {
+  .card-section .single-card-wrapper {
+    border: none !important;
+  }
+  .card-section .single-card-wrapper:nth-child(3), .card-section .single-card-wrapper:nth-child(4), .card-section .single-card-wrapper:nth-child(5), .card-section .single-card-wrapper:nth-child(6) {
+    border-top: none !important;
+  }
+}
+.card-section .single-feature {
+  height: 100%;
+  padding: 32px;
+  border: none;
+  background-color: #fff;
+}
+.card-section .single-feature .icon {
+  background-color: hsl(148, 15%, 95%) !important;
+  color: var(--ac-primary);
+  font-size: 24px;
+  border-radius: 8px !important;
+}
+
+.services-menu .single-product {
+  position: relative;
+  z-index: 1;
+  padding: 16px 24px;
+  border-radius: 8px;
+}
+.services-menu .single-product .product-logo {
+  background-color: #fff !important;
+  border: 1px solid #e7e7e7;
+  border-radius: 10px !important;
+}
+.services-menu .single-product .product-logo img {
+  height: 2rem !important;
+}
+.services-menu .single-product p {
+  margin-bottom: 0 !important;
+}
+.services-menu .single-product:hover {
+  background-color: #ebf4f0;
+}
+.services-menu .single-product:hover h2 {
+  color: var(--ac-primary);
+}
+.services-menu .single-product::after {
+  position: absolute;
+  content: "";
+  right: -7px;
+  top: 50%;
+  transform: translateY(-50%) rotate(45deg);
+  width: 16px;
+  height: 16px;
+  background: #ebf4f0;
+  border-radius: 0px 4px 0 0;
+  z-index: -1;
+  transition: 0.3s ease-in-out;
+  opacity: 0;
+  visibility: hidden;
+}
+.services-menu .single-product.is-active {
+  background-color: #ebf4f0 !important;
+}
+.services-menu .single-product.is-active::after {
+  opacity: 1;
+  visibility: visible;
+}
+
+.offering-description-container .product-info .arrow-right.icon {
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s ease;
+}
+.offering-description-container .single-product h2 {
+  letter-spacing: 0;
+  color: var(--ac-primary);
+}
+.offering-description-container .single-product:hover h2 {
+  text-decoration: underline;
+}
+.offering-description-container .single-product:hover .arrow-right.icon {
+  opacity: 1;
+  visibility: visible;
+}
+
+.engagement-models-section .engagement-card-wrapper {
+  border: 1px solid #e7e7e7;
+  border-radius: 8px;
+  background-color: #fff;
+  display: flex;
+}
+@media screen and (max-width: 1023px) {
+  .engagement-models-section .engagement-card-wrapper {
+    flex-direction: column;
+  }
+  .engagement-models-section .engagement-card-wrapper .engagement-card {
+    width: 100% !important;
+    border-left: none !important;
+    border-right: none !important;
+    border-bottom: 1px solid #e7e7e7;
+  }
+  .engagement-models-section .engagement-card-wrapper .engagement-card:last-child {
+    border-bottom: none !important;
+  }
+}
+.engagement-models-section .engagement-card-wrapper .engagement-card {
+  padding: 30px;
+  border-right: 1px solid #e7e7e7;
+  flex-grow: 1;
+  width: min-content;
+}
+.engagement-models-section .engagement-card-wrapper .engagement-card:last-child {
+  border-right: none;
+}
+.engagement-models-section .engagement-card-wrapper .engagement-card h4 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin-bottom: 10px;
+}
+.engagement-models-section .engagement-card-wrapper .engagement-card .num-icon {
+  border-radius: 8px !important;
+  font-size: 30px;
+  font-weight: 900;
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.cloud-native-partner-section .single-feature {
+  height: 100%;
+  align-items: center;
+  text-align: center;
+  padding: 70px 80px;
+  border-radius: 8px;
+  background-color: #fff;
+}
+@media screen and (min-width: 1024px) {
+  .cloud-native-partner-section .single-feature {
+    padding: 24px;
+  }
+}
+@media screen and (max-width: 1023px) {
+  .cloud-native-partner-section .single-feature {
+    padding: 16px;
+  }
+}
+.cloud-native-partner-section .single-feature .icon {
+  background-color: transparent !important;
+  border-radius: 8px !important;
+  color: var(--ac-primary);
+  font-size: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 16px;
+}
+
+.product-development-process-section .steps-wrapper {
+  display: grid;
+  grid-template-columns: 5fr 7fr;
+  gap: 16px;
+}
+@media screen and (max-width: 1023px) {
+  .product-development-process-section .steps-wrapper {
+    grid-template-columns: 1fr;
+  }
+}
+.product-development-process-section .tab-items {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.product-development-process-section .tab-items .tab-item {
+  cursor: pointer;
+  padding: 8px 12px;
+  border-radius: 8px;
+  transition: all 0.3s ease;
+  text-align: center;
+  border: 1px solid #e7e7e7;
+  background: #ffffff;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.product-development-process-section .tab-items .tab-item.is-active {
+  background-color: var(--ac-primary);
+  border: 1px solid var(--ac-primary);
+  color: #ffffff;
+  cursor: default;
+}
+.product-development-process-section .tab-items .tab-item.is-active .date strong {
+  color: var(--ac-primary);
+}
+.product-development-process-section .tab-items .tab-item.is-active .tab-icon {
+  color: #ffffff;
+}
+.product-development-process-section .tab-items .tab-item.is-active h4 {
+  color: #ffffff;
+}
+.product-development-process-section .tab-items .tab-item .date {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin-right: 16px;
+  width: 48px;
+  height: 48px;
+  border-radius: 8px;
+  background-color: hsl(148, 15%, 95%);
+  color: var(--ac-primary);
+  font-size: 18px;
+  font-weight: 700;
+  padding: 8px;
+}
+.product-development-process-section .tab-items .tab-item .date strong {
+  font-size: 1.25rem;
+  font-weight: 600;
+  display: block;
+  line-height: 1;
+  color: hsl(148, 15%, 75%);
+}
+.product-development-process-section .tab-items .tab-item .date span {
+  font-size: 0.875rem;
+  color: #636363;
+}
+.product-development-process-section .tab-items .tab-item h4 {
+  font-size: 18px;
+}
+.product-development-process-section .tab-content {
+  padding: 20px;
+  border: 1px solid #e7e7e7;
+  border-radius: 8px;
+  background: #ffffff;
+  height: 100%;
+  display: none;
+  animation: fadeIn 0.3s ease-in-out;
+  text-align: center;
+}
+.product-development-process-section .tab-content.is-active {
+  display: block;
+}
+.product-development-process-section .tab-content h4 {
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 16px;
+}
+.product-development-process-section .tab-content p {
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #636363;
+}
+.product-development-process-section .tab-content img {
+  max-width: 100%;
+  height: auto;
+  max-height: 200px;
+}
+
+.features-area h3 {
+  margin-bottom: 1rem;
+  font-weight: 700;
+}
+.features-area p {
+  margin-bottom: 16px;
+}
+
+.logo-presentation {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  align-items: center;
+  justify-content: center;
+}
+.logo-presentation .single-logo {
+  border: 1px solid #e7e7e7;
+  border-radius: 8px;
+  padding: 20px;
+  background: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: auto;
+  flex-direction: column;
+  gap: 8px;
+}
+.logo-presentation .single-logo img {
+  width: auto;
+  height: 60px;
+  object-fit: contain;
+}
+
+.resource-card {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 20px;
+  text-align: left;
+  transition: all 0.3s ease;
+  height: 100%;
+  display: block;
+  border: 1px solid #e7e7e7;
+}
+.resource-card:hover {
+  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);
+  transform: translateY(-5px);
+}
+.resource-card:hover h4 {
+  color: var(--ac-primary);
+}
+.resource-card .tag {
+  display: inline-block;
+  background-color: hsl(148, 15%, 95%);
+  color: var(--ac-primary);
+  font-size: 0.875rem;
+  font-weight: 500;
+  padding: 4px 8px;
+  border-radius: 5px;
+  margin-bottom: 12px;
+}
+.resource-card h4 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin-bottom: 10px;
+}
+.resource-card p {
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #636363;
+}
+
+.working-scenarios-section .single-feature .icon {
+  width: 36px;
+  height: 36px;
+  background-color: transparent !important;
+  padding: 0;
+}
+
+.service-wrapper .service-content h3 {
+  margin-bottom: 1rem;
+  font-weight: 700;
+}
+@media screen and (max-width: 768px) {
+  .service-wrapper .service-content h3 {
+    font-size: 1.5rem;
+  }
+}
+.service-wrapper .service-content p {
+  margin-bottom: 16px;
+}
+.service-wrapper .service-content ul li {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin-bottom: 16px;
+}
+.service-wrapper .service-content ul li .icon {
+  margin-top: 3px;
+}
+
+.hero-illustration img {
+  max-height: 450px;
+}
+
+@media screen and (max-width: 768px) {
+  .services .section-title h2 {
+    font-size: 1.5rem;
+    letter-spacing: -0.3px;
+  }
+}
diff --git a/static/assets/sass/main.css b/static/assets/sass/main.css
index 53b1a90a6f..d894be6ff4 100644
--- a/static/assets/sass/main.css
+++ b/static/assets/sass/main.css
@@ -1,20476 +1,382 @@
-@charset "UTF-8";
-/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
-/* Bulma Utilities */
-.button, .input, .textarea, .select select, .file-cta,
-.file-name, .pagination-previous,
-.pagination-next,
-.pagination-link,
-.pagination-ellipsis {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  align-items: center;
-  border: 1px solid transparent;
-  border-radius: 4px;
-  box-shadow: none;
-  display: inline-flex;
-  font-size: 1rem;
-  height: 2.5em;
-  justify-content: flex-start;
-  line-height: 1.5;
-  padding-bottom: calc(0.5em - 1px);
-  padding-left: calc(0.75em - 1px);
-  padding-right: calc(0.75em - 1px);
-  padding-top: calc(0.5em - 1px);
-  position: relative;
-  vertical-align: top; }
-  .button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus,
-  .file-name:focus, .pagination-previous:focus,
-  .pagination-next:focus,
-  .pagination-link:focus,
-  .pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
-  .is-focused.file-name, .is-focused.pagination-previous,
-  .is-focused.pagination-next,
-  .is-focused.pagination-link,
-  .is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active,
-  .file-name:active, .pagination-previous:active,
-  .pagination-next:active,
-  .pagination-link:active,
-  .pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta,
-  .is-active.file-name, .is-active.pagination-previous,
-  .is-active.pagination-next,
-  .is-active.pagination-link,
-  .is-active.pagination-ellipsis {
-    outline: none; }
-  [disabled].button, [disabled].input, [disabled].textarea, .select select[disabled], [disabled].file-cta,
-  [disabled].file-name, [disabled].pagination-previous,
-  [disabled].pagination-next,
-  [disabled].pagination-link,
-  [disabled].pagination-ellipsis, fieldset[disabled] .button, fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .file-cta,
-  fieldset[disabled] .file-name, fieldset[disabled] .pagination-previous,
-  fieldset[disabled] .pagination-next,
-  fieldset[disabled] .pagination-link,
-  fieldset[disabled] .pagination-ellipsis {
-    cursor: not-allowed; }
-
-.button, .file, .breadcrumb, .pagination-previous,
-.pagination-next,
-.pagination-link,
-.pagination-ellipsis, .tabs, .is-unselectable {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none; }
-
-.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
-  border: 3px solid transparent;
-  border-radius: 2px;
-  border-right: 0;
-  border-top: 0;
-  content: " ";
-  display: block;
-  height: 0.625em;
-  margin-top: -0.4375em;
-  pointer-events: none;
-  position: absolute;
-  top: 50%;
-  transform: rotate(-45deg);
-  transform-origin: center;
-  width: 0.625em; }
-
-.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .block:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .pagination:not(:last-child), .tabs:not(:last-child) {
-  margin-bottom: 1.5rem; }
-
-.delete, .modal-close {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background-color: rgba(10, 10, 10, 0.2);
-  border: none;
-  border-radius: 9999px;
-  cursor: pointer;
-  pointer-events: auto;
-  display: inline-block;
-  flex-grow: 0;
-  flex-shrink: 0;
-  font-size: 0;
-  height: 20px;
-  max-height: 20px;
-  max-width: 20px;
-  min-height: 20px;
-  min-width: 20px;
-  outline: none;
-  position: relative;
-  vertical-align: top;
-  width: 20px; }
-  .delete::before, .modal-close::before, .delete::after, .modal-close::after {
-    background-color: white;
-    content: "";
-    display: block;
-    left: 50%;
-    position: absolute;
-    top: 50%;
-    transform: translateX(-50%) translateY(-50%) rotate(45deg);
-    transform-origin: center center; }
-  .delete::before, .modal-close::before {
-    height: 2px;
-    width: 50%; }
-  .delete::after, .modal-close::after {
-    height: 50%;
-    width: 2px; }
-  .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
-    background-color: rgba(10, 10, 10, 0.3); }
-  .delete:active, .modal-close:active {
-    background-color: rgba(10, 10, 10, 0.4); }
-  .is-small.delete, .is-small.modal-close {
-    height: 16px;
-    max-height: 16px;
-    max-width: 16px;
-    min-height: 16px;
-    min-width: 16px;
-    width: 16px; }
-  .is-medium.delete, .is-medium.modal-close {
-    height: 24px;
-    max-height: 24px;
-    max-width: 24px;
-    min-height: 24px;
-    min-width: 24px;
-    width: 24px; }
-  .is-large.delete, .is-large.modal-close {
-    height: 32px;
-    max-height: 32px;
-    max-width: 32px;
-    min-height: 32px;
-    min-width: 32px;
-    width: 32px; }
-
-.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
-  animation: spinAround 500ms infinite linear;
-  border: 2px solid #dbdbdb;
-  border-radius: 9999px;
-  border-right-color: transparent;
-  border-top-color: transparent;
-  content: "";
-  display: block;
-  height: 1em;
-  position: relative;
-  width: 1em; }
-
-.image.is-square img,
-.image.is-square .has-ratio, .image.is-1by1 img,
-.image.is-1by1 .has-ratio, .image.is-5by4 img,
-.image.is-5by4 .has-ratio, .image.is-4by3 img,
-.image.is-4by3 .has-ratio, .image.is-3by2 img,
-.image.is-3by2 .has-ratio, .image.is-5by3 img,
-.image.is-5by3 .has-ratio, .image.is-16by9 img,
-.image.is-16by9 .has-ratio, .image.is-2by1 img,
-.image.is-2by1 .has-ratio, .image.is-3by1 img,
-.image.is-3by1 .has-ratio, .image.is-4by5 img,
-.image.is-4by5 .has-ratio, .image.is-3by4 img,
-.image.is-3by4 .has-ratio, .image.is-2by3 img,
-.image.is-2by3 .has-ratio, .image.is-3by5 img,
-.image.is-3by5 .has-ratio, .image.is-9by16 img,
-.image.is-9by16 .has-ratio, .image.is-1by2 img,
-.image.is-1by2 .has-ratio, .image.is-1by3 img,
-.image.is-1by3 .has-ratio, .modal, .modal-background, .is-overlay, .hero-video {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0; }
-
-.navbar-burger {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
-  background: none;
-  border: none;
-  color: currentColor;
-  font-family: inherit;
-  font-size: 1em;
-  margin: 0;
-  padding: 0; }
-
-/* Bulma Base */
-/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
-html,
-body,
-p,
-ol,
-ul,
-li,
-dl,
-dt,
-dd,
-blockquote,
-figure,
-fieldset,
-legend,
-textarea,
-pre,
-iframe,
-hr,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin: 0;
-  padding: 0; }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: 100%;
-  font-weight: normal; }
-
-ul {
-  list-style: none; }
-
-button,
-input,
-select,
-textarea {
-  margin: 0; }
-
-html {
-  box-sizing: border-box; }
-
-*, *::before, *::after {
-  box-sizing: inherit; }
-
-img,
-video {
-  height: auto;
-  max-width: 100%; }
-
-iframe {
-  border: 0; }
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0; }
-
-td,
-th {
-  padding: 0; }
-  td:not([align]),
-  th:not([align]) {
-    text-align: inherit; }
-
-html {
-  background-color: white;
-  font-size: 16px;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  min-width: 300px;
-  overflow-x: hidden;
-  overflow-y: scroll;
-  text-rendering: optimizeLegibility;
-  text-size-adjust: 100%; }
-
-article,
-aside,
-figure,
-footer,
-header,
-hgroup,
-section {
-  display: block; }
-
-body,
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
-
-code,
-pre {
-  -moz-osx-font-smoothing: auto;
-  -webkit-font-smoothing: auto;
-  font-family: monospace; }
-
-body {
-  color: #4a4a4a;
-  font-size: 1em;
-  font-weight: 400;
-  line-height: 1.5; }
-
-a {
-  color: #485fc7;
-  cursor: pointer;
-  text-decoration: none; }
-  a strong {
-    color: currentColor; }
-  a:hover {
-    color: #363636; }
-
-code {
-  background-color: whitesmoke;
-  color: #da1039;
-  font-size: 0.875em;
-  font-weight: normal;
-  padding: 0.25em 0.5em 0.25em; }
-
-hr {
-  background-color: whitesmoke;
-  border: none;
-  display: block;
-  height: 2px;
-  margin: 1.5rem 0; }
-
-img {
-  height: auto;
-  max-width: 100%; }
-
-input[type="checkbox"],
-input[type="radio"] {
-  vertical-align: baseline; }
-
-small {
-  font-size: 0.875em; }
-
-span {
-  font-style: inherit;
-  font-weight: inherit; }
-
-strong {
-  color: #363636;
-  font-weight: 700; }
-
-fieldset {
-  border: none; }
-
-pre {
-  -webkit-overflow-scrolling: touch;
-  background-color: whitesmoke;
-  color: #4a4a4a;
-  font-size: 0.875em;
-  overflow-x: auto;
-  padding: 1.25rem 1.5rem;
-  white-space: pre;
-  word-wrap: normal; }
-  pre code {
-    background-color: transparent;
-    color: currentColor;
-    font-size: 1em;
-    padding: 0; }
-
-table td,
-table th {
-  vertical-align: top; }
-  table td:not([align]),
-  table th:not([align]) {
-    text-align: inherit; }
-table th {
-  color: #363636; }
-
-@keyframes spinAround {
-  from {
-    transform: rotate(0deg); }
-  to {
-    transform: rotate(359deg); } }
-/* Bulma Elements */
-.box {
-  background-color: white;
-  border-radius: 6px;
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
-  color: #4a4a4a;
-  display: block;
-  padding: 1.25rem; }
-
-a.box:hover, a.box:focus {
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #485fc7; }
-a.box:active {
-  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #485fc7; }
-
-.button {
-  background-color: white;
-  border-color: #dbdbdb;
-  border-width: 1px;
-  color: #363636;
-  cursor: pointer;
-  justify-content: center;
-  padding-bottom: calc(0.5em - 1px);
-  padding-left: 1em;
-  padding-right: 1em;
-  padding-top: calc(0.5em - 1px);
-  text-align: center;
-  white-space: nowrap; }
-  .button strong {
-    color: inherit; }
-  .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
-    height: 1.5em;
-    width: 1.5em; }
-  .button .icon:first-child:not(:last-child) {
-    margin-left: calc(-0.5em - 1px);
-    margin-right: 0.25em; }
-  .button .icon:last-child:not(:first-child) {
-    margin-left: 0.25em;
-    margin-right: calc(-0.5em - 1px); }
-  .button .icon:first-child:last-child {
-    margin-left: calc(-0.5em - 1px);
-    margin-right: calc(-0.5em - 1px); }
-  .button:hover, .button.is-hovered {
-    border-color: #b5b5b5;
-    color: #363636; }
-  .button:focus, .button.is-focused {
-    border-color: #485fc7;
-    color: #363636; }
-    .button:focus:not(:active), .button.is-focused:not(:active) {
-      box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); }
-  .button:active, .button.is-active {
-    border-color: #4a4a4a;
-    color: #363636; }
-  .button.is-text {
-    background-color: transparent;
-    border-color: transparent;
-    color: #4a4a4a;
-    text-decoration: underline; }
-    .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
-      background-color: whitesmoke;
-      color: #363636; }
-    .button.is-text:active, .button.is-text.is-active {
-      background-color: #e8e8e8;
-      color: #363636; }
-    .button.is-text[disabled], fieldset[disabled] .button.is-text {
-      background-color: transparent;
-      border-color: transparent;
-      box-shadow: none; }
-  .button.is-ghost {
-    background: none;
-    border-color: transparent;
-    color: #485fc7;
-    text-decoration: none; }
-    .button.is-ghost:hover, .button.is-ghost.is-hovered {
-      color: #485fc7;
-      text-decoration: underline; }
-  .button.is-white {
-    background-color: white;
-    border-color: transparent;
-    color: #0a0a0a; }
-    .button.is-white:hover, .button.is-white.is-hovered {
-      background-color: #f9f9f9;
-      border-color: transparent;
-      color: #0a0a0a; }
-    .button.is-white:focus, .button.is-white.is-focused {
-      border-color: transparent;
-      color: #0a0a0a; }
-      .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
-        box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
-    .button.is-white:active, .button.is-white.is-active {
-      background-color: #f2f2f2;
-      border-color: transparent;
-      color: #0a0a0a; }
-    .button.is-white[disabled], fieldset[disabled] .button.is-white {
-      background-color: white;
-      border-color: white;
-      box-shadow: none; }
-    .button.is-white.is-inverted {
-      background-color: #0a0a0a;
-      color: white; }
-      .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
-        background-color: black; }
-      .button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
-        background-color: #0a0a0a;
-        border-color: transparent;
-        box-shadow: none;
-        color: white; }
-    .button.is-white.is-loading::after {
-      border-color: transparent transparent #0a0a0a #0a0a0a !important; }
-    .button.is-white.is-outlined {
-      background-color: transparent;
-      border-color: white;
-      color: white; }
-      .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
-        background-color: white;
-        border-color: white;
-        color: #0a0a0a; }
-      .button.is-white.is-outlined.is-loading::after {
-        border-color: transparent transparent white white !important; }
-      .button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #0a0a0a #0a0a0a !important; }
-      .button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
-        background-color: transparent;
-        border-color: white;
-        box-shadow: none;
-        color: white; }
-    .button.is-white.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: #0a0a0a;
-      color: #0a0a0a; }
-      .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
-        background-color: #0a0a0a;
-        color: white; }
-      .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent white white !important; }
-      .button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
-        background-color: transparent;
-        border-color: #0a0a0a;
-        box-shadow: none;
-        color: #0a0a0a; }
-  .button.is-black {
-    background-color: #0a0a0a;
-    border-color: transparent;
-    color: white; }
-    .button.is-black:hover, .button.is-black.is-hovered {
-      background-color: #040404;
-      border-color: transparent;
-      color: white; }
-    .button.is-black:focus, .button.is-black.is-focused {
-      border-color: transparent;
-      color: white; }
-      .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
-        box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
-    .button.is-black:active, .button.is-black.is-active {
-      background-color: black;
-      border-color: transparent;
-      color: white; }
-    .button.is-black[disabled], fieldset[disabled] .button.is-black {
-      background-color: #0a0a0a;
-      border-color: #0a0a0a;
-      box-shadow: none; }
-    .button.is-black.is-inverted {
-      background-color: white;
-      color: #0a0a0a; }
-      .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
-        background-color: #f2f2f2; }
-      .button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
-        background-color: white;
-        border-color: transparent;
-        box-shadow: none;
-        color: #0a0a0a; }
-    .button.is-black.is-loading::after {
-      border-color: transparent transparent white white !important; }
-    .button.is-black.is-outlined {
-      background-color: transparent;
-      border-color: #0a0a0a;
-      color: #0a0a0a; }
-      .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
-        background-color: #0a0a0a;
-        border-color: #0a0a0a;
-        color: white; }
-      .button.is-black.is-outlined.is-loading::after {
-        border-color: transparent transparent #0a0a0a #0a0a0a !important; }
-      .button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent white white !important; }
-      .button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
-        background-color: transparent;
-        border-color: #0a0a0a;
-        box-shadow: none;
-        color: #0a0a0a; }
-    .button.is-black.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: white;
-      color: white; }
-      .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
-        background-color: white;
-        color: #0a0a0a; }
-      .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #0a0a0a #0a0a0a !important; }
-      .button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
-        background-color: transparent;
-        border-color: white;
-        box-shadow: none;
-        color: white; }
-  .button.is-light {
-    background-color: whitesmoke;
-    border-color: transparent;
-    color: rgba(0, 0, 0, 0.7); }
-    .button.is-light:hover, .button.is-light.is-hovered {
-      background-color: #eeeeee;
-      border-color: transparent;
-      color: rgba(0, 0, 0, 0.7); }
-    .button.is-light:focus, .button.is-light.is-focused {
-      border-color: transparent;
-      color: rgba(0, 0, 0, 0.7); }
-      .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
-        box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
-    .button.is-light:active, .button.is-light.is-active {
-      background-color: #e8e8e8;
-      border-color: transparent;
-      color: rgba(0, 0, 0, 0.7); }
-    .button.is-light[disabled], fieldset[disabled] .button.is-light {
-      background-color: whitesmoke;
-      border-color: whitesmoke;
-      box-shadow: none; }
-    .button.is-light.is-inverted {
-      background-color: rgba(0, 0, 0, 0.7);
-      color: whitesmoke; }
-      .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
-        background-color: rgba(0, 0, 0, 0.7); }
-      .button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
-        background-color: rgba(0, 0, 0, 0.7);
-        border-color: transparent;
-        box-shadow: none;
-        color: whitesmoke; }
-    .button.is-light.is-loading::after {
-      border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
-    .button.is-light.is-outlined {
-      background-color: transparent;
-      border-color: whitesmoke;
-      color: whitesmoke; }
-      .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
-        background-color: whitesmoke;
-        border-color: whitesmoke;
-        color: rgba(0, 0, 0, 0.7); }
-      .button.is-light.is-outlined.is-loading::after {
-        border-color: transparent transparent whitesmoke whitesmoke !important; }
-      .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
-      .button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
-        background-color: transparent;
-        border-color: whitesmoke;
-        box-shadow: none;
-        color: whitesmoke; }
-    .button.is-light.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: rgba(0, 0, 0, 0.7);
-      color: rgba(0, 0, 0, 0.7); }
-      .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
-        background-color: rgba(0, 0, 0, 0.7);
-        color: whitesmoke; }
-      .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent whitesmoke whitesmoke !important; }
-      .button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
-        background-color: transparent;
-        border-color: rgba(0, 0, 0, 0.7);
-        box-shadow: none;
-        color: rgba(0, 0, 0, 0.7); }
-  .button.is-dark {
-    background-color: #363636;
-    border-color: transparent;
-    color: #fff; }
-    .button.is-dark:hover, .button.is-dark.is-hovered {
-      background-color: #2f2f2f;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-dark:focus, .button.is-dark.is-focused {
-      border-color: transparent;
-      color: #fff; }
-      .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
-        box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
-    .button.is-dark:active, .button.is-dark.is-active {
-      background-color: #292929;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-dark[disabled], fieldset[disabled] .button.is-dark {
-      background-color: #363636;
-      border-color: #363636;
-      box-shadow: none; }
-    .button.is-dark.is-inverted {
-      background-color: #fff;
-      color: #363636; }
-      .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
-        background-color: #f2f2f2; }
-      .button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
-        background-color: #fff;
-        border-color: transparent;
-        box-shadow: none;
-        color: #363636; }
-    .button.is-dark.is-loading::after {
-      border-color: transparent transparent #fff #fff !important; }
-    .button.is-dark.is-outlined {
-      background-color: transparent;
-      border-color: #363636;
-      color: #363636; }
-      .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
-        background-color: #363636;
-        border-color: #363636;
-        color: #fff; }
-      .button.is-dark.is-outlined.is-loading::after {
-        border-color: transparent transparent #363636 #363636 !important; }
-      .button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #fff #fff !important; }
-      .button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
-        background-color: transparent;
-        border-color: #363636;
-        box-shadow: none;
-        color: #363636; }
-    .button.is-dark.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: #fff;
-      color: #fff; }
-      .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
-        background-color: #fff;
-        color: #363636; }
-      .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #363636 #363636 !important; }
-      .button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
-        background-color: transparent;
-        border-color: #fff;
-        box-shadow: none;
-        color: #fff; }
-  .button.is-primary {
-    background-color: #00d1b2;
-    border-color: transparent;
-    color: #fff; }
-    .button.is-primary:hover, .button.is-primary.is-hovered {
-      background-color: #00c4a7;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-primary:focus, .button.is-primary.is-focused {
-      border-color: transparent;
-      color: #fff; }
-      .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
-        box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); }
-    .button.is-primary:active, .button.is-primary.is-active {
-      background-color: #00b89c;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-primary[disabled], fieldset[disabled] .button.is-primary {
-      background-color: #00d1b2;
-      border-color: #00d1b2;
-      box-shadow: none; }
-    .button.is-primary.is-inverted {
-      background-color: #fff;
-      color: #00d1b2; }
-      .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
-        background-color: #f2f2f2; }
-      .button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
-        background-color: #fff;
-        border-color: transparent;
-        box-shadow: none;
-        color: #00d1b2; }
-    .button.is-primary.is-loading::after {
-      border-color: transparent transparent #fff #fff !important; }
-    .button.is-primary.is-outlined {
-      background-color: transparent;
-      border-color: #00d1b2;
-      color: #00d1b2; }
-      .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
-        background-color: #00d1b2;
-        border-color: #00d1b2;
-        color: #fff; }
-      .button.is-primary.is-outlined.is-loading::after {
-        border-color: transparent transparent #00d1b2 #00d1b2 !important; }
-      .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #fff #fff !important; }
-      .button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
-        background-color: transparent;
-        border-color: #00d1b2;
-        box-shadow: none;
-        color: #00d1b2; }
-    .button.is-primary.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: #fff;
-      color: #fff; }
-      .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
-        background-color: #fff;
-        color: #00d1b2; }
-      .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #00d1b2 #00d1b2 !important; }
-      .button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
-        background-color: transparent;
-        border-color: #fff;
-        box-shadow: none;
-        color: #fff; }
-    .button.is-primary.is-light {
-      background-color: #ebfffc;
-      color: #00947e; }
-      .button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
-        background-color: #defffa;
-        border-color: transparent;
-        color: #00947e; }
-      .button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
-        background-color: #d1fff8;
-        border-color: transparent;
-        color: #00947e; }
-  .button.is-link {
-    background-color: #485fc7;
-    border-color: transparent;
-    color: #fff; }
-    .button.is-link:hover, .button.is-link.is-hovered {
-      background-color: #3e56c4;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-link:focus, .button.is-link.is-focused {
-      border-color: transparent;
-      color: #fff; }
-      .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
-        box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); }
-    .button.is-link:active, .button.is-link.is-active {
-      background-color: #3a51bb;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-link[disabled], fieldset[disabled] .button.is-link {
-      background-color: #485fc7;
-      border-color: #485fc7;
-      box-shadow: none; }
-    .button.is-link.is-inverted {
-      background-color: #fff;
-      color: #485fc7; }
-      .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
-        background-color: #f2f2f2; }
-      .button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
-        background-color: #fff;
-        border-color: transparent;
-        box-shadow: none;
-        color: #485fc7; }
-    .button.is-link.is-loading::after {
-      border-color: transparent transparent #fff #fff !important; }
-    .button.is-link.is-outlined {
-      background-color: transparent;
-      border-color: #485fc7;
-      color: #485fc7; }
-      .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
-        background-color: #485fc7;
-        border-color: #485fc7;
-        color: #fff; }
-      .button.is-link.is-outlined.is-loading::after {
-        border-color: transparent transparent #485fc7 #485fc7 !important; }
-      .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #fff #fff !important; }
-      .button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
-        background-color: transparent;
-        border-color: #485fc7;
-        box-shadow: none;
-        color: #485fc7; }
-    .button.is-link.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: #fff;
-      color: #fff; }
-      .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
-        background-color: #fff;
-        color: #485fc7; }
-      .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #485fc7 #485fc7 !important; }
-      .button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
-        background-color: transparent;
-        border-color: #fff;
-        box-shadow: none;
-        color: #fff; }
-    .button.is-link.is-light {
-      background-color: #eff1fa;
-      color: #3850b7; }
-      .button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
-        background-color: #e6e9f7;
-        border-color: transparent;
-        color: #3850b7; }
-      .button.is-link.is-light:active, .button.is-link.is-light.is-active {
-        background-color: #dce0f4;
-        border-color: transparent;
-        color: #3850b7; }
-  .button.is-info {
-    background-color: #3e8ed0;
-    border-color: transparent;
-    color: #fff; }
-    .button.is-info:hover, .button.is-info.is-hovered {
-      background-color: #3488ce;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-info:focus, .button.is-info.is-focused {
-      border-color: transparent;
-      color: #fff; }
-      .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
-        box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25); }
-    .button.is-info:active, .button.is-info.is-active {
-      background-color: #3082c5;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-info[disabled], fieldset[disabled] .button.is-info {
-      background-color: #3e8ed0;
-      border-color: #3e8ed0;
-      box-shadow: none; }
-    .button.is-info.is-inverted {
-      background-color: #fff;
-      color: #3e8ed0; }
-      .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
-        background-color: #f2f2f2; }
-      .button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
-        background-color: #fff;
-        border-color: transparent;
-        box-shadow: none;
-        color: #3e8ed0; }
-    .button.is-info.is-loading::after {
-      border-color: transparent transparent #fff #fff !important; }
-    .button.is-info.is-outlined {
-      background-color: transparent;
-      border-color: #3e8ed0;
-      color: #3e8ed0; }
-      .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
-        background-color: #3e8ed0;
-        border-color: #3e8ed0;
-        color: #fff; }
-      .button.is-info.is-outlined.is-loading::after {
-        border-color: transparent transparent #3e8ed0 #3e8ed0 !important; }
-      .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #fff #fff !important; }
-      .button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
-        background-color: transparent;
-        border-color: #3e8ed0;
-        box-shadow: none;
-        color: #3e8ed0; }
-    .button.is-info.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: #fff;
-      color: #fff; }
-      .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
-        background-color: #fff;
-        color: #3e8ed0; }
-      .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #3e8ed0 #3e8ed0 !important; }
-      .button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
-        background-color: transparent;
-        border-color: #fff;
-        box-shadow: none;
-        color: #fff; }
-    .button.is-info.is-light {
-      background-color: #eff5fb;
-      color: #296fa8; }
-      .button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
-        background-color: #e4eff9;
-        border-color: transparent;
-        color: #296fa8; }
-      .button.is-info.is-light:active, .button.is-info.is-light.is-active {
-        background-color: #dae9f6;
-        border-color: transparent;
-        color: #296fa8; }
-  .button.is-success {
-    background-color: #48c78e;
-    border-color: transparent;
-    color: #fff; }
-    .button.is-success:hover, .button.is-success.is-hovered {
-      background-color: #3ec487;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-success:focus, .button.is-success.is-focused {
-      border-color: transparent;
-      color: #fff; }
-      .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
-        box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25); }
-    .button.is-success:active, .button.is-success.is-active {
-      background-color: #3abb81;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-success[disabled], fieldset[disabled] .button.is-success {
-      background-color: #48c78e;
-      border-color: #48c78e;
-      box-shadow: none; }
-    .button.is-success.is-inverted {
-      background-color: #fff;
-      color: #48c78e; }
-      .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
-        background-color: #f2f2f2; }
-      .button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
-        background-color: #fff;
-        border-color: transparent;
-        box-shadow: none;
-        color: #48c78e; }
-    .button.is-success.is-loading::after {
-      border-color: transparent transparent #fff #fff !important; }
-    .button.is-success.is-outlined {
-      background-color: transparent;
-      border-color: #48c78e;
-      color: #48c78e; }
-      .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
-        background-color: #48c78e;
-        border-color: #48c78e;
-        color: #fff; }
-      .button.is-success.is-outlined.is-loading::after {
-        border-color: transparent transparent #48c78e #48c78e !important; }
-      .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #fff #fff !important; }
-      .button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
-        background-color: transparent;
-        border-color: #48c78e;
-        box-shadow: none;
-        color: #48c78e; }
-    .button.is-success.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: #fff;
-      color: #fff; }
-      .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
-        background-color: #fff;
-        color: #48c78e; }
-      .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #48c78e #48c78e !important; }
-      .button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
-        background-color: transparent;
-        border-color: #fff;
-        box-shadow: none;
-        color: #fff; }
-    .button.is-success.is-light {
-      background-color: #effaf5;
-      color: #257953; }
-      .button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
-        background-color: #e6f7ef;
-        border-color: transparent;
-        color: #257953; }
-      .button.is-success.is-light:active, .button.is-success.is-light.is-active {
-        background-color: #dcf4e9;
-        border-color: transparent;
-        color: #257953; }
-  .button.is-warning {
-    background-color: #ffe08a;
-    border-color: transparent;
-    color: rgba(0, 0, 0, 0.7); }
-    .button.is-warning:hover, .button.is-warning.is-hovered {
-      background-color: #ffdc7d;
-      border-color: transparent;
-      color: rgba(0, 0, 0, 0.7); }
-    .button.is-warning:focus, .button.is-warning.is-focused {
-      border-color: transparent;
-      color: rgba(0, 0, 0, 0.7); }
-      .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
-        box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25); }
-    .button.is-warning:active, .button.is-warning.is-active {
-      background-color: #ffd970;
-      border-color: transparent;
-      color: rgba(0, 0, 0, 0.7); }
-    .button.is-warning[disabled], fieldset[disabled] .button.is-warning {
-      background-color: #ffe08a;
-      border-color: #ffe08a;
-      box-shadow: none; }
-    .button.is-warning.is-inverted {
-      background-color: rgba(0, 0, 0, 0.7);
-      color: #ffe08a; }
-      .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
-        background-color: rgba(0, 0, 0, 0.7); }
-      .button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
-        background-color: rgba(0, 0, 0, 0.7);
-        border-color: transparent;
-        box-shadow: none;
-        color: #ffe08a; }
-    .button.is-warning.is-loading::after {
-      border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
-    .button.is-warning.is-outlined {
-      background-color: transparent;
-      border-color: #ffe08a;
-      color: #ffe08a; }
-      .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
-        background-color: #ffe08a;
-        border-color: #ffe08a;
-        color: rgba(0, 0, 0, 0.7); }
-      .button.is-warning.is-outlined.is-loading::after {
-        border-color: transparent transparent #ffe08a #ffe08a !important; }
-      .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
-      .button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
-        background-color: transparent;
-        border-color: #ffe08a;
-        box-shadow: none;
-        color: #ffe08a; }
-    .button.is-warning.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: rgba(0, 0, 0, 0.7);
-      color: rgba(0, 0, 0, 0.7); }
-      .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
-        background-color: rgba(0, 0, 0, 0.7);
-        color: #ffe08a; }
-      .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #ffe08a #ffe08a !important; }
-      .button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
-        background-color: transparent;
-        border-color: rgba(0, 0, 0, 0.7);
-        box-shadow: none;
-        color: rgba(0, 0, 0, 0.7); }
-    .button.is-warning.is-light {
-      background-color: #fffaeb;
-      color: #946c00; }
-      .button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
-        background-color: #fff6de;
-        border-color: transparent;
-        color: #946c00; }
-      .button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
-        background-color: #fff3d1;
-        border-color: transparent;
-        color: #946c00; }
-  .button.is-danger {
-    background-color: #f14668;
-    border-color: transparent;
-    color: #fff; }
-    .button.is-danger:hover, .button.is-danger.is-hovered {
-      background-color: #f03a5f;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-danger:focus, .button.is-danger.is-focused {
-      border-color: transparent;
-      color: #fff; }
-      .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
-        box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); }
-    .button.is-danger:active, .button.is-danger.is-active {
-      background-color: #ef2e55;
-      border-color: transparent;
-      color: #fff; }
-    .button.is-danger[disabled], fieldset[disabled] .button.is-danger {
-      background-color: #f14668;
-      border-color: #f14668;
-      box-shadow: none; }
-    .button.is-danger.is-inverted {
-      background-color: #fff;
-      color: #f14668; }
-      .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
-        background-color: #f2f2f2; }
-      .button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
-        background-color: #fff;
-        border-color: transparent;
-        box-shadow: none;
-        color: #f14668; }
-    .button.is-danger.is-loading::after {
-      border-color: transparent transparent #fff #fff !important; }
-    .button.is-danger.is-outlined {
-      background-color: transparent;
-      border-color: #f14668;
-      color: #f14668; }
-      .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
-        background-color: #f14668;
-        border-color: #f14668;
-        color: #fff; }
-      .button.is-danger.is-outlined.is-loading::after {
-        border-color: transparent transparent #f14668 #f14668 !important; }
-      .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #fff #fff !important; }
-      .button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
-        background-color: transparent;
-        border-color: #f14668;
-        box-shadow: none;
-        color: #f14668; }
-    .button.is-danger.is-inverted.is-outlined {
-      background-color: transparent;
-      border-color: #fff;
-      color: #fff; }
-      .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
-        background-color: #fff;
-        color: #f14668; }
-      .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #f14668 #f14668 !important; }
-      .button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
-        background-color: transparent;
-        border-color: #fff;
-        box-shadow: none;
-        color: #fff; }
-    .button.is-danger.is-light {
-      background-color: #feecf0;
-      color: #cc0f35; }
-      .button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
-        background-color: #fde0e6;
-        border-color: transparent;
-        color: #cc0f35; }
-      .button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
-        background-color: #fcd4dc;
-        border-color: transparent;
-        color: #cc0f35; }
-  .button.is-small {
-    font-size: 0.75rem; }
-    .button.is-small:not(.is-rounded) {
-      border-radius: 2px; }
-  .button.is-normal {
-    font-size: 1rem; }
-  .button.is-medium {
-    font-size: 1.25rem; }
-  .button.is-large {
-    font-size: 1.5rem; }
-  .button[disabled], fieldset[disabled] .button {
-    background-color: white;
-    border-color: #dbdbdb;
-    box-shadow: none;
-    opacity: 0.5; }
-  .button.is-fullwidth {
-    display: flex;
-    width: 100%; }
-  .button.is-loading {
-    color: transparent !important;
-    pointer-events: none; }
-    .button.is-loading::after {
-      position: absolute;
-      left: calc(50% - (1em * 0.5));
-      top: calc(50% - (1em * 0.5));
-      position: absolute !important; }
-  .button.is-static {
-    background-color: whitesmoke;
-    border-color: #dbdbdb;
-    color: #7a7a7a;
-    box-shadow: none;
-    pointer-events: none; }
-  .button.is-rounded {
-    border-radius: 9999px;
-    padding-left: calc(1em + 0.25em);
-    padding-right: calc(1em + 0.25em); }
-
-.buttons {
-  align-items: center;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start; }
-  .buttons .button {
-    margin-bottom: 0.5rem; }
-    .buttons .button:not(:last-child):not(.is-fullwidth) {
-      margin-right: 0.5rem; }
-  .buttons:last-child {
-    margin-bottom: -0.5rem; }
-  .buttons:not(:last-child) {
-    margin-bottom: 1rem; }
-  .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
-    font-size: 0.75rem; }
-    .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
-      border-radius: 2px; }
-  .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
-    font-size: 1.25rem; }
-  .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
-    font-size: 1.5rem; }
-  .buttons.has-addons .button:not(:first-child) {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0; }
-  .buttons.has-addons .button:not(:last-child) {
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0;
-    margin-right: -1px; }
-  .buttons.has-addons .button:last-child {
-    margin-right: 0; }
-  .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
-    z-index: 2; }
-  .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
-    z-index: 3; }
-    .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
-      z-index: 4; }
-  .buttons.has-addons .button.is-expanded {
-    flex-grow: 1;
-    flex-shrink: 1; }
-  .buttons.is-centered {
-    justify-content: center; }
-    .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
-      margin-left: 0.25rem;
-      margin-right: 0.25rem; }
-  .buttons.is-right {
-    justify-content: flex-end; }
-    .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
-      margin-left: 0.25rem;
-      margin-right: 0.25rem; }
-
-@media screen and (max-width: 768px) {
-  .button.is-responsive.is-small {
-    font-size: 0.5625rem; }
-
-  .button.is-responsive,
-  .button.is-responsive.is-normal {
-    font-size: 0.65625rem; }
-
-  .button.is-responsive.is-medium {
-    font-size: 0.75rem; }
-
-  .button.is-responsive.is-large {
-    font-size: 1rem; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .button.is-responsive.is-small {
-    font-size: 0.65625rem; }
-
-  .button.is-responsive,
-  .button.is-responsive.is-normal {
-    font-size: 0.75rem; }
-
-  .button.is-responsive.is-medium {
-    font-size: 1rem; }
-
-  .button.is-responsive.is-large {
-    font-size: 1.25rem; } }
+/* Tailwind CSS directives */
+*, ::before, ::after {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    --tw-pan-x:  ;
+    --tw-pan-y:  ;
+    --tw-pinch-zoom:  ;
+    --tw-scroll-snap-strictness: proximity;
+    --tw-gradient-from-position:  ;
+    --tw-gradient-via-position:  ;
+    --tw-gradient-to-position:  ;
+    --tw-ordinal:  ;
+    --tw-slashed-zero:  ;
+    --tw-numeric-figure:  ;
+    --tw-numeric-spacing:  ;
+    --tw-numeric-fraction:  ;
+    --tw-ring-inset:  ;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(59 130 246 / 0.5);
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    --tw-blur:  ;
+    --tw-brightness:  ;
+    --tw-contrast:  ;
+    --tw-grayscale:  ;
+    --tw-hue-rotate:  ;
+    --tw-invert:  ;
+    --tw-saturate:  ;
+    --tw-sepia:  ;
+    --tw-drop-shadow:  ;
+    --tw-backdrop-blur:  ;
+    --tw-backdrop-brightness:  ;
+    --tw-backdrop-contrast:  ;
+    --tw-backdrop-grayscale:  ;
+    --tw-backdrop-hue-rotate:  ;
+    --tw-backdrop-invert:  ;
+    --tw-backdrop-opacity:  ;
+    --tw-backdrop-saturate:  ;
+    --tw-backdrop-sepia:  ;
+    --tw-contain-size:  ;
+    --tw-contain-layout:  ;
+    --tw-contain-paint:  ;
+    --tw-contain-style:  
+}
+::-ms-backdrop {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    --tw-pan-x:  ;
+    --tw-pan-y:  ;
+    --tw-pinch-zoom:  ;
+    --tw-scroll-snap-strictness: proximity;
+    --tw-gradient-from-position:  ;
+    --tw-gradient-via-position:  ;
+    --tw-gradient-to-position:  ;
+    --tw-ordinal:  ;
+    --tw-slashed-zero:  ;
+    --tw-numeric-figure:  ;
+    --tw-numeric-spacing:  ;
+    --tw-numeric-fraction:  ;
+    --tw-ring-inset:  ;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(59 130 246 / 0.5);
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    --tw-blur:  ;
+    --tw-brightness:  ;
+    --tw-contrast:  ;
+    --tw-grayscale:  ;
+    --tw-hue-rotate:  ;
+    --tw-invert:  ;
+    --tw-saturate:  ;
+    --tw-sepia:  ;
+    --tw-drop-shadow:  ;
+    --tw-backdrop-blur:  ;
+    --tw-backdrop-brightness:  ;
+    --tw-backdrop-contrast:  ;
+    --tw-backdrop-grayscale:  ;
+    --tw-backdrop-hue-rotate:  ;
+    --tw-backdrop-invert:  ;
+    --tw-backdrop-opacity:  ;
+    --tw-backdrop-saturate:  ;
+    --tw-backdrop-sepia:  ;
+    --tw-contain-size:  ;
+    --tw-contain-layout:  ;
+    --tw-contain-paint:  ;
+    --tw-contain-style:  
+}
+::backdrop {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    --tw-pan-x:  ;
+    --tw-pan-y:  ;
+    --tw-pinch-zoom:  ;
+    --tw-scroll-snap-strictness: proximity;
+    --tw-gradient-from-position:  ;
+    --tw-gradient-via-position:  ;
+    --tw-gradient-to-position:  ;
+    --tw-ordinal:  ;
+    --tw-slashed-zero:  ;
+    --tw-numeric-figure:  ;
+    --tw-numeric-spacing:  ;
+    --tw-numeric-fraction:  ;
+    --tw-ring-inset:  ;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(59 130 246 / 0.5);
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    --tw-blur:  ;
+    --tw-brightness:  ;
+    --tw-contrast:  ;
+    --tw-grayscale:  ;
+    --tw-hue-rotate:  ;
+    --tw-invert:  ;
+    --tw-saturate:  ;
+    --tw-sepia:  ;
+    --tw-drop-shadow:  ;
+    --tw-backdrop-blur:  ;
+    --tw-backdrop-brightness:  ;
+    --tw-backdrop-contrast:  ;
+    --tw-backdrop-grayscale:  ;
+    --tw-backdrop-hue-rotate:  ;
+    --tw-backdrop-invert:  ;
+    --tw-backdrop-opacity:  ;
+    --tw-backdrop-saturate:  ;
+    --tw-backdrop-sepia:  ;
+    --tw-contain-size:  ;
+    --tw-contain-layout:  ;
+    --tw-contain-paint:  ;
+    --tw-contain-style:  
+}
 .container {
-  flex-grow: 1;
-  margin: 0 auto;
-  position: relative;
-  width: auto; }
-  .container.is-fluid {
-    max-width: none !important;
-    padding-left: 32px;
-    padding-right: 32px;
-    width: 100%; }
-  @media screen and (min-width: 1024px) {
+    width: 100%
+}
+@media (min-width: 640px) {
     .container {
-      max-width: 960px; } }
-  @media screen and (max-width: 1215px) {
-    .container.is-widescreen:not(.is-max-desktop) {
-      max-width: 1152px; } }
-  @media screen and (max-width: 1407px) {
-    .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
-      max-width: 1344px; } }
-  @media screen and (min-width: 1216px) {
-    .container:not(.is-max-desktop) {
-      max-width: 1152px; } }
-  @media screen and (min-width: 1408px) {
-    .container:not(.is-max-desktop):not(.is-max-widescreen) {
-      max-width: 1344px; } }
-
-.content li + li {
-  margin-top: 0.25em; }
-.content p:not(:last-child),
-.content dl:not(:last-child),
-.content ol:not(:last-child),
-.content ul:not(:last-child),
-.content blockquote:not(:last-child),
-.content pre:not(:last-child),
-.content table:not(:last-child) {
-  margin-bottom: 1em; }
-.content h1,
-.content h2,
-.content h3,
-.content h4,
-.content h5,
-.content h6 {
-  color: #363636;
-  font-weight: 600;
-  line-height: 1.125; }
-.content h1 {
-  font-size: 2em;
-  margin-bottom: 0.5em; }
-  .content h1:not(:first-child) {
-    margin-top: 1em; }
-.content h2 {
-  font-size: 1.75em;
-  margin-bottom: 0.5714em; }
-  .content h2:not(:first-child) {
-    margin-top: 1.1428em; }
-.content h3 {
-  font-size: 1.5em;
-  margin-bottom: 0.6666em; }
-  .content h3:not(:first-child) {
-    margin-top: 1.3333em; }
-.content h4 {
-  font-size: 1.25em;
-  margin-bottom: 0.8em; }
-.content h5 {
-  font-size: 1.125em;
-  margin-bottom: 0.8888em; }
-.content h6 {
-  font-size: 1em;
-  margin-bottom: 1em; }
-.content blockquote {
-  background-color: whitesmoke;
-  border-left: 5px solid #dbdbdb;
-  padding: 1.25em 1.5em; }
-.content ol {
-  list-style-position: outside;
-  margin-left: 2em;
-  margin-top: 1em; }
-  .content ol:not([type]) {
-    list-style-type: decimal; }
-    .content ol:not([type]).is-lower-alpha {
-      list-style-type: lower-alpha; }
-    .content ol:not([type]).is-lower-roman {
-      list-style-type: lower-roman; }
-    .content ol:not([type]).is-upper-alpha {
-      list-style-type: upper-alpha; }
-    .content ol:not([type]).is-upper-roman {
-      list-style-type: upper-roman; }
-.content ul {
-  list-style: disc outside;
-  margin-left: 2em;
-  margin-top: 1em; }
-  .content ul ul {
-    list-style-type: circle;
-    margin-top: 0.5em; }
-    .content ul ul ul {
-      list-style-type: square; }
-.content dd {
-  margin-left: 2em; }
-.content figure {
-  margin-left: 2em;
-  margin-right: 2em;
-  text-align: center; }
-  .content figure:not(:first-child) {
-    margin-top: 2em; }
-  .content figure:not(:last-child) {
-    margin-bottom: 2em; }
-  .content figure img {
-    display: inline-block; }
-  .content figure figcaption {
-    font-style: italic; }
-.content pre {
-  -webkit-overflow-scrolling: touch;
-  overflow-x: auto;
-  padding: 1.25em 1.5em;
-  white-space: pre;
-  word-wrap: normal; }
-.content sup,
-.content sub {
-  font-size: 75%; }
-.content table {
-  width: 100%; }
-  .content table td,
-  .content table th {
-    border: 1px solid #dbdbdb;
-    border-width: 0 0 1px;
-    padding: 0.5em 0.75em;
-    vertical-align: top; }
-  .content table th {
-    color: #363636; }
-    .content table th:not([align]) {
-      text-align: inherit; }
-  .content table thead td,
-  .content table thead th {
-    border-width: 0 0 2px;
-    color: #363636; }
-  .content table tfoot td,
-  .content table tfoot th {
-    border-width: 2px 0 0;
-    color: #363636; }
-  .content table tbody tr:last-child td,
-  .content table tbody tr:last-child th {
-    border-bottom-width: 0; }
-.content .tabs li + li {
-  margin-top: 0; }
-.content.is-small {
-  font-size: 0.75rem; }
-.content.is-normal {
-  font-size: 1rem; }
-.content.is-medium {
-  font-size: 1.25rem; }
-.content.is-large {
-  font-size: 1.5rem; }
-
-.icon {
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
-  height: 1.5rem;
-  width: 1.5rem; }
-  .icon.is-small {
-    height: 1rem;
-    width: 1rem; }
-  .icon.is-medium {
-    height: 2rem;
-    width: 2rem; }
-  .icon.is-large {
-    height: 3rem;
-    width: 3rem; }
-
-.icon-text {
-  align-items: flex-start;
-  color: inherit;
-  display: inline-flex;
-  flex-wrap: wrap;
-  line-height: 1.5rem;
-  vertical-align: top; }
-  .icon-text .icon {
-    flex-grow: 0;
-    flex-shrink: 0; }
-    .icon-text .icon:not(:last-child) {
-      margin-right: 0.25em; }
-    .icon-text .icon:not(:first-child) {
-      margin-left: 0.25em; }
-
-div.icon-text {
-  display: flex; }
-
-.image {
-  display: block;
-  position: relative; }
-  .image img {
-    display: block;
-    height: auto;
-    width: 100%; }
-    .image img.is-rounded {
-      border-radius: 9999px; }
-  .image.is-fullwidth {
-    width: 100%; }
-  .image.is-square img,
-  .image.is-square .has-ratio, .image.is-1by1 img,
-  .image.is-1by1 .has-ratio, .image.is-5by4 img,
-  .image.is-5by4 .has-ratio, .image.is-4by3 img,
-  .image.is-4by3 .has-ratio, .image.is-3by2 img,
-  .image.is-3by2 .has-ratio, .image.is-5by3 img,
-  .image.is-5by3 .has-ratio, .image.is-16by9 img,
-  .image.is-16by9 .has-ratio, .image.is-2by1 img,
-  .image.is-2by1 .has-ratio, .image.is-3by1 img,
-  .image.is-3by1 .has-ratio, .image.is-4by5 img,
-  .image.is-4by5 .has-ratio, .image.is-3by4 img,
-  .image.is-3by4 .has-ratio, .image.is-2by3 img,
-  .image.is-2by3 .has-ratio, .image.is-3by5 img,
-  .image.is-3by5 .has-ratio, .image.is-9by16 img,
-  .image.is-9by16 .has-ratio, .image.is-1by2 img,
-  .image.is-1by2 .has-ratio, .image.is-1by3 img,
-  .image.is-1by3 .has-ratio {
-    height: 100%;
-    width: 100%; }
-  .image.is-square, .image.is-1by1 {
-    padding-top: 100%; }
-  .image.is-5by4 {
-    padding-top: 80%; }
-  .image.is-4by3 {
-    padding-top: 75%; }
-  .image.is-3by2 {
-    padding-top: 66.6666%; }
-  .image.is-5by3 {
-    padding-top: 60%; }
-  .image.is-16by9 {
-    padding-top: 56.25%; }
-  .image.is-2by1 {
-    padding-top: 50%; }
-  .image.is-3by1 {
-    padding-top: 33.3333%; }
-  .image.is-4by5 {
-    padding-top: 125%; }
-  .image.is-3by4 {
-    padding-top: 133.3333%; }
-  .image.is-2by3 {
-    padding-top: 150%; }
-  .image.is-3by5 {
-    padding-top: 166.6666%; }
-  .image.is-9by16 {
-    padding-top: 177.7777%; }
-  .image.is-1by2 {
-    padding-top: 200%; }
-  .image.is-1by3 {
-    padding-top: 300%; }
-  .image.is-16x16 {
-    height: 16px;
-    width: 16px; }
-  .image.is-24x24 {
-    height: 24px;
-    width: 24px; }
-  .image.is-32x32 {
-    height: 32px;
-    width: 32px; }
-  .image.is-48x48 {
-    height: 48px;
-    width: 48px; }
-  .image.is-64x64 {
-    height: 64px;
-    width: 64px; }
-  .image.is-96x96 {
-    height: 96px;
-    width: 96px; }
-  .image.is-128x128 {
-    height: 128px;
-    width: 128px; }
-
-.notification {
-  background-color: whitesmoke;
-  border-radius: 4px;
-  position: relative;
-  padding: 1.25rem 2.5rem 1.25rem 1.5rem; }
-  .notification a:not(.button):not(.dropdown-item) {
-    color: currentColor;
-    text-decoration: underline; }
-  .notification strong {
-    color: currentColor; }
-  .notification code,
-  .notification pre {
-    background: white; }
-  .notification pre code {
-    background: transparent; }
-  .notification > .delete {
-    right: 0.5rem;
-    position: absolute;
-    top: 0.5rem; }
-  .notification .title,
-  .notification .subtitle,
-  .notification .content {
-    color: currentColor; }
-  .notification.is-white {
-    background-color: white;
-    color: #0a0a0a; }
-  .notification.is-black {
-    background-color: #0a0a0a;
-    color: white; }
-  .notification.is-light {
-    background-color: whitesmoke;
-    color: rgba(0, 0, 0, 0.7); }
-  .notification.is-dark {
-    background-color: #363636;
-    color: #fff; }
-  .notification.is-primary {
-    background-color: #00d1b2;
-    color: #fff; }
-    .notification.is-primary.is-light {
-      background-color: #ebfffc;
-      color: #00947e; }
-  .notification.is-link {
-    background-color: #485fc7;
-    color: #fff; }
-    .notification.is-link.is-light {
-      background-color: #eff1fa;
-      color: #3850b7; }
-  .notification.is-info {
-    background-color: #3e8ed0;
-    color: #fff; }
-    .notification.is-info.is-light {
-      background-color: #eff5fb;
-      color: #296fa8; }
-  .notification.is-success {
-    background-color: #48c78e;
-    color: #fff; }
-    .notification.is-success.is-light {
-      background-color: #effaf5;
-      color: #257953; }
-  .notification.is-warning {
-    background-color: #ffe08a;
-    color: rgba(0, 0, 0, 0.7); }
-    .notification.is-warning.is-light {
-      background-color: #fffaeb;
-      color: #946c00; }
-  .notification.is-danger {
-    background-color: #f14668;
-    color: #fff; }
-    .notification.is-danger.is-light {
-      background-color: #feecf0;
-      color: #cc0f35; }
-
-.progress {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  border: none;
-  border-radius: 9999px;
-  display: block;
-  height: 1rem;
-  overflow: hidden;
-  padding: 0;
-  width: 100%; }
-  .progress::-webkit-progress-bar {
-    background-color: #ededed; }
-  .progress::-webkit-progress-value {
-    background-color: #4a4a4a; }
-  .progress::-moz-progress-bar {
-    background-color: #4a4a4a; }
-  .progress::-ms-fill {
-    background-color: #4a4a4a;
-    border: none; }
-  .progress.is-white::-webkit-progress-value {
-    background-color: white; }
-  .progress.is-white::-moz-progress-bar {
-    background-color: white; }
-  .progress.is-white::-ms-fill {
-    background-color: white; }
-  .progress.is-white:indeterminate {
-    background-image: linear-gradient(to right, white 30%, #ededed 30%); }
-  .progress.is-black::-webkit-progress-value {
-    background-color: #0a0a0a; }
-  .progress.is-black::-moz-progress-bar {
-    background-color: #0a0a0a; }
-  .progress.is-black::-ms-fill {
-    background-color: #0a0a0a; }
-  .progress.is-black:indeterminate {
-    background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%); }
-  .progress.is-light::-webkit-progress-value {
-    background-color: whitesmoke; }
-  .progress.is-light::-moz-progress-bar {
-    background-color: whitesmoke; }
-  .progress.is-light::-ms-fill {
-    background-color: whitesmoke; }
-  .progress.is-light:indeterminate {
-    background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%); }
-  .progress.is-dark::-webkit-progress-value {
-    background-color: #363636; }
-  .progress.is-dark::-moz-progress-bar {
-    background-color: #363636; }
-  .progress.is-dark::-ms-fill {
-    background-color: #363636; }
-  .progress.is-dark:indeterminate {
-    background-image: linear-gradient(to right, #363636 30%, #ededed 30%); }
-  .progress.is-primary::-webkit-progress-value {
-    background-color: #00d1b2; }
-  .progress.is-primary::-moz-progress-bar {
-    background-color: #00d1b2; }
-  .progress.is-primary::-ms-fill {
-    background-color: #00d1b2; }
-  .progress.is-primary:indeterminate {
-    background-image: linear-gradient(to right, #00d1b2 30%, #ededed 30%); }
-  .progress.is-link::-webkit-progress-value {
-    background-color: #485fc7; }
-  .progress.is-link::-moz-progress-bar {
-    background-color: #485fc7; }
-  .progress.is-link::-ms-fill {
-    background-color: #485fc7; }
-  .progress.is-link:indeterminate {
-    background-image: linear-gradient(to right, #485fc7 30%, #ededed 30%); }
-  .progress.is-info::-webkit-progress-value {
-    background-color: #3e8ed0; }
-  .progress.is-info::-moz-progress-bar {
-    background-color: #3e8ed0; }
-  .progress.is-info::-ms-fill {
-    background-color: #3e8ed0; }
-  .progress.is-info:indeterminate {
-    background-image: linear-gradient(to right, #3e8ed0 30%, #ededed 30%); }
-  .progress.is-success::-webkit-progress-value {
-    background-color: #48c78e; }
-  .progress.is-success::-moz-progress-bar {
-    background-color: #48c78e; }
-  .progress.is-success::-ms-fill {
-    background-color: #48c78e; }
-  .progress.is-success:indeterminate {
-    background-image: linear-gradient(to right, #48c78e 30%, #ededed 30%); }
-  .progress.is-warning::-webkit-progress-value {
-    background-color: #ffe08a; }
-  .progress.is-warning::-moz-progress-bar {
-    background-color: #ffe08a; }
-  .progress.is-warning::-ms-fill {
-    background-color: #ffe08a; }
-  .progress.is-warning:indeterminate {
-    background-image: linear-gradient(to right, #ffe08a 30%, #ededed 30%); }
-  .progress.is-danger::-webkit-progress-value {
-    background-color: #f14668; }
-  .progress.is-danger::-moz-progress-bar {
-    background-color: #f14668; }
-  .progress.is-danger::-ms-fill {
-    background-color: #f14668; }
-  .progress.is-danger:indeterminate {
-    background-image: linear-gradient(to right, #f14668 30%, #ededed 30%); }
-  .progress:indeterminate {
-    animation-duration: 1.5s;
-    animation-iteration-count: infinite;
-    animation-name: moveIndeterminate;
-    animation-timing-function: linear;
-    background-color: #ededed;
-    background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
-    background-position: top left;
-    background-repeat: no-repeat;
-    background-size: 150% 150%; }
-    .progress:indeterminate::-webkit-progress-bar {
-      background-color: transparent; }
-    .progress:indeterminate::-moz-progress-bar {
-      background-color: transparent; }
-    .progress:indeterminate::-ms-fill {
-      animation-name: none; }
-  .progress.is-small {
-    height: 0.75rem; }
-  .progress.is-medium {
-    height: 1.25rem; }
-  .progress.is-large {
-    height: 1.5rem; }
-
-@keyframes moveIndeterminate {
-  from {
-    background-position: 200% 0; }
-  to {
-    background-position: -200% 0; } }
-.table {
-  background-color: white;
-  color: #363636; }
-  .table td,
-  .table th {
-    border: 1px solid #dbdbdb;
-    border-width: 0 0 1px;
-    padding: 0.5em 0.75em;
-    vertical-align: top; }
-    .table td.is-white,
-    .table th.is-white {
-      background-color: white;
-      border-color: white;
-      color: #0a0a0a; }
-    .table td.is-black,
-    .table th.is-black {
-      background-color: #0a0a0a;
-      border-color: #0a0a0a;
-      color: white; }
-    .table td.is-light,
-    .table th.is-light {
-      background-color: whitesmoke;
-      border-color: whitesmoke;
-      color: rgba(0, 0, 0, 0.7); }
-    .table td.is-dark,
-    .table th.is-dark {
-      background-color: #363636;
-      border-color: #363636;
-      color: #fff; }
-    .table td.is-primary,
-    .table th.is-primary {
-      background-color: #00d1b2;
-      border-color: #00d1b2;
-      color: #fff; }
-    .table td.is-link,
-    .table th.is-link {
-      background-color: #485fc7;
-      border-color: #485fc7;
-      color: #fff; }
-    .table td.is-info,
-    .table th.is-info {
-      background-color: #3e8ed0;
-      border-color: #3e8ed0;
-      color: #fff; }
-    .table td.is-success,
-    .table th.is-success {
-      background-color: #48c78e;
-      border-color: #48c78e;
-      color: #fff; }
-    .table td.is-warning,
-    .table th.is-warning {
-      background-color: #ffe08a;
-      border-color: #ffe08a;
-      color: rgba(0, 0, 0, 0.7); }
-    .table td.is-danger,
-    .table th.is-danger {
-      background-color: #f14668;
-      border-color: #f14668;
-      color: #fff; }
-    .table td.is-narrow,
-    .table th.is-narrow {
-      white-space: nowrap;
-      width: 1%; }
-    .table td.is-selected,
-    .table th.is-selected {
-      background-color: #00d1b2;
-      color: #fff; }
-      .table td.is-selected a,
-      .table td.is-selected strong,
-      .table th.is-selected a,
-      .table th.is-selected strong {
-        color: currentColor; }
-    .table td.is-vcentered,
-    .table th.is-vcentered {
-      vertical-align: middle; }
-  .table th {
-    color: #363636; }
-    .table th:not([align]) {
-      text-align: left; }
-  .table tr.is-selected {
-    background-color: #00d1b2;
-    color: #fff; }
-    .table tr.is-selected a,
-    .table tr.is-selected strong {
-      color: currentColor; }
-    .table tr.is-selected td,
-    .table tr.is-selected th {
-      border-color: #fff;
-      color: currentColor; }
-  .table thead {
-    background-color: transparent; }
-    .table thead td,
-    .table thead th {
-      border-width: 0 0 2px;
-      color: #363636; }
-  .table tfoot {
-    background-color: transparent; }
-    .table tfoot td,
-    .table tfoot th {
-      border-width: 2px 0 0;
-      color: #363636; }
-  .table tbody {
-    background-color: transparent; }
-    .table tbody tr:last-child td,
-    .table tbody tr:last-child th {
-      border-bottom-width: 0; }
-  .table.is-bordered td,
-  .table.is-bordered th {
-    border-width: 1px; }
-  .table.is-bordered tr:last-child td,
-  .table.is-bordered tr:last-child th {
-    border-bottom-width: 1px; }
-  .table.is-fullwidth {
-    width: 100%; }
-  .table.is-hoverable tbody tr:not(.is-selected):hover {
-    background-color: #fafafa; }
-  .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
-    background-color: #fafafa; }
-    .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
-      background-color: whitesmoke; }
-  .table.is-narrow td,
-  .table.is-narrow th {
-    padding: 0.25em 0.5em; }
-  .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
-    background-color: #fafafa; }
-
-.table-container {
-  -webkit-overflow-scrolling: touch;
-  overflow: auto;
-  overflow-y: hidden;
-  max-width: 100%; }
-
-.tags {
-  align-items: center;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start; }
-  .tags .tag {
-    margin-bottom: 0.5rem; }
-    .tags .tag:not(:last-child) {
-      margin-right: 0.5rem; }
-  .tags:last-child {
-    margin-bottom: -0.5rem; }
-  .tags:not(:last-child) {
-    margin-bottom: 1rem; }
-  .tags.are-medium .tag:not(.is-normal):not(.is-large) {
-    font-size: 1rem; }
-  .tags.are-large .tag:not(.is-normal):not(.is-medium) {
-    font-size: 1.25rem; }
-  .tags.is-centered {
-    justify-content: center; }
-    .tags.is-centered .tag {
-      margin-right: 0.25rem;
-      margin-left: 0.25rem; }
-  .tags.is-right {
-    justify-content: flex-end; }
-    .tags.is-right .tag:not(:first-child) {
-      margin-left: 0.5rem; }
-    .tags.is-right .tag:not(:last-child) {
-      margin-right: 0; }
-  .tags.has-addons .tag {
-    margin-right: 0; }
-    .tags.has-addons .tag:not(:first-child) {
-      margin-left: 0;
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .tags.has-addons .tag:not(:last-child) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0; }
-
-.tag:not(body) {
-  align-items: center;
-  background-color: whitesmoke;
-  border-radius: 4px;
-  color: #4a4a4a;
-  display: inline-flex;
-  font-size: 0.75rem;
-  height: 2em;
-  justify-content: center;
-  line-height: 1.5;
-  padding-left: 0.75em;
-  padding-right: 0.75em;
-  white-space: nowrap; }
-  .tag:not(body) .delete {
-    margin-left: 0.25rem;
-    margin-right: -0.375rem; }
-  .tag:not(body).is-white {
-    background-color: white;
-    color: #0a0a0a; }
-  .tag:not(body).is-black {
-    background-color: #0a0a0a;
-    color: white; }
-  .tag:not(body).is-light {
-    background-color: whitesmoke;
-    color: rgba(0, 0, 0, 0.7); }
-  .tag:not(body).is-dark {
-    background-color: #363636;
-    color: #fff; }
-  .tag:not(body).is-primary {
-    background-color: #00d1b2;
-    color: #fff; }
-    .tag:not(body).is-primary.is-light {
-      background-color: #ebfffc;
-      color: #00947e; }
-  .tag:not(body).is-link {
-    background-color: #485fc7;
-    color: #fff; }
-    .tag:not(body).is-link.is-light {
-      background-color: #eff1fa;
-      color: #3850b7; }
-  .tag:not(body).is-info {
-    background-color: #3e8ed0;
-    color: #fff; }
-    .tag:not(body).is-info.is-light {
-      background-color: #eff5fb;
-      color: #296fa8; }
-  .tag:not(body).is-success {
-    background-color: #48c78e;
-    color: #fff; }
-    .tag:not(body).is-success.is-light {
-      background-color: #effaf5;
-      color: #257953; }
-  .tag:not(body).is-warning {
-    background-color: #ffe08a;
-    color: rgba(0, 0, 0, 0.7); }
-    .tag:not(body).is-warning.is-light {
-      background-color: #fffaeb;
-      color: #946c00; }
-  .tag:not(body).is-danger {
-    background-color: #f14668;
-    color: #fff; }
-    .tag:not(body).is-danger.is-light {
-      background-color: #feecf0;
-      color: #cc0f35; }
-  .tag:not(body).is-normal {
-    font-size: 0.75rem; }
-  .tag:not(body).is-medium {
-    font-size: 1rem; }
-  .tag:not(body).is-large {
-    font-size: 1.25rem; }
-  .tag:not(body) .icon:first-child:not(:last-child) {
-    margin-left: -0.375em;
-    margin-right: 0.1875em; }
-  .tag:not(body) .icon:last-child:not(:first-child) {
-    margin-left: 0.1875em;
-    margin-right: -0.375em; }
-  .tag:not(body) .icon:first-child:last-child {
-    margin-left: -0.375em;
-    margin-right: -0.375em; }
-  .tag:not(body).is-delete {
-    margin-left: 1px;
-    padding: 0;
-    position: relative;
-    width: 2em; }
-    .tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
-      background-color: currentColor;
-      content: "";
-      display: block;
-      left: 50%;
-      position: absolute;
-      top: 50%;
-      transform: translateX(-50%) translateY(-50%) rotate(45deg);
-      transform-origin: center center; }
-    .tag:not(body).is-delete::before {
-      height: 1px;
-      width: 50%; }
-    .tag:not(body).is-delete::after {
-      height: 50%;
-      width: 1px; }
-    .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
-      background-color: #e8e8e8; }
-    .tag:not(body).is-delete:active {
-      background-color: #dbdbdb; }
-  .tag:not(body).is-rounded {
-    border-radius: 9999px; }
-
-a.tag:hover {
-  text-decoration: underline; }
-
-.title,
-.subtitle {
-  word-break: break-word; }
-  .title em,
-  .title span,
-  .subtitle em,
-  .subtitle span {
-    font-weight: inherit; }
-  .title sub,
-  .subtitle sub {
-    font-size: 0.75em; }
-  .title sup,
-  .subtitle sup {
-    font-size: 0.75em; }
-  .title .tag,
-  .subtitle .tag {
-    vertical-align: middle; }
-
-.title {
-  color: #363636;
-  font-size: 2rem;
-  font-weight: 600;
-  line-height: 1.125; }
-  .title strong {
-    color: inherit;
-    font-weight: inherit; }
-  .title:not(.is-spaced) + .subtitle {
-    margin-top: -1.25rem; }
-  .title.is-1 {
-    font-size: 3rem; }
-  .title.is-2 {
-    font-size: 2.5rem; }
-  .title.is-3 {
-    font-size: 2rem; }
-  .title.is-4 {
-    font-size: 1.5rem; }
-  .title.is-5 {
-    font-size: 1.25rem; }
-  .title.is-6 {
-    font-size: 1rem; }
-  .title.is-7 {
-    font-size: 0.75rem; }
-
-.subtitle {
-  color: #4a4a4a;
-  font-size: 1.25rem;
-  font-weight: 400;
-  line-height: 1.25; }
-  .subtitle strong {
-    color: #363636;
-    font-weight: 600; }
-  .subtitle:not(.is-spaced) + .title {
-    margin-top: -1.25rem; }
-  .subtitle.is-1 {
-    font-size: 3rem; }
-  .subtitle.is-2 {
-    font-size: 2.5rem; }
-  .subtitle.is-3 {
-    font-size: 2rem; }
-  .subtitle.is-4 {
-    font-size: 1.5rem; }
-  .subtitle.is-5 {
-    font-size: 1.25rem; }
-  .subtitle.is-6 {
-    font-size: 1rem; }
-  .subtitle.is-7 {
-    font-size: 0.75rem; }
-
-.heading {
-  display: block;
-  font-size: 11px;
-  letter-spacing: 1px;
-  margin-bottom: 5px;
-  text-transform: uppercase; }
-
-.number {
-  align-items: center;
-  background-color: whitesmoke;
-  border-radius: 9999px;
-  display: inline-flex;
-  font-size: 1.25rem;
-  height: 2em;
-  justify-content: center;
-  margin-right: 1.5rem;
-  min-width: 2.5em;
-  padding: 0.25rem 0.5rem;
-  text-align: center;
-  vertical-align: top; }
-
-/* Bulma Form */
-.input, .textarea, .select select {
-  background-color: white;
-  border-color: #dbdbdb;
-  border-radius: 4px;
-  color: #363636; }
-  .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
-    color: rgba(54, 54, 54, 0.3); }
-  .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
-    color: rgba(54, 54, 54, 0.3); }
-  .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
-    color: rgba(54, 54, 54, 0.3); }
-  .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
-    color: rgba(54, 54, 54, 0.3); }
-  .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
-    border-color: #b5b5b5; }
-  .input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
-    border-color: #485fc7;
-    box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); }
-  [disabled].input, [disabled].textarea, .select select[disabled], fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select {
-    background-color: whitesmoke;
-    border-color: whitesmoke;
-    box-shadow: none;
-    color: #7a7a7a; }
-    [disabled].input::-moz-placeholder, [disabled].textarea::-moz-placeholder, .select select[disabled]::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder {
-      color: rgba(122, 122, 122, 0.3); }
-    [disabled].input::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder {
-      color: rgba(122, 122, 122, 0.3); }
-    [disabled].input:-moz-placeholder, [disabled].textarea:-moz-placeholder, .select select[disabled]:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder {
-      color: rgba(122, 122, 122, 0.3); }
-    [disabled].input:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder {
-      color: rgba(122, 122, 122, 0.3); }
-
-.input, .textarea {
-  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
-  max-width: 100%;
-  width: 100%; }
-  [readonly].input, [readonly].textarea {
-    box-shadow: none; }
-  .is-white.input, .is-white.textarea {
-    border-color: white; }
-    .is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea {
-      box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
-  .is-black.input, .is-black.textarea {
-    border-color: #0a0a0a; }
-    .is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea {
-      box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
-  .is-light.input, .is-light.textarea {
-    border-color: whitesmoke; }
-    .is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea {
-      box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
-  .is-dark.input, .is-dark.textarea {
-    border-color: #363636; }
-    .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea {
-      box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
-  .is-primary.input, .is-primary.textarea {
-    border-color: #00d1b2; }
-    .is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea {
-      box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); }
-  .is-link.input, .is-link.textarea {
-    border-color: #485fc7; }
-    .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea {
-      box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); }
-  .is-info.input, .is-info.textarea {
-    border-color: #3e8ed0; }
-    .is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
-      box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25); }
-  .is-success.input, .is-success.textarea {
-    border-color: #48c78e; }
-    .is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
-      box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25); }
-  .is-warning.input, .is-warning.textarea {
-    border-color: #ffe08a; }
-    .is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea {
-      box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25); }
-  .is-danger.input, .is-danger.textarea {
-    border-color: #f14668; }
-    .is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea {
-      box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); }
-  .is-small.input, .is-small.textarea {
-    border-radius: 2px;
-    font-size: 0.75rem; }
-  .is-medium.input, .is-medium.textarea {
-    font-size: 1.25rem; }
-  .is-large.input, .is-large.textarea {
-    font-size: 1.5rem; }
-  .is-fullwidth.input, .is-fullwidth.textarea {
-    display: block;
-    width: 100%; }
-  .is-inline.input, .is-inline.textarea {
-    display: inline;
-    width: auto; }
-
-.input.is-rounded {
-  border-radius: 9999px;
-  padding-left: calc(calc(0.75em - 1px) + 0.375em);
-  padding-right: calc(calc(0.75em - 1px) + 0.375em); }
-.input.is-static {
-  background-color: transparent;
-  border-color: transparent;
-  box-shadow: none;
-  padding-left: 0;
-  padding-right: 0; }
-
-.textarea {
-  display: block;
-  max-width: 100%;
-  min-width: 100%;
-  padding: calc(0.75em - 1px);
-  resize: vertical; }
-  .textarea:not([rows]) {
-    max-height: 40em;
-    min-height: 8em; }
-  .textarea[rows] {
-    height: initial; }
-  .textarea.has-fixed-size {
-    resize: none; }
-
-.checkbox, .radio {
-  cursor: pointer;
-  display: inline-block;
-  line-height: 1.25;
-  position: relative; }
-  .checkbox input, .radio input {
-    cursor: pointer; }
-  .checkbox:hover, .radio:hover {
-    color: #363636; }
-  [disabled].checkbox, [disabled].radio, fieldset[disabled] .checkbox, fieldset[disabled] .radio,
-  .checkbox input[disabled],
-  .radio input[disabled] {
-    color: #7a7a7a;
-    cursor: not-allowed; }
-
-.radio + .radio {
-  margin-left: 0.5em; }
-
-.select {
-  display: inline-block;
-  max-width: 100%;
-  position: relative;
-  vertical-align: top; }
-  .select:not(.is-multiple) {
-    height: 2.5em; }
-  .select:not(.is-multiple):not(.is-loading)::after {
-    border-color: #485fc7;
-    right: 1.125em;
-    z-index: 4; }
-  .select.is-rounded select {
-    border-radius: 9999px;
-    padding-left: 1em; }
-  .select select {
-    cursor: pointer;
-    display: block;
-    font-size: 1em;
-    max-width: 100%;
-    outline: none; }
-    .select select::-ms-expand {
-      display: none; }
-    .select select[disabled]:hover, fieldset[disabled] .select select:hover {
-      border-color: whitesmoke; }
-    .select select:not([multiple]) {
-      padding-right: 2.5em; }
-    .select select[multiple] {
-      height: auto;
-      padding: 0; }
-      .select select[multiple] option {
-        padding: 0.5em 1em; }
-  .select:not(.is-multiple):not(.is-loading):hover::after {
-    border-color: #363636; }
-  .select.is-white:not(:hover)::after {
-    border-color: white; }
-  .select.is-white select {
-    border-color: white; }
-    .select.is-white select:hover, .select.is-white select.is-hovered {
-      border-color: #f2f2f2; }
-    .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
-      box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
-  .select.is-black:not(:hover)::after {
-    border-color: #0a0a0a; }
-  .select.is-black select {
-    border-color: #0a0a0a; }
-    .select.is-black select:hover, .select.is-black select.is-hovered {
-      border-color: black; }
-    .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
-      box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
-  .select.is-light:not(:hover)::after {
-    border-color: whitesmoke; }
-  .select.is-light select {
-    border-color: whitesmoke; }
-    .select.is-light select:hover, .select.is-light select.is-hovered {
-      border-color: #e8e8e8; }
-    .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
-      box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
-  .select.is-dark:not(:hover)::after {
-    border-color: #363636; }
-  .select.is-dark select {
-    border-color: #363636; }
-    .select.is-dark select:hover, .select.is-dark select.is-hovered {
-      border-color: #292929; }
-    .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
-      box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
-  .select.is-primary:not(:hover)::after {
-    border-color: #00d1b2; }
-  .select.is-primary select {
-    border-color: #00d1b2; }
-    .select.is-primary select:hover, .select.is-primary select.is-hovered {
-      border-color: #00b89c; }
-    .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
-      box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); }
-  .select.is-link:not(:hover)::after {
-    border-color: #485fc7; }
-  .select.is-link select {
-    border-color: #485fc7; }
-    .select.is-link select:hover, .select.is-link select.is-hovered {
-      border-color: #3a51bb; }
-    .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
-      box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); }
-  .select.is-info:not(:hover)::after {
-    border-color: #3e8ed0; }
-  .select.is-info select {
-    border-color: #3e8ed0; }
-    .select.is-info select:hover, .select.is-info select.is-hovered {
-      border-color: #3082c5; }
-    .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
-      box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25); }
-  .select.is-success:not(:hover)::after {
-    border-color: #48c78e; }
-  .select.is-success select {
-    border-color: #48c78e; }
-    .select.is-success select:hover, .select.is-success select.is-hovered {
-      border-color: #3abb81; }
-    .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
-      box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25); }
-  .select.is-warning:not(:hover)::after {
-    border-color: #ffe08a; }
-  .select.is-warning select {
-    border-color: #ffe08a; }
-    .select.is-warning select:hover, .select.is-warning select.is-hovered {
-      border-color: #ffd970; }
-    .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
-      box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25); }
-  .select.is-danger:not(:hover)::after {
-    border-color: #f14668; }
-  .select.is-danger select {
-    border-color: #f14668; }
-    .select.is-danger select:hover, .select.is-danger select.is-hovered {
-      border-color: #ef2e55; }
-    .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
-      box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); }
-  .select.is-small {
-    border-radius: 2px;
-    font-size: 0.75rem; }
-  .select.is-medium {
-    font-size: 1.25rem; }
-  .select.is-large {
-    font-size: 1.5rem; }
-  .select.is-disabled::after {
-    border-color: #7a7a7a !important;
-    opacity: 0.5; }
-  .select.is-fullwidth {
-    width: 100%; }
-    .select.is-fullwidth select {
-      width: 100%; }
-  .select.is-loading::after {
-    margin-top: 0;
-    position: absolute;
-    right: 0.625em;
-    top: 0.625em;
-    transform: none; }
-  .select.is-loading.is-small:after {
-    font-size: 0.75rem; }
-  .select.is-loading.is-medium:after {
-    font-size: 1.25rem; }
-  .select.is-loading.is-large:after {
-    font-size: 1.5rem; }
-
-.file {
-  align-items: stretch;
-  display: flex;
-  justify-content: flex-start;
-  position: relative; }
-  .file.is-white .file-cta {
-    background-color: white;
-    border-color: transparent;
-    color: #0a0a0a; }
-  .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
-    background-color: #f9f9f9;
-    border-color: transparent;
-    color: #0a0a0a; }
-  .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
-    border-color: transparent;
-    box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
-    color: #0a0a0a; }
-  .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
-    background-color: #f2f2f2;
-    border-color: transparent;
-    color: #0a0a0a; }
-  .file.is-black .file-cta {
-    background-color: #0a0a0a;
-    border-color: transparent;
-    color: white; }
-  .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
-    background-color: #040404;
-    border-color: transparent;
-    color: white; }
-  .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
-    border-color: transparent;
-    box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
-    color: white; }
-  .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
-    background-color: black;
-    border-color: transparent;
-    color: white; }
-  .file.is-light .file-cta {
-    background-color: whitesmoke;
-    border-color: transparent;
-    color: rgba(0, 0, 0, 0.7); }
-  .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
-    background-color: #eeeeee;
-    border-color: transparent;
-    color: rgba(0, 0, 0, 0.7); }
-  .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
-    border-color: transparent;
-    box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
-    color: rgba(0, 0, 0, 0.7); }
-  .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
-    background-color: #e8e8e8;
-    border-color: transparent;
-    color: rgba(0, 0, 0, 0.7); }
-  .file.is-dark .file-cta {
-    background-color: #363636;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
-    background-color: #2f2f2f;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
-    border-color: transparent;
-    box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
-    color: #fff; }
-  .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
-    background-color: #292929;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-primary .file-cta {
-    background-color: #00d1b2;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
-    background-color: #00c4a7;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
-    border-color: transparent;
-    box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
-    color: #fff; }
-  .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
-    background-color: #00b89c;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-link .file-cta {
-    background-color: #485fc7;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
-    background-color: #3e56c4;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
-    border-color: transparent;
-    box-shadow: 0 0 0.5em rgba(72, 95, 199, 0.25);
-    color: #fff; }
-  .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
-    background-color: #3a51bb;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-info .file-cta {
-    background-color: #3e8ed0;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
-    background-color: #3488ce;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
-    border-color: transparent;
-    box-shadow: 0 0 0.5em rgba(62, 142, 208, 0.25);
-    color: #fff; }
-  .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
-    background-color: #3082c5;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-success .file-cta {
-    background-color: #48c78e;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
-    background-color: #3ec487;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
-    border-color: transparent;
-    box-shadow: 0 0 0.5em rgba(72, 199, 142, 0.25);
-    color: #fff; }
-  .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
-    background-color: #3abb81;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-warning .file-cta {
-    background-color: #ffe08a;
-    border-color: transparent;
-    color: rgba(0, 0, 0, 0.7); }
-  .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
-    background-color: #ffdc7d;
-    border-color: transparent;
-    color: rgba(0, 0, 0, 0.7); }
-  .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
-    border-color: transparent;
-    box-shadow: 0 0 0.5em rgba(255, 224, 138, 0.25);
-    color: rgba(0, 0, 0, 0.7); }
-  .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
-    background-color: #ffd970;
-    border-color: transparent;
-    color: rgba(0, 0, 0, 0.7); }
-  .file.is-danger .file-cta {
-    background-color: #f14668;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
-    background-color: #f03a5f;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
-    border-color: transparent;
-    box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
-    color: #fff; }
-  .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
-    background-color: #ef2e55;
-    border-color: transparent;
-    color: #fff; }
-  .file.is-small {
-    font-size: 0.75rem; }
-  .file.is-normal {
-    font-size: 1rem; }
-  .file.is-medium {
-    font-size: 1.25rem; }
-    .file.is-medium .file-icon .fa {
-      font-size: 21px; }
-  .file.is-large {
-    font-size: 1.5rem; }
-    .file.is-large .file-icon .fa {
-      font-size: 28px; }
-  .file.has-name .file-cta {
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0; }
-  .file.has-name .file-name {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0; }
-  .file.has-name.is-empty .file-cta {
-    border-radius: 4px; }
-  .file.has-name.is-empty .file-name {
-    display: none; }
-  .file.is-boxed .file-label {
-    flex-direction: column; }
-  .file.is-boxed .file-cta {
-    flex-direction: column;
-    height: auto;
-    padding: 1em 3em; }
-  .file.is-boxed .file-name {
-    border-width: 0 1px 1px; }
-  .file.is-boxed .file-icon {
-    height: 1.5em;
-    width: 1.5em; }
-    .file.is-boxed .file-icon .fa {
-      font-size: 21px; }
-  .file.is-boxed.is-small .file-icon .fa {
-    font-size: 14px; }
-  .file.is-boxed.is-medium .file-icon .fa {
-    font-size: 28px; }
-  .file.is-boxed.is-large .file-icon .fa {
-    font-size: 35px; }
-  .file.is-boxed.has-name .file-cta {
-    border-radius: 4px 4px 0 0; }
-  .file.is-boxed.has-name .file-name {
-    border-radius: 0 0 4px 4px;
-    border-width: 0 1px 1px; }
-  .file.is-centered {
-    justify-content: center; }
-  .file.is-fullwidth .file-label {
-    width: 100%; }
-  .file.is-fullwidth .file-name {
-    flex-grow: 1;
-    max-width: none; }
-  .file.is-right {
-    justify-content: flex-end; }
-    .file.is-right .file-cta {
-      border-radius: 0 4px 4px 0; }
-    .file.is-right .file-name {
-      border-radius: 4px 0 0 4px;
-      border-width: 1px 0 1px 1px;
-      order: -1; }
-
-.file-label {
-  align-items: stretch;
-  display: flex;
-  cursor: pointer;
-  justify-content: flex-start;
-  overflow: hidden;
-  position: relative; }
-  .file-label:hover .file-cta {
-    background-color: #eeeeee;
-    color: #363636; }
-  .file-label:hover .file-name {
-    border-color: #d5d5d5; }
-  .file-label:active .file-cta {
-    background-color: #e8e8e8;
-    color: #363636; }
-  .file-label:active .file-name {
-    border-color: #cfcfcf; }
-
-.file-input {
-  height: 100%;
-  left: 0;
-  opacity: 0;
-  outline: none;
-  position: absolute;
-  top: 0;
-  width: 100%; }
-
-.file-cta,
-.file-name {
-  border-color: #dbdbdb;
-  border-radius: 4px;
-  font-size: 1em;
-  padding-left: 1em;
-  padding-right: 1em;
-  white-space: nowrap; }
-
-.file-cta {
-  background-color: whitesmoke;
-  color: #4a4a4a; }
-
-.file-name {
-  border-color: #dbdbdb;
-  border-style: solid;
-  border-width: 1px 1px 1px 0;
-  display: block;
-  max-width: 16em;
-  overflow: hidden;
-  text-align: inherit;
-  text-overflow: ellipsis; }
-
-.file-icon {
-  align-items: center;
-  display: flex;
-  height: 1em;
-  justify-content: center;
-  margin-right: 0.5em;
-  width: 1em; }
-  .file-icon .fa {
-    font-size: 14px; }
-
-.label {
-  color: #363636;
-  display: block;
-  font-size: 1rem;
-  font-weight: 700; }
-  .label:not(:last-child) {
-    margin-bottom: 0.5em; }
-  .label.is-small {
-    font-size: 0.75rem; }
-  .label.is-medium {
-    font-size: 1.25rem; }
-  .label.is-large {
-    font-size: 1.5rem; }
-
-.help {
-  display: block;
-  font-size: 0.75rem;
-  margin-top: 0.25rem; }
-  .help.is-white {
-    color: white; }
-  .help.is-black {
-    color: #0a0a0a; }
-  .help.is-light {
-    color: whitesmoke; }
-  .help.is-dark {
-    color: #363636; }
-  .help.is-primary {
-    color: #00d1b2; }
-  .help.is-link {
-    color: #485fc7; }
-  .help.is-info {
-    color: #3e8ed0; }
-  .help.is-success {
-    color: #48c78e; }
-  .help.is-warning {
-    color: #ffe08a; }
-  .help.is-danger {
-    color: #f14668; }
-
-.field:not(:last-child) {
-  margin-bottom: 0.75rem; }
-.field.has-addons {
-  display: flex;
-  justify-content: flex-start; }
-  .field.has-addons .control:not(:last-child) {
-    margin-right: -1px; }
-  .field.has-addons .control:not(:first-child):not(:last-child) .button,
-  .field.has-addons .control:not(:first-child):not(:last-child) .input,
-  .field.has-addons .control:not(:first-child):not(:last-child) .select select {
-    border-radius: 0; }
-  .field.has-addons .control:first-child:not(:only-child) .button,
-  .field.has-addons .control:first-child:not(:only-child) .input,
-  .field.has-addons .control:first-child:not(:only-child) .select select {
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0; }
-  .field.has-addons .control:last-child:not(:only-child) .button,
-  .field.has-addons .control:last-child:not(:only-child) .input,
-  .field.has-addons .control:last-child:not(:only-child) .select select {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0; }
-  .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
-  .field.has-addons .control .input:not([disabled]):hover,
-  .field.has-addons .control .input:not([disabled]).is-hovered,
-  .field.has-addons .control .select select:not([disabled]):hover,
-  .field.has-addons .control .select select:not([disabled]).is-hovered {
-    z-index: 2; }
-  .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
-  .field.has-addons .control .input:not([disabled]):focus,
-  .field.has-addons .control .input:not([disabled]).is-focused,
-  .field.has-addons .control .input:not([disabled]):active,
-  .field.has-addons .control .input:not([disabled]).is-active,
-  .field.has-addons .control .select select:not([disabled]):focus,
-  .field.has-addons .control .select select:not([disabled]).is-focused,
-  .field.has-addons .control .select select:not([disabled]):active,
-  .field.has-addons .control .select select:not([disabled]).is-active {
-    z-index: 3; }
-    .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
-    .field.has-addons .control .input:not([disabled]):focus:hover,
-    .field.has-addons .control .input:not([disabled]).is-focused:hover,
-    .field.has-addons .control .input:not([disabled]):active:hover,
-    .field.has-addons .control .input:not([disabled]).is-active:hover,
-    .field.has-addons .control .select select:not([disabled]):focus:hover,
-    .field.has-addons .control .select select:not([disabled]).is-focused:hover,
-    .field.has-addons .control .select select:not([disabled]):active:hover,
-    .field.has-addons .control .select select:not([disabled]).is-active:hover {
-      z-index: 4; }
-  .field.has-addons .control.is-expanded {
-    flex-grow: 1;
-    flex-shrink: 1; }
-  .field.has-addons.has-addons-centered {
-    justify-content: center; }
-  .field.has-addons.has-addons-right {
-    justify-content: flex-end; }
-  .field.has-addons.has-addons-fullwidth .control {
-    flex-grow: 1;
-    flex-shrink: 0; }
-.field.is-grouped {
-  display: flex;
-  justify-content: flex-start; }
-  .field.is-grouped > .control {
-    flex-shrink: 0; }
-    .field.is-grouped > .control:not(:last-child) {
-      margin-bottom: 0;
-      margin-right: 0.75rem; }
-    .field.is-grouped > .control.is-expanded {
-      flex-grow: 1;
-      flex-shrink: 1; }
-  .field.is-grouped.is-grouped-centered {
-    justify-content: center; }
-  .field.is-grouped.is-grouped-right {
-    justify-content: flex-end; }
-  .field.is-grouped.is-grouped-multiline {
-    flex-wrap: wrap; }
-    .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
-      margin-bottom: 0.75rem; }
-    .field.is-grouped.is-grouped-multiline:last-child {
-      margin-bottom: -0.75rem; }
-    .field.is-grouped.is-grouped-multiline:not(:last-child) {
-      margin-bottom: 0; }
-@media screen and (min-width: 769px), print {
-  .field.is-horizontal {
-    display: flex; } }
-
-.field-label .label {
-  font-size: inherit; }
-@media screen and (max-width: 768px) {
-  .field-label {
-    margin-bottom: 0.5rem; } }
-@media screen and (min-width: 769px), print {
-  .field-label {
-    flex-basis: 0;
-    flex-grow: 1;
-    flex-shrink: 0;
-    margin-right: 1.5rem;
-    text-align: right; }
-    .field-label.is-small {
-      font-size: 0.75rem;
-      padding-top: 0.375em; }
-    .field-label.is-normal {
-      padding-top: 0.375em; }
-    .field-label.is-medium {
-      font-size: 1.25rem;
-      padding-top: 0.375em; }
-    .field-label.is-large {
-      font-size: 1.5rem;
-      padding-top: 0.375em; } }
-
-.field-body .field .field {
-  margin-bottom: 0; }
-@media screen and (min-width: 769px), print {
-  .field-body {
-    display: flex;
-    flex-basis: 0;
-    flex-grow: 5;
-    flex-shrink: 1; }
-    .field-body .field {
-      margin-bottom: 0; }
-    .field-body > .field {
-      flex-shrink: 1; }
-      .field-body > .field:not(.is-narrow) {
-        flex-grow: 1; }
-      .field-body > .field:not(:last-child) {
-        margin-right: 0.75rem; } }
-
-.control {
-  box-sizing: border-box;
-  clear: both;
-  font-size: 1rem;
-  position: relative;
-  text-align: inherit; }
-  .control.has-icons-left .input:focus ~ .icon,
-  .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
-  .control.has-icons-right .select:focus ~ .icon {
-    color: #4a4a4a; }
-  .control.has-icons-left .input.is-small ~ .icon,
-  .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
-  .control.has-icons-right .select.is-small ~ .icon {
-    font-size: 0.75rem; }
-  .control.has-icons-left .input.is-medium ~ .icon,
-  .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
-  .control.has-icons-right .select.is-medium ~ .icon {
-    font-size: 1.25rem; }
-  .control.has-icons-left .input.is-large ~ .icon,
-  .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
-  .control.has-icons-right .select.is-large ~ .icon {
-    font-size: 1.5rem; }
-  .control.has-icons-left .icon, .control.has-icons-right .icon {
-    color: #dbdbdb;
-    height: 2.5em;
-    pointer-events: none;
-    position: absolute;
-    top: 0;
-    width: 2.5em;
-    z-index: 4; }
-  .control.has-icons-left .input,
-  .control.has-icons-left .select select {
-    padding-left: 2.5em; }
-  .control.has-icons-left .icon.is-left {
-    left: 0; }
-  .control.has-icons-right .input,
-  .control.has-icons-right .select select {
-    padding-right: 2.5em; }
-  .control.has-icons-right .icon.is-right {
-    right: 0; }
-  .control.is-loading::after {
-    position: absolute !important;
-    right: 0.625em;
-    top: 0.625em;
-    z-index: 4; }
-  .control.is-loading.is-small:after {
-    font-size: 0.75rem; }
-  .control.is-loading.is-medium:after {
-    font-size: 1.25rem; }
-  .control.is-loading.is-large:after {
-    font-size: 1.5rem; }
-
-/* Bulma Components */
-.breadcrumb {
-  font-size: 1rem;
-  white-space: nowrap; }
-  .breadcrumb a {
-    align-items: center;
-    color: #485fc7;
-    display: flex;
-    justify-content: center;
-    padding: 0 0.75em; }
-    .breadcrumb a:hover {
-      color: #363636; }
-  .breadcrumb li {
-    align-items: center;
-    display: flex; }
-    .breadcrumb li:first-child a {
-      padding-left: 0; }
-    .breadcrumb li.is-active a {
-      color: #363636;
-      cursor: default;
-      pointer-events: none; }
-    .breadcrumb li + li::before {
-      color: #b5b5b5;
-      content: "/"; }
-  .breadcrumb ul,
-  .breadcrumb ol {
-    align-items: flex-start;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start; }
-  .breadcrumb .icon:first-child {
-    margin-right: 0.5em; }
-  .breadcrumb .icon:last-child {
-    margin-left: 0.5em; }
-  .breadcrumb.is-centered ol,
-  .breadcrumb.is-centered ul {
-    justify-content: center; }
-  .breadcrumb.is-right ol,
-  .breadcrumb.is-right ul {
-    justify-content: flex-end; }
-  .breadcrumb.is-small {
-    font-size: 0.75rem; }
-  .breadcrumb.is-medium {
-    font-size: 1.25rem; }
-  .breadcrumb.is-large {
-    font-size: 1.5rem; }
-  .breadcrumb.has-arrow-separator li + li::before {
-    content: "→"; }
-  .breadcrumb.has-bullet-separator li + li::before {
-    content: "•"; }
-  .breadcrumb.has-dot-separator li + li::before {
-    content: "·"; }
-  .breadcrumb.has-succeeds-separator li + li::before {
-    content: "≻"; }
-
-.card {
-  background-color: white;
-  border-radius: 0.25rem;
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
-  color: #4a4a4a;
-  max-width: 100%;
-  position: relative; }
-
-.card-header:first-child, .card-content:first-child, .card-footer:first-child {
-  border-top-left-radius: 0.25rem;
-  border-top-right-radius: 0.25rem; }
-.card-header:last-child, .card-content:last-child, .card-footer:last-child {
-  border-bottom-left-radius: 0.25rem;
-  border-bottom-right-radius: 0.25rem; }
-
-.card-header {
-  background-color: transparent;
-  align-items: stretch;
-  box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
-  display: flex; }
-
-.card-header-title {
-  align-items: center;
-  color: #363636;
-  display: flex;
-  flex-grow: 1;
-  font-weight: 700;
-  padding: 0.75rem 1rem; }
-  .card-header-title.is-centered {
-    justify-content: center; }
-
-.card-header-icon {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
-  background: none;
-  border: none;
-  color: currentColor;
-  font-family: inherit;
-  font-size: 1em;
-  margin: 0;
-  padding: 0;
-  align-items: center;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  padding: 0.75rem 1rem; }
-
-.card-image {
-  display: block;
-  position: relative; }
-  .card-image:first-child img {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem; }
-  .card-image:last-child img {
-    border-bottom-left-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem; }
-
-.card-content {
-  background-color: transparent;
-  padding: 1.5rem; }
-
-.card-footer {
-  background-color: transparent;
-  border-top: 1px solid #ededed;
-  align-items: stretch;
-  display: flex; }
-
-.card-footer-item {
-  align-items: center;
-  display: flex;
-  flex-basis: 0;
-  flex-grow: 1;
-  flex-shrink: 0;
-  justify-content: center;
-  padding: 0.75rem; }
-  .card-footer-item:not(:last-child) {
-    border-right: 1px solid #ededed; }
-
-.card .media:not(:last-child) {
-  margin-bottom: 1.5rem; }
-
-.dropdown {
-  display: inline-flex;
-  position: relative;
-  vertical-align: top; }
-  .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
-    display: block; }
-  .dropdown.is-right .dropdown-menu {
-    left: auto;
-    right: 0; }
-  .dropdown.is-up .dropdown-menu {
-    bottom: 100%;
-    padding-bottom: 4px;
-    padding-top: initial;
-    top: auto; }
-
-.dropdown-menu {
-  display: none;
-  left: 0;
-  min-width: 12rem;
-  padding-top: 4px;
-  position: absolute;
-  top: 100%;
-  z-index: 20; }
-
-.dropdown-content {
-  background-color: white;
-  border-radius: 4px;
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
-  padding-bottom: 0.5rem;
-  padding-top: 0.5rem; }
-
-.dropdown-item {
-  color: #4a4a4a;
-  display: block;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  padding: 0.375rem 1rem;
-  position: relative; }
-
-a.dropdown-item,
-button.dropdown-item {
-  padding-right: 3rem;
-  text-align: inherit;
-  white-space: nowrap;
-  width: 100%; }
-  a.dropdown-item:hover,
-  button.dropdown-item:hover {
-    background-color: whitesmoke;
-    color: #0a0a0a; }
-  a.dropdown-item.is-active,
-  button.dropdown-item.is-active {
-    background-color: #485fc7;
-    color: #fff; }
-
-.dropdown-divider {
-  background-color: #ededed;
-  border: none;
-  display: block;
-  height: 1px;
-  margin: 0.5rem 0; }
-
-.level {
-  align-items: center;
-  justify-content: space-between; }
-  .level code {
-    border-radius: 4px; }
-  .level img {
-    display: inline-block;
-    vertical-align: top; }
-  .level.is-mobile {
-    display: flex; }
-    .level.is-mobile .level-left,
-    .level.is-mobile .level-right {
-      display: flex; }
-    .level.is-mobile .level-left + .level-right {
-      margin-top: 0; }
-    .level.is-mobile .level-item:not(:last-child) {
-      margin-bottom: 0;
-      margin-right: 0.75rem; }
-    .level.is-mobile .level-item:not(.is-narrow) {
-      flex-grow: 1; }
-  @media screen and (min-width: 769px), print {
-    .level {
-      display: flex; }
-      .level > .level-item:not(.is-narrow) {
-        flex-grow: 1; } }
-
-.level-item {
-  align-items: center;
-  display: flex;
-  flex-basis: auto;
-  flex-grow: 0;
-  flex-shrink: 0;
-  justify-content: center; }
-  .level-item .title,
-  .level-item .subtitle {
-    margin-bottom: 0; }
-  @media screen and (max-width: 768px) {
-    .level-item:not(:last-child) {
-      margin-bottom: 0.75rem; } }
-
-.level-left,
-.level-right {
-  flex-basis: auto;
-  flex-grow: 0;
-  flex-shrink: 0; }
-  .level-left .level-item.is-flexible,
-  .level-right .level-item.is-flexible {
-    flex-grow: 1; }
-  @media screen and (min-width: 769px), print {
-    .level-left .level-item:not(:last-child),
-    .level-right .level-item:not(:last-child) {
-      margin-right: 0.75rem; } }
-
-.level-left {
-  align-items: center;
-  justify-content: flex-start; }
-  @media screen and (max-width: 768px) {
-    .level-left + .level-right {
-      margin-top: 1.5rem; } }
-  @media screen and (min-width: 769px), print {
-    .level-left {
-      display: flex; } }
-
-.level-right {
-  align-items: center;
-  justify-content: flex-end; }
-  @media screen and (min-width: 769px), print {
-    .level-right {
-      display: flex; } }
-
-.media {
-  align-items: flex-start;
-  display: flex;
-  text-align: inherit; }
-  .media .content:not(:last-child) {
-    margin-bottom: 0.75rem; }
-  .media .media {
-    border-top: 1px solid rgba(219, 219, 219, 0.5);
-    display: flex;
-    padding-top: 0.75rem; }
-    .media .media .content:not(:last-child),
-    .media .media .control:not(:last-child) {
-      margin-bottom: 0.5rem; }
-    .media .media .media {
-      padding-top: 0.5rem; }
-      .media .media .media + .media {
-        margin-top: 0.5rem; }
-  .media + .media {
-    border-top: 1px solid rgba(219, 219, 219, 0.5);
-    margin-top: 1rem;
-    padding-top: 1rem; }
-  .media.is-large + .media {
-    margin-top: 1.5rem;
-    padding-top: 1.5rem; }
-
-.media-left,
-.media-right {
-  flex-basis: auto;
-  flex-grow: 0;
-  flex-shrink: 0; }
-
-.media-left {
-  margin-right: 1rem; }
-
-.media-right {
-  margin-left: 1rem; }
-
-.media-content {
-  flex-basis: auto;
-  flex-grow: 1;
-  flex-shrink: 1;
-  text-align: inherit; }
-
-@media screen and (max-width: 768px) {
-  .media-content {
-    overflow-x: auto; } }
-.menu {
-  font-size: 1rem; }
-  .menu.is-small {
-    font-size: 0.75rem; }
-  .menu.is-medium {
-    font-size: 1.25rem; }
-  .menu.is-large {
-    font-size: 1.5rem; }
-
-.menu-list {
-  line-height: 1.25; }
-  .menu-list a {
-    border-radius: 2px;
-    color: #4a4a4a;
-    display: block;
-    padding: 0.5em 0.75em; }
-    .menu-list a:hover {
-      background-color: whitesmoke;
-      color: #363636; }
-    .menu-list a.is-active {
-      background-color: #485fc7;
-      color: #fff; }
-  .menu-list li ul {
-    border-left: 1px solid #dbdbdb;
-    margin: 0.75em;
-    padding-left: 0.75em; }
-
-.menu-label {
-  color: #7a7a7a;
-  font-size: 0.75em;
-  letter-spacing: 0.1em;
-  text-transform: uppercase; }
-  .menu-label:not(:first-child) {
-    margin-top: 1em; }
-  .menu-label:not(:last-child) {
-    margin-bottom: 1em; }
-
-.message {
-  background-color: whitesmoke;
-  border-radius: 4px;
-  font-size: 1rem; }
-  .message strong {
-    color: currentColor; }
-  .message a:not(.button):not(.tag):not(.dropdown-item) {
-    color: currentColor;
-    text-decoration: underline; }
-  .message.is-small {
-    font-size: 0.75rem; }
-  .message.is-medium {
-    font-size: 1.25rem; }
-  .message.is-large {
-    font-size: 1.5rem; }
-  .message.is-white {
-    background-color: white; }
-    .message.is-white .message-header {
-      background-color: white;
-      color: #0a0a0a; }
-    .message.is-white .message-body {
-      border-color: white; }
-  .message.is-black {
-    background-color: #fafafa; }
-    .message.is-black .message-header {
-      background-color: #0a0a0a;
-      color: white; }
-    .message.is-black .message-body {
-      border-color: #0a0a0a; }
-  .message.is-light {
-    background-color: #fafafa; }
-    .message.is-light .message-header {
-      background-color: whitesmoke;
-      color: rgba(0, 0, 0, 0.7); }
-    .message.is-light .message-body {
-      border-color: whitesmoke; }
-  .message.is-dark {
-    background-color: #fafafa; }
-    .message.is-dark .message-header {
-      background-color: #363636;
-      color: #fff; }
-    .message.is-dark .message-body {
-      border-color: #363636; }
-  .message.is-primary {
-    background-color: #ebfffc; }
-    .message.is-primary .message-header {
-      background-color: #00d1b2;
-      color: #fff; }
-    .message.is-primary .message-body {
-      border-color: #00d1b2;
-      color: #00947e; }
-  .message.is-link {
-    background-color: #eff1fa; }
-    .message.is-link .message-header {
-      background-color: #485fc7;
-      color: #fff; }
-    .message.is-link .message-body {
-      border-color: #485fc7;
-      color: #3850b7; }
-  .message.is-info {
-    background-color: #eff5fb; }
-    .message.is-info .message-header {
-      background-color: #3e8ed0;
-      color: #fff; }
-    .message.is-info .message-body {
-      border-color: #3e8ed0;
-      color: #296fa8; }
-  .message.is-success {
-    background-color: #effaf5; }
-    .message.is-success .message-header {
-      background-color: #48c78e;
-      color: #fff; }
-    .message.is-success .message-body {
-      border-color: #48c78e;
-      color: #257953; }
-  .message.is-warning {
-    background-color: #fffaeb; }
-    .message.is-warning .message-header {
-      background-color: #ffe08a;
-      color: rgba(0, 0, 0, 0.7); }
-    .message.is-warning .message-body {
-      border-color: #ffe08a;
-      color: #946c00; }
-  .message.is-danger {
-    background-color: #feecf0; }
-    .message.is-danger .message-header {
-      background-color: #f14668;
-      color: #fff; }
-    .message.is-danger .message-body {
-      border-color: #f14668;
-      color: #cc0f35; }
-
-.message-header {
-  align-items: center;
-  background-color: #4a4a4a;
-  border-radius: 4px 4px 0 0;
-  color: #fff;
-  display: flex;
-  font-weight: 700;
-  justify-content: space-between;
-  line-height: 1.25;
-  padding: 0.75em 1em;
-  position: relative; }
-  .message-header .delete {
-    flex-grow: 0;
-    flex-shrink: 0;
-    margin-left: 0.75em; }
-  .message-header + .message-body {
-    border-width: 0;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0; }
-
-.message-body {
-  border-color: #dbdbdb;
-  border-radius: 4px;
-  border-style: solid;
-  border-width: 0 0 0 4px;
-  color: #4a4a4a;
-  padding: 1.25em 1.5em; }
-  .message-body code,
-  .message-body pre {
-    background-color: white; }
-  .message-body pre code {
-    background-color: transparent; }
-
-.modal {
-  align-items: center;
-  display: none;
-  flex-direction: column;
-  justify-content: center;
-  overflow: hidden;
-  position: fixed;
-  z-index: 40; }
-  .modal.is-active {
-    display: flex; }
-
-.modal-background {
-  background-color: rgba(10, 10, 10, 0.86); }
-
-.modal-content,
-.modal-card {
-  margin: 0 20px;
-  max-height: calc(100vh - 160px);
-  overflow: auto;
-  position: relative;
-  width: 100%; }
-  @media screen and (min-width: 769px) {
-    .modal-content,
-    .modal-card {
-      margin: 0 auto;
-      max-height: calc(100vh - 40px);
-      width: 640px; } }
-
-.modal-close {
-  background: none;
-  height: 40px;
-  position: fixed;
-  right: 20px;
-  top: 20px;
-  width: 40px; }
-
-.modal-card {
-  display: flex;
-  flex-direction: column;
-  max-height: calc(100vh - 40px);
-  overflow: hidden;
-  -ms-overflow-y: visible; }
-
-.modal-card-head,
-.modal-card-foot {
-  align-items: center;
-  background-color: whitesmoke;
-  display: flex;
-  flex-shrink: 0;
-  justify-content: flex-start;
-  padding: 20px;
-  position: relative; }
-
-.modal-card-head {
-  border-bottom: 1px solid #dbdbdb;
-  border-top-left-radius: 6px;
-  border-top-right-radius: 6px; }
-
-.modal-card-title {
-  color: #363636;
-  flex-grow: 1;
-  flex-shrink: 0;
-  font-size: 1.5rem;
-  line-height: 1; }
-
-.modal-card-foot {
-  border-bottom-left-radius: 6px;
-  border-bottom-right-radius: 6px;
-  border-top: 1px solid #dbdbdb; }
-  .modal-card-foot .button:not(:last-child) {
-    margin-right: 0.5em; }
-
-.modal-card-body {
-  -webkit-overflow-scrolling: touch;
-  background-color: white;
-  flex-grow: 1;
-  flex-shrink: 1;
-  overflow: auto;
-  padding: 20px; }
-
-.navbar {
-  background-color: white;
-  min-height: 3.25rem;
-  position: relative;
-  z-index: 30; }
-  .navbar.is-white {
-    background-color: white;
-    color: #0a0a0a; }
-    .navbar.is-white .navbar-brand > .navbar-item,
-    .navbar.is-white .navbar-brand .navbar-link {
-      color: #0a0a0a; }
-    .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
-    .navbar.is-white .navbar-brand .navbar-link:focus,
-    .navbar.is-white .navbar-brand .navbar-link:hover,
-    .navbar.is-white .navbar-brand .navbar-link.is-active {
-      background-color: #f2f2f2;
-      color: #0a0a0a; }
-    .navbar.is-white .navbar-brand .navbar-link::after {
-      border-color: #0a0a0a; }
-    .navbar.is-white .navbar-burger {
-      color: #0a0a0a; }
-    @media screen and (min-width: 1024px) {
-      .navbar.is-white .navbar-start > .navbar-item,
-      .navbar.is-white .navbar-start .navbar-link,
-      .navbar.is-white .navbar-end > .navbar-item,
-      .navbar.is-white .navbar-end .navbar-link {
-        color: #0a0a0a; }
-      .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
-      .navbar.is-white .navbar-start .navbar-link:focus,
-      .navbar.is-white .navbar-start .navbar-link:hover,
-      .navbar.is-white .navbar-start .navbar-link.is-active,
-      .navbar.is-white .navbar-end > a.navbar-item:focus,
-      .navbar.is-white .navbar-end > a.navbar-item:hover,
-      .navbar.is-white .navbar-end > a.navbar-item.is-active,
-      .navbar.is-white .navbar-end .navbar-link:focus,
-      .navbar.is-white .navbar-end .navbar-link:hover,
-      .navbar.is-white .navbar-end .navbar-link.is-active {
-        background-color: #f2f2f2;
-        color: #0a0a0a; }
-      .navbar.is-white .navbar-start .navbar-link::after,
-      .navbar.is-white .navbar-end .navbar-link::after {
-        border-color: #0a0a0a; }
-      .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
-      .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
-      .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
-        background-color: #f2f2f2;
-        color: #0a0a0a; }
-      .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
-        background-color: white;
-        color: #0a0a0a; } }
-  .navbar.is-black {
-    background-color: #0a0a0a;
-    color: white; }
-    .navbar.is-black .navbar-brand > .navbar-item,
-    .navbar.is-black .navbar-brand .navbar-link {
-      color: white; }
-    .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
-    .navbar.is-black .navbar-brand .navbar-link:focus,
-    .navbar.is-black .navbar-brand .navbar-link:hover,
-    .navbar.is-black .navbar-brand .navbar-link.is-active {
-      background-color: black;
-      color: white; }
-    .navbar.is-black .navbar-brand .navbar-link::after {
-      border-color: white; }
-    .navbar.is-black .navbar-burger {
-      color: white; }
-    @media screen and (min-width: 1024px) {
-      .navbar.is-black .navbar-start > .navbar-item,
-      .navbar.is-black .navbar-start .navbar-link,
-      .navbar.is-black .navbar-end > .navbar-item,
-      .navbar.is-black .navbar-end .navbar-link {
-        color: white; }
-      .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
-      .navbar.is-black .navbar-start .navbar-link:focus,
-      .navbar.is-black .navbar-start .navbar-link:hover,
-      .navbar.is-black .navbar-start .navbar-link.is-active,
-      .navbar.is-black .navbar-end > a.navbar-item:focus,
-      .navbar.is-black .navbar-end > a.navbar-item:hover,
-      .navbar.is-black .navbar-end > a.navbar-item.is-active,
-      .navbar.is-black .navbar-end .navbar-link:focus,
-      .navbar.is-black .navbar-end .navbar-link:hover,
-      .navbar.is-black .navbar-end .navbar-link.is-active {
-        background-color: black;
-        color: white; }
-      .navbar.is-black .navbar-start .navbar-link::after,
-      .navbar.is-black .navbar-end .navbar-link::after {
-        border-color: white; }
-      .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
-      .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
-      .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
-        background-color: black;
-        color: white; }
-      .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
-        background-color: #0a0a0a;
-        color: white; } }
-  .navbar.is-light {
-    background-color: whitesmoke;
-    color: rgba(0, 0, 0, 0.7); }
-    .navbar.is-light .navbar-brand > .navbar-item,
-    .navbar.is-light .navbar-brand .navbar-link {
-      color: rgba(0, 0, 0, 0.7); }
-    .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
-    .navbar.is-light .navbar-brand .navbar-link:focus,
-    .navbar.is-light .navbar-brand .navbar-link:hover,
-    .navbar.is-light .navbar-brand .navbar-link.is-active {
-      background-color: #e8e8e8;
-      color: rgba(0, 0, 0, 0.7); }
-    .navbar.is-light .navbar-brand .navbar-link::after {
-      border-color: rgba(0, 0, 0, 0.7); }
-    .navbar.is-light .navbar-burger {
-      color: rgba(0, 0, 0, 0.7); }
-    @media screen and (min-width: 1024px) {
-      .navbar.is-light .navbar-start > .navbar-item,
-      .navbar.is-light .navbar-start .navbar-link,
-      .navbar.is-light .navbar-end > .navbar-item,
-      .navbar.is-light .navbar-end .navbar-link {
-        color: rgba(0, 0, 0, 0.7); }
-      .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
-      .navbar.is-light .navbar-start .navbar-link:focus,
-      .navbar.is-light .navbar-start .navbar-link:hover,
-      .navbar.is-light .navbar-start .navbar-link.is-active,
-      .navbar.is-light .navbar-end > a.navbar-item:focus,
-      .navbar.is-light .navbar-end > a.navbar-item:hover,
-      .navbar.is-light .navbar-end > a.navbar-item.is-active,
-      .navbar.is-light .navbar-end .navbar-link:focus,
-      .navbar.is-light .navbar-end .navbar-link:hover,
-      .navbar.is-light .navbar-end .navbar-link.is-active {
-        background-color: #e8e8e8;
-        color: rgba(0, 0, 0, 0.7); }
-      .navbar.is-light .navbar-start .navbar-link::after,
-      .navbar.is-light .navbar-end .navbar-link::after {
-        border-color: rgba(0, 0, 0, 0.7); }
-      .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
-      .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
-      .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
-        background-color: #e8e8e8;
-        color: rgba(0, 0, 0, 0.7); }
-      .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
-        background-color: whitesmoke;
-        color: rgba(0, 0, 0, 0.7); } }
-  .navbar.is-dark {
-    background-color: #363636;
-    color: #fff; }
-    .navbar.is-dark .navbar-brand > .navbar-item,
-    .navbar.is-dark .navbar-brand .navbar-link {
-      color: #fff; }
-    .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
-    .navbar.is-dark .navbar-brand .navbar-link:focus,
-    .navbar.is-dark .navbar-brand .navbar-link:hover,
-    .navbar.is-dark .navbar-brand .navbar-link.is-active {
-      background-color: #292929;
-      color: #fff; }
-    .navbar.is-dark .navbar-brand .navbar-link::after {
-      border-color: #fff; }
-    .navbar.is-dark .navbar-burger {
-      color: #fff; }
-    @media screen and (min-width: 1024px) {
-      .navbar.is-dark .navbar-start > .navbar-item,
-      .navbar.is-dark .navbar-start .navbar-link,
-      .navbar.is-dark .navbar-end > .navbar-item,
-      .navbar.is-dark .navbar-end .navbar-link {
-        color: #fff; }
-      .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
-      .navbar.is-dark .navbar-start .navbar-link:focus,
-      .navbar.is-dark .navbar-start .navbar-link:hover,
-      .navbar.is-dark .navbar-start .navbar-link.is-active,
-      .navbar.is-dark .navbar-end > a.navbar-item:focus,
-      .navbar.is-dark .navbar-end > a.navbar-item:hover,
-      .navbar.is-dark .navbar-end > a.navbar-item.is-active,
-      .navbar.is-dark .navbar-end .navbar-link:focus,
-      .navbar.is-dark .navbar-end .navbar-link:hover,
-      .navbar.is-dark .navbar-end .navbar-link.is-active {
-        background-color: #292929;
-        color: #fff; }
-      .navbar.is-dark .navbar-start .navbar-link::after,
-      .navbar.is-dark .navbar-end .navbar-link::after {
-        border-color: #fff; }
-      .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
-      .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
-      .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
-        background-color: #292929;
-        color: #fff; }
-      .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
-        background-color: #363636;
-        color: #fff; } }
-  .navbar.is-primary {
-    background-color: #00d1b2;
-    color: #fff; }
-    .navbar.is-primary .navbar-brand > .navbar-item,
-    .navbar.is-primary .navbar-brand .navbar-link {
-      color: #fff; }
-    .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
-    .navbar.is-primary .navbar-brand .navbar-link:focus,
-    .navbar.is-primary .navbar-brand .navbar-link:hover,
-    .navbar.is-primary .navbar-brand .navbar-link.is-active {
-      background-color: #00b89c;
-      color: #fff; }
-    .navbar.is-primary .navbar-brand .navbar-link::after {
-      border-color: #fff; }
-    .navbar.is-primary .navbar-burger {
-      color: #fff; }
-    @media screen and (min-width: 1024px) {
-      .navbar.is-primary .navbar-start > .navbar-item,
-      .navbar.is-primary .navbar-start .navbar-link,
-      .navbar.is-primary .navbar-end > .navbar-item,
-      .navbar.is-primary .navbar-end .navbar-link {
-        color: #fff; }
-      .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
-      .navbar.is-primary .navbar-start .navbar-link:focus,
-      .navbar.is-primary .navbar-start .navbar-link:hover,
-      .navbar.is-primary .navbar-start .navbar-link.is-active,
-      .navbar.is-primary .navbar-end > a.navbar-item:focus,
-      .navbar.is-primary .navbar-end > a.navbar-item:hover,
-      .navbar.is-primary .navbar-end > a.navbar-item.is-active,
-      .navbar.is-primary .navbar-end .navbar-link:focus,
-      .navbar.is-primary .navbar-end .navbar-link:hover,
-      .navbar.is-primary .navbar-end .navbar-link.is-active {
-        background-color: #00b89c;
-        color: #fff; }
-      .navbar.is-primary .navbar-start .navbar-link::after,
-      .navbar.is-primary .navbar-end .navbar-link::after {
-        border-color: #fff; }
-      .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
-      .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
-      .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
-        background-color: #00b89c;
-        color: #fff; }
-      .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
-        background-color: #00d1b2;
-        color: #fff; } }
-  .navbar.is-link {
-    background-color: #485fc7;
-    color: #fff; }
-    .navbar.is-link .navbar-brand > .navbar-item,
-    .navbar.is-link .navbar-brand .navbar-link {
-      color: #fff; }
-    .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
-    .navbar.is-link .navbar-brand .navbar-link:focus,
-    .navbar.is-link .navbar-brand .navbar-link:hover,
-    .navbar.is-link .navbar-brand .navbar-link.is-active {
-      background-color: #3a51bb;
-      color: #fff; }
-    .navbar.is-link .navbar-brand .navbar-link::after {
-      border-color: #fff; }
-    .navbar.is-link .navbar-burger {
-      color: #fff; }
-    @media screen and (min-width: 1024px) {
-      .navbar.is-link .navbar-start > .navbar-item,
-      .navbar.is-link .navbar-start .navbar-link,
-      .navbar.is-link .navbar-end > .navbar-item,
-      .navbar.is-link .navbar-end .navbar-link {
-        color: #fff; }
-      .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
-      .navbar.is-link .navbar-start .navbar-link:focus,
-      .navbar.is-link .navbar-start .navbar-link:hover,
-      .navbar.is-link .navbar-start .navbar-link.is-active,
-      .navbar.is-link .navbar-end > a.navbar-item:focus,
-      .navbar.is-link .navbar-end > a.navbar-item:hover,
-      .navbar.is-link .navbar-end > a.navbar-item.is-active,
-      .navbar.is-link .navbar-end .navbar-link:focus,
-      .navbar.is-link .navbar-end .navbar-link:hover,
-      .navbar.is-link .navbar-end .navbar-link.is-active {
-        background-color: #3a51bb;
-        color: #fff; }
-      .navbar.is-link .navbar-start .navbar-link::after,
-      .navbar.is-link .navbar-end .navbar-link::after {
-        border-color: #fff; }
-      .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
-      .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
-      .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
-        background-color: #3a51bb;
-        color: #fff; }
-      .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
-        background-color: #485fc7;
-        color: #fff; } }
-  .navbar.is-info {
-    background-color: #3e8ed0;
-    color: #fff; }
-    .navbar.is-info .navbar-brand > .navbar-item,
-    .navbar.is-info .navbar-brand .navbar-link {
-      color: #fff; }
-    .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
-    .navbar.is-info .navbar-brand .navbar-link:focus,
-    .navbar.is-info .navbar-brand .navbar-link:hover,
-    .navbar.is-info .navbar-brand .navbar-link.is-active {
-      background-color: #3082c5;
-      color: #fff; }
-    .navbar.is-info .navbar-brand .navbar-link::after {
-      border-color: #fff; }
-    .navbar.is-info .navbar-burger {
-      color: #fff; }
-    @media screen and (min-width: 1024px) {
-      .navbar.is-info .navbar-start > .navbar-item,
-      .navbar.is-info .navbar-start .navbar-link,
-      .navbar.is-info .navbar-end > .navbar-item,
-      .navbar.is-info .navbar-end .navbar-link {
-        color: #fff; }
-      .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
-      .navbar.is-info .navbar-start .navbar-link:focus,
-      .navbar.is-info .navbar-start .navbar-link:hover,
-      .navbar.is-info .navbar-start .navbar-link.is-active,
-      .navbar.is-info .navbar-end > a.navbar-item:focus,
-      .navbar.is-info .navbar-end > a.navbar-item:hover,
-      .navbar.is-info .navbar-end > a.navbar-item.is-active,
-      .navbar.is-info .navbar-end .navbar-link:focus,
-      .navbar.is-info .navbar-end .navbar-link:hover,
-      .navbar.is-info .navbar-end .navbar-link.is-active {
-        background-color: #3082c5;
-        color: #fff; }
-      .navbar.is-info .navbar-start .navbar-link::after,
-      .navbar.is-info .navbar-end .navbar-link::after {
-        border-color: #fff; }
-      .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
-      .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
-      .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
-        background-color: #3082c5;
-        color: #fff; }
-      .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
-        background-color: #3e8ed0;
-        color: #fff; } }
-  .navbar.is-success {
-    background-color: #48c78e;
-    color: #fff; }
-    .navbar.is-success .navbar-brand > .navbar-item,
-    .navbar.is-success .navbar-brand .navbar-link {
-      color: #fff; }
-    .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
-    .navbar.is-success .navbar-brand .navbar-link:focus,
-    .navbar.is-success .navbar-brand .navbar-link:hover,
-    .navbar.is-success .navbar-brand .navbar-link.is-active {
-      background-color: #3abb81;
-      color: #fff; }
-    .navbar.is-success .navbar-brand .navbar-link::after {
-      border-color: #fff; }
-    .navbar.is-success .navbar-burger {
-      color: #fff; }
-    @media screen and (min-width: 1024px) {
-      .navbar.is-success .navbar-start > .navbar-item,
-      .navbar.is-success .navbar-start .navbar-link,
-      .navbar.is-success .navbar-end > .navbar-item,
-      .navbar.is-success .navbar-end .navbar-link {
-        color: #fff; }
-      .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
-      .navbar.is-success .navbar-start .navbar-link:focus,
-      .navbar.is-success .navbar-start .navbar-link:hover,
-      .navbar.is-success .navbar-start .navbar-link.is-active,
-      .navbar.is-success .navbar-end > a.navbar-item:focus,
-      .navbar.is-success .navbar-end > a.navbar-item:hover,
-      .navbar.is-success .navbar-end > a.navbar-item.is-active,
-      .navbar.is-success .navbar-end .navbar-link:focus,
-      .navbar.is-success .navbar-end .navbar-link:hover,
-      .navbar.is-success .navbar-end .navbar-link.is-active {
-        background-color: #3abb81;
-        color: #fff; }
-      .navbar.is-success .navbar-start .navbar-link::after,
-      .navbar.is-success .navbar-end .navbar-link::after {
-        border-color: #fff; }
-      .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
-      .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
-      .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
-        background-color: #3abb81;
-        color: #fff; }
-      .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
-        background-color: #48c78e;
-        color: #fff; } }
-  .navbar.is-warning {
-    background-color: #ffe08a;
-    color: rgba(0, 0, 0, 0.7); }
-    .navbar.is-warning .navbar-brand > .navbar-item,
-    .navbar.is-warning .navbar-brand .navbar-link {
-      color: rgba(0, 0, 0, 0.7); }
-    .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
-    .navbar.is-warning .navbar-brand .navbar-link:focus,
-    .navbar.is-warning .navbar-brand .navbar-link:hover,
-    .navbar.is-warning .navbar-brand .navbar-link.is-active {
-      background-color: #ffd970;
-      color: rgba(0, 0, 0, 0.7); }
-    .navbar.is-warning .navbar-brand .navbar-link::after {
-      border-color: rgba(0, 0, 0, 0.7); }
-    .navbar.is-warning .navbar-burger {
-      color: rgba(0, 0, 0, 0.7); }
-    @media screen and (min-width: 1024px) {
-      .navbar.is-warning .navbar-start > .navbar-item,
-      .navbar.is-warning .navbar-start .navbar-link,
-      .navbar.is-warning .navbar-end > .navbar-item,
-      .navbar.is-warning .navbar-end .navbar-link {
-        color: rgba(0, 0, 0, 0.7); }
-      .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
-      .navbar.is-warning .navbar-start .navbar-link:focus,
-      .navbar.is-warning .navbar-start .navbar-link:hover,
-      .navbar.is-warning .navbar-start .navbar-link.is-active,
-      .navbar.is-warning .navbar-end > a.navbar-item:focus,
-      .navbar.is-warning .navbar-end > a.navbar-item:hover,
-      .navbar.is-warning .navbar-end > a.navbar-item.is-active,
-      .navbar.is-warning .navbar-end .navbar-link:focus,
-      .navbar.is-warning .navbar-end .navbar-link:hover,
-      .navbar.is-warning .navbar-end .navbar-link.is-active {
-        background-color: #ffd970;
-        color: rgba(0, 0, 0, 0.7); }
-      .navbar.is-warning .navbar-start .navbar-link::after,
-      .navbar.is-warning .navbar-end .navbar-link::after {
-        border-color: rgba(0, 0, 0, 0.7); }
-      .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
-      .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
-      .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
-        background-color: #ffd970;
-        color: rgba(0, 0, 0, 0.7); }
-      .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
-        background-color: #ffe08a;
-        color: rgba(0, 0, 0, 0.7); } }
-  .navbar.is-danger {
-    background-color: #f14668;
-    color: #fff; }
-    .navbar.is-danger .navbar-brand > .navbar-item,
-    .navbar.is-danger .navbar-brand .navbar-link {
-      color: #fff; }
-    .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
-    .navbar.is-danger .navbar-brand .navbar-link:focus,
-    .navbar.is-danger .navbar-brand .navbar-link:hover,
-    .navbar.is-danger .navbar-brand .navbar-link.is-active {
-      background-color: #ef2e55;
-      color: #fff; }
-    .navbar.is-danger .navbar-brand .navbar-link::after {
-      border-color: #fff; }
-    .navbar.is-danger .navbar-burger {
-      color: #fff; }
-    @media screen and (min-width: 1024px) {
-      .navbar.is-danger .navbar-start > .navbar-item,
-      .navbar.is-danger .navbar-start .navbar-link,
-      .navbar.is-danger .navbar-end > .navbar-item,
-      .navbar.is-danger .navbar-end .navbar-link {
-        color: #fff; }
-      .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
-      .navbar.is-danger .navbar-start .navbar-link:focus,
-      .navbar.is-danger .navbar-start .navbar-link:hover,
-      .navbar.is-danger .navbar-start .navbar-link.is-active,
-      .navbar.is-danger .navbar-end > a.navbar-item:focus,
-      .navbar.is-danger .navbar-end > a.navbar-item:hover,
-      .navbar.is-danger .navbar-end > a.navbar-item.is-active,
-      .navbar.is-danger .navbar-end .navbar-link:focus,
-      .navbar.is-danger .navbar-end .navbar-link:hover,
-      .navbar.is-danger .navbar-end .navbar-link.is-active {
-        background-color: #ef2e55;
-        color: #fff; }
-      .navbar.is-danger .navbar-start .navbar-link::after,
-      .navbar.is-danger .navbar-end .navbar-link::after {
-        border-color: #fff; }
-      .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
-      .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
-      .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
-        background-color: #ef2e55;
-        color: #fff; }
-      .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
-        background-color: #f14668;
-        color: #fff; } }
-  .navbar > .container {
-    align-items: stretch;
-    display: flex;
-    min-height: 3.25rem;
-    width: 100%; }
-  .navbar.has-shadow {
-    box-shadow: 0 2px 0 0 whitesmoke; }
-  .navbar.is-fixed-bottom, .navbar.is-fixed-top {
-    left: 0;
-    position: fixed;
-    right: 0;
-    z-index: 30; }
-  .navbar.is-fixed-bottom {
-    bottom: 0; }
-    .navbar.is-fixed-bottom.has-shadow {
-      box-shadow: 0 -2px 0 0 whitesmoke; }
-  .navbar.is-fixed-top {
-    top: 0; }
-
-html.has-navbar-fixed-top,
-body.has-navbar-fixed-top {
-  padding-top: 3.25rem; }
-html.has-navbar-fixed-bottom,
-body.has-navbar-fixed-bottom {
-  padding-bottom: 3.25rem; }
-
-.navbar-brand,
-.navbar-tabs {
-  align-items: stretch;
-  display: flex;
-  flex-shrink: 0;
-  min-height: 3.25rem; }
-
-.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
-  background-color: transparent; }
-
-.navbar-tabs {
-  -webkit-overflow-scrolling: touch;
-  max-width: 100vw;
-  overflow-x: auto;
-  overflow-y: hidden; }
-
-.navbar-burger {
-  color: #4a4a4a;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
-  background: none;
-  border: none;
-  cursor: pointer;
-  display: block;
-  height: 3.25rem;
-  position: relative;
-  width: 3.25rem;
-  margin-left: auto; }
-  .navbar-burger span {
-    background-color: currentColor;
-    display: block;
-    height: 1px;
-    left: calc(50% - 8px);
-    position: absolute;
-    transform-origin: center;
-    transition-duration: 86ms;
-    transition-property: background-color, opacity, transform;
-    transition-timing-function: ease-out;
-    width: 16px; }
-    .navbar-burger span:nth-child(1) {
-      top: calc(50% - 6px); }
-    .navbar-burger span:nth-child(2) {
-      top: calc(50% - 1px); }
-    .navbar-burger span:nth-child(3) {
-      top: calc(50% + 4px); }
-  .navbar-burger:hover {
-    background-color: rgba(0, 0, 0, 0.05); }
-  .navbar-burger.is-active span:nth-child(1) {
-    transform: translateY(5px) rotate(45deg); }
-  .navbar-burger.is-active span:nth-child(2) {
-    opacity: 0; }
-  .navbar-burger.is-active span:nth-child(3) {
-    transform: translateY(-5px) rotate(-45deg); }
-
-.navbar-menu {
-  display: none; }
-
-.navbar-item,
-.navbar-link {
-  color: #4a4a4a;
-  display: block;
-  line-height: 1.5;
-  padding: 0.5rem 0.75rem;
-  position: relative; }
-  .navbar-item .icon:only-child,
-  .navbar-link .icon:only-child {
-    margin-left: -0.25rem;
-    margin-right: -0.25rem; }
-
-a.navbar-item,
-.navbar-link {
-  cursor: pointer; }
-  a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
-  .navbar-link:focus,
-  .navbar-link:focus-within,
-  .navbar-link:hover,
-  .navbar-link.is-active {
-    background-color: #fafafa;
-    color: #485fc7; }
-
-.navbar-item {
-  flex-grow: 0;
-  flex-shrink: 0; }
-  .navbar-item img {
-    max-height: 1.75rem; }
-  .navbar-item.has-dropdown {
-    padding: 0; }
-  .navbar-item.is-expanded {
-    flex-grow: 1;
-    flex-shrink: 1; }
-  .navbar-item.is-tab {
-    border-bottom: 1px solid transparent;
-    min-height: 3.25rem;
-    padding-bottom: calc(0.5rem - 1px); }
-    .navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
-      background-color: transparent;
-      border-bottom-color: #485fc7; }
-    .navbar-item.is-tab.is-active {
-      background-color: transparent;
-      border-bottom-color: #485fc7;
-      border-bottom-style: solid;
-      border-bottom-width: 3px;
-      color: #485fc7;
-      padding-bottom: calc(0.5rem - 3px); }
-
-.navbar-content {
-  flex-grow: 1;
-  flex-shrink: 1; }
-
-.navbar-link:not(.is-arrowless) {
-  padding-right: 2.5em; }
-  .navbar-link:not(.is-arrowless)::after {
-    border-color: #485fc7;
-    margin-top: -0.375em;
-    right: 1.125em; }
-
-.navbar-dropdown {
-  font-size: 0.875rem;
-  padding-bottom: 0.5rem;
-  padding-top: 0.5rem; }
-  .navbar-dropdown .navbar-item {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem; }
-
-.navbar-divider {
-  background-color: whitesmoke;
-  border: none;
-  display: none;
-  height: 2px;
-  margin: 0.5rem 0; }
-
-@media screen and (max-width: 1023px) {
-  .navbar > .container {
-    display: block; }
-
-  .navbar-brand .navbar-item,
-  .navbar-tabs .navbar-item {
-    align-items: center;
-    display: flex; }
-
-  .navbar-link::after {
-    display: none; }
-
-  .navbar-menu {
-    background-color: white;
-    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
-    padding: 0.5rem 0; }
-    .navbar-menu.is-active {
-      display: block; }
-
-  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
-    left: 0;
-    position: fixed;
-    right: 0;
-    z-index: 30; }
-  .navbar.is-fixed-bottom-touch {
-    bottom: 0; }
-    .navbar.is-fixed-bottom-touch.has-shadow {
-      box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); }
-  .navbar.is-fixed-top-touch {
-    top: 0; }
-  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
-    -webkit-overflow-scrolling: touch;
-    max-height: calc(100vh - 3.25rem);
-    overflow: auto; }
-
-  html.has-navbar-fixed-top-touch,
-  body.has-navbar-fixed-top-touch {
-    padding-top: 3.25rem; }
-  html.has-navbar-fixed-bottom-touch,
-  body.has-navbar-fixed-bottom-touch {
-    padding-bottom: 3.25rem; } }
-@media screen and (min-width: 1024px) {
-  .navbar,
-  .navbar-menu,
-  .navbar-start,
-  .navbar-end {
-    align-items: stretch;
-    display: flex; }
-
-  .navbar {
-    min-height: 3.25rem; }
-    .navbar.is-spaced {
-      padding: 1rem 2rem; }
-      .navbar.is-spaced .navbar-start,
-      .navbar.is-spaced .navbar-end {
-        align-items: center; }
-      .navbar.is-spaced a.navbar-item,
-      .navbar.is-spaced .navbar-link {
-        border-radius: 4px; }
-    .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
-    .navbar.is-transparent .navbar-link:focus,
-    .navbar.is-transparent .navbar-link:hover,
-    .navbar.is-transparent .navbar-link.is-active {
-      background-color: transparent !important; }
-    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
-      background-color: transparent !important; }
-    .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
-      background-color: whitesmoke;
-      color: #0a0a0a; }
-    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
-      background-color: whitesmoke;
-      color: #485fc7; }
-
-  .navbar-burger {
-    display: none; }
-
-  .navbar-item,
-  .navbar-link {
-    align-items: center;
-    display: flex; }
-
-  .navbar-item.has-dropdown {
-    align-items: stretch; }
-  .navbar-item.has-dropdown-up .navbar-link::after {
-    transform: rotate(135deg) translate(0.25em, -0.25em); }
-  .navbar-item.has-dropdown-up .navbar-dropdown {
-    border-bottom: 2px solid #dbdbdb;
-    border-radius: 6px 6px 0 0;
-    border-top: none;
-    bottom: 100%;
-    box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
-    top: auto; }
-  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
-    display: block; }
-    .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
-      opacity: 1;
-      pointer-events: auto;
-      transform: translateY(0); }
-
-  .navbar-menu {
-    flex-grow: 1;
-    flex-shrink: 0; }
-
-  .navbar-start {
-    justify-content: flex-start;
-    margin-right: auto; }
-
-  .navbar-end {
-    justify-content: flex-end;
-    margin-left: auto; }
-
-  .navbar-dropdown {
-    background-color: white;
-    border-bottom-left-radius: 6px;
-    border-bottom-right-radius: 6px;
-    border-top: 2px solid #dbdbdb;
-    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
-    display: none;
-    font-size: 0.875rem;
-    left: 0;
-    min-width: 100%;
-    position: absolute;
-    top: 100%;
-    z-index: 20; }
-    .navbar-dropdown .navbar-item {
-      padding: 0.375rem 1rem;
-      white-space: nowrap; }
-    .navbar-dropdown a.navbar-item {
-      padding-right: 3rem; }
-      .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
-        background-color: whitesmoke;
-        color: #0a0a0a; }
-      .navbar-dropdown a.navbar-item.is-active {
-        background-color: whitesmoke;
-        color: #485fc7; }
-    .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
-      border-radius: 6px;
-      border-top: none;
-      box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
-      display: block;
-      opacity: 0;
-      pointer-events: none;
-      top: calc(100% + (-4px));
-      transform: translateY(-5px);
-      transition-duration: 86ms;
-      transition-property: opacity, transform; }
-    .navbar-dropdown.is-right {
-      left: auto;
-      right: 0; }
-
-  .navbar-divider {
-    display: block; }
-
-  .navbar > .container .navbar-brand,
-  .container > .navbar .navbar-brand {
-    margin-left: -0.75rem; }
-  .navbar > .container .navbar-menu,
-  .container > .navbar .navbar-menu {
-    margin-right: -0.75rem; }
-
-  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
-    left: 0;
-    position: fixed;
-    right: 0;
-    z-index: 30; }
-  .navbar.is-fixed-bottom-desktop {
-    bottom: 0; }
-    .navbar.is-fixed-bottom-desktop.has-shadow {
-      box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); }
-  .navbar.is-fixed-top-desktop {
-    top: 0; }
-
-  html.has-navbar-fixed-top-desktop,
-  body.has-navbar-fixed-top-desktop {
-    padding-top: 3.25rem; }
-  html.has-navbar-fixed-bottom-desktop,
-  body.has-navbar-fixed-bottom-desktop {
-    padding-bottom: 3.25rem; }
-  html.has-spaced-navbar-fixed-top,
-  body.has-spaced-navbar-fixed-top {
-    padding-top: 5.25rem; }
-  html.has-spaced-navbar-fixed-bottom,
-  body.has-spaced-navbar-fixed-bottom {
-    padding-bottom: 5.25rem; }
-
-  a.navbar-item.is-active,
-  .navbar-link.is-active {
-    color: #0a0a0a; }
-  a.navbar-item.is-active:not(:focus):not(:hover),
-  .navbar-link.is-active:not(:focus):not(:hover) {
-    background-color: transparent; }
-
-  .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #fafafa; } }
-.hero.is-fullheight-with-navbar {
-  min-height: calc(100vh - 3.25rem); }
-
-.pagination {
-  font-size: 1rem;
-  margin: -0.25rem; }
-  .pagination.is-small {
-    font-size: 0.75rem; }
-  .pagination.is-medium {
-    font-size: 1.25rem; }
-  .pagination.is-large {
-    font-size: 1.5rem; }
-  .pagination.is-rounded .pagination-previous,
-  .pagination.is-rounded .pagination-next {
-    padding-left: 1em;
-    padding-right: 1em;
-    border-radius: 9999px; }
-  .pagination.is-rounded .pagination-link {
-    border-radius: 9999px; }
-
-.pagination,
-.pagination-list {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  text-align: center; }
-
-.pagination-previous,
-.pagination-next,
-.pagination-link,
-.pagination-ellipsis {
-  font-size: 1em;
-  justify-content: center;
-  margin: 0.25rem;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
-  text-align: center; }
-
-.pagination-previous,
-.pagination-next,
-.pagination-link {
-  border-color: #dbdbdb;
-  color: #363636;
-  min-width: 2.5em; }
-  .pagination-previous:hover,
-  .pagination-next:hover,
-  .pagination-link:hover {
-    border-color: #b5b5b5;
-    color: #363636; }
-  .pagination-previous:focus,
-  .pagination-next:focus,
-  .pagination-link:focus {
-    border-color: #485fc7; }
-  .pagination-previous:active,
-  .pagination-next:active,
-  .pagination-link:active {
-    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); }
-  .pagination-previous[disabled], .pagination-previous.is-disabled,
-  .pagination-next[disabled],
-  .pagination-next.is-disabled,
-  .pagination-link[disabled],
-  .pagination-link.is-disabled {
-    background-color: #dbdbdb;
-    border-color: #dbdbdb;
-    box-shadow: none;
-    color: #7a7a7a;
-    opacity: 0.5; }
-
-.pagination-previous,
-.pagination-next {
-  padding-left: 0.75em;
-  padding-right: 0.75em;
-  white-space: nowrap; }
-
-.pagination-link.is-current {
-  background-color: #485fc7;
-  border-color: #485fc7;
-  color: #fff; }
-
-.pagination-ellipsis {
-  color: #b5b5b5;
-  pointer-events: none; }
-
-.pagination-list {
-  flex-wrap: wrap; }
-  .pagination-list li {
-    list-style: none; }
-
-@media screen and (max-width: 768px) {
-  .pagination {
-    flex-wrap: wrap; }
-
-  .pagination-previous,
-  .pagination-next {
-    flex-grow: 1;
-    flex-shrink: 1; }
-
-  .pagination-list li {
-    flex-grow: 1;
-    flex-shrink: 1; } }
-@media screen and (min-width: 769px), print {
-  .pagination-list {
-    flex-grow: 1;
-    flex-shrink: 1;
-    justify-content: flex-start;
-    order: 1; }
-
-  .pagination-previous,
-  .pagination-next,
-  .pagination-link,
-  .pagination-ellipsis {
-    margin-bottom: 0;
-    margin-top: 0; }
-
-  .pagination-previous {
-    order: 2; }
-
-  .pagination-next {
-    order: 3; }
-
-  .pagination {
-    justify-content: space-between;
-    margin-bottom: 0;
-    margin-top: 0; }
-    .pagination.is-centered .pagination-previous {
-      order: 1; }
-    .pagination.is-centered .pagination-list {
-      justify-content: center;
-      order: 2; }
-    .pagination.is-centered .pagination-next {
-      order: 3; }
-    .pagination.is-right .pagination-previous {
-      order: 1; }
-    .pagination.is-right .pagination-next {
-      order: 2; }
-    .pagination.is-right .pagination-list {
-      justify-content: flex-end;
-      order: 3; } }
-.panel {
-  border-radius: 6px;
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
-  font-size: 1rem; }
-  .panel:not(:last-child) {
-    margin-bottom: 1.5rem; }
-  .panel.is-white .panel-heading {
-    background-color: white;
-    color: #0a0a0a; }
-  .panel.is-white .panel-tabs a.is-active {
-    border-bottom-color: white; }
-  .panel.is-white .panel-block.is-active .panel-icon {
-    color: white; }
-  .panel.is-black .panel-heading {
-    background-color: #0a0a0a;
-    color: white; }
-  .panel.is-black .panel-tabs a.is-active {
-    border-bottom-color: #0a0a0a; }
-  .panel.is-black .panel-block.is-active .panel-icon {
-    color: #0a0a0a; }
-  .panel.is-light .panel-heading {
-    background-color: whitesmoke;
-    color: rgba(0, 0, 0, 0.7); }
-  .panel.is-light .panel-tabs a.is-active {
-    border-bottom-color: whitesmoke; }
-  .panel.is-light .panel-block.is-active .panel-icon {
-    color: whitesmoke; }
-  .panel.is-dark .panel-heading {
-    background-color: #363636;
-    color: #fff; }
-  .panel.is-dark .panel-tabs a.is-active {
-    border-bottom-color: #363636; }
-  .panel.is-dark .panel-block.is-active .panel-icon {
-    color: #363636; }
-  .panel.is-primary .panel-heading {
-    background-color: #00d1b2;
-    color: #fff; }
-  .panel.is-primary .panel-tabs a.is-active {
-    border-bottom-color: #00d1b2; }
-  .panel.is-primary .panel-block.is-active .panel-icon {
-    color: #00d1b2; }
-  .panel.is-link .panel-heading {
-    background-color: #485fc7;
-    color: #fff; }
-  .panel.is-link .panel-tabs a.is-active {
-    border-bottom-color: #485fc7; }
-  .panel.is-link .panel-block.is-active .panel-icon {
-    color: #485fc7; }
-  .panel.is-info .panel-heading {
-    background-color: #3e8ed0;
-    color: #fff; }
-  .panel.is-info .panel-tabs a.is-active {
-    border-bottom-color: #3e8ed0; }
-  .panel.is-info .panel-block.is-active .panel-icon {
-    color: #3e8ed0; }
-  .panel.is-success .panel-heading {
-    background-color: #48c78e;
-    color: #fff; }
-  .panel.is-success .panel-tabs a.is-active {
-    border-bottom-color: #48c78e; }
-  .panel.is-success .panel-block.is-active .panel-icon {
-    color: #48c78e; }
-  .panel.is-warning .panel-heading {
-    background-color: #ffe08a;
-    color: rgba(0, 0, 0, 0.7); }
-  .panel.is-warning .panel-tabs a.is-active {
-    border-bottom-color: #ffe08a; }
-  .panel.is-warning .panel-block.is-active .panel-icon {
-    color: #ffe08a; }
-  .panel.is-danger .panel-heading {
-    background-color: #f14668;
-    color: #fff; }
-  .panel.is-danger .panel-tabs a.is-active {
-    border-bottom-color: #f14668; }
-  .panel.is-danger .panel-block.is-active .panel-icon {
-    color: #f14668; }
-
-.panel-tabs:not(:last-child),
-.panel-block:not(:last-child) {
-  border-bottom: 1px solid #ededed; }
-
-.panel-heading {
-  background-color: #ededed;
-  border-radius: 6px 6px 0 0;
-  color: #363636;
-  font-size: 1.25em;
-  font-weight: 700;
-  line-height: 1.25;
-  padding: 0.75em 1em; }
-
-.panel-tabs {
-  align-items: flex-end;
-  display: flex;
-  font-size: 0.875em;
-  justify-content: center; }
-  .panel-tabs a {
-    border-bottom: 1px solid #dbdbdb;
-    margin-bottom: -1px;
-    padding: 0.5em; }
-    .panel-tabs a.is-active {
-      border-bottom-color: #4a4a4a;
-      color: #363636; }
-
-.panel-list a {
-  color: #4a4a4a; }
-  .panel-list a:hover {
-    color: #485fc7; }
-
-.panel-block {
-  align-items: center;
-  color: #363636;
-  display: flex;
-  justify-content: flex-start;
-  padding: 0.5em 0.75em; }
-  .panel-block input[type="checkbox"] {
-    margin-right: 0.75em; }
-  .panel-block > .control {
-    flex-grow: 1;
-    flex-shrink: 1;
-    width: 100%; }
-  .panel-block.is-wrapped {
-    flex-wrap: wrap; }
-  .panel-block.is-active {
-    border-left-color: #485fc7;
-    color: #363636; }
-    .panel-block.is-active .panel-icon {
-      color: #485fc7; }
-  .panel-block:last-child {
-    border-bottom-left-radius: 6px;
-    border-bottom-right-radius: 6px; }
-
-a.panel-block,
-label.panel-block {
-  cursor: pointer; }
-  a.panel-block:hover,
-  label.panel-block:hover {
-    background-color: whitesmoke; }
-
-.panel-icon {
-  display: inline-block;
-  font-size: 14px;
-  height: 1em;
-  line-height: 1em;
-  text-align: center;
-  vertical-align: top;
-  width: 1em;
-  color: #7a7a7a;
-  margin-right: 0.75em; }
-  .panel-icon .fa {
-    font-size: inherit;
-    line-height: inherit; }
-
-.tabs {
-  -webkit-overflow-scrolling: touch;
-  align-items: stretch;
-  display: flex;
-  font-size: 1rem;
-  justify-content: space-between;
-  overflow: hidden;
-  overflow-x: auto;
-  white-space: nowrap; }
-  .tabs a {
-    align-items: center;
-    border-bottom-color: #dbdbdb;
-    border-bottom-style: solid;
-    border-bottom-width: 1px;
-    color: #4a4a4a;
-    display: flex;
-    justify-content: center;
-    margin-bottom: -1px;
-    padding: 0.5em 1em;
-    vertical-align: top; }
-    .tabs a:hover {
-      border-bottom-color: #363636;
-      color: #363636; }
-  .tabs li {
-    display: block; }
-    .tabs li.is-active a {
-      border-bottom-color: #485fc7;
-      color: #485fc7; }
-  .tabs ul {
-    align-items: center;
-    border-bottom-color: #dbdbdb;
-    border-bottom-style: solid;
-    border-bottom-width: 1px;
-    display: flex;
-    flex-grow: 1;
-    flex-shrink: 0;
-    justify-content: flex-start; }
-    .tabs ul.is-left {
-      padding-right: 0.75em; }
-    .tabs ul.is-center {
-      flex: none;
-      justify-content: center;
-      padding-left: 0.75em;
-      padding-right: 0.75em; }
-    .tabs ul.is-right {
-      justify-content: flex-end;
-      padding-left: 0.75em; }
-  .tabs .icon:first-child {
-    margin-right: 0.5em; }
-  .tabs .icon:last-child {
-    margin-left: 0.5em; }
-  .tabs.is-centered ul {
-    justify-content: center; }
-  .tabs.is-right ul {
-    justify-content: flex-end; }
-  .tabs.is-boxed a {
-    border: 1px solid transparent;
-    border-radius: 4px 4px 0 0; }
-    .tabs.is-boxed a:hover {
-      background-color: whitesmoke;
-      border-bottom-color: #dbdbdb; }
-  .tabs.is-boxed li.is-active a {
-    background-color: white;
-    border-color: #dbdbdb;
-    border-bottom-color: transparent !important; }
-  .tabs.is-fullwidth li {
-    flex-grow: 1;
-    flex-shrink: 0; }
-  .tabs.is-toggle a {
-    border-color: #dbdbdb;
-    border-style: solid;
-    border-width: 1px;
-    margin-bottom: 0;
-    position: relative; }
-    .tabs.is-toggle a:hover {
-      background-color: whitesmoke;
-      border-color: #b5b5b5;
-      z-index: 2; }
-  .tabs.is-toggle li + li {
-    margin-left: -1px; }
-  .tabs.is-toggle li:first-child a {
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px; }
-  .tabs.is-toggle li:last-child a {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px; }
-  .tabs.is-toggle li.is-active a {
-    background-color: #485fc7;
-    border-color: #485fc7;
-    color: #fff;
-    z-index: 1; }
-  .tabs.is-toggle ul {
-    border-bottom: none; }
-  .tabs.is-toggle.is-toggle-rounded li:first-child a {
-    border-bottom-left-radius: 9999px;
-    border-top-left-radius: 9999px;
-    padding-left: 1.25em; }
-  .tabs.is-toggle.is-toggle-rounded li:last-child a {
-    border-bottom-right-radius: 9999px;
-    border-top-right-radius: 9999px;
-    padding-right: 1.25em; }
-  .tabs.is-small {
-    font-size: 0.75rem; }
-  .tabs.is-medium {
-    font-size: 1.25rem; }
-  .tabs.is-large {
-    font-size: 1.5rem; }
-
-/* Bulma Grid */
-.column {
-  display: block;
-  flex-basis: 0;
-  flex-grow: 1;
-  flex-shrink: 1;
-  padding: 0.75rem; }
-  .columns.is-mobile > .column.is-narrow {
-    flex: none;
-    width: unset; }
-  .columns.is-mobile > .column.is-full {
-    flex: none;
-    width: 100%; }
-  .columns.is-mobile > .column.is-three-quarters {
-    flex: none;
-    width: 75%; }
-  .columns.is-mobile > .column.is-two-thirds {
-    flex: none;
-    width: 66.6666%; }
-  .columns.is-mobile > .column.is-half {
-    flex: none;
-    width: 50%; }
-  .columns.is-mobile > .column.is-one-third {
-    flex: none;
-    width: 33.3333%; }
-  .columns.is-mobile > .column.is-one-quarter {
-    flex: none;
-    width: 25%; }
-  .columns.is-mobile > .column.is-one-fifth {
-    flex: none;
-    width: 20%; }
-  .columns.is-mobile > .column.is-two-fifths {
-    flex: none;
-    width: 40%; }
-  .columns.is-mobile > .column.is-three-fifths {
-    flex: none;
-    width: 60%; }
-  .columns.is-mobile > .column.is-four-fifths {
-    flex: none;
-    width: 80%; }
-  .columns.is-mobile > .column.is-offset-three-quarters {
-    margin-left: 75%; }
-  .columns.is-mobile > .column.is-offset-two-thirds {
-    margin-left: 66.6666%; }
-  .columns.is-mobile > .column.is-offset-half {
-    margin-left: 50%; }
-  .columns.is-mobile > .column.is-offset-one-third {
-    margin-left: 33.3333%; }
-  .columns.is-mobile > .column.is-offset-one-quarter {
-    margin-left: 25%; }
-  .columns.is-mobile > .column.is-offset-one-fifth {
-    margin-left: 20%; }
-  .columns.is-mobile > .column.is-offset-two-fifths {
-    margin-left: 40%; }
-  .columns.is-mobile > .column.is-offset-three-fifths {
-    margin-left: 60%; }
-  .columns.is-mobile > .column.is-offset-four-fifths {
-    margin-left: 80%; }
-  .columns.is-mobile > .column.is-0 {
-    flex: none;
-    width: 0%; }
-  .columns.is-mobile > .column.is-offset-0 {
-    margin-left: 0%; }
-  .columns.is-mobile > .column.is-1 {
-    flex: none;
-    width: 8.33333337%; }
-  .columns.is-mobile > .column.is-offset-1 {
-    margin-left: 8.33333337%; }
-  .columns.is-mobile > .column.is-2 {
-    flex: none;
-    width: 16.66666674%; }
-  .columns.is-mobile > .column.is-offset-2 {
-    margin-left: 16.66666674%; }
-  .columns.is-mobile > .column.is-3 {
-    flex: none;
-    width: 25%; }
-  .columns.is-mobile > .column.is-offset-3 {
-    margin-left: 25%; }
-  .columns.is-mobile > .column.is-4 {
-    flex: none;
-    width: 33.33333337%; }
-  .columns.is-mobile > .column.is-offset-4 {
-    margin-left: 33.33333337%; }
-  .columns.is-mobile > .column.is-5 {
-    flex: none;
-    width: 41.66666674%; }
-  .columns.is-mobile > .column.is-offset-5 {
-    margin-left: 41.66666674%; }
-  .columns.is-mobile > .column.is-6 {
-    flex: none;
-    width: 50%; }
-  .columns.is-mobile > .column.is-offset-6 {
-    margin-left: 50%; }
-  .columns.is-mobile > .column.is-7 {
-    flex: none;
-    width: 58.33333337%; }
-  .columns.is-mobile > .column.is-offset-7 {
-    margin-left: 58.33333337%; }
-  .columns.is-mobile > .column.is-8 {
-    flex: none;
-    width: 66.66666674%; }
-  .columns.is-mobile > .column.is-offset-8 {
-    margin-left: 66.66666674%; }
-  .columns.is-mobile > .column.is-9 {
-    flex: none;
-    width: 75%; }
-  .columns.is-mobile > .column.is-offset-9 {
-    margin-left: 75%; }
-  .columns.is-mobile > .column.is-10 {
-    flex: none;
-    width: 83.33333337%; }
-  .columns.is-mobile > .column.is-offset-10 {
-    margin-left: 83.33333337%; }
-  .columns.is-mobile > .column.is-11 {
-    flex: none;
-    width: 91.66666674%; }
-  .columns.is-mobile > .column.is-offset-11 {
-    margin-left: 91.66666674%; }
-  .columns.is-mobile > .column.is-12 {
-    flex: none;
-    width: 100%; }
-  .columns.is-mobile > .column.is-offset-12 {
-    margin-left: 100%; }
-  @media screen and (max-width: 768px) {
-    .column.is-narrow-mobile {
-      flex: none;
-      width: unset; }
-    .column.is-full-mobile {
-      flex: none;
-      width: 100%; }
-    .column.is-three-quarters-mobile {
-      flex: none;
-      width: 75%; }
-    .column.is-two-thirds-mobile {
-      flex: none;
-      width: 66.6666%; }
-    .column.is-half-mobile {
-      flex: none;
-      width: 50%; }
-    .column.is-one-third-mobile {
-      flex: none;
-      width: 33.3333%; }
-    .column.is-one-quarter-mobile {
-      flex: none;
-      width: 25%; }
-    .column.is-one-fifth-mobile {
-      flex: none;
-      width: 20%; }
-    .column.is-two-fifths-mobile {
-      flex: none;
-      width: 40%; }
-    .column.is-three-fifths-mobile {
-      flex: none;
-      width: 60%; }
-    .column.is-four-fifths-mobile {
-      flex: none;
-      width: 80%; }
-    .column.is-offset-three-quarters-mobile {
-      margin-left: 75%; }
-    .column.is-offset-two-thirds-mobile {
-      margin-left: 66.6666%; }
-    .column.is-offset-half-mobile {
-      margin-left: 50%; }
-    .column.is-offset-one-third-mobile {
-      margin-left: 33.3333%; }
-    .column.is-offset-one-quarter-mobile {
-      margin-left: 25%; }
-    .column.is-offset-one-fifth-mobile {
-      margin-left: 20%; }
-    .column.is-offset-two-fifths-mobile {
-      margin-left: 40%; }
-    .column.is-offset-three-fifths-mobile {
-      margin-left: 60%; }
-    .column.is-offset-four-fifths-mobile {
-      margin-left: 80%; }
-    .column.is-0-mobile {
-      flex: none;
-      width: 0%; }
-    .column.is-offset-0-mobile {
-      margin-left: 0%; }
-    .column.is-1-mobile {
-      flex: none;
-      width: 8.33333337%; }
-    .column.is-offset-1-mobile {
-      margin-left: 8.33333337%; }
-    .column.is-2-mobile {
-      flex: none;
-      width: 16.66666674%; }
-    .column.is-offset-2-mobile {
-      margin-left: 16.66666674%; }
-    .column.is-3-mobile {
-      flex: none;
-      width: 25%; }
-    .column.is-offset-3-mobile {
-      margin-left: 25%; }
-    .column.is-4-mobile {
-      flex: none;
-      width: 33.33333337%; }
-    .column.is-offset-4-mobile {
-      margin-left: 33.33333337%; }
-    .column.is-5-mobile {
-      flex: none;
-      width: 41.66666674%; }
-    .column.is-offset-5-mobile {
-      margin-left: 41.66666674%; }
-    .column.is-6-mobile {
-      flex: none;
-      width: 50%; }
-    .column.is-offset-6-mobile {
-      margin-left: 50%; }
-    .column.is-7-mobile {
-      flex: none;
-      width: 58.33333337%; }
-    .column.is-offset-7-mobile {
-      margin-left: 58.33333337%; }
-    .column.is-8-mobile {
-      flex: none;
-      width: 66.66666674%; }
-    .column.is-offset-8-mobile {
-      margin-left: 66.66666674%; }
-    .column.is-9-mobile {
-      flex: none;
-      width: 75%; }
-    .column.is-offset-9-mobile {
-      margin-left: 75%; }
-    .column.is-10-mobile {
-      flex: none;
-      width: 83.33333337%; }
-    .column.is-offset-10-mobile {
-      margin-left: 83.33333337%; }
-    .column.is-11-mobile {
-      flex: none;
-      width: 91.66666674%; }
-    .column.is-offset-11-mobile {
-      margin-left: 91.66666674%; }
-    .column.is-12-mobile {
-      flex: none;
-      width: 100%; }
-    .column.is-offset-12-mobile {
-      margin-left: 100%; } }
-  @media screen and (min-width: 769px), print {
-    .column.is-narrow, .column.is-narrow-tablet {
-      flex: none;
-      width: unset; }
-    .column.is-full, .column.is-full-tablet {
-      flex: none;
-      width: 100%; }
-    .column.is-three-quarters, .column.is-three-quarters-tablet {
-      flex: none;
-      width: 75%; }
-    .column.is-two-thirds, .column.is-two-thirds-tablet {
-      flex: none;
-      width: 66.6666%; }
-    .column.is-half, .column.is-half-tablet {
-      flex: none;
-      width: 50%; }
-    .column.is-one-third, .column.is-one-third-tablet {
-      flex: none;
-      width: 33.3333%; }
-    .column.is-one-quarter, .column.is-one-quarter-tablet {
-      flex: none;
-      width: 25%; }
-    .column.is-one-fifth, .column.is-one-fifth-tablet {
-      flex: none;
-      width: 20%; }
-    .column.is-two-fifths, .column.is-two-fifths-tablet {
-      flex: none;
-      width: 40%; }
-    .column.is-three-fifths, .column.is-three-fifths-tablet {
-      flex: none;
-      width: 60%; }
-    .column.is-four-fifths, .column.is-four-fifths-tablet {
-      flex: none;
-      width: 80%; }
-    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
-      margin-left: 75%; }
-    .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
-      margin-left: 66.6666%; }
-    .column.is-offset-half, .column.is-offset-half-tablet {
-      margin-left: 50%; }
-    .column.is-offset-one-third, .column.is-offset-one-third-tablet {
-      margin-left: 33.3333%; }
-    .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
-      margin-left: 25%; }
-    .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
-      margin-left: 20%; }
-    .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
-      margin-left: 40%; }
-    .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
-      margin-left: 60%; }
-    .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
-      margin-left: 80%; }
-    .column.is-0, .column.is-0-tablet {
-      flex: none;
-      width: 0%; }
-    .column.is-offset-0, .column.is-offset-0-tablet {
-      margin-left: 0%; }
-    .column.is-1, .column.is-1-tablet {
-      flex: none;
-      width: 8.33333337%; }
-    .column.is-offset-1, .column.is-offset-1-tablet {
-      margin-left: 8.33333337%; }
-    .column.is-2, .column.is-2-tablet {
-      flex: none;
-      width: 16.66666674%; }
-    .column.is-offset-2, .column.is-offset-2-tablet {
-      margin-left: 16.66666674%; }
-    .column.is-3, .column.is-3-tablet {
-      flex: none;
-      width: 25%; }
-    .column.is-offset-3, .column.is-offset-3-tablet {
-      margin-left: 25%; }
-    .column.is-4, .column.is-4-tablet {
-      flex: none;
-      width: 33.33333337%; }
-    .column.is-offset-4, .column.is-offset-4-tablet {
-      margin-left: 33.33333337%; }
-    .column.is-5, .column.is-5-tablet {
-      flex: none;
-      width: 41.66666674%; }
-    .column.is-offset-5, .column.is-offset-5-tablet {
-      margin-left: 41.66666674%; }
-    .column.is-6, .column.is-6-tablet {
-      flex: none;
-      width: 50%; }
-    .column.is-offset-6, .column.is-offset-6-tablet {
-      margin-left: 50%; }
-    .column.is-7, .column.is-7-tablet {
-      flex: none;
-      width: 58.33333337%; }
-    .column.is-offset-7, .column.is-offset-7-tablet {
-      margin-left: 58.33333337%; }
-    .column.is-8, .column.is-8-tablet {
-      flex: none;
-      width: 66.66666674%; }
-    .column.is-offset-8, .column.is-offset-8-tablet {
-      margin-left: 66.66666674%; }
-    .column.is-9, .column.is-9-tablet {
-      flex: none;
-      width: 75%; }
-    .column.is-offset-9, .column.is-offset-9-tablet {
-      margin-left: 75%; }
-    .column.is-10, .column.is-10-tablet {
-      flex: none;
-      width: 83.33333337%; }
-    .column.is-offset-10, .column.is-offset-10-tablet {
-      margin-left: 83.33333337%; }
-    .column.is-11, .column.is-11-tablet {
-      flex: none;
-      width: 91.66666674%; }
-    .column.is-offset-11, .column.is-offset-11-tablet {
-      margin-left: 91.66666674%; }
-    .column.is-12, .column.is-12-tablet {
-      flex: none;
-      width: 100%; }
-    .column.is-offset-12, .column.is-offset-12-tablet {
-      margin-left: 100%; } }
-  @media screen and (max-width: 1023px) {
-    .column.is-narrow-touch {
-      flex: none;
-      width: unset; }
-    .column.is-full-touch {
-      flex: none;
-      width: 100%; }
-    .column.is-three-quarters-touch {
-      flex: none;
-      width: 75%; }
-    .column.is-two-thirds-touch {
-      flex: none;
-      width: 66.6666%; }
-    .column.is-half-touch {
-      flex: none;
-      width: 50%; }
-    .column.is-one-third-touch {
-      flex: none;
-      width: 33.3333%; }
-    .column.is-one-quarter-touch {
-      flex: none;
-      width: 25%; }
-    .column.is-one-fifth-touch {
-      flex: none;
-      width: 20%; }
-    .column.is-two-fifths-touch {
-      flex: none;
-      width: 40%; }
-    .column.is-three-fifths-touch {
-      flex: none;
-      width: 60%; }
-    .column.is-four-fifths-touch {
-      flex: none;
-      width: 80%; }
-    .column.is-offset-three-quarters-touch {
-      margin-left: 75%; }
-    .column.is-offset-two-thirds-touch {
-      margin-left: 66.6666%; }
-    .column.is-offset-half-touch {
-      margin-left: 50%; }
-    .column.is-offset-one-third-touch {
-      margin-left: 33.3333%; }
-    .column.is-offset-one-quarter-touch {
-      margin-left: 25%; }
-    .column.is-offset-one-fifth-touch {
-      margin-left: 20%; }
-    .column.is-offset-two-fifths-touch {
-      margin-left: 40%; }
-    .column.is-offset-three-fifths-touch {
-      margin-left: 60%; }
-    .column.is-offset-four-fifths-touch {
-      margin-left: 80%; }
-    .column.is-0-touch {
-      flex: none;
-      width: 0%; }
-    .column.is-offset-0-touch {
-      margin-left: 0%; }
-    .column.is-1-touch {
-      flex: none;
-      width: 8.33333337%; }
-    .column.is-offset-1-touch {
-      margin-left: 8.33333337%; }
-    .column.is-2-touch {
-      flex: none;
-      width: 16.66666674%; }
-    .column.is-offset-2-touch {
-      margin-left: 16.66666674%; }
-    .column.is-3-touch {
-      flex: none;
-      width: 25%; }
-    .column.is-offset-3-touch {
-      margin-left: 25%; }
-    .column.is-4-touch {
-      flex: none;
-      width: 33.33333337%; }
-    .column.is-offset-4-touch {
-      margin-left: 33.33333337%; }
-    .column.is-5-touch {
-      flex: none;
-      width: 41.66666674%; }
-    .column.is-offset-5-touch {
-      margin-left: 41.66666674%; }
-    .column.is-6-touch {
-      flex: none;
-      width: 50%; }
-    .column.is-offset-6-touch {
-      margin-left: 50%; }
-    .column.is-7-touch {
-      flex: none;
-      width: 58.33333337%; }
-    .column.is-offset-7-touch {
-      margin-left: 58.33333337%; }
-    .column.is-8-touch {
-      flex: none;
-      width: 66.66666674%; }
-    .column.is-offset-8-touch {
-      margin-left: 66.66666674%; }
-    .column.is-9-touch {
-      flex: none;
-      width: 75%; }
-    .column.is-offset-9-touch {
-      margin-left: 75%; }
-    .column.is-10-touch {
-      flex: none;
-      width: 83.33333337%; }
-    .column.is-offset-10-touch {
-      margin-left: 83.33333337%; }
-    .column.is-11-touch {
-      flex: none;
-      width: 91.66666674%; }
-    .column.is-offset-11-touch {
-      margin-left: 91.66666674%; }
-    .column.is-12-touch {
-      flex: none;
-      width: 100%; }
-    .column.is-offset-12-touch {
-      margin-left: 100%; } }
-  @media screen and (min-width: 1024px) {
-    .column.is-narrow-desktop {
-      flex: none;
-      width: unset; }
-    .column.is-full-desktop {
-      flex: none;
-      width: 100%; }
-    .column.is-three-quarters-desktop {
-      flex: none;
-      width: 75%; }
-    .column.is-two-thirds-desktop {
-      flex: none;
-      width: 66.6666%; }
-    .column.is-half-desktop {
-      flex: none;
-      width: 50%; }
-    .column.is-one-third-desktop {
-      flex: none;
-      width: 33.3333%; }
-    .column.is-one-quarter-desktop {
-      flex: none;
-      width: 25%; }
-    .column.is-one-fifth-desktop {
-      flex: none;
-      width: 20%; }
-    .column.is-two-fifths-desktop {
-      flex: none;
-      width: 40%; }
-    .column.is-three-fifths-desktop {
-      flex: none;
-      width: 60%; }
-    .column.is-four-fifths-desktop {
-      flex: none;
-      width: 80%; }
-    .column.is-offset-three-quarters-desktop {
-      margin-left: 75%; }
-    .column.is-offset-two-thirds-desktop {
-      margin-left: 66.6666%; }
-    .column.is-offset-half-desktop {
-      margin-left: 50%; }
-    .column.is-offset-one-third-desktop {
-      margin-left: 33.3333%; }
-    .column.is-offset-one-quarter-desktop {
-      margin-left: 25%; }
-    .column.is-offset-one-fifth-desktop {
-      margin-left: 20%; }
-    .column.is-offset-two-fifths-desktop {
-      margin-left: 40%; }
-    .column.is-offset-three-fifths-desktop {
-      margin-left: 60%; }
-    .column.is-offset-four-fifths-desktop {
-      margin-left: 80%; }
-    .column.is-0-desktop {
-      flex: none;
-      width: 0%; }
-    .column.is-offset-0-desktop {
-      margin-left: 0%; }
-    .column.is-1-desktop {
-      flex: none;
-      width: 8.33333337%; }
-    .column.is-offset-1-desktop {
-      margin-left: 8.33333337%; }
-    .column.is-2-desktop {
-      flex: none;
-      width: 16.66666674%; }
-    .column.is-offset-2-desktop {
-      margin-left: 16.66666674%; }
-    .column.is-3-desktop {
-      flex: none;
-      width: 25%; }
-    .column.is-offset-3-desktop {
-      margin-left: 25%; }
-    .column.is-4-desktop {
-      flex: none;
-      width: 33.33333337%; }
-    .column.is-offset-4-desktop {
-      margin-left: 33.33333337%; }
-    .column.is-5-desktop {
-      flex: none;
-      width: 41.66666674%; }
-    .column.is-offset-5-desktop {
-      margin-left: 41.66666674%; }
-    .column.is-6-desktop {
-      flex: none;
-      width: 50%; }
-    .column.is-offset-6-desktop {
-      margin-left: 50%; }
-    .column.is-7-desktop {
-      flex: none;
-      width: 58.33333337%; }
-    .column.is-offset-7-desktop {
-      margin-left: 58.33333337%; }
-    .column.is-8-desktop {
-      flex: none;
-      width: 66.66666674%; }
-    .column.is-offset-8-desktop {
-      margin-left: 66.66666674%; }
-    .column.is-9-desktop {
-      flex: none;
-      width: 75%; }
-    .column.is-offset-9-desktop {
-      margin-left: 75%; }
-    .column.is-10-desktop {
-      flex: none;
-      width: 83.33333337%; }
-    .column.is-offset-10-desktop {
-      margin-left: 83.33333337%; }
-    .column.is-11-desktop {
-      flex: none;
-      width: 91.66666674%; }
-    .column.is-offset-11-desktop {
-      margin-left: 91.66666674%; }
-    .column.is-12-desktop {
-      flex: none;
-      width: 100%; }
-    .column.is-offset-12-desktop {
-      margin-left: 100%; } }
-  @media screen and (min-width: 1216px) {
-    .column.is-narrow-widescreen {
-      flex: none;
-      width: unset; }
-    .column.is-full-widescreen {
-      flex: none;
-      width: 100%; }
-    .column.is-three-quarters-widescreen {
-      flex: none;
-      width: 75%; }
-    .column.is-two-thirds-widescreen {
-      flex: none;
-      width: 66.6666%; }
-    .column.is-half-widescreen {
-      flex: none;
-      width: 50%; }
-    .column.is-one-third-widescreen {
-      flex: none;
-      width: 33.3333%; }
-    .column.is-one-quarter-widescreen {
-      flex: none;
-      width: 25%; }
-    .column.is-one-fifth-widescreen {
-      flex: none;
-      width: 20%; }
-    .column.is-two-fifths-widescreen {
-      flex: none;
-      width: 40%; }
-    .column.is-three-fifths-widescreen {
-      flex: none;
-      width: 60%; }
-    .column.is-four-fifths-widescreen {
-      flex: none;
-      width: 80%; }
-    .column.is-offset-three-quarters-widescreen {
-      margin-left: 75%; }
-    .column.is-offset-two-thirds-widescreen {
-      margin-left: 66.6666%; }
-    .column.is-offset-half-widescreen {
-      margin-left: 50%; }
-    .column.is-offset-one-third-widescreen {
-      margin-left: 33.3333%; }
-    .column.is-offset-one-quarter-widescreen {
-      margin-left: 25%; }
-    .column.is-offset-one-fifth-widescreen {
-      margin-left: 20%; }
-    .column.is-offset-two-fifths-widescreen {
-      margin-left: 40%; }
-    .column.is-offset-three-fifths-widescreen {
-      margin-left: 60%; }
-    .column.is-offset-four-fifths-widescreen {
-      margin-left: 80%; }
-    .column.is-0-widescreen {
-      flex: none;
-      width: 0%; }
-    .column.is-offset-0-widescreen {
-      margin-left: 0%; }
-    .column.is-1-widescreen {
-      flex: none;
-      width: 8.33333337%; }
-    .column.is-offset-1-widescreen {
-      margin-left: 8.33333337%; }
-    .column.is-2-widescreen {
-      flex: none;
-      width: 16.66666674%; }
-    .column.is-offset-2-widescreen {
-      margin-left: 16.66666674%; }
-    .column.is-3-widescreen {
-      flex: none;
-      width: 25%; }
-    .column.is-offset-3-widescreen {
-      margin-left: 25%; }
-    .column.is-4-widescreen {
-      flex: none;
-      width: 33.33333337%; }
-    .column.is-offset-4-widescreen {
-      margin-left: 33.33333337%; }
-    .column.is-5-widescreen {
-      flex: none;
-      width: 41.66666674%; }
-    .column.is-offset-5-widescreen {
-      margin-left: 41.66666674%; }
-    .column.is-6-widescreen {
-      flex: none;
-      width: 50%; }
-    .column.is-offset-6-widescreen {
-      margin-left: 50%; }
-    .column.is-7-widescreen {
-      flex: none;
-      width: 58.33333337%; }
-    .column.is-offset-7-widescreen {
-      margin-left: 58.33333337%; }
-    .column.is-8-widescreen {
-      flex: none;
-      width: 66.66666674%; }
-    .column.is-offset-8-widescreen {
-      margin-left: 66.66666674%; }
-    .column.is-9-widescreen {
-      flex: none;
-      width: 75%; }
-    .column.is-offset-9-widescreen {
-      margin-left: 75%; }
-    .column.is-10-widescreen {
-      flex: none;
-      width: 83.33333337%; }
-    .column.is-offset-10-widescreen {
-      margin-left: 83.33333337%; }
-    .column.is-11-widescreen {
-      flex: none;
-      width: 91.66666674%; }
-    .column.is-offset-11-widescreen {
-      margin-left: 91.66666674%; }
-    .column.is-12-widescreen {
-      flex: none;
-      width: 100%; }
-    .column.is-offset-12-widescreen {
-      margin-left: 100%; } }
-  @media screen and (min-width: 1408px) {
-    .column.is-narrow-fullhd {
-      flex: none;
-      width: unset; }
-    .column.is-full-fullhd {
-      flex: none;
-      width: 100%; }
-    .column.is-three-quarters-fullhd {
-      flex: none;
-      width: 75%; }
-    .column.is-two-thirds-fullhd {
-      flex: none;
-      width: 66.6666%; }
-    .column.is-half-fullhd {
-      flex: none;
-      width: 50%; }
-    .column.is-one-third-fullhd {
-      flex: none;
-      width: 33.3333%; }
-    .column.is-one-quarter-fullhd {
-      flex: none;
-      width: 25%; }
-    .column.is-one-fifth-fullhd {
-      flex: none;
-      width: 20%; }
-    .column.is-two-fifths-fullhd {
-      flex: none;
-      width: 40%; }
-    .column.is-three-fifths-fullhd {
-      flex: none;
-      width: 60%; }
-    .column.is-four-fifths-fullhd {
-      flex: none;
-      width: 80%; }
-    .column.is-offset-three-quarters-fullhd {
-      margin-left: 75%; }
-    .column.is-offset-two-thirds-fullhd {
-      margin-left: 66.6666%; }
-    .column.is-offset-half-fullhd {
-      margin-left: 50%; }
-    .column.is-offset-one-third-fullhd {
-      margin-left: 33.3333%; }
-    .column.is-offset-one-quarter-fullhd {
-      margin-left: 25%; }
-    .column.is-offset-one-fifth-fullhd {
-      margin-left: 20%; }
-    .column.is-offset-two-fifths-fullhd {
-      margin-left: 40%; }
-    .column.is-offset-three-fifths-fullhd {
-      margin-left: 60%; }
-    .column.is-offset-four-fifths-fullhd {
-      margin-left: 80%; }
-    .column.is-0-fullhd {
-      flex: none;
-      width: 0%; }
-    .column.is-offset-0-fullhd {
-      margin-left: 0%; }
-    .column.is-1-fullhd {
-      flex: none;
-      width: 8.33333337%; }
-    .column.is-offset-1-fullhd {
-      margin-left: 8.33333337%; }
-    .column.is-2-fullhd {
-      flex: none;
-      width: 16.66666674%; }
-    .column.is-offset-2-fullhd {
-      margin-left: 16.66666674%; }
-    .column.is-3-fullhd {
-      flex: none;
-      width: 25%; }
-    .column.is-offset-3-fullhd {
-      margin-left: 25%; }
-    .column.is-4-fullhd {
-      flex: none;
-      width: 33.33333337%; }
-    .column.is-offset-4-fullhd {
-      margin-left: 33.33333337%; }
-    .column.is-5-fullhd {
-      flex: none;
-      width: 41.66666674%; }
-    .column.is-offset-5-fullhd {
-      margin-left: 41.66666674%; }
-    .column.is-6-fullhd {
-      flex: none;
-      width: 50%; }
-    .column.is-offset-6-fullhd {
-      margin-left: 50%; }
-    .column.is-7-fullhd {
-      flex: none;
-      width: 58.33333337%; }
-    .column.is-offset-7-fullhd {
-      margin-left: 58.33333337%; }
-    .column.is-8-fullhd {
-      flex: none;
-      width: 66.66666674%; }
-    .column.is-offset-8-fullhd {
-      margin-left: 66.66666674%; }
-    .column.is-9-fullhd {
-      flex: none;
-      width: 75%; }
-    .column.is-offset-9-fullhd {
-      margin-left: 75%; }
-    .column.is-10-fullhd {
-      flex: none;
-      width: 83.33333337%; }
-    .column.is-offset-10-fullhd {
-      margin-left: 83.33333337%; }
-    .column.is-11-fullhd {
-      flex: none;
-      width: 91.66666674%; }
-    .column.is-offset-11-fullhd {
-      margin-left: 91.66666674%; }
-    .column.is-12-fullhd {
-      flex: none;
-      width: 100%; }
-    .column.is-offset-12-fullhd {
-      margin-left: 100%; } }
-
-.columns {
-  margin-left: -0.75rem;
-  margin-right: -0.75rem;
-  margin-top: -0.75rem; }
-  .columns:last-child {
-    margin-bottom: -0.75rem; }
-  .columns:not(:last-child) {
-    margin-bottom: calc(1.5rem - 0.75rem); }
-  .columns.is-centered {
-    justify-content: center; }
-  .columns.is-gapless {
-    margin-left: 0;
-    margin-right: 0;
-    margin-top: 0; }
-    .columns.is-gapless > .column {
-      margin: 0;
-      padding: 0 !important; }
-    .columns.is-gapless:not(:last-child) {
-      margin-bottom: 1.5rem; }
-    .columns.is-gapless:last-child {
-      margin-bottom: 0; }
-  .columns.is-mobile {
-    display: flex; }
-  .columns.is-multiline {
-    flex-wrap: wrap; }
-  .columns.is-vcentered {
-    align-items: center; }
-  @media screen and (min-width: 769px), print {
-    .columns:not(.is-desktop) {
-      display: flex; } }
-  @media screen and (min-width: 1024px) {
-    .columns.is-desktop {
-      display: flex; } }
-
-.columns.is-variable {
-  --columnGap: 0.75rem;
-  margin-left: calc(-1 * var(--columnGap));
-  margin-right: calc(-1 * var(--columnGap)); }
-  .columns.is-variable > .column {
-    padding-left: var(--columnGap);
-    padding-right: var(--columnGap); }
-  .columns.is-variable.is-0 {
-    --columnGap: 0rem; }
-  @media screen and (max-width: 768px) {
-    .columns.is-variable.is-0-mobile {
-      --columnGap: 0rem; } }
-  @media screen and (min-width: 769px), print {
-    .columns.is-variable.is-0-tablet {
-      --columnGap: 0rem; } }
-  @media screen and (min-width: 769px) and (max-width: 1023px) {
-    .columns.is-variable.is-0-tablet-only {
-      --columnGap: 0rem; } }
-  @media screen and (max-width: 1023px) {
-    .columns.is-variable.is-0-touch {
-      --columnGap: 0rem; } }
-  @media screen and (min-width: 1024px) {
-    .columns.is-variable.is-0-desktop {
-      --columnGap: 0rem; } }
-  @media screen and (min-width: 1024px) and (max-width: 1215px) {
-    .columns.is-variable.is-0-desktop-only {
-      --columnGap: 0rem; } }
-  @media screen and (min-width: 1216px) {
-    .columns.is-variable.is-0-widescreen {
-      --columnGap: 0rem; } }
-  @media screen and (min-width: 1216px) and (max-width: 1407px) {
-    .columns.is-variable.is-0-widescreen-only {
-      --columnGap: 0rem; } }
-  @media screen and (min-width: 1408px) {
-    .columns.is-variable.is-0-fullhd {
-      --columnGap: 0rem; } }
-  .columns.is-variable.is-1 {
-    --columnGap: 0.25rem; }
-  @media screen and (max-width: 768px) {
-    .columns.is-variable.is-1-mobile {
-      --columnGap: 0.25rem; } }
-  @media screen and (min-width: 769px), print {
-    .columns.is-variable.is-1-tablet {
-      --columnGap: 0.25rem; } }
-  @media screen and (min-width: 769px) and (max-width: 1023px) {
-    .columns.is-variable.is-1-tablet-only {
-      --columnGap: 0.25rem; } }
-  @media screen and (max-width: 1023px) {
-    .columns.is-variable.is-1-touch {
-      --columnGap: 0.25rem; } }
-  @media screen and (min-width: 1024px) {
-    .columns.is-variable.is-1-desktop {
-      --columnGap: 0.25rem; } }
-  @media screen and (min-width: 1024px) and (max-width: 1215px) {
-    .columns.is-variable.is-1-desktop-only {
-      --columnGap: 0.25rem; } }
-  @media screen and (min-width: 1216px) {
-    .columns.is-variable.is-1-widescreen {
-      --columnGap: 0.25rem; } }
-  @media screen and (min-width: 1216px) and (max-width: 1407px) {
-    .columns.is-variable.is-1-widescreen-only {
-      --columnGap: 0.25rem; } }
-  @media screen and (min-width: 1408px) {
-    .columns.is-variable.is-1-fullhd {
-      --columnGap: 0.25rem; } }
-  .columns.is-variable.is-2 {
-    --columnGap: 0.5rem; }
-  @media screen and (max-width: 768px) {
-    .columns.is-variable.is-2-mobile {
-      --columnGap: 0.5rem; } }
-  @media screen and (min-width: 769px), print {
-    .columns.is-variable.is-2-tablet {
-      --columnGap: 0.5rem; } }
-  @media screen and (min-width: 769px) and (max-width: 1023px) {
-    .columns.is-variable.is-2-tablet-only {
-      --columnGap: 0.5rem; } }
-  @media screen and (max-width: 1023px) {
-    .columns.is-variable.is-2-touch {
-      --columnGap: 0.5rem; } }
-  @media screen and (min-width: 1024px) {
-    .columns.is-variable.is-2-desktop {
-      --columnGap: 0.5rem; } }
-  @media screen and (min-width: 1024px) and (max-width: 1215px) {
-    .columns.is-variable.is-2-desktop-only {
-      --columnGap: 0.5rem; } }
-  @media screen and (min-width: 1216px) {
-    .columns.is-variable.is-2-widescreen {
-      --columnGap: 0.5rem; } }
-  @media screen and (min-width: 1216px) and (max-width: 1407px) {
-    .columns.is-variable.is-2-widescreen-only {
-      --columnGap: 0.5rem; } }
-  @media screen and (min-width: 1408px) {
-    .columns.is-variable.is-2-fullhd {
-      --columnGap: 0.5rem; } }
-  .columns.is-variable.is-3 {
-    --columnGap: 0.75rem; }
-  @media screen and (max-width: 768px) {
-    .columns.is-variable.is-3-mobile {
-      --columnGap: 0.75rem; } }
-  @media screen and (min-width: 769px), print {
-    .columns.is-variable.is-3-tablet {
-      --columnGap: 0.75rem; } }
-  @media screen and (min-width: 769px) and (max-width: 1023px) {
-    .columns.is-variable.is-3-tablet-only {
-      --columnGap: 0.75rem; } }
-  @media screen and (max-width: 1023px) {
-    .columns.is-variable.is-3-touch {
-      --columnGap: 0.75rem; } }
-  @media screen and (min-width: 1024px) {
-    .columns.is-variable.is-3-desktop {
-      --columnGap: 0.75rem; } }
-  @media screen and (min-width: 1024px) and (max-width: 1215px) {
-    .columns.is-variable.is-3-desktop-only {
-      --columnGap: 0.75rem; } }
-  @media screen and (min-width: 1216px) {
-    .columns.is-variable.is-3-widescreen {
-      --columnGap: 0.75rem; } }
-  @media screen and (min-width: 1216px) and (max-width: 1407px) {
-    .columns.is-variable.is-3-widescreen-only {
-      --columnGap: 0.75rem; } }
-  @media screen and (min-width: 1408px) {
-    .columns.is-variable.is-3-fullhd {
-      --columnGap: 0.75rem; } }
-  .columns.is-variable.is-4 {
-    --columnGap: 1rem; }
-  @media screen and (max-width: 768px) {
-    .columns.is-variable.is-4-mobile {
-      --columnGap: 1rem; } }
-  @media screen and (min-width: 769px), print {
-    .columns.is-variable.is-4-tablet {
-      --columnGap: 1rem; } }
-  @media screen and (min-width: 769px) and (max-width: 1023px) {
-    .columns.is-variable.is-4-tablet-only {
-      --columnGap: 1rem; } }
-  @media screen and (max-width: 1023px) {
-    .columns.is-variable.is-4-touch {
-      --columnGap: 1rem; } }
-  @media screen and (min-width: 1024px) {
-    .columns.is-variable.is-4-desktop {
-      --columnGap: 1rem; } }
-  @media screen and (min-width: 1024px) and (max-width: 1215px) {
-    .columns.is-variable.is-4-desktop-only {
-      --columnGap: 1rem; } }
-  @media screen and (min-width: 1216px) {
-    .columns.is-variable.is-4-widescreen {
-      --columnGap: 1rem; } }
-  @media screen and (min-width: 1216px) and (max-width: 1407px) {
-    .columns.is-variable.is-4-widescreen-only {
-      --columnGap: 1rem; } }
-  @media screen and (min-width: 1408px) {
-    .columns.is-variable.is-4-fullhd {
-      --columnGap: 1rem; } }
-  .columns.is-variable.is-5 {
-    --columnGap: 1.25rem; }
-  @media screen and (max-width: 768px) {
-    .columns.is-variable.is-5-mobile {
-      --columnGap: 1.25rem; } }
-  @media screen and (min-width: 769px), print {
-    .columns.is-variable.is-5-tablet {
-      --columnGap: 1.25rem; } }
-  @media screen and (min-width: 769px) and (max-width: 1023px) {
-    .columns.is-variable.is-5-tablet-only {
-      --columnGap: 1.25rem; } }
-  @media screen and (max-width: 1023px) {
-    .columns.is-variable.is-5-touch {
-      --columnGap: 1.25rem; } }
-  @media screen and (min-width: 1024px) {
-    .columns.is-variable.is-5-desktop {
-      --columnGap: 1.25rem; } }
-  @media screen and (min-width: 1024px) and (max-width: 1215px) {
-    .columns.is-variable.is-5-desktop-only {
-      --columnGap: 1.25rem; } }
-  @media screen and (min-width: 1216px) {
-    .columns.is-variable.is-5-widescreen {
-      --columnGap: 1.25rem; } }
-  @media screen and (min-width: 1216px) and (max-width: 1407px) {
-    .columns.is-variable.is-5-widescreen-only {
-      --columnGap: 1.25rem; } }
-  @media screen and (min-width: 1408px) {
-    .columns.is-variable.is-5-fullhd {
-      --columnGap: 1.25rem; } }
-  .columns.is-variable.is-6 {
-    --columnGap: 1.5rem; }
-  @media screen and (max-width: 768px) {
-    .columns.is-variable.is-6-mobile {
-      --columnGap: 1.5rem; } }
-  @media screen and (min-width: 769px), print {
-    .columns.is-variable.is-6-tablet {
-      --columnGap: 1.5rem; } }
-  @media screen and (min-width: 769px) and (max-width: 1023px) {
-    .columns.is-variable.is-6-tablet-only {
-      --columnGap: 1.5rem; } }
-  @media screen and (max-width: 1023px) {
-    .columns.is-variable.is-6-touch {
-      --columnGap: 1.5rem; } }
-  @media screen and (min-width: 1024px) {
-    .columns.is-variable.is-6-desktop {
-      --columnGap: 1.5rem; } }
-  @media screen and (min-width: 1024px) and (max-width: 1215px) {
-    .columns.is-variable.is-6-desktop-only {
-      --columnGap: 1.5rem; } }
-  @media screen and (min-width: 1216px) {
-    .columns.is-variable.is-6-widescreen {
-      --columnGap: 1.5rem; } }
-  @media screen and (min-width: 1216px) and (max-width: 1407px) {
-    .columns.is-variable.is-6-widescreen-only {
-      --columnGap: 1.5rem; } }
-  @media screen and (min-width: 1408px) {
-    .columns.is-variable.is-6-fullhd {
-      --columnGap: 1.5rem; } }
-  .columns.is-variable.is-7 {
-    --columnGap: 1.75rem; }
-  @media screen and (max-width: 768px) {
-    .columns.is-variable.is-7-mobile {
-      --columnGap: 1.75rem; } }
-  @media screen and (min-width: 769px), print {
-    .columns.is-variable.is-7-tablet {
-      --columnGap: 1.75rem; } }
-  @media screen and (min-width: 769px) and (max-width: 1023px) {
-    .columns.is-variable.is-7-tablet-only {
-      --columnGap: 1.75rem; } }
-  @media screen and (max-width: 1023px) {
-    .columns.is-variable.is-7-touch {
-      --columnGap: 1.75rem; } }
-  @media screen and (min-width: 1024px) {
-    .columns.is-variable.is-7-desktop {
-      --columnGap: 1.75rem; } }
-  @media screen and (min-width: 1024px) and (max-width: 1215px) {
-    .columns.is-variable.is-7-desktop-only {
-      --columnGap: 1.75rem; } }
-  @media screen and (min-width: 1216px) {
-    .columns.is-variable.is-7-widescreen {
-      --columnGap: 1.75rem; } }
-  @media screen and (min-width: 1216px) and (max-width: 1407px) {
-    .columns.is-variable.is-7-widescreen-only {
-      --columnGap: 1.75rem; } }
-  @media screen and (min-width: 1408px) {
-    .columns.is-variable.is-7-fullhd {
-      --columnGap: 1.75rem; } }
-  .columns.is-variable.is-8 {
-    --columnGap: 2rem; }
-  @media screen and (max-width: 768px) {
-    .columns.is-variable.is-8-mobile {
-      --columnGap: 2rem; } }
-  @media screen and (min-width: 769px), print {
-    .columns.is-variable.is-8-tablet {
-      --columnGap: 2rem; } }
-  @media screen and (min-width: 769px) and (max-width: 1023px) {
-    .columns.is-variable.is-8-tablet-only {
-      --columnGap: 2rem; } }
-  @media screen and (max-width: 1023px) {
-    .columns.is-variable.is-8-touch {
-      --columnGap: 2rem; } }
-  @media screen and (min-width: 1024px) {
-    .columns.is-variable.is-8-desktop {
-      --columnGap: 2rem; } }
-  @media screen and (min-width: 1024px) and (max-width: 1215px) {
-    .columns.is-variable.is-8-desktop-only {
-      --columnGap: 2rem; } }
-  @media screen and (min-width: 1216px) {
-    .columns.is-variable.is-8-widescreen {
-      --columnGap: 2rem; } }
-  @media screen and (min-width: 1216px) and (max-width: 1407px) {
-    .columns.is-variable.is-8-widescreen-only {
-      --columnGap: 2rem; } }
-  @media screen and (min-width: 1408px) {
-    .columns.is-variable.is-8-fullhd {
-      --columnGap: 2rem; } }
-
-.tile {
-  align-items: stretch;
-  display: block;
-  flex-basis: 0;
-  flex-grow: 1;
-  flex-shrink: 1;
-  min-height: min-content; }
-  .tile.is-ancestor {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
-    margin-top: -0.75rem; }
-    .tile.is-ancestor:last-child {
-      margin-bottom: -0.75rem; }
-    .tile.is-ancestor:not(:last-child) {
-      margin-bottom: 0.75rem; }
-  .tile.is-child {
-    margin: 0 !important; }
-  .tile.is-parent {
-    padding: 0.75rem; }
-  .tile.is-vertical {
-    flex-direction: column; }
-    .tile.is-vertical > .tile.is-child:not(:last-child) {
-      margin-bottom: 1.5rem !important; }
-  @media screen and (min-width: 769px), print {
-    .tile:not(.is-child) {
-      display: flex; }
-    .tile.is-1 {
-      flex: none;
-      width: 8.33333337%; }
-    .tile.is-2 {
-      flex: none;
-      width: 16.66666674%; }
-    .tile.is-3 {
-      flex: none;
-      width: 25%; }
-    .tile.is-4 {
-      flex: none;
-      width: 33.33333337%; }
-    .tile.is-5 {
-      flex: none;
-      width: 41.66666674%; }
-    .tile.is-6 {
-      flex: none;
-      width: 50%; }
-    .tile.is-7 {
-      flex: none;
-      width: 58.33333337%; }
-    .tile.is-8 {
-      flex: none;
-      width: 66.66666674%; }
-    .tile.is-9 {
-      flex: none;
-      width: 75%; }
-    .tile.is-10 {
-      flex: none;
-      width: 83.33333337%; }
-    .tile.is-11 {
-      flex: none;
-      width: 91.66666674%; }
-    .tile.is-12 {
-      flex: none;
-      width: 100%; } }
-
-/* Bulma Helpers */
-.has-text-white {
-  color: white !important; }
-
-a.has-text-white:hover, a.has-text-white:focus {
-  color: #e6e6e6 !important; }
-
-.has-background-white {
-  background-color: white !important; }
-
-.has-text-black {
-  color: #0a0a0a !important; }
-
-a.has-text-black:hover, a.has-text-black:focus {
-  color: black !important; }
-
-.has-background-black {
-  background-color: #0a0a0a !important; }
-
-.has-text-light {
-  color: whitesmoke !important; }
-
-a.has-text-light:hover, a.has-text-light:focus {
-  color: #dbdbdb !important; }
-
-.has-background-light {
-  background-color: whitesmoke !important; }
-
-.has-text-dark {
-  color: #363636 !important; }
-
-a.has-text-dark:hover, a.has-text-dark:focus {
-  color: #1c1c1c !important; }
-
-.has-background-dark {
-  background-color: #363636 !important; }
-
-.has-text-primary {
-  color: #00d1b2 !important; }
-
-a.has-text-primary:hover, a.has-text-primary:focus {
-  color: #009e86 !important; }
-
-.has-background-primary {
-  background-color: #00d1b2 !important; }
-
-.has-text-primary-light {
-  color: #ebfffc !important; }
-
-a.has-text-primary-light:hover, a.has-text-primary-light:focus {
-  color: #b8fff4 !important; }
-
-.has-background-primary-light {
-  background-color: #ebfffc !important; }
-
-.has-text-primary-dark {
-  color: #00947e !important; }
-
-a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
-  color: #00c7a9 !important; }
-
-.has-background-primary-dark {
-  background-color: #00947e !important; }
-
-.has-text-link {
-  color: #485fc7 !important; }
-
-a.has-text-link:hover, a.has-text-link:focus {
-  color: #3449a8 !important; }
-
-.has-background-link {
-  background-color: #485fc7 !important; }
-
-.has-text-link-light {
-  color: #eff1fa !important; }
-
-a.has-text-link-light:hover, a.has-text-link-light:focus {
-  color: #c8cfee !important; }
-
-.has-background-link-light {
-  background-color: #eff1fa !important; }
-
-.has-text-link-dark {
-  color: #3850b7 !important; }
-
-a.has-text-link-dark:hover, a.has-text-link-dark:focus {
-  color: #576dcb !important; }
-
-.has-background-link-dark {
-  background-color: #3850b7 !important; }
-
-.has-text-info {
-  color: #3e8ed0 !important; }
-
-a.has-text-info:hover, a.has-text-info:focus {
-  color: #2b74b1 !important; }
-
-.has-background-info {
-  background-color: #3e8ed0 !important; }
-
-.has-text-info-light {
-  color: #eff5fb !important; }
-
-a.has-text-info-light:hover, a.has-text-info-light:focus {
-  color: #c6ddf1 !important; }
-
-.has-background-info-light {
-  background-color: #eff5fb !important; }
-
-.has-text-info-dark {
-  color: #296fa8 !important; }
-
-a.has-text-info-dark:hover, a.has-text-info-dark:focus {
-  color: #368ace !important; }
-
-.has-background-info-dark {
-  background-color: #296fa8 !important; }
-
-.has-text-success {
-  color: #48c78e !important; }
-
-a.has-text-success:hover, a.has-text-success:focus {
-  color: #34a873 !important; }
-
-.has-background-success {
-  background-color: #48c78e !important; }
-
-.has-text-success-light {
-  color: #effaf5 !important; }
-
-a.has-text-success-light:hover, a.has-text-success-light:focus {
-  color: #c8eedd !important; }
-
-.has-background-success-light {
-  background-color: #effaf5 !important; }
-
-.has-text-success-dark {
-  color: #257953 !important; }
-
-a.has-text-success-dark:hover, a.has-text-success-dark:focus {
-  color: #31a06e !important; }
-
-.has-background-success-dark {
-  background-color: #257953 !important; }
-
-.has-text-warning {
-  color: #ffe08a !important; }
-
-a.has-text-warning:hover, a.has-text-warning:focus {
-  color: #ffd257 !important; }
-
-.has-background-warning {
-  background-color: #ffe08a !important; }
-
-.has-text-warning-light {
-  color: #fffaeb !important; }
-
-a.has-text-warning-light:hover, a.has-text-warning-light:focus {
-  color: #ffecb8 !important; }
-
-.has-background-warning-light {
-  background-color: #fffaeb !important; }
-
-.has-text-warning-dark {
-  color: #946c00 !important; }
-
-a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
-  color: #c79200 !important; }
-
-.has-background-warning-dark {
-  background-color: #946c00 !important; }
-
-.has-text-danger {
-  color: #f14668 !important; }
-
-a.has-text-danger:hover, a.has-text-danger:focus {
-  color: #ee1742 !important; }
-
-.has-background-danger {
-  background-color: #f14668 !important; }
-
-.has-text-danger-light {
-  color: #feecf0 !important; }
-
-a.has-text-danger-light:hover, a.has-text-danger-light:focus {
-  color: #fabdc9 !important; }
-
-.has-background-danger-light {
-  background-color: #feecf0 !important; }
-
-.has-text-danger-dark {
-  color: #cc0f35 !important; }
-
-a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
-  color: #ee2049 !important; }
-
-.has-background-danger-dark {
-  background-color: #cc0f35 !important; }
-
-.has-text-black-bis {
-  color: #121212 !important; }
-
-.has-background-black-bis {
-  background-color: #121212 !important; }
-
-.has-text-black-ter {
-  color: #242424 !important; }
-
-.has-background-black-ter {
-  background-color: #242424 !important; }
-
-.has-text-grey-darker {
-  color: #363636 !important; }
-
-.has-background-grey-darker {
-  background-color: #363636 !important; }
-
-.has-text-grey-dark {
-  color: #4a4a4a !important; }
-
-.has-background-grey-dark {
-  background-color: #4a4a4a !important; }
-
-.has-text-grey {
-  color: #7a7a7a !important; }
-
-.has-background-grey {
-  background-color: #7a7a7a !important; }
-
-.has-text-grey-light {
-  color: #b5b5b5 !important; }
-
-.has-background-grey-light {
-  background-color: #b5b5b5 !important; }
-
-.has-text-grey-lighter {
-  color: #dbdbdb !important; }
-
-.has-background-grey-lighter {
-  background-color: #dbdbdb !important; }
-
-.has-text-white-ter {
-  color: whitesmoke !important; }
-
-.has-background-white-ter {
-  background-color: whitesmoke !important; }
-
-.has-text-white-bis {
-  color: #fafafa !important; }
-
-.has-background-white-bis {
-  background-color: #fafafa !important; }
-
-.is-flex-direction-row {
-  flex-direction: row !important; }
-
-.is-flex-direction-row-reverse {
-  flex-direction: row-reverse !important; }
-
-.is-flex-direction-column {
-  flex-direction: column !important; }
-
-.is-flex-direction-column-reverse {
-  flex-direction: column-reverse !important; }
-
-.is-flex-wrap-nowrap {
-  flex-wrap: nowrap !important; }
-
-.is-flex-wrap-wrap {
-  flex-wrap: wrap !important; }
-
-.is-flex-wrap-wrap-reverse {
-  flex-wrap: wrap-reverse !important; }
-
-.is-justify-content-flex-start {
-  justify-content: flex-start !important; }
-
-.is-justify-content-flex-end {
-  justify-content: flex-end !important; }
-
-.is-justify-content-center {
-  justify-content: center !important; }
-
-.is-justify-content-space-between {
-  justify-content: space-between !important; }
-
-.is-justify-content-space-around {
-  justify-content: space-around !important; }
-
-.is-justify-content-space-evenly {
-  justify-content: space-evenly !important; }
-
-.is-justify-content-start {
-  justify-content: start !important; }
-
-.is-justify-content-end {
-  justify-content: end !important; }
-
-.is-justify-content-left {
-  justify-content: left !important; }
-
-.is-justify-content-right {
-  justify-content: right !important; }
-
-.is-align-content-flex-start {
-  align-content: flex-start !important; }
-
-.is-align-content-flex-end {
-  align-content: flex-end !important; }
-
-.is-align-content-center {
-  align-content: center !important; }
-
-.is-align-content-space-between {
-  align-content: space-between !important; }
-
-.is-align-content-space-around {
-  align-content: space-around !important; }
-
-.is-align-content-space-evenly {
-  align-content: space-evenly !important; }
-
-.is-align-content-stretch {
-  align-content: stretch !important; }
-
-.is-align-content-start {
-  align-content: start !important; }
-
-.is-align-content-end {
-  align-content: end !important; }
-
-.is-align-content-baseline {
-  align-content: baseline !important; }
-
-.is-align-items-stretch {
-  align-items: stretch !important; }
-
-.is-align-items-flex-start {
-  align-items: flex-start !important; }
-
-.is-align-items-flex-end {
-  align-items: flex-end !important; }
-
-.is-align-items-center {
-  align-items: center !important; }
-
-.is-align-items-baseline {
-  align-items: baseline !important; }
-
-.is-align-items-start {
-  align-items: start !important; }
-
-.is-align-items-end {
-  align-items: end !important; }
-
-.is-align-items-self-start {
-  align-items: self-start !important; }
-
-.is-align-items-self-end {
-  align-items: self-end !important; }
-
-.is-align-self-auto {
-  align-self: auto !important; }
-
-.is-align-self-flex-start {
-  align-self: flex-start !important; }
-
-.is-align-self-flex-end {
-  align-self: flex-end !important; }
-
-.is-align-self-center {
-  align-self: center !important; }
-
-.is-align-self-baseline {
-  align-self: baseline !important; }
-
-.is-align-self-stretch {
-  align-self: stretch !important; }
-
-.is-flex-grow-0 {
-  flex-grow: 0 !important; }
-
-.is-flex-grow-1 {
-  flex-grow: 1 !important; }
-
-.is-flex-grow-2 {
-  flex-grow: 2 !important; }
-
-.is-flex-grow-3 {
-  flex-grow: 3 !important; }
-
-.is-flex-grow-4 {
-  flex-grow: 4 !important; }
-
-.is-flex-grow-5 {
-  flex-grow: 5 !important; }
-
-.is-flex-shrink-0 {
-  flex-shrink: 0 !important; }
-
-.is-flex-shrink-1 {
-  flex-shrink: 1 !important; }
-
-.is-flex-shrink-2 {
-  flex-shrink: 2 !important; }
-
-.is-flex-shrink-3 {
-  flex-shrink: 3 !important; }
-
-.is-flex-shrink-4 {
-  flex-shrink: 4 !important; }
-
-.is-flex-shrink-5 {
-  flex-shrink: 5 !important; }
-
-.is-clearfix::after {
-  clear: both;
-  content: " ";
-  display: table; }
-
-.is-pulled-left {
-  float: left !important; }
-
-.is-pulled-right {
-  float: right !important; }
-
-.is-radiusless {
-  border-radius: 0 !important; }
-
-.is-shadowless {
-  box-shadow: none !important; }
-
-.is-clickable {
-  cursor: pointer !important;
-  pointer-events: all !important; }
-
-.is-clipped {
-  overflow: hidden !important; }
-
-.is-relative {
-  position: relative !important; }
-
-.is-marginless {
-  margin: 0 !important; }
-
-.is-paddingless {
-  padding: 0 !important; }
-
-.m-0 {
-  margin: 0 !important; }
-
-.mt-0 {
-  margin-top: 0 !important; }
-
-.mr-0 {
-  margin-right: 0 !important; }
-
-.mb-0 {
-  margin-bottom: 0 !important; }
-
-.ml-0 {
-  margin-left: 0 !important; }
-
-.mx-0 {
-  margin-left: 0 !important;
-  margin-right: 0 !important; }
-
-.my-0 {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important; }
-
-.m-1 {
-  margin: 0.25rem !important; }
-
-.mt-1 {
-  margin-top: 0.25rem !important; }
-
-.mr-1 {
-  margin-right: 0.25rem !important; }
-
-.mb-1 {
-  margin-bottom: 0.25rem !important; }
-
-.ml-1 {
-  margin-left: 0.25rem !important; }
-
-.mx-1 {
-  margin-left: 0.25rem !important;
-  margin-right: 0.25rem !important; }
-
-.my-1 {
-  margin-top: 0.25rem !important;
-  margin-bottom: 0.25rem !important; }
-
-.m-2 {
-  margin: 0.5rem !important; }
-
-.mt-2 {
-  margin-top: 0.5rem !important; }
-
-.mr-2 {
-  margin-right: 0.5rem !important; }
-
-.mb-2 {
-  margin-bottom: 0.5rem !important; }
-
-.ml-2 {
-  margin-left: 0.5rem !important; }
-
-.mx-2 {
-  margin-left: 0.5rem !important;
-  margin-right: 0.5rem !important; }
-
-.my-2 {
-  margin-top: 0.5rem !important;
-  margin-bottom: 0.5rem !important; }
-
-.m-3 {
-  margin: 0.75rem !important; }
-
-.mt-3 {
-  margin-top: 0.75rem !important; }
-
-.mr-3 {
-  margin-right: 0.75rem !important; }
-
-.mb-3 {
-  margin-bottom: 0.75rem !important; }
-
-.ml-3 {
-  margin-left: 0.75rem !important; }
-
-.mx-3 {
-  margin-left: 0.75rem !important;
-  margin-right: 0.75rem !important; }
-
-.my-3 {
-  margin-top: 0.75rem !important;
-  margin-bottom: 0.75rem !important; }
-
-.m-4 {
-  margin: 1rem !important; }
-
-.mt-4 {
-  margin-top: 1rem !important; }
-
-.mr-4 {
-  margin-right: 1rem !important; }
-
-.mb-4 {
-  margin-bottom: 1rem !important; }
-
-.ml-4 {
-  margin-left: 1rem !important; }
-
-.mx-4 {
-  margin-left: 1rem !important;
-  margin-right: 1rem !important; }
-
-.my-4 {
-  margin-top: 1rem !important;
-  margin-bottom: 1rem !important; }
-
-.m-5 {
-  margin: 1.5rem !important; }
-
-.mt-5 {
-  margin-top: 1.5rem !important; }
-
-.mr-5 {
-  margin-right: 1.5rem !important; }
-
-.mb-5 {
-  margin-bottom: 1.5rem !important; }
-
-.ml-5 {
-  margin-left: 1.5rem !important; }
-
-.mx-5 {
-  margin-left: 1.5rem !important;
-  margin-right: 1.5rem !important; }
-
-.my-5 {
-  margin-top: 1.5rem !important;
-  margin-bottom: 1.5rem !important; }
-
-.m-6 {
-  margin: 3rem !important; }
-
-.mt-6 {
-  margin-top: 3rem !important; }
-
-.mr-6 {
-  margin-right: 3rem !important; }
-
-.mb-6 {
-  margin-bottom: 3rem !important; }
-
-.ml-6 {
-  margin-left: 3rem !important; }
-
-.mx-6 {
-  margin-left: 3rem !important;
-  margin-right: 3rem !important; }
-
-.my-6 {
-  margin-top: 3rem !important;
-  margin-bottom: 3rem !important; }
-
-.m-auto {
-  margin: auto !important; }
-
-.mt-auto {
-  margin-top: auto !important; }
-
-.mr-auto {
-  margin-right: auto !important; }
-
-.mb-auto {
-  margin-bottom: auto !important; }
-
-.ml-auto {
-  margin-left: auto !important; }
-
-.mx-auto {
-  margin-left: auto !important;
-  margin-right: auto !important; }
-
-.my-auto {
-  margin-top: auto !important;
-  margin-bottom: auto !important; }
-
-.p-0 {
-  padding: 0 !important; }
-
-.pt-0 {
-  padding-top: 0 !important; }
-
-.pr-0 {
-  padding-right: 0 !important; }
-
-.pb-0 {
-  padding-bottom: 0 !important; }
-
-.pl-0 {
-  padding-left: 0 !important; }
-
-.px-0 {
-  padding-left: 0 !important;
-  padding-right: 0 !important; }
-
-.py-0 {
-  padding-top: 0 !important;
-  padding-bottom: 0 !important; }
-
-.p-1 {
-  padding: 0.25rem !important; }
-
-.pt-1 {
-  padding-top: 0.25rem !important; }
-
-.pr-1 {
-  padding-right: 0.25rem !important; }
-
-.pb-1 {
-  padding-bottom: 0.25rem !important; }
-
-.pl-1 {
-  padding-left: 0.25rem !important; }
-
-.px-1 {
-  padding-left: 0.25rem !important;
-  padding-right: 0.25rem !important; }
-
-.py-1 {
-  padding-top: 0.25rem !important;
-  padding-bottom: 0.25rem !important; }
-
-.p-2 {
-  padding: 0.5rem !important; }
-
-.pt-2 {
-  padding-top: 0.5rem !important; }
-
-.pr-2 {
-  padding-right: 0.5rem !important; }
-
-.pb-2 {
-  padding-bottom: 0.5rem !important; }
-
-.pl-2 {
-  padding-left: 0.5rem !important; }
-
-.px-2 {
-  padding-left: 0.5rem !important;
-  padding-right: 0.5rem !important; }
-
-.py-2 {
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem !important; }
-
-.p-3 {
-  padding: 0.75rem !important; }
-
-.pt-3 {
-  padding-top: 0.75rem !important; }
-
-.pr-3 {
-  padding-right: 0.75rem !important; }
-
-.pb-3 {
-  padding-bottom: 0.75rem !important; }
-
-.pl-3 {
-  padding-left: 0.75rem !important; }
-
-.px-3 {
-  padding-left: 0.75rem !important;
-  padding-right: 0.75rem !important; }
-
-.py-3 {
-  padding-top: 0.75rem !important;
-  padding-bottom: 0.75rem !important; }
-
-.p-4 {
-  padding: 1rem !important; }
-
-.pt-4 {
-  padding-top: 1rem !important; }
-
-.pr-4 {
-  padding-right: 1rem !important; }
-
-.pb-4 {
-  padding-bottom: 1rem !important; }
-
-.pl-4 {
-  padding-left: 1rem !important; }
-
-.px-4 {
-  padding-left: 1rem !important;
-  padding-right: 1rem !important; }
-
-.py-4 {
-  padding-top: 1rem !important;
-  padding-bottom: 1rem !important; }
-
-.p-5 {
-  padding: 1.5rem !important; }
-
-.pt-5 {
-  padding-top: 1.5rem !important; }
-
-.pr-5 {
-  padding-right: 1.5rem !important; }
-
-.pb-5 {
-  padding-bottom: 1.5rem !important; }
-
-.pl-5 {
-  padding-left: 1.5rem !important; }
-
-.px-5 {
-  padding-left: 1.5rem !important;
-  padding-right: 1.5rem !important; }
-
-.py-5 {
-  padding-top: 1.5rem !important;
-  padding-bottom: 1.5rem !important; }
-
-.p-6 {
-  padding: 3rem !important; }
-
-.pt-6 {
-  padding-top: 3rem !important; }
-
-.pr-6 {
-  padding-right: 3rem !important; }
-
-.pb-6 {
-  padding-bottom: 3rem !important; }
-
-.pl-6 {
-  padding-left: 3rem !important; }
-
-.px-6 {
-  padding-left: 3rem !important;
-  padding-right: 3rem !important; }
-
-.py-6 {
-  padding-top: 3rem !important;
-  padding-bottom: 3rem !important; }
-
-.p-auto {
-  padding: auto !important; }
-
-.pt-auto {
-  padding-top: auto !important; }
-
-.pr-auto {
-  padding-right: auto !important; }
-
-.pb-auto {
-  padding-bottom: auto !important; }
-
-.pl-auto {
-  padding-left: auto !important; }
-
-.px-auto {
-  padding-left: auto !important;
-  padding-right: auto !important; }
-
-.py-auto {
-  padding-top: auto !important;
-  padding-bottom: auto !important; }
-
-.is-size-1 {
-  font-size: 3rem !important; }
-
-.is-size-2 {
-  font-size: 2.5rem !important; }
-
-.is-size-3 {
-  font-size: 2rem !important; }
-
-.is-size-4 {
-  font-size: 1.5rem !important; }
-
-.is-size-5 {
-  font-size: 1.25rem !important; }
-
-.is-size-6 {
-  font-size: 1rem !important; }
-
-.is-size-7 {
-  font-size: 0.75rem !important; }
-
-@media screen and (max-width: 768px) {
-  .is-size-1-mobile {
-    font-size: 3rem !important; }
-
-  .is-size-2-mobile {
-    font-size: 2.5rem !important; }
-
-  .is-size-3-mobile {
-    font-size: 2rem !important; }
-
-  .is-size-4-mobile {
-    font-size: 1.5rem !important; }
-
-  .is-size-5-mobile {
-    font-size: 1.25rem !important; }
-
-  .is-size-6-mobile {
-    font-size: 1rem !important; }
-
-  .is-size-7-mobile {
-    font-size: 0.75rem !important; } }
-@media screen and (min-width: 769px), print {
-  .is-size-1-tablet {
-    font-size: 3rem !important; }
-
-  .is-size-2-tablet {
-    font-size: 2.5rem !important; }
-
-  .is-size-3-tablet {
-    font-size: 2rem !important; }
-
-  .is-size-4-tablet {
-    font-size: 1.5rem !important; }
-
-  .is-size-5-tablet {
-    font-size: 1.25rem !important; }
-
-  .is-size-6-tablet {
-    font-size: 1rem !important; }
-
-  .is-size-7-tablet {
-    font-size: 0.75rem !important; } }
-@media screen and (max-width: 1023px) {
-  .is-size-1-touch {
-    font-size: 3rem !important; }
-
-  .is-size-2-touch {
-    font-size: 2.5rem !important; }
-
-  .is-size-3-touch {
-    font-size: 2rem !important; }
-
-  .is-size-4-touch {
-    font-size: 1.5rem !important; }
-
-  .is-size-5-touch {
-    font-size: 1.25rem !important; }
-
-  .is-size-6-touch {
-    font-size: 1rem !important; }
-
-  .is-size-7-touch {
-    font-size: 0.75rem !important; } }
-@media screen and (min-width: 1024px) {
-  .is-size-1-desktop {
-    font-size: 3rem !important; }
-
-  .is-size-2-desktop {
-    font-size: 2.5rem !important; }
-
-  .is-size-3-desktop {
-    font-size: 2rem !important; }
-
-  .is-size-4-desktop {
-    font-size: 1.5rem !important; }
-
-  .is-size-5-desktop {
-    font-size: 1.25rem !important; }
-
-  .is-size-6-desktop {
-    font-size: 1rem !important; }
-
-  .is-size-7-desktop {
-    font-size: 0.75rem !important; } }
-@media screen and (min-width: 1216px) {
-  .is-size-1-widescreen {
-    font-size: 3rem !important; }
-
-  .is-size-2-widescreen {
-    font-size: 2.5rem !important; }
-
-  .is-size-3-widescreen {
-    font-size: 2rem !important; }
-
-  .is-size-4-widescreen {
-    font-size: 1.5rem !important; }
-
-  .is-size-5-widescreen {
-    font-size: 1.25rem !important; }
-
-  .is-size-6-widescreen {
-    font-size: 1rem !important; }
-
-  .is-size-7-widescreen {
-    font-size: 0.75rem !important; } }
-@media screen and (min-width: 1408px) {
-  .is-size-1-fullhd {
-    font-size: 3rem !important; }
-
-  .is-size-2-fullhd {
-    font-size: 2.5rem !important; }
-
-  .is-size-3-fullhd {
-    font-size: 2rem !important; }
-
-  .is-size-4-fullhd {
-    font-size: 1.5rem !important; }
-
-  .is-size-5-fullhd {
-    font-size: 1.25rem !important; }
-
-  .is-size-6-fullhd {
-    font-size: 1rem !important; }
-
-  .is-size-7-fullhd {
-    font-size: 0.75rem !important; } }
-.has-text-centered {
-  text-align: center !important; }
-
-.has-text-justified {
-  text-align: justify !important; }
-
-.has-text-left {
-  text-align: left !important; }
-
-.has-text-right {
-  text-align: right !important; }
-
-@media screen and (max-width: 768px) {
-  .has-text-centered-mobile {
-    text-align: center !important; } }
-@media screen and (min-width: 769px), print {
-  .has-text-centered-tablet {
-    text-align: center !important; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .has-text-centered-tablet-only {
-    text-align: center !important; } }
-@media screen and (max-width: 1023px) {
-  .has-text-centered-touch {
-    text-align: center !important; } }
-@media screen and (min-width: 1024px) {
-  .has-text-centered-desktop {
-    text-align: center !important; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .has-text-centered-desktop-only {
-    text-align: center !important; } }
-@media screen and (min-width: 1216px) {
-  .has-text-centered-widescreen {
-    text-align: center !important; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .has-text-centered-widescreen-only {
-    text-align: center !important; } }
-@media screen and (min-width: 1408px) {
-  .has-text-centered-fullhd {
-    text-align: center !important; } }
-@media screen and (max-width: 768px) {
-  .has-text-justified-mobile {
-    text-align: justify !important; } }
-@media screen and (min-width: 769px), print {
-  .has-text-justified-tablet {
-    text-align: justify !important; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .has-text-justified-tablet-only {
-    text-align: justify !important; } }
-@media screen and (max-width: 1023px) {
-  .has-text-justified-touch {
-    text-align: justify !important; } }
-@media screen and (min-width: 1024px) {
-  .has-text-justified-desktop {
-    text-align: justify !important; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .has-text-justified-desktop-only {
-    text-align: justify !important; } }
-@media screen and (min-width: 1216px) {
-  .has-text-justified-widescreen {
-    text-align: justify !important; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .has-text-justified-widescreen-only {
-    text-align: justify !important; } }
-@media screen and (min-width: 1408px) {
-  .has-text-justified-fullhd {
-    text-align: justify !important; } }
-@media screen and (max-width: 768px) {
-  .has-text-left-mobile {
-    text-align: left !important; } }
-@media screen and (min-width: 769px), print {
-  .has-text-left-tablet {
-    text-align: left !important; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .has-text-left-tablet-only {
-    text-align: left !important; } }
-@media screen and (max-width: 1023px) {
-  .has-text-left-touch {
-    text-align: left !important; } }
-@media screen and (min-width: 1024px) {
-  .has-text-left-desktop {
-    text-align: left !important; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .has-text-left-desktop-only {
-    text-align: left !important; } }
-@media screen and (min-width: 1216px) {
-  .has-text-left-widescreen {
-    text-align: left !important; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .has-text-left-widescreen-only {
-    text-align: left !important; } }
-@media screen and (min-width: 1408px) {
-  .has-text-left-fullhd {
-    text-align: left !important; } }
-@media screen and (max-width: 768px) {
-  .has-text-right-mobile {
-    text-align: right !important; } }
-@media screen and (min-width: 769px), print {
-  .has-text-right-tablet {
-    text-align: right !important; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .has-text-right-tablet-only {
-    text-align: right !important; } }
-@media screen and (max-width: 1023px) {
-  .has-text-right-touch {
-    text-align: right !important; } }
-@media screen and (min-width: 1024px) {
-  .has-text-right-desktop {
-    text-align: right !important; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .has-text-right-desktop-only {
-    text-align: right !important; } }
-@media screen and (min-width: 1216px) {
-  .has-text-right-widescreen {
-    text-align: right !important; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .has-text-right-widescreen-only {
-    text-align: right !important; } }
-@media screen and (min-width: 1408px) {
-  .has-text-right-fullhd {
-    text-align: right !important; } }
-.is-capitalized {
-  text-transform: capitalize !important; }
-
-.is-lowercase {
-  text-transform: lowercase !important; }
-
-.is-uppercase {
-  text-transform: uppercase !important; }
-
-.is-italic {
-  font-style: italic !important; }
-
-.is-underlined {
-  text-decoration: underline !important; }
-
-.has-text-weight-light {
-  font-weight: 300 !important; }
-
-.has-text-weight-normal {
-  font-weight: 400 !important; }
-
-.has-text-weight-medium {
-  font-weight: 500 !important; }
-
-.has-text-weight-semibold {
-  font-weight: 600 !important; }
-
-.has-text-weight-bold {
-  font-weight: 700 !important; }
-
-.is-family-primary {
-  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
-
-.is-family-secondary {
-  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
-
-.is-family-sans-serif {
-  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
-
-.is-family-monospace {
-  font-family: monospace !important; }
-
-.is-family-code {
-  font-family: monospace !important; }
-
-.is-block {
-  display: block !important; }
-
-@media screen and (max-width: 768px) {
-  .is-block-mobile {
-    display: block !important; } }
-@media screen and (min-width: 769px), print {
-  .is-block-tablet {
-    display: block !important; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .is-block-tablet-only {
-    display: block !important; } }
-@media screen and (max-width: 1023px) {
-  .is-block-touch {
-    display: block !important; } }
-@media screen and (min-width: 1024px) {
-  .is-block-desktop {
-    display: block !important; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .is-block-desktop-only {
-    display: block !important; } }
-@media screen and (min-width: 1216px) {
-  .is-block-widescreen {
-    display: block !important; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .is-block-widescreen-only {
-    display: block !important; } }
-@media screen and (min-width: 1408px) {
-  .is-block-fullhd {
-    display: block !important; } }
-.is-flex {
-  display: flex !important; }
-
-@media screen and (max-width: 768px) {
-  .is-flex-mobile {
-    display: flex !important; } }
-@media screen and (min-width: 769px), print {
-  .is-flex-tablet {
-    display: flex !important; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .is-flex-tablet-only {
-    display: flex !important; } }
-@media screen and (max-width: 1023px) {
-  .is-flex-touch {
-    display: flex !important; } }
-@media screen and (min-width: 1024px) {
-  .is-flex-desktop {
-    display: flex !important; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .is-flex-desktop-only {
-    display: flex !important; } }
-@media screen and (min-width: 1216px) {
-  .is-flex-widescreen {
-    display: flex !important; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .is-flex-widescreen-only {
-    display: flex !important; } }
-@media screen and (min-width: 1408px) {
-  .is-flex-fullhd {
-    display: flex !important; } }
-.is-inline {
-  display: inline !important; }
-
-@media screen and (max-width: 768px) {
-  .is-inline-mobile {
-    display: inline !important; } }
-@media screen and (min-width: 769px), print {
-  .is-inline-tablet {
-    display: inline !important; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .is-inline-tablet-only {
-    display: inline !important; } }
-@media screen and (max-width: 1023px) {
-  .is-inline-touch {
-    display: inline !important; } }
-@media screen and (min-width: 1024px) {
-  .is-inline-desktop {
-    display: inline !important; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .is-inline-desktop-only {
-    display: inline !important; } }
-@media screen and (min-width: 1216px) {
-  .is-inline-widescreen {
-    display: inline !important; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .is-inline-widescreen-only {
-    display: inline !important; } }
-@media screen and (min-width: 1408px) {
-  .is-inline-fullhd {
-    display: inline !important; } }
-.is-inline-block {
-  display: inline-block !important; }
-
-@media screen and (max-width: 768px) {
-  .is-inline-block-mobile {
-    display: inline-block !important; } }
-@media screen and (min-width: 769px), print {
-  .is-inline-block-tablet {
-    display: inline-block !important; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .is-inline-block-tablet-only {
-    display: inline-block !important; } }
-@media screen and (max-width: 1023px) {
-  .is-inline-block-touch {
-    display: inline-block !important; } }
-@media screen and (min-width: 1024px) {
-  .is-inline-block-desktop {
-    display: inline-block !important; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .is-inline-block-desktop-only {
-    display: inline-block !important; } }
-@media screen and (min-width: 1216px) {
-  .is-inline-block-widescreen {
-    display: inline-block !important; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .is-inline-block-widescreen-only {
-    display: inline-block !important; } }
-@media screen and (min-width: 1408px) {
-  .is-inline-block-fullhd {
-    display: inline-block !important; } }
-.is-inline-flex {
-  display: inline-flex !important; }
-
-@media screen and (max-width: 768px) {
-  .is-inline-flex-mobile {
-    display: inline-flex !important; } }
-@media screen and (min-width: 769px), print {
-  .is-inline-flex-tablet {
-    display: inline-flex !important; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .is-inline-flex-tablet-only {
-    display: inline-flex !important; } }
-@media screen and (max-width: 1023px) {
-  .is-inline-flex-touch {
-    display: inline-flex !important; } }
-@media screen and (min-width: 1024px) {
-  .is-inline-flex-desktop {
-    display: inline-flex !important; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .is-inline-flex-desktop-only {
-    display: inline-flex !important; } }
-@media screen and (min-width: 1216px) {
-  .is-inline-flex-widescreen {
-    display: inline-flex !important; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .is-inline-flex-widescreen-only {
-    display: inline-flex !important; } }
-@media screen and (min-width: 1408px) {
-  .is-inline-flex-fullhd {
-    display: inline-flex !important; } }
-.is-hidden {
-  display: none !important; }
-
-.is-sr-only {
-  border: none !important;
-  clip: rect(0, 0, 0, 0) !important;
-  height: 0.01em !important;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  white-space: nowrap !important;
-  width: 0.01em !important; }
-
-@media screen and (max-width: 768px) {
-  .is-hidden-mobile {
-    display: none !important; } }
-@media screen and (min-width: 769px), print {
-  .is-hidden-tablet {
-    display: none !important; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .is-hidden-tablet-only {
-    display: none !important; } }
-@media screen and (max-width: 1023px) {
-  .is-hidden-touch {
-    display: none !important; } }
-@media screen and (min-width: 1024px) {
-  .is-hidden-desktop {
-    display: none !important; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .is-hidden-desktop-only {
-    display: none !important; } }
-@media screen and (min-width: 1216px) {
-  .is-hidden-widescreen {
-    display: none !important; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .is-hidden-widescreen-only {
-    display: none !important; } }
-@media screen and (min-width: 1408px) {
-  .is-hidden-fullhd {
-    display: none !important; } }
-.is-invisible {
-  visibility: hidden !important; }
-
-@media screen and (max-width: 768px) {
-  .is-invisible-mobile {
-    visibility: hidden !important; } }
-@media screen and (min-width: 769px), print {
-  .is-invisible-tablet {
-    visibility: hidden !important; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .is-invisible-tablet-only {
-    visibility: hidden !important; } }
-@media screen and (max-width: 1023px) {
-  .is-invisible-touch {
-    visibility: hidden !important; } }
-@media screen and (min-width: 1024px) {
-  .is-invisible-desktop {
-    visibility: hidden !important; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .is-invisible-desktop-only {
-    visibility: hidden !important; } }
-@media screen and (min-width: 1216px) {
-  .is-invisible-widescreen {
-    visibility: hidden !important; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .is-invisible-widescreen-only {
-    visibility: hidden !important; } }
-@media screen and (min-width: 1408px) {
-  .is-invisible-fullhd {
-    visibility: hidden !important; } }
-/* Bulma Layout */
-.hero {
-  align-items: stretch;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between; }
-  .hero .navbar {
-    background: none; }
-  .hero .tabs ul {
-    border-bottom: none; }
-  .hero.is-white {
-    background-color: white;
-    color: #0a0a0a; }
-    .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
-    .hero.is-white strong {
-      color: inherit; }
-    .hero.is-white .title {
-      color: #0a0a0a; }
-    .hero.is-white .subtitle {
-      color: rgba(10, 10, 10, 0.9); }
-      .hero.is-white .subtitle a:not(.button),
-      .hero.is-white .subtitle strong {
-        color: #0a0a0a; }
-    @media screen and (max-width: 1023px) {
-      .hero.is-white .navbar-menu {
-        background-color: white; } }
-    .hero.is-white .navbar-item,
-    .hero.is-white .navbar-link {
-      color: rgba(10, 10, 10, 0.7); }
-    .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
-    .hero.is-white .navbar-link:hover,
-    .hero.is-white .navbar-link.is-active {
-      background-color: #f2f2f2;
-      color: #0a0a0a; }
-    .hero.is-white .tabs a {
-      color: #0a0a0a;
-      opacity: 0.9; }
-      .hero.is-white .tabs a:hover {
-        opacity: 1; }
-    .hero.is-white .tabs li.is-active a {
-      color: white !important;
-      opacity: 1; }
-    .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
-      color: #0a0a0a; }
-      .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
-        background-color: rgba(10, 10, 10, 0.1); }
-    .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
-      background-color: #0a0a0a;
-      border-color: #0a0a0a;
-      color: white; }
-    .hero.is-white.is-bold {
-      background-image: linear-gradient(141deg, #e8e3e4 0%, white 71%, white 100%); }
-      @media screen and (max-width: 768px) {
-        .hero.is-white.is-bold .navbar-menu {
-          background-image: linear-gradient(141deg, #e8e3e4 0%, white 71%, white 100%); } }
-  .hero.is-black {
-    background-color: #0a0a0a;
-    color: white; }
-    .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
-    .hero.is-black strong {
-      color: inherit; }
-    .hero.is-black .title {
-      color: white; }
-    .hero.is-black .subtitle {
-      color: rgba(255, 255, 255, 0.9); }
-      .hero.is-black .subtitle a:not(.button),
-      .hero.is-black .subtitle strong {
-        color: white; }
-    @media screen and (max-width: 1023px) {
-      .hero.is-black .navbar-menu {
-        background-color: #0a0a0a; } }
-    .hero.is-black .navbar-item,
-    .hero.is-black .navbar-link {
-      color: rgba(255, 255, 255, 0.7); }
-    .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
-    .hero.is-black .navbar-link:hover,
-    .hero.is-black .navbar-link.is-active {
-      background-color: black;
-      color: white; }
-    .hero.is-black .tabs a {
-      color: white;
-      opacity: 0.9; }
-      .hero.is-black .tabs a:hover {
-        opacity: 1; }
-    .hero.is-black .tabs li.is-active a {
-      color: #0a0a0a !important;
-      opacity: 1; }
-    .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
-      color: white; }
-      .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
-        background-color: rgba(10, 10, 10, 0.1); }
-    .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
-      background-color: white;
-      border-color: white;
-      color: #0a0a0a; }
-    .hero.is-black.is-bold {
-      background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); }
-      @media screen and (max-width: 768px) {
-        .hero.is-black.is-bold .navbar-menu {
-          background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } }
-  .hero.is-light {
-    background-color: whitesmoke;
-    color: rgba(0, 0, 0, 0.7); }
-    .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
-    .hero.is-light strong {
-      color: inherit; }
-    .hero.is-light .title {
-      color: rgba(0, 0, 0, 0.7); }
-    .hero.is-light .subtitle {
-      color: rgba(0, 0, 0, 0.9); }
-      .hero.is-light .subtitle a:not(.button),
-      .hero.is-light .subtitle strong {
-        color: rgba(0, 0, 0, 0.7); }
-    @media screen and (max-width: 1023px) {
-      .hero.is-light .navbar-menu {
-        background-color: whitesmoke; } }
-    .hero.is-light .navbar-item,
-    .hero.is-light .navbar-link {
-      color: rgba(0, 0, 0, 0.7); }
-    .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
-    .hero.is-light .navbar-link:hover,
-    .hero.is-light .navbar-link.is-active {
-      background-color: #e8e8e8;
-      color: rgba(0, 0, 0, 0.7); }
-    .hero.is-light .tabs a {
-      color: rgba(0, 0, 0, 0.7);
-      opacity: 0.9; }
-      .hero.is-light .tabs a:hover {
-        opacity: 1; }
-    .hero.is-light .tabs li.is-active a {
-      color: whitesmoke !important;
-      opacity: 1; }
-    .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
-      color: rgba(0, 0, 0, 0.7); }
-      .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
-        background-color: rgba(10, 10, 10, 0.1); }
-    .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
-      background-color: rgba(0, 0, 0, 0.7);
-      border-color: rgba(0, 0, 0, 0.7);
-      color: whitesmoke; }
-    .hero.is-light.is-bold {
-      background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); }
-      @media screen and (max-width: 768px) {
-        .hero.is-light.is-bold .navbar-menu {
-          background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } }
-  .hero.is-dark {
-    background-color: #363636;
-    color: #fff; }
-    .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
-    .hero.is-dark strong {
-      color: inherit; }
-    .hero.is-dark .title {
-      color: #fff; }
-    .hero.is-dark .subtitle {
-      color: rgba(255, 255, 255, 0.9); }
-      .hero.is-dark .subtitle a:not(.button),
-      .hero.is-dark .subtitle strong {
-        color: #fff; }
-    @media screen and (max-width: 1023px) {
-      .hero.is-dark .navbar-menu {
-        background-color: #363636; } }
-    .hero.is-dark .navbar-item,
-    .hero.is-dark .navbar-link {
-      color: rgba(255, 255, 255, 0.7); }
-    .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
-    .hero.is-dark .navbar-link:hover,
-    .hero.is-dark .navbar-link.is-active {
-      background-color: #292929;
-      color: #fff; }
-    .hero.is-dark .tabs a {
-      color: #fff;
-      opacity: 0.9; }
-      .hero.is-dark .tabs a:hover {
-        opacity: 1; }
-    .hero.is-dark .tabs li.is-active a {
-      color: #363636 !important;
-      opacity: 1; }
-    .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
-      color: #fff; }
-      .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
-        background-color: rgba(10, 10, 10, 0.1); }
-    .hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
-      background-color: #fff;
-      border-color: #fff;
-      color: #363636; }
-    .hero.is-dark.is-bold {
-      background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); }
-      @media screen and (max-width: 768px) {
-        .hero.is-dark.is-bold .navbar-menu {
-          background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } }
-  .hero.is-primary {
-    background-color: #00d1b2;
-    color: #fff; }
-    .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
-    .hero.is-primary strong {
-      color: inherit; }
-    .hero.is-primary .title {
-      color: #fff; }
-    .hero.is-primary .subtitle {
-      color: rgba(255, 255, 255, 0.9); }
-      .hero.is-primary .subtitle a:not(.button),
-      .hero.is-primary .subtitle strong {
-        color: #fff; }
-    @media screen and (max-width: 1023px) {
-      .hero.is-primary .navbar-menu {
-        background-color: #00d1b2; } }
-    .hero.is-primary .navbar-item,
-    .hero.is-primary .navbar-link {
-      color: rgba(255, 255, 255, 0.7); }
-    .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
-    .hero.is-primary .navbar-link:hover,
-    .hero.is-primary .navbar-link.is-active {
-      background-color: #00b89c;
-      color: #fff; }
-    .hero.is-primary .tabs a {
-      color: #fff;
-      opacity: 0.9; }
-      .hero.is-primary .tabs a:hover {
-        opacity: 1; }
-    .hero.is-primary .tabs li.is-active a {
-      color: #00d1b2 !important;
-      opacity: 1; }
-    .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
-      color: #fff; }
-      .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
-        background-color: rgba(10, 10, 10, 0.1); }
-    .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
-      background-color: #fff;
-      border-color: #fff;
-      color: #00d1b2; }
-    .hero.is-primary.is-bold {
-      background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); }
-      @media screen and (max-width: 768px) {
-        .hero.is-primary.is-bold .navbar-menu {
-          background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); } }
-  .hero.is-link {
-    background-color: #485fc7;
-    color: #fff; }
-    .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
-    .hero.is-link strong {
-      color: inherit; }
-    .hero.is-link .title {
-      color: #fff; }
-    .hero.is-link .subtitle {
-      color: rgba(255, 255, 255, 0.9); }
-      .hero.is-link .subtitle a:not(.button),
-      .hero.is-link .subtitle strong {
-        color: #fff; }
-    @media screen and (max-width: 1023px) {
-      .hero.is-link .navbar-menu {
-        background-color: #485fc7; } }
-    .hero.is-link .navbar-item,
-    .hero.is-link .navbar-link {
-      color: rgba(255, 255, 255, 0.7); }
-    .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
-    .hero.is-link .navbar-link:hover,
-    .hero.is-link .navbar-link.is-active {
-      background-color: #3a51bb;
-      color: #fff; }
-    .hero.is-link .tabs a {
-      color: #fff;
-      opacity: 0.9; }
-      .hero.is-link .tabs a:hover {
-        opacity: 1; }
-    .hero.is-link .tabs li.is-active a {
-      color: #485fc7 !important;
-      opacity: 1; }
-    .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
-      color: #fff; }
-      .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
-        background-color: rgba(10, 10, 10, 0.1); }
-    .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
-      background-color: #fff;
-      border-color: #fff;
-      color: #485fc7; }
-    .hero.is-link.is-bold {
-      background-image: linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%); }
-      @media screen and (max-width: 768px) {
-        .hero.is-link.is-bold .navbar-menu {
-          background-image: linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%); } }
-  .hero.is-info {
-    background-color: #3e8ed0;
-    color: #fff; }
-    .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
-    .hero.is-info strong {
-      color: inherit; }
-    .hero.is-info .title {
-      color: #fff; }
-    .hero.is-info .subtitle {
-      color: rgba(255, 255, 255, 0.9); }
-      .hero.is-info .subtitle a:not(.button),
-      .hero.is-info .subtitle strong {
-        color: #fff; }
-    @media screen and (max-width: 1023px) {
-      .hero.is-info .navbar-menu {
-        background-color: #3e8ed0; } }
-    .hero.is-info .navbar-item,
-    .hero.is-info .navbar-link {
-      color: rgba(255, 255, 255, 0.7); }
-    .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
-    .hero.is-info .navbar-link:hover,
-    .hero.is-info .navbar-link.is-active {
-      background-color: #3082c5;
-      color: #fff; }
-    .hero.is-info .tabs a {
-      color: #fff;
-      opacity: 0.9; }
-      .hero.is-info .tabs a:hover {
-        opacity: 1; }
-    .hero.is-info .tabs li.is-active a {
-      color: #3e8ed0 !important;
-      opacity: 1; }
-    .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
-      color: #fff; }
-      .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
-        background-color: rgba(10, 10, 10, 0.1); }
-    .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
-      background-color: #fff;
-      border-color: #fff;
-      color: #3e8ed0; }
-    .hero.is-info.is-bold {
-      background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%); }
-      @media screen and (max-width: 768px) {
-        .hero.is-info.is-bold .navbar-menu {
-          background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%); } }
-  .hero.is-success {
-    background-color: #48c78e;
-    color: #fff; }
-    .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
-    .hero.is-success strong {
-      color: inherit; }
-    .hero.is-success .title {
-      color: #fff; }
-    .hero.is-success .subtitle {
-      color: rgba(255, 255, 255, 0.9); }
-      .hero.is-success .subtitle a:not(.button),
-      .hero.is-success .subtitle strong {
-        color: #fff; }
-    @media screen and (max-width: 1023px) {
-      .hero.is-success .navbar-menu {
-        background-color: #48c78e; } }
-    .hero.is-success .navbar-item,
-    .hero.is-success .navbar-link {
-      color: rgba(255, 255, 255, 0.7); }
-    .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
-    .hero.is-success .navbar-link:hover,
-    .hero.is-success .navbar-link.is-active {
-      background-color: #3abb81;
-      color: #fff; }
-    .hero.is-success .tabs a {
-      color: #fff;
-      opacity: 0.9; }
-      .hero.is-success .tabs a:hover {
-        opacity: 1; }
-    .hero.is-success .tabs li.is-active a {
-      color: #48c78e !important;
-      opacity: 1; }
-    .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
-      color: #fff; }
-      .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
-        background-color: rgba(10, 10, 10, 0.1); }
-    .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
-      background-color: #fff;
-      border-color: #fff;
-      color: #48c78e; }
-    .hero.is-success.is-bold {
-      background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%); }
-      @media screen and (max-width: 768px) {
-        .hero.is-success.is-bold .navbar-menu {
-          background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%); } }
-  .hero.is-warning {
-    background-color: #ffe08a;
-    color: rgba(0, 0, 0, 0.7); }
-    .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
-    .hero.is-warning strong {
-      color: inherit; }
-    .hero.is-warning .title {
-      color: rgba(0, 0, 0, 0.7); }
-    .hero.is-warning .subtitle {
-      color: rgba(0, 0, 0, 0.9); }
-      .hero.is-warning .subtitle a:not(.button),
-      .hero.is-warning .subtitle strong {
-        color: rgba(0, 0, 0, 0.7); }
-    @media screen and (max-width: 1023px) {
-      .hero.is-warning .navbar-menu {
-        background-color: #ffe08a; } }
-    .hero.is-warning .navbar-item,
-    .hero.is-warning .navbar-link {
-      color: rgba(0, 0, 0, 0.7); }
-    .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
-    .hero.is-warning .navbar-link:hover,
-    .hero.is-warning .navbar-link.is-active {
-      background-color: #ffd970;
-      color: rgba(0, 0, 0, 0.7); }
-    .hero.is-warning .tabs a {
-      color: rgba(0, 0, 0, 0.7);
-      opacity: 0.9; }
-      .hero.is-warning .tabs a:hover {
-        opacity: 1; }
-    .hero.is-warning .tabs li.is-active a {
-      color: #ffe08a !important;
-      opacity: 1; }
-    .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
-      color: rgba(0, 0, 0, 0.7); }
-      .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
-        background-color: rgba(10, 10, 10, 0.1); }
-    .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
-      background-color: rgba(0, 0, 0, 0.7);
-      border-color: rgba(0, 0, 0, 0.7);
-      color: #ffe08a; }
-    .hero.is-warning.is-bold {
-      background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%); }
-      @media screen and (max-width: 768px) {
-        .hero.is-warning.is-bold .navbar-menu {
-          background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%); } }
-  .hero.is-danger {
-    background-color: #f14668;
-    color: #fff; }
-    .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
-    .hero.is-danger strong {
-      color: inherit; }
-    .hero.is-danger .title {
-      color: #fff; }
-    .hero.is-danger .subtitle {
-      color: rgba(255, 255, 255, 0.9); }
-      .hero.is-danger .subtitle a:not(.button),
-      .hero.is-danger .subtitle strong {
-        color: #fff; }
-    @media screen and (max-width: 1023px) {
-      .hero.is-danger .navbar-menu {
-        background-color: #f14668; } }
-    .hero.is-danger .navbar-item,
-    .hero.is-danger .navbar-link {
-      color: rgba(255, 255, 255, 0.7); }
-    .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
-    .hero.is-danger .navbar-link:hover,
-    .hero.is-danger .navbar-link.is-active {
-      background-color: #ef2e55;
-      color: #fff; }
-    .hero.is-danger .tabs a {
-      color: #fff;
-      opacity: 0.9; }
-      .hero.is-danger .tabs a:hover {
-        opacity: 1; }
-    .hero.is-danger .tabs li.is-active a {
-      color: #f14668 !important;
-      opacity: 1; }
-    .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
-      color: #fff; }
-      .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
-        background-color: rgba(10, 10, 10, 0.1); }
-    .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
-      background-color: #fff;
-      border-color: #fff;
-      color: #f14668; }
-    .hero.is-danger.is-bold {
-      background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%); }
-      @media screen and (max-width: 768px) {
-        .hero.is-danger.is-bold .navbar-menu {
-          background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%); } }
-  .hero.is-small .hero-body {
-    padding: 1.5rem; }
-  @media screen and (min-width: 769px), print {
-    .hero.is-medium .hero-body {
-      padding: 9rem 4.5rem; } }
-  @media screen and (min-width: 769px), print {
-    .hero.is-large .hero-body {
-      padding: 18rem 6rem; } }
-  .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
-    align-items: center;
-    display: flex; }
-    .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
-      flex-grow: 1;
-      flex-shrink: 1; }
-  .hero.is-halfheight {
-    min-height: 50vh; }
-  .hero.is-fullheight {
-    min-height: 100vh; }
-
-.hero-video {
-  overflow: hidden; }
-  .hero-video video {
-    left: 50%;
-    min-height: 100%;
-    min-width: 100%;
-    position: absolute;
-    top: 50%;
-    transform: translate3d(-50%, -50%, 0); }
-  .hero-video.is-transparent {
-    opacity: 0.3; }
-  @media screen and (max-width: 768px) {
-    .hero-video {
-      display: none; } }
-
-.hero-buttons {
-  margin-top: 1.5rem; }
-  @media screen and (max-width: 768px) {
-    .hero-buttons .button {
-      display: flex; }
-      .hero-buttons .button:not(:last-child) {
-        margin-bottom: 0.75rem; } }
-  @media screen and (min-width: 769px), print {
-    .hero-buttons {
-      display: flex;
-      justify-content: center; }
-      .hero-buttons .button:not(:last-child) {
-        margin-right: 1.5rem; } }
-
-.hero-head,
-.hero-foot {
-  flex-grow: 0;
-  flex-shrink: 0; }
-
-.hero-body {
-  flex-grow: 1;
-  flex-shrink: 0;
-  padding: 3rem 1.5rem; }
-  @media screen and (min-width: 769px), print {
-    .hero-body {
-      padding: 3rem 3rem; } }
-
-.section {
-  padding: 3rem 1.5rem; }
-  @media screen and (min-width: 1024px) {
-    .section {
-      padding: 3rem 3rem; }
-      .section.is-medium {
-        padding: 9rem 4.5rem; }
-      .section.is-large {
-        padding: 18rem 6rem; } }
-
-.footer {
-  background-color: #fafafa;
-  padding: 3rem 1.5rem 6rem; }
-
-/* Deafult Margin & Padding view-height & view-width */
-.m-0 {
-  margin: 0px !important; }
-
-.mt-0 {
-  margin-top: 0px !important; }
-
+        max-width: 640px
+    }
+}
+@media (min-width: 768px) {
+    .container {
+        max-width: 768px
+    }
+}
+@media (min-width: 1024px) {
+    .container {
+        max-width: 1024px
+    }
+}
+@media (min-width: 1280px) {
+    .container {
+        max-width: 1280px
+    }
+}
+@media (min-width: 1536px) {
+    .container {
+        max-width: 1536px
+    }
+}
+.visible {
+    visibility: visible
+}
+.static {
+    position: static
+}
+.fixed {
+    position: fixed
+}
+.absolute {
+    position: absolute
+}
 .mb-0 {
-  margin-bottom: 0px !important; }
-
-.ml-0 {
-  margin-left: 0px !important; }
-
-.mr-0 {
-  margin-right: 0px !important; }
-
-.p-0 {
-  padding: 0px !important; }
-
-.pt-0 {
-  padding-top: 0px !important; }
-
-.pb-0 {
-  padding-bottom: 0px !important; }
-
-.pl-0 {
-  padding-left: 0px !important; }
-
-.pr-0 {
-  padding-right: 0px !important; }
-
-.vh-0 {
-  height: 0vh !important; }
-
-.vw-0 {
-  width: 0vw !important; }
-
-.font-size-0 {
-  font-size: 0px !important; }
-
-.m-1 {
-  margin: 1px !important; }
-
-.mt-1 {
-  margin-top: 1px !important; }
-
-.mb-1 {
-  margin-bottom: 1px !important; }
-
-.ml-1 {
-  margin-left: 1px !important; }
-
-.mr-1 {
-  margin-right: 1px !important; }
-
-.p-1 {
-  padding: 1px !important; }
-
-.pt-1 {
-  padding-top: 1px !important; }
-
-.pb-1 {
-  padding-bottom: 1px !important; }
-
-.pl-1 {
-  padding-left: 1px !important; }
-
-.pr-1 {
-  padding-right: 1px !important; }
-
-.vh-1 {
-  height: 1vh !important; }
-
-.vw-1 {
-  width: 1vw !important; }
-
-.font-size-1 {
-  font-size: 1px !important; }
-
-.m-2 {
-  margin: 2px !important; }
-
-.mt-2 {
-  margin-top: 2px !important; }
-
-.mb-2 {
-  margin-bottom: 2px !important; }
-
-.ml-2 {
-  margin-left: 2px !important; }
-
-.mr-2 {
-  margin-right: 2px !important; }
-
-.p-2 {
-  padding: 2px !important; }
-
-.pt-2 {
-  padding-top: 2px !important; }
-
-.pb-2 {
-  padding-bottom: 2px !important; }
-
-.pl-2 {
-  padding-left: 2px !important; }
-
-.pr-2 {
-  padding-right: 2px !important; }
-
-.vh-2 {
-  height: 2vh !important; }
-
-.vw-2 {
-  width: 2vw !important; }
-
-.font-size-2 {
-  font-size: 2px !important; }
-
-.m-3 {
-  margin: 3px !important; }
-
-.mt-3 {
-  margin-top: 3px !important; }
-
-.mb-3 {
-  margin-bottom: 3px !important; }
-
-.ml-3 {
-  margin-left: 3px !important; }
-
-.mr-3 {
-  margin-right: 3px !important; }
-
-.p-3 {
-  padding: 3px !important; }
-
-.pt-3 {
-  padding-top: 3px !important; }
-
-.pb-3 {
-  padding-bottom: 3px !important; }
-
-.pl-3 {
-  padding-left: 3px !important; }
-
-.pr-3 {
-  padding-right: 3px !important; }
-
-.vh-3 {
-  height: 3vh !important; }
-
-.vw-3 {
-  width: 3vw !important; }
-
-.font-size-3 {
-  font-size: 3px !important; }
-
-.m-4 {
-  margin: 4px !important; }
-
-.mt-4 {
-  margin-top: 4px !important; }
-
+    margin-bottom: 0px
+}
+.mb-10 {
+    margin-bottom: 2.5rem
+}
+.mb-12 {
+    margin-bottom: 3rem
+}
+.mb-16 {
+    margin-bottom: 4rem
+}
+.mb-20 {
+    margin-bottom: 5rem
+}
+.mb-32 {
+    margin-bottom: 8rem
+}
 .mb-4 {
-  margin-bottom: 4px !important; }
-
-.ml-4 {
-  margin-left: 4px !important; }
-
-.mr-4 {
-  margin-right: 4px !important; }
-
-.p-4 {
-  padding: 4px !important; }
-
-.pt-4 {
-  padding-top: 4px !important; }
-
-.pb-4 {
-  padding-bottom: 4px !important; }
-
-.pl-4 {
-  padding-left: 4px !important; }
-
-.pr-4 {
-  padding-right: 4px !important; }
-
-.vh-4 {
-  height: 4vh !important; }
-
-.vw-4 {
-  width: 4vw !important; }
-
-.font-size-4 {
-  font-size: 4px !important; }
-
-.m-5 {
-  margin: 5px !important; }
-
-.mt-5 {
-  margin-top: 5px !important; }
-
-.mb-5 {
-  margin-bottom: 5px !important; }
-
-.ml-5 {
-  margin-left: 5px !important; }
-
-.mr-5 {
-  margin-right: 5px !important; }
-
-.p-5 {
-  padding: 5px !important; }
-
-.pt-5 {
-  padding-top: 5px !important; }
-
-.pb-5 {
-  padding-bottom: 5px !important; }
-
-.pl-5 {
-  padding-left: 5px !important; }
-
-.pr-5 {
-  padding-right: 5px !important; }
-
-.vh-5 {
-  height: 5vh !important; }
-
-.vw-5 {
-  width: 5vw !important; }
-
-.font-size-5 {
-  font-size: 5px !important; }
-
-.m-6 {
-  margin: 6px !important; }
-
-.mt-6 {
-  margin-top: 6px !important; }
-
+    margin-bottom: 1rem
+}
 .mb-6 {
-  margin-bottom: 6px !important; }
-
-.ml-6 {
-  margin-left: 6px !important; }
-
-.mr-6 {
-  margin-right: 6px !important; }
-
-.p-6 {
-  padding: 6px !important; }
-
-.pt-6 {
-  padding-top: 6px !important; }
-
-.pb-6 {
-  padding-bottom: 6px !important; }
-
-.pl-6 {
-  padding-left: 6px !important; }
-
-.pr-6 {
-  padding-right: 6px !important; }
-
-.vh-6 {
-  height: 6vh !important; }
-
-.vw-6 {
-  width: 6vw !important; }
-
-.font-size-6 {
-  font-size: 6px !important; }
-
-.m-7 {
-  margin: 7px !important; }
-
-.mt-7 {
-  margin-top: 7px !important; }
-
-.mb-7 {
-  margin-bottom: 7px !important; }
-
-.ml-7 {
-  margin-left: 7px !important; }
-
-.mr-7 {
-  margin-right: 7px !important; }
-
-.p-7 {
-  padding: 7px !important; }
-
-.pt-7 {
-  padding-top: 7px !important; }
-
-.pb-7 {
-  padding-bottom: 7px !important; }
-
-.pl-7 {
-  padding-left: 7px !important; }
-
-.pr-7 {
-  padding-right: 7px !important; }
-
-.vh-7 {
-  height: 7vh !important; }
-
-.vw-7 {
-  width: 7vw !important; }
-
-.font-size-7 {
-  font-size: 7px !important; }
-
-.m-8 {
-  margin: 8px !important; }
-
-.mt-8 {
-  margin-top: 8px !important; }
-
+    margin-bottom: 1.5rem
+}
 .mb-8 {
-  margin-bottom: 8px !important; }
-
+    margin-bottom: 2rem
+}
+.mb-80 {
+    margin-bottom: 20rem
+}
+.ml-20 {
+    margin-left: 5rem
+}
 .ml-8 {
-  margin-left: 8px !important; }
-
+    margin-left: 2rem
+}
+.mr-3 {
+    margin-right: 0.75rem
+}
 .mr-8 {
-  margin-right: 8px !important; }
-
-.p-8 {
-  padding: 8px !important; }
-
-.pt-8 {
-  padding-top: 8px !important; }
-
-.pb-8 {
-  padding-bottom: 8px !important; }
-
-.pl-8 {
-  padding-left: 8px !important; }
-
-.pr-8 {
-  padding-right: 8px !important; }
-
-.vh-8 {
-  height: 8vh !important; }
-
-.vw-8 {
-  width: 8vw !important; }
-
-.font-size-8 {
-  font-size: 8px !important; }
-
-.m-9 {
-  margin: 9px !important; }
-
-.mt-9 {
-  margin-top: 9px !important; }
-
-.mb-9 {
-  margin-bottom: 9px !important; }
-
-.ml-9 {
-  margin-left: 9px !important; }
-
-.mr-9 {
-  margin-right: 9px !important; }
-
-.p-9 {
-  padding: 9px !important; }
-
-.pt-9 {
-  padding-top: 9px !important; }
-
-.pb-9 {
-  padding-bottom: 9px !important; }
-
-.pl-9 {
-  padding-left: 9px !important; }
-
-.pr-9 {
-  padding-right: 9px !important; }
-
-.vh-9 {
-  height: 9vh !important; }
-
-.vw-9 {
-  width: 9vw !important; }
-
-.font-size-9 {
-  font-size: 9px !important; }
-
-.m-10 {
-  margin: 10px !important; }
-
+    margin-right: 2rem
+}
 .mt-10 {
-  margin-top: 10px !important; }
-
-.mb-10 {
-  margin-bottom: 10px !important; }
-
-.ml-10 {
-  margin-left: 10px !important; }
-
-.mr-10 {
-  margin-right: 10px !important; }
-
-.p-10 {
-  padding: 10px !important; }
-
-.pt-10 {
-  padding-top: 10px !important; }
-
-.pb-10 {
-  padding-bottom: 10px !important; }
-
-.pl-10 {
-  padding-left: 10px !important; }
-
-.pr-10 {
-  padding-right: 10px !important; }
-
-.vh-10 {
-  height: 10vh !important; }
-
-.vw-10 {
-  width: 10vw !important; }
-
-.font-size-10 {
-  font-size: 10px !important; }
-
-.m-11 {
-  margin: 11px !important; }
-
-.mt-11 {
-  margin-top: 11px !important; }
-
-.mb-11 {
-  margin-bottom: 11px !important; }
-
-.ml-11 {
-  margin-left: 11px !important; }
-
-.mr-11 {
-  margin-right: 11px !important; }
-
-.p-11 {
-  padding: 11px !important; }
-
-.pt-11 {
-  padding-top: 11px !important; }
-
-.pb-11 {
-  padding-bottom: 11px !important; }
-
-.pl-11 {
-  padding-left: 11px !important; }
-
-.pr-11 {
-  padding-right: 11px !important; }
-
-.vh-11 {
-  height: 11vh !important; }
-
-.vw-11 {
-  width: 11vw !important; }
-
-.font-size-11 {
-  font-size: 11px !important; }
-
-.m-12 {
-  margin: 12px !important; }
-
+    margin-top: 2.5rem
+}
 .mt-12 {
-  margin-top: 12px !important; }
-
-.mb-12 {
-  margin-bottom: 12px !important; }
-
-.ml-12 {
-  margin-left: 12px !important; }
-
-.mr-12 {
-  margin-right: 12px !important; }
-
-.p-12 {
-  padding: 12px !important; }
-
-.pt-12 {
-  padding-top: 12px !important; }
-
-.pb-12 {
-  padding-bottom: 12px !important; }
-
-.pl-12 {
-  padding-left: 12px !important; }
-
-.pr-12 {
-  padding-right: 12px !important; }
-
-.vh-12 {
-  height: 12vh !important; }
-
-.vw-12 {
-  width: 12vw !important; }
-
-.font-size-12 {
-  font-size: 12px !important; }
-
-.m-13 {
-  margin: 13px !important; }
-
-.mt-13 {
-  margin-top: 13px !important; }
-
-.mb-13 {
-  margin-bottom: 13px !important; }
-
-.ml-13 {
-  margin-left: 13px !important; }
-
-.mr-13 {
-  margin-right: 13px !important; }
-
-.p-13 {
-  padding: 13px !important; }
-
-.pt-13 {
-  padding-top: 13px !important; }
-
-.pb-13 {
-  padding-bottom: 13px !important; }
-
-.pl-13 {
-  padding-left: 13px !important; }
-
-.pr-13 {
-  padding-right: 13px !important; }
-
-.vh-13 {
-  height: 13vh !important; }
-
-.vw-13 {
-  width: 13vw !important; }
-
-.font-size-13 {
-  font-size: 13px !important; }
-
-.m-14 {
-  margin: 14px !important; }
-
-.mt-14 {
-  margin-top: 14px !important; }
-
-.mb-14 {
-  margin-bottom: 14px !important; }
-
-.ml-14 {
-  margin-left: 14px !important; }
-
-.mr-14 {
-  margin-right: 14px !important; }
-
-.p-14 {
-  padding: 14px !important; }
-
-.pt-14 {
-  padding-top: 14px !important; }
-
-.pb-14 {
-  padding-bottom: 14px !important; }
-
-.pl-14 {
-  padding-left: 14px !important; }
-
-.pr-14 {
-  padding-right: 14px !important; }
-
-.vh-14 {
-  height: 14vh !important; }
-
-.vw-14 {
-  width: 14vw !important; }
-
-.font-size-14 {
-  font-size: 14px !important; }
-
-.m-15 {
-  margin: 15px !important; }
-
-.mt-15 {
-  margin-top: 15px !important; }
-
-.mb-15 {
-  margin-bottom: 15px !important; }
-
-.ml-15 {
-  margin-left: 15px !important; }
-
-.mr-15 {
-  margin-right: 15px !important; }
-
-.p-15 {
-  padding: 15px !important; }
-
-.pt-15 {
-  padding-top: 15px !important; }
-
-.pb-15 {
-  padding-bottom: 15px !important; }
-
-.pl-15 {
-  padding-left: 15px !important; }
-
-.pr-15 {
-  padding-right: 15px !important; }
-
-.vh-15 {
-  height: 15vh !important; }
-
-.vw-15 {
-  width: 15vw !important; }
-
-.font-size-15 {
-  font-size: 15px !important; }
-
-.m-16 {
-  margin: 16px !important; }
-
+    margin-top: 3rem
+}
 .mt-16 {
-  margin-top: 16px !important; }
-
-.mb-16 {
-  margin-bottom: 16px !important; }
-
-.ml-16 {
-  margin-left: 16px !important; }
-
-.mr-16 {
-  margin-right: 16px !important; }
-
-.p-16 {
-  padding: 16px !important; }
-
-.pt-16 {
-  padding-top: 16px !important; }
-
-.pb-16 {
-  padding-bottom: 16px !important; }
-
-.pl-16 {
-  padding-left: 16px !important; }
-
-.pr-16 {
-  padding-right: 16px !important; }
-
-.vh-16 {
-  height: 16vh !important; }
-
-.vw-16 {
-  width: 16vw !important; }
-
-.font-size-16 {
-  font-size: 16px !important; }
-
-.m-17 {
-  margin: 17px !important; }
-
-.mt-17 {
-  margin-top: 17px !important; }
-
-.mb-17 {
-  margin-bottom: 17px !important; }
-
-.ml-17 {
-  margin-left: 17px !important; }
-
-.mr-17 {
-  margin-right: 17px !important; }
-
-.p-17 {
-  padding: 17px !important; }
-
-.pt-17 {
-  padding-top: 17px !important; }
-
-.pb-17 {
-  padding-bottom: 17px !important; }
-
-.pl-17 {
-  padding-left: 17px !important; }
-
-.pr-17 {
-  padding-right: 17px !important; }
-
-.vh-17 {
-  height: 17vh !important; }
-
-.vw-17 {
-  width: 17vw !important; }
-
-.font-size-17 {
-  font-size: 17px !important; }
-
-.m-18 {
-  margin: 18px !important; }
-
-.mt-18 {
-  margin-top: 18px !important; }
-
-.mb-18 {
-  margin-bottom: 18px !important; }
-
-.ml-18 {
-  margin-left: 18px !important; }
-
-.mr-18 {
-  margin-right: 18px !important; }
-
-.p-18 {
-  padding: 18px !important; }
-
-.pt-18 {
-  padding-top: 18px !important; }
-
-.pb-18 {
-  padding-bottom: 18px !important; }
-
-.pl-18 {
-  padding-left: 18px !important; }
-
-.pr-18 {
-  padding-right: 18px !important; }
-
-.vh-18 {
-  height: 18vh !important; }
-
-.vw-18 {
-  width: 18vw !important; }
-
-.font-size-18 {
-  font-size: 18px !important; }
-
-.m-19 {
-  margin: 19px !important; }
-
-.mt-19 {
-  margin-top: 19px !important; }
-
-.mb-19 {
-  margin-bottom: 19px !important; }
-
-.ml-19 {
-  margin-left: 19px !important; }
-
-.mr-19 {
-  margin-right: 19px !important; }
-
-.p-19 {
-  padding: 19px !important; }
-
-.pt-19 {
-  padding-top: 19px !important; }
-
-.pb-19 {
-  padding-bottom: 19px !important; }
-
-.pl-19 {
-  padding-left: 19px !important; }
-
-.pr-19 {
-  padding-right: 19px !important; }
-
-.vh-19 {
-  height: 19vh !important; }
-
-.vw-19 {
-  width: 19vw !important; }
-
-.font-size-19 {
-  font-size: 19px !important; }
-
-.m-20 {
-  margin: 20px !important; }
-
+    margin-top: 4rem
+}
 .mt-20 {
-  margin-top: 20px !important; }
-
-.mb-20 {
-  margin-bottom: 20px !important; }
-
-.ml-20 {
-  margin-left: 20px !important; }
-
-.mr-20 {
-  margin-right: 20px !important; }
-
-.p-20 {
-  padding: 20px !important; }
-
-.pt-20 {
-  padding-top: 20px !important; }
-
-.pb-20 {
-  padding-bottom: 20px !important; }
-
-.pl-20 {
-  padding-left: 20px !important; }
-
-.pr-20 {
-  padding-right: 20px !important; }
-
-.vh-20 {
-  height: 20vh !important; }
-
-.vw-20 {
-  width: 20vw !important; }
-
-.font-size-20 {
-  font-size: 20px !important; }
-
-.m-21 {
-  margin: 21px !important; }
-
-.mt-21 {
-  margin-top: 21px !important; }
-
-.mb-21 {
-  margin-bottom: 21px !important; }
-
-.ml-21 {
-  margin-left: 21px !important; }
-
-.mr-21 {
-  margin-right: 21px !important; }
-
-.p-21 {
-  padding: 21px !important; }
-
-.pt-21 {
-  padding-top: 21px !important; }
-
-.pb-21 {
-  padding-bottom: 21px !important; }
-
-.pl-21 {
-  padding-left: 21px !important; }
-
-.pr-21 {
-  padding-right: 21px !important; }
-
-.vh-21 {
-  height: 21vh !important; }
-
-.vw-21 {
-  width: 21vw !important; }
-
-.font-size-21 {
-  font-size: 21px !important; }
-
-.m-22 {
-  margin: 22px !important; }
-
-.mt-22 {
-  margin-top: 22px !important; }
-
-.mb-22 {
-  margin-bottom: 22px !important; }
-
-.ml-22 {
-  margin-left: 22px !important; }
-
-.mr-22 {
-  margin-right: 22px !important; }
-
-.p-22 {
-  padding: 22px !important; }
-
-.pt-22 {
-  padding-top: 22px !important; }
-
-.pb-22 {
-  padding-bottom: 22px !important; }
-
-.pl-22 {
-  padding-left: 22px !important; }
-
-.pr-22 {
-  padding-right: 22px !important; }
-
-.vh-22 {
-  height: 22vh !important; }
-
-.vw-22 {
-  width: 22vw !important; }
-
-.font-size-22 {
-  font-size: 22px !important; }
-
-.m-23 {
-  margin: 23px !important; }
-
-.mt-23 {
-  margin-top: 23px !important; }
-
-.mb-23 {
-  margin-bottom: 23px !important; }
-
-.ml-23 {
-  margin-left: 23px !important; }
-
-.mr-23 {
-  margin-right: 23px !important; }
-
-.p-23 {
-  padding: 23px !important; }
-
-.pt-23 {
-  padding-top: 23px !important; }
-
-.pb-23 {
-  padding-bottom: 23px !important; }
-
-.pl-23 {
-  padding-left: 23px !important; }
-
-.pr-23 {
-  padding-right: 23px !important; }
-
-.vh-23 {
-  height: 23vh !important; }
-
-.vw-23 {
-  width: 23vw !important; }
-
-.font-size-23 {
-  font-size: 23px !important; }
-
-.m-24 {
-  margin: 24px !important; }
-
-.mt-24 {
-  margin-top: 24px !important; }
-
-.mb-24 {
-  margin-bottom: 24px !important; }
-
-.ml-24 {
-  margin-left: 24px !important; }
-
-.mr-24 {
-  margin-right: 24px !important; }
-
-.p-24 {
-  padding: 24px !important; }
-
-.pt-24 {
-  padding-top: 24px !important; }
-
-.pb-24 {
-  padding-bottom: 24px !important; }
-
-.pl-24 {
-  padding-left: 24px !important; }
-
-.pr-24 {
-  padding-right: 24px !important; }
-
-.vh-24 {
-  height: 24vh !important; }
-
-.vw-24 {
-  width: 24vw !important; }
-
-.font-size-24 {
-  font-size: 24px !important; }
-
-.m-25 {
-  margin: 25px !important; }
-
-.mt-25 {
-  margin-top: 25px !important; }
-
-.mb-25 {
-  margin-bottom: 25px !important; }
-
-.ml-25 {
-  margin-left: 25px !important; }
-
-.mr-25 {
-  margin-right: 25px !important; }
-
-.p-25 {
-  padding: 25px !important; }
-
-.pt-25 {
-  padding-top: 25px !important; }
-
-.pb-25 {
-  padding-bottom: 25px !important; }
-
-.pl-25 {
-  padding-left: 25px !important; }
-
-.pr-25 {
-  padding-right: 25px !important; }
-
-.vh-25 {
-  height: 25vh !important; }
-
-.vw-25 {
-  width: 25vw !important; }
-
-.font-size-25 {
-  font-size: 25px !important; }
-
-.m-26 {
-  margin: 26px !important; }
-
-.mt-26 {
-  margin-top: 26px !important; }
-
-.mb-26 {
-  margin-bottom: 26px !important; }
-
-.ml-26 {
-  margin-left: 26px !important; }
-
-.mr-26 {
-  margin-right: 26px !important; }
-
-.p-26 {
-  padding: 26px !important; }
-
-.pt-26 {
-  padding-top: 26px !important; }
-
-.pb-26 {
-  padding-bottom: 26px !important; }
-
-.pl-26 {
-  padding-left: 26px !important; }
-
-.pr-26 {
-  padding-right: 26px !important; }
-
-.vh-26 {
-  height: 26vh !important; }
-
-.vw-26 {
-  width: 26vw !important; }
-
-.font-size-26 {
-  font-size: 26px !important; }
-
-.m-27 {
-  margin: 27px !important; }
-
-.mt-27 {
-  margin-top: 27px !important; }
-
-.mb-27 {
-  margin-bottom: 27px !important; }
-
-.ml-27 {
-  margin-left: 27px !important; }
-
-.mr-27 {
-  margin-right: 27px !important; }
-
-.p-27 {
-  padding: 27px !important; }
-
-.pt-27 {
-  padding-top: 27px !important; }
-
-.pb-27 {
-  padding-bottom: 27px !important; }
-
-.pl-27 {
-  padding-left: 27px !important; }
-
-.pr-27 {
-  padding-right: 27px !important; }
-
-.vh-27 {
-  height: 27vh !important; }
-
-.vw-27 {
-  width: 27vw !important; }
-
-.font-size-27 {
-  font-size: 27px !important; }
-
-.m-28 {
-  margin: 28px !important; }
-
-.mt-28 {
-  margin-top: 28px !important; }
-
-.mb-28 {
-  margin-bottom: 28px !important; }
-
-.ml-28 {
-  margin-left: 28px !important; }
-
-.mr-28 {
-  margin-right: 28px !important; }
-
-.p-28 {
-  padding: 28px !important; }
-
-.pt-28 {
-  padding-top: 28px !important; }
-
-.pb-28 {
-  padding-bottom: 28px !important; }
-
-.pl-28 {
-  padding-left: 28px !important; }
-
-.pr-28 {
-  padding-right: 28px !important; }
-
-.vh-28 {
-  height: 28vh !important; }
-
-.vw-28 {
-  width: 28vw !important; }
-
-.font-size-28 {
-  font-size: 28px !important; }
-
-.m-29 {
-  margin: 29px !important; }
-
-.mt-29 {
-  margin-top: 29px !important; }
-
-.mb-29 {
-  margin-bottom: 29px !important; }
-
-.ml-29 {
-  margin-left: 29px !important; }
-
-.mr-29 {
-  margin-right: 29px !important; }
-
-.p-29 {
-  padding: 29px !important; }
-
-.pt-29 {
-  padding-top: 29px !important; }
-
-.pb-29 {
-  padding-bottom: 29px !important; }
-
-.pl-29 {
-  padding-left: 29px !important; }
-
-.pr-29 {
-  padding-right: 29px !important; }
-
-.vh-29 {
-  height: 29vh !important; }
-
-.vw-29 {
-  width: 29vw !important; }
-
-.font-size-29 {
-  font-size: 29px !important; }
-
-.m-30 {
-  margin: 30px !important; }
-
-.mt-30 {
-  margin-top: 30px !important; }
-
-.mb-30 {
-  margin-bottom: 30px !important; }
-
-.ml-30 {
-  margin-left: 30px !important; }
-
-.mr-30 {
-  margin-right: 30px !important; }
-
-.p-30 {
-  padding: 30px !important; }
-
-.pt-30 {
-  padding-top: 30px !important; }
-
-.pb-30 {
-  padding-bottom: 30px !important; }
-
-.pl-30 {
-  padding-left: 30px !important; }
-
-.pr-30 {
-  padding-right: 30px !important; }
-
-.vh-30 {
-  height: 30vh !important; }
-
-.vw-30 {
-  width: 30vw !important; }
-
-.font-size-30 {
-  font-size: 30px !important; }
-
-.m-31 {
-  margin: 31px !important; }
-
-.mt-31 {
-  margin-top: 31px !important; }
-
-.mb-31 {
-  margin-bottom: 31px !important; }
-
-.ml-31 {
-  margin-left: 31px !important; }
-
-.mr-31 {
-  margin-right: 31px !important; }
-
-.p-31 {
-  padding: 31px !important; }
-
-.pt-31 {
-  padding-top: 31px !important; }
-
-.pb-31 {
-  padding-bottom: 31px !important; }
-
-.pl-31 {
-  padding-left: 31px !important; }
-
-.pr-31 {
-  padding-right: 31px !important; }
-
-.vh-31 {
-  height: 31vh !important; }
-
-.vw-31 {
-  width: 31vw !important; }
-
-.font-size-31 {
-  font-size: 31px !important; }
-
-.m-32 {
-  margin: 32px !important; }
-
+    margin-top: 5rem
+}
 .mt-32 {
-  margin-top: 32px !important; }
-
-.mb-32 {
-  margin-bottom: 32px !important; }
-
-.ml-32 {
-  margin-left: 32px !important; }
-
-.mr-32 {
-  margin-right: 32px !important; }
-
-.p-32 {
-  padding: 32px !important; }
-
-.pt-32 {
-  padding-top: 32px !important; }
-
-.pb-32 {
-  padding-bottom: 32px !important; }
-
-.pl-32 {
-  padding-left: 32px !important; }
-
-.pr-32 {
-  padding-right: 32px !important; }
-
-.vh-32 {
-  height: 32vh !important; }
-
-.vw-32 {
-  width: 32vw !important; }
-
-.font-size-32 {
-  font-size: 32px !important; }
-
-.m-33 {
-  margin: 33px !important; }
-
-.mt-33 {
-  margin-top: 33px !important; }
-
-.mb-33 {
-  margin-bottom: 33px !important; }
-
-.ml-33 {
-  margin-left: 33px !important; }
-
-.mr-33 {
-  margin-right: 33px !important; }
-
-.p-33 {
-  padding: 33px !important; }
-
-.pt-33 {
-  padding-top: 33px !important; }
-
-.pb-33 {
-  padding-bottom: 33px !important; }
-
-.pl-33 {
-  padding-left: 33px !important; }
-
-.pr-33 {
-  padding-right: 33px !important; }
-
-.vh-33 {
-  height: 33vh !important; }
-
-.vw-33 {
-  width: 33vw !important; }
-
-.font-size-33 {
-  font-size: 33px !important; }
-
-.m-34 {
-  margin: 34px !important; }
-
-.mt-34 {
-  margin-top: 34px !important; }
-
-.mb-34 {
-  margin-bottom: 34px !important; }
-
-.ml-34 {
-  margin-left: 34px !important; }
-
-.mr-34 {
-  margin-right: 34px !important; }
-
-.p-34 {
-  padding: 34px !important; }
-
-.pt-34 {
-  padding-top: 34px !important; }
-
-.pb-34 {
-  padding-bottom: 34px !important; }
-
-.pl-34 {
-  padding-left: 34px !important; }
-
-.pr-34 {
-  padding-right: 34px !important; }
-
-.vh-34 {
-  height: 34vh !important; }
-
-.vw-34 {
-  width: 34vw !important; }
-
-.font-size-34 {
-  font-size: 34px !important; }
-
-.m-35 {
-  margin: 35px !important; }
-
-.mt-35 {
-  margin-top: 35px !important; }
-
-.mb-35 {
-  margin-bottom: 35px !important; }
-
-.ml-35 {
-  margin-left: 35px !important; }
-
-.mr-35 {
-  margin-right: 35px !important; }
-
-.p-35 {
-  padding: 35px !important; }
-
-.pt-35 {
-  padding-top: 35px !important; }
-
-.pb-35 {
-  padding-bottom: 35px !important; }
-
-.pl-35 {
-  padding-left: 35px !important; }
-
-.pr-35 {
-  padding-right: 35px !important; }
-
-.vh-35 {
-  height: 35vh !important; }
-
-.vw-35 {
-  width: 35vw !important; }
-
-.font-size-35 {
-  font-size: 35px !important; }
-
-.m-36 {
-  margin: 36px !important; }
-
-.mt-36 {
-  margin-top: 36px !important; }
-
-.mb-36 {
-  margin-bottom: 36px !important; }
-
-.ml-36 {
-  margin-left: 36px !important; }
-
-.mr-36 {
-  margin-right: 36px !important; }
-
-.p-36 {
-  padding: 36px !important; }
-
-.pt-36 {
-  padding-top: 36px !important; }
-
-.pb-36 {
-  padding-bottom: 36px !important; }
-
-.pl-36 {
-  padding-left: 36px !important; }
-
-.pr-36 {
-  padding-right: 36px !important; }
-
-.vh-36 {
-  height: 36vh !important; }
-
-.vw-36 {
-  width: 36vw !important; }
-
-.font-size-36 {
-  font-size: 36px !important; }
-
-.m-37 {
-  margin: 37px !important; }
-
-.mt-37 {
-  margin-top: 37px !important; }
-
-.mb-37 {
-  margin-bottom: 37px !important; }
-
-.ml-37 {
-  margin-left: 37px !important; }
-
-.mr-37 {
-  margin-right: 37px !important; }
-
-.p-37 {
-  padding: 37px !important; }
-
-.pt-37 {
-  padding-top: 37px !important; }
-
-.pb-37 {
-  padding-bottom: 37px !important; }
-
-.pl-37 {
-  padding-left: 37px !important; }
-
-.pr-37 {
-  padding-right: 37px !important; }
-
-.vh-37 {
-  height: 37vh !important; }
-
-.vw-37 {
-  width: 37vw !important; }
-
-.font-size-37 {
-  font-size: 37px !important; }
-
-.m-38 {
-  margin: 38px !important; }
-
-.mt-38 {
-  margin-top: 38px !important; }
-
-.mb-38 {
-  margin-bottom: 38px !important; }
-
-.ml-38 {
-  margin-left: 38px !important; }
-
-.mr-38 {
-  margin-right: 38px !important; }
-
-.p-38 {
-  padding: 38px !important; }
-
-.pt-38 {
-  padding-top: 38px !important; }
-
-.pb-38 {
-  padding-bottom: 38px !important; }
-
-.pl-38 {
-  padding-left: 38px !important; }
-
-.pr-38 {
-  padding-right: 38px !important; }
-
-.vh-38 {
-  height: 38vh !important; }
-
-.vw-38 {
-  width: 38vw !important; }
-
-.font-size-38 {
-  font-size: 38px !important; }
-
-.m-39 {
-  margin: 39px !important; }
-
-.mt-39 {
-  margin-top: 39px !important; }
-
-.mb-39 {
-  margin-bottom: 39px !important; }
-
-.ml-39 {
-  margin-left: 39px !important; }
-
-.mr-39 {
-  margin-right: 39px !important; }
-
-.p-39 {
-  padding: 39px !important; }
-
-.pt-39 {
-  padding-top: 39px !important; }
-
-.pb-39 {
-  padding-bottom: 39px !important; }
-
-.pl-39 {
-  padding-left: 39px !important; }
-
-.pr-39 {
-  padding-right: 39px !important; }
-
-.vh-39 {
-  height: 39vh !important; }
-
-.vw-39 {
-  width: 39vw !important; }
-
-.font-size-39 {
-  font-size: 39px !important; }
-
-.m-40 {
-  margin: 40px !important; }
-
-.mt-40 {
-  margin-top: 40px !important; }
-
-.mb-40 {
-  margin-bottom: 40px !important; }
-
-.ml-40 {
-  margin-left: 40px !important; }
-
-.mr-40 {
-  margin-right: 40px !important; }
-
-.p-40 {
-  padding: 40px !important; }
-
-.pt-40 {
-  padding-top: 40px !important; }
-
-.pb-40 {
-  padding-bottom: 40px !important; }
-
+    margin-top: 8rem
+}
+.mt-5 {
+    margin-top: 1.25rem
+}
+.mt-80 {
+    margin-top: 20rem
+}
+.block {
+    display: block
+}
+.inline {
+    display: inline
+}
+.flex {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex
+}
+.table {
+    display: table
+}
+.contents {
+    display: contents
+}
+.hidden {
+    display: none
+}
+.size-6 {
+    width: 1.5rem;
+    height: 1.5rem
+}
+.h-5 {
+    height: 1.25rem
+}
+.h-6 {
+    height: 1.5rem
+}
+.w-5 {
+    width: 1.25rem
+}
+.w-6 {
+    width: 1.5rem
+}
+.flex-shrink {
+    -ms-flex-negative: 1;
+        flex-shrink: 1
+}
+.transform {
+    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+.flex-wrap {
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap
+}
+.gap-8 {
+    gap: 2rem
+}
+.border {
+    border-width: 1px
+}
+.p-0 {
+    padding: 0px
+}
+.p-10 {
+    padding: 2.5rem
+}
+.pb-0 {
+    padding-bottom: 0px
+}
+.pb-12 {
+    padding-bottom: 3rem
+}
+.pb-80 {
+    padding-bottom: 20rem
+}
+.pl-0 {
+    padding-left: 0px
+}
+.pl-20 {
+    padding-left: 5rem
+}
 .pl-40 {
-  padding-left: 40px !important; }
-
+    padding-left: 10rem
+}
+.pl-5 {
+    padding-left: 1.25rem
+}
+.pl-6 {
+    padding-left: 1.5rem
+}
+.pr-0 {
+    padding-right: 0px
+}
+.pr-20 {
+    padding-right: 5rem
+}
 .pr-40 {
-  padding-right: 40px !important; }
-
-.vh-40 {
-  height: 40vh !important; }
-
-.vw-40 {
-  width: 40vw !important; }
-
-.font-size-40 {
-  font-size: 40px !important; }
-
-.m-41 {
-  margin: 41px !important; }
-
-.mt-41 {
-  margin-top: 41px !important; }
-
-.mb-41 {
-  margin-bottom: 41px !important; }
-
-.ml-41 {
-  margin-left: 41px !important; }
-
-.mr-41 {
-  margin-right: 41px !important; }
-
-.p-41 {
-  padding: 41px !important; }
-
-.pt-41 {
-  padding-top: 41px !important; }
-
-.pb-41 {
-  padding-bottom: 41px !important; }
-
-.pl-41 {
-  padding-left: 41px !important; }
-
-.pr-41 {
-  padding-right: 41px !important; }
-
-.vh-41 {
-  height: 41vh !important; }
-
-.vw-41 {
-  width: 41vw !important; }
-
-.font-size-41 {
-  font-size: 41px !important; }
-
-.m-42 {
-  margin: 42px !important; }
-
-.mt-42 {
-  margin-top: 42px !important; }
-
-.mb-42 {
-  margin-bottom: 42px !important; }
-
-.ml-42 {
-  margin-left: 42px !important; }
-
-.mr-42 {
-  margin-right: 42px !important; }
-
-.p-42 {
-  padding: 42px !important; }
-
-.pt-42 {
-  padding-top: 42px !important; }
-
-.pb-42 {
-  padding-bottom: 42px !important; }
-
-.pl-42 {
-  padding-left: 42px !important; }
-
-.pr-42 {
-  padding-right: 42px !important; }
-
-.vh-42 {
-  height: 42vh !important; }
-
-.vw-42 {
-  width: 42vw !important; }
-
-.font-size-42 {
-  font-size: 42px !important; }
-
-.m-43 {
-  margin: 43px !important; }
-
-.mt-43 {
-  margin-top: 43px !important; }
-
-.mb-43 {
-  margin-bottom: 43px !important; }
-
-.ml-43 {
-  margin-left: 43px !important; }
-
-.mr-43 {
-  margin-right: 43px !important; }
-
-.p-43 {
-  padding: 43px !important; }
-
-.pt-43 {
-  padding-top: 43px !important; }
-
-.pb-43 {
-  padding-bottom: 43px !important; }
-
-.pl-43 {
-  padding-left: 43px !important; }
-
-.pr-43 {
-  padding-right: 43px !important; }
-
-.vh-43 {
-  height: 43vh !important; }
-
-.vw-43 {
-  width: 43vw !important; }
-
-.font-size-43 {
-  font-size: 43px !important; }
-
-.m-44 {
-  margin: 44px !important; }
-
-.mt-44 {
-  margin-top: 44px !important; }
-
-.mb-44 {
-  margin-bottom: 44px !important; }
-
-.ml-44 {
-  margin-left: 44px !important; }
-
-.mr-44 {
-  margin-right: 44px !important; }
-
-.p-44 {
-  padding: 44px !important; }
-
-.pt-44 {
-  padding-top: 44px !important; }
-
-.pb-44 {
-  padding-bottom: 44px !important; }
-
-.pl-44 {
-  padding-left: 44px !important; }
-
-.pr-44 {
-  padding-right: 44px !important; }
-
-.vh-44 {
-  height: 44vh !important; }
-
-.vw-44 {
-  width: 44vw !important; }
-
-.font-size-44 {
-  font-size: 44px !important; }
-
-.m-45 {
-  margin: 45px !important; }
-
-.mt-45 {
-  margin-top: 45px !important; }
-
-.mb-45 {
-  margin-bottom: 45px !important; }
-
-.ml-45 {
-  margin-left: 45px !important; }
-
-.mr-45 {
-  margin-right: 45px !important; }
-
-.p-45 {
-  padding: 45px !important; }
-
-.pt-45 {
-  padding-top: 45px !important; }
-
-.pb-45 {
-  padding-bottom: 45px !important; }
-
-.pl-45 {
-  padding-left: 45px !important; }
-
-.pr-45 {
-  padding-right: 45px !important; }
-
-.vh-45 {
-  height: 45vh !important; }
-
-.vw-45 {
-  width: 45vw !important; }
-
-.font-size-45 {
-  font-size: 45px !important; }
-
-.m-46 {
-  margin: 46px !important; }
-
-.mt-46 {
-  margin-top: 46px !important; }
-
-.mb-46 {
-  margin-bottom: 46px !important; }
-
-.ml-46 {
-  margin-left: 46px !important; }
-
-.mr-46 {
-  margin-right: 46px !important; }
-
-.p-46 {
-  padding: 46px !important; }
-
-.pt-46 {
-  padding-top: 46px !important; }
-
-.pb-46 {
-  padding-bottom: 46px !important; }
-
-.pl-46 {
-  padding-left: 46px !important; }
-
-.pr-46 {
-  padding-right: 46px !important; }
-
-.vh-46 {
-  height: 46vh !important; }
-
-.vw-46 {
-  width: 46vw !important; }
-
-.font-size-46 {
-  font-size: 46px !important; }
-
-.m-47 {
-  margin: 47px !important; }
-
-.mt-47 {
-  margin-top: 47px !important; }
-
-.mb-47 {
-  margin-bottom: 47px !important; }
-
-.ml-47 {
-  margin-left: 47px !important; }
-
-.mr-47 {
-  margin-right: 47px !important; }
-
-.p-47 {
-  padding: 47px !important; }
-
-.pt-47 {
-  padding-top: 47px !important; }
-
-.pb-47 {
-  padding-bottom: 47px !important; }
-
-.pl-47 {
-  padding-left: 47px !important; }
-
-.pr-47 {
-  padding-right: 47px !important; }
-
-.vh-47 {
-  height: 47vh !important; }
-
-.vw-47 {
-  width: 47vw !important; }
-
-.font-size-47 {
-  font-size: 47px !important; }
-
-.m-48 {
-  margin: 48px !important; }
-
-.mt-48 {
-  margin-top: 48px !important; }
-
-.mb-48 {
-  margin-bottom: 48px !important; }
-
-.ml-48 {
-  margin-left: 48px !important; }
-
-.mr-48 {
-  margin-right: 48px !important; }
-
-.p-48 {
-  padding: 48px !important; }
-
-.pt-48 {
-  padding-top: 48px !important; }
-
-.pb-48 {
-  padding-bottom: 48px !important; }
-
-.pl-48 {
-  padding-left: 48px !important; }
-
-.pr-48 {
-  padding-right: 48px !important; }
-
-.vh-48 {
-  height: 48vh !important; }
-
-.vw-48 {
-  width: 48vw !important; }
-
-.font-size-48 {
-  font-size: 48px !important; }
-
-.m-49 {
-  margin: 49px !important; }
-
-.mt-49 {
-  margin-top: 49px !important; }
-
-.mb-49 {
-  margin-bottom: 49px !important; }
-
-.ml-49 {
-  margin-left: 49px !important; }
-
-.mr-49 {
-  margin-right: 49px !important; }
-
-.p-49 {
-  padding: 49px !important; }
-
-.pt-49 {
-  padding-top: 49px !important; }
-
-.pb-49 {
-  padding-bottom: 49px !important; }
-
-.pl-49 {
-  padding-left: 49px !important; }
-
-.pr-49 {
-  padding-right: 49px !important; }
-
-.vh-49 {
-  height: 49vh !important; }
-
-.vw-49 {
-  width: 49vw !important; }
-
-.font-size-49 {
-  font-size: 49px !important; }
-
-.m-50 {
-  margin: 50px !important; }
-
-.mt-50 {
-  margin-top: 50px !important; }
-
-.mb-50 {
-  margin-bottom: 50px !important; }
-
-.ml-50 {
-  margin-left: 50px !important; }
-
-.mr-50 {
-  margin-right: 50px !important; }
-
-.p-50 {
-  padding: 50px !important; }
-
-.pt-50 {
-  padding-top: 50px !important; }
-
-.pb-50 {
-  padding-bottom: 50px !important; }
-
-.pl-50 {
-  padding-left: 50px !important; }
-
-.pr-50 {
-  padding-right: 50px !important; }
-
-.vh-50 {
-  height: 50vh !important; }
-
-.vw-50 {
-  width: 50vw !important; }
-
-.font-size-50 {
-  font-size: 50px !important; }
-
-.m-51 {
-  margin: 51px !important; }
-
-.mt-51 {
-  margin-top: 51px !important; }
-
-.mb-51 {
-  margin-bottom: 51px !important; }
-
-.ml-51 {
-  margin-left: 51px !important; }
-
-.mr-51 {
-  margin-right: 51px !important; }
-
-.p-51 {
-  padding: 51px !important; }
-
-.pt-51 {
-  padding-top: 51px !important; }
-
-.pb-51 {
-  padding-bottom: 51px !important; }
-
-.pl-51 {
-  padding-left: 51px !important; }
-
-.pr-51 {
-  padding-right: 51px !important; }
-
-.vh-51 {
-  height: 51vh !important; }
-
-.vw-51 {
-  width: 51vw !important; }
-
-.font-size-51 {
-  font-size: 51px !important; }
-
-.m-52 {
-  margin: 52px !important; }
-
-.mt-52 {
-  margin-top: 52px !important; }
-
-.mb-52 {
-  margin-bottom: 52px !important; }
-
-.ml-52 {
-  margin-left: 52px !important; }
-
-.mr-52 {
-  margin-right: 52px !important; }
-
-.p-52 {
-  padding: 52px !important; }
-
-.pt-52 {
-  padding-top: 52px !important; }
-
-.pb-52 {
-  padding-bottom: 52px !important; }
-
-.pl-52 {
-  padding-left: 52px !important; }
-
-.pr-52 {
-  padding-right: 52px !important; }
-
-.vh-52 {
-  height: 52vh !important; }
-
-.vw-52 {
-  width: 52vw !important; }
-
-.font-size-52 {
-  font-size: 52px !important; }
-
-.m-53 {
-  margin: 53px !important; }
-
-.mt-53 {
-  margin-top: 53px !important; }
-
-.mb-53 {
-  margin-bottom: 53px !important; }
-
-.ml-53 {
-  margin-left: 53px !important; }
-
-.mr-53 {
-  margin-right: 53px !important; }
-
-.p-53 {
-  padding: 53px !important; }
-
-.pt-53 {
-  padding-top: 53px !important; }
-
-.pb-53 {
-  padding-bottom: 53px !important; }
-
-.pl-53 {
-  padding-left: 53px !important; }
-
-.pr-53 {
-  padding-right: 53px !important; }
-
-.vh-53 {
-  height: 53vh !important; }
-
-.vw-53 {
-  width: 53vw !important; }
-
-.font-size-53 {
-  font-size: 53px !important; }
-
-.m-54 {
-  margin: 54px !important; }
-
-.mt-54 {
-  margin-top: 54px !important; }
-
-.mb-54 {
-  margin-bottom: 54px !important; }
-
-.ml-54 {
-  margin-left: 54px !important; }
-
-.mr-54 {
-  margin-right: 54px !important; }
-
-.p-54 {
-  padding: 54px !important; }
-
-.pt-54 {
-  padding-top: 54px !important; }
-
-.pb-54 {
-  padding-bottom: 54px !important; }
-
-.pl-54 {
-  padding-left: 54px !important; }
-
-.pr-54 {
-  padding-right: 54px !important; }
-
-.vh-54 {
-  height: 54vh !important; }
-
-.vw-54 {
-  width: 54vw !important; }
-
-.font-size-54 {
-  font-size: 54px !important; }
-
-.m-55 {
-  margin: 55px !important; }
-
-.mt-55 {
-  margin-top: 55px !important; }
-
-.mb-55 {
-  margin-bottom: 55px !important; }
-
-.ml-55 {
-  margin-left: 55px !important; }
-
-.mr-55 {
-  margin-right: 55px !important; }
-
-.p-55 {
-  padding: 55px !important; }
-
-.pt-55 {
-  padding-top: 55px !important; }
-
-.pb-55 {
-  padding-bottom: 55px !important; }
-
-.pl-55 {
-  padding-left: 55px !important; }
-
-.pr-55 {
-  padding-right: 55px !important; }
-
-.vh-55 {
-  height: 55vh !important; }
-
-.vw-55 {
-  width: 55vw !important; }
-
-.font-size-55 {
-  font-size: 55px !important; }
-
-.m-56 {
-  margin: 56px !important; }
-
-.mt-56 {
-  margin-top: 56px !important; }
-
-.mb-56 {
-  margin-bottom: 56px !important; }
-
-.ml-56 {
-  margin-left: 56px !important; }
-
-.mr-56 {
-  margin-right: 56px !important; }
-
-.p-56 {
-  padding: 56px !important; }
-
-.pt-56 {
-  padding-top: 56px !important; }
-
-.pb-56 {
-  padding-bottom: 56px !important; }
-
-.pl-56 {
-  padding-left: 56px !important; }
-
-.pr-56 {
-  padding-right: 56px !important; }
-
-.vh-56 {
-  height: 56vh !important; }
-
-.vw-56 {
-  width: 56vw !important; }
-
-.font-size-56 {
-  font-size: 56px !important; }
-
-.m-57 {
-  margin: 57px !important; }
-
-.mt-57 {
-  margin-top: 57px !important; }
-
-.mb-57 {
-  margin-bottom: 57px !important; }
-
-.ml-57 {
-  margin-left: 57px !important; }
-
-.mr-57 {
-  margin-right: 57px !important; }
-
-.p-57 {
-  padding: 57px !important; }
-
-.pt-57 {
-  padding-top: 57px !important; }
-
-.pb-57 {
-  padding-bottom: 57px !important; }
-
-.pl-57 {
-  padding-left: 57px !important; }
-
-.pr-57 {
-  padding-right: 57px !important; }
-
-.vh-57 {
-  height: 57vh !important; }
-
-.vw-57 {
-  width: 57vw !important; }
-
-.font-size-57 {
-  font-size: 57px !important; }
-
-.m-58 {
-  margin: 58px !important; }
-
-.mt-58 {
-  margin-top: 58px !important; }
-
-.mb-58 {
-  margin-bottom: 58px !important; }
-
-.ml-58 {
-  margin-left: 58px !important; }
-
-.mr-58 {
-  margin-right: 58px !important; }
-
-.p-58 {
-  padding: 58px !important; }
-
-.pt-58 {
-  padding-top: 58px !important; }
-
-.pb-58 {
-  padding-bottom: 58px !important; }
-
-.pl-58 {
-  padding-left: 58px !important; }
-
-.pr-58 {
-  padding-right: 58px !important; }
-
-.vh-58 {
-  height: 58vh !important; }
-
-.vw-58 {
-  width: 58vw !important; }
-
-.font-size-58 {
-  font-size: 58px !important; }
-
-.m-59 {
-  margin: 59px !important; }
-
-.mt-59 {
-  margin-top: 59px !important; }
-
-.mb-59 {
-  margin-bottom: 59px !important; }
-
-.ml-59 {
-  margin-left: 59px !important; }
-
-.mr-59 {
-  margin-right: 59px !important; }
-
-.p-59 {
-  padding: 59px !important; }
-
-.pt-59 {
-  padding-top: 59px !important; }
-
-.pb-59 {
-  padding-bottom: 59px !important; }
-
-.pl-59 {
-  padding-left: 59px !important; }
-
-.pr-59 {
-  padding-right: 59px !important; }
-
-.vh-59 {
-  height: 59vh !important; }
-
-.vw-59 {
-  width: 59vw !important; }
-
-.font-size-59 {
-  font-size: 59px !important; }
-
-.m-60 {
-  margin: 60px !important; }
-
-.mt-60 {
-  margin-top: 60px !important; }
-
-.mb-60 {
-  margin-bottom: 60px !important; }
-
-.ml-60 {
-  margin-left: 60px !important; }
-
-.mr-60 {
-  margin-right: 60px !important; }
-
-.p-60 {
-  padding: 60px !important; }
-
-.pt-60 {
-  padding-top: 60px !important; }
-
-.pb-60 {
-  padding-bottom: 60px !important; }
-
-.pl-60 {
-  padding-left: 60px !important; }
-
+    padding-right: 10rem
+}
+.pr-6 {
+    padding-right: 1.5rem
+}
 .pr-60 {
-  padding-right: 60px !important; }
-
-.vh-60 {
-  height: 60vh !important; }
-
-.vw-60 {
-  width: 60vw !important; }
-
-.font-size-60 {
-  font-size: 60px !important; }
-
-.m-61 {
-  margin: 61px !important; }
-
-.mt-61 {
-  margin-top: 61px !important; }
-
-.mb-61 {
-  margin-bottom: 61px !important; }
-
-.ml-61 {
-  margin-left: 61px !important; }
-
-.mr-61 {
-  margin-right: 61px !important; }
-
-.p-61 {
-  padding: 61px !important; }
-
-.pt-61 {
-  padding-top: 61px !important; }
-
-.pb-61 {
-  padding-bottom: 61px !important; }
-
-.pl-61 {
-  padding-left: 61px !important; }
-
-.pr-61 {
-  padding-right: 61px !important; }
-
-.vh-61 {
-  height: 61vh !important; }
-
-.vw-61 {
-  width: 61vw !important; }
-
-.font-size-61 {
-  font-size: 61px !important; }
-
-.m-62 {
-  margin: 62px !important; }
-
-.mt-62 {
-  margin-top: 62px !important; }
-
-.mb-62 {
-  margin-bottom: 62px !important; }
-
-.ml-62 {
-  margin-left: 62px !important; }
-
-.mr-62 {
-  margin-right: 62px !important; }
-
-.p-62 {
-  padding: 62px !important; }
-
-.pt-62 {
-  padding-top: 62px !important; }
-
-.pb-62 {
-  padding-bottom: 62px !important; }
-
-.pl-62 {
-  padding-left: 62px !important; }
-
-.pr-62 {
-  padding-right: 62px !important; }
-
-.vh-62 {
-  height: 62vh !important; }
-
-.vw-62 {
-  width: 62vw !important; }
-
-.font-size-62 {
-  font-size: 62px !important; }
-
-.m-63 {
-  margin: 63px !important; }
-
-.mt-63 {
-  margin-top: 63px !important; }
-
-.mb-63 {
-  margin-bottom: 63px !important; }
-
-.ml-63 {
-  margin-left: 63px !important; }
-
-.mr-63 {
-  margin-right: 63px !important; }
-
-.p-63 {
-  padding: 63px !important; }
-
-.pt-63 {
-  padding-top: 63px !important; }
-
-.pb-63 {
-  padding-bottom: 63px !important; }
-
-.pl-63 {
-  padding-left: 63px !important; }
-
-.pr-63 {
-  padding-right: 63px !important; }
-
-.vh-63 {
-  height: 63vh !important; }
-
-.vw-63 {
-  width: 63vw !important; }
-
-.font-size-63 {
-  font-size: 63px !important; }
-
-.m-64 {
-  margin: 64px !important; }
-
-.mt-64 {
-  margin-top: 64px !important; }
-
-.mb-64 {
-  margin-bottom: 64px !important; }
-
-.ml-64 {
-  margin-left: 64px !important; }
-
-.mr-64 {
-  margin-right: 64px !important; }
-
-.p-64 {
-  padding: 64px !important; }
-
-.pt-64 {
-  padding-top: 64px !important; }
-
-.pb-64 {
-  padding-bottom: 64px !important; }
-
-.pl-64 {
-  padding-left: 64px !important; }
-
-.pr-64 {
-  padding-right: 64px !important; }
-
-.vh-64 {
-  height: 64vh !important; }
-
-.vw-64 {
-  width: 64vw !important; }
-
-.font-size-64 {
-  font-size: 64px !important; }
-
-.m-65 {
-  margin: 65px !important; }
-
-.mt-65 {
-  margin-top: 65px !important; }
-
-.mb-65 {
-  margin-bottom: 65px !important; }
-
-.ml-65 {
-  margin-left: 65px !important; }
-
-.mr-65 {
-  margin-right: 65px !important; }
-
-.p-65 {
-  padding: 65px !important; }
-
-.pt-65 {
-  padding-top: 65px !important; }
-
-.pb-65 {
-  padding-bottom: 65px !important; }
-
-.pl-65 {
-  padding-left: 65px !important; }
-
-.pr-65 {
-  padding-right: 65px !important; }
-
-.vh-65 {
-  height: 65vh !important; }
-
-.vw-65 {
-  width: 65vw !important; }
-
-.font-size-65 {
-  font-size: 65px !important; }
-
-.m-66 {
-  margin: 66px !important; }
-
-.mt-66 {
-  margin-top: 66px !important; }
-
-.mb-66 {
-  margin-bottom: 66px !important; }
-
-.ml-66 {
-  margin-left: 66px !important; }
-
-.mr-66 {
-  margin-right: 66px !important; }
-
-.p-66 {
-  padding: 66px !important; }
-
-.pt-66 {
-  padding-top: 66px !important; }
-
-.pb-66 {
-  padding-bottom: 66px !important; }
-
-.pl-66 {
-  padding-left: 66px !important; }
-
-.pr-66 {
-  padding-right: 66px !important; }
-
-.vh-66 {
-  height: 66vh !important; }
-
-.vw-66 {
-  width: 66vw !important; }
-
-.font-size-66 {
-  font-size: 66px !important; }
-
-.m-67 {
-  margin: 67px !important; }
-
-.mt-67 {
-  margin-top: 67px !important; }
-
-.mb-67 {
-  margin-bottom: 67px !important; }
-
-.ml-67 {
-  margin-left: 67px !important; }
-
-.mr-67 {
-  margin-right: 67px !important; }
-
-.p-67 {
-  padding: 67px !important; }
-
-.pt-67 {
-  padding-top: 67px !important; }
-
-.pb-67 {
-  padding-bottom: 67px !important; }
-
-.pl-67 {
-  padding-left: 67px !important; }
-
-.pr-67 {
-  padding-right: 67px !important; }
-
-.vh-67 {
-  height: 67vh !important; }
-
-.vw-67 {
-  width: 67vw !important; }
-
-.font-size-67 {
-  font-size: 67px !important; }
-
-.m-68 {
-  margin: 68px !important; }
-
-.mt-68 {
-  margin-top: 68px !important; }
-
-.mb-68 {
-  margin-bottom: 68px !important; }
-
-.ml-68 {
-  margin-left: 68px !important; }
-
-.mr-68 {
-  margin-right: 68px !important; }
-
-.p-68 {
-  padding: 68px !important; }
-
-.pt-68 {
-  padding-top: 68px !important; }
-
-.pb-68 {
-  padding-bottom: 68px !important; }
-
-.pl-68 {
-  padding-left: 68px !important; }
-
-.pr-68 {
-  padding-right: 68px !important; }
-
-.vh-68 {
-  height: 68vh !important; }
-
-.vw-68 {
-  width: 68vw !important; }
-
-.font-size-68 {
-  font-size: 68px !important; }
-
-.m-69 {
-  margin: 69px !important; }
-
-.mt-69 {
-  margin-top: 69px !important; }
-
-.mb-69 {
-  margin-bottom: 69px !important; }
-
-.ml-69 {
-  margin-left: 69px !important; }
-
-.mr-69 {
-  margin-right: 69px !important; }
-
-.p-69 {
-  padding: 69px !important; }
-
-.pt-69 {
-  padding-top: 69px !important; }
-
-.pb-69 {
-  padding-bottom: 69px !important; }
-
-.pl-69 {
-  padding-left: 69px !important; }
-
-.pr-69 {
-  padding-right: 69px !important; }
-
-.vh-69 {
-  height: 69vh !important; }
-
-.vw-69 {
-  width: 69vw !important; }
-
-.font-size-69 {
-  font-size: 69px !important; }
-
-.m-70 {
-  margin: 70px !important; }
-
-.mt-70 {
-  margin-top: 70px !important; }
-
-.mb-70 {
-  margin-bottom: 70px !important; }
-
-.ml-70 {
-  margin-left: 70px !important; }
-
-.mr-70 {
-  margin-right: 70px !important; }
-
-.p-70 {
-  padding: 70px !important; }
-
-.pt-70 {
-  padding-top: 70px !important; }
-
-.pb-70 {
-  padding-bottom: 70px !important; }
-
-.pl-70 {
-  padding-left: 70px !important; }
-
-.pr-70 {
-  padding-right: 70px !important; }
-
-.vh-70 {
-  height: 70vh !important; }
-
-.vw-70 {
-  width: 70vw !important; }
-
-.font-size-70 {
-  font-size: 70px !important; }
-
-.m-71 {
-  margin: 71px !important; }
-
-.mt-71 {
-  margin-top: 71px !important; }
-
-.mb-71 {
-  margin-bottom: 71px !important; }
-
-.ml-71 {
-  margin-left: 71px !important; }
-
-.mr-71 {
-  margin-right: 71px !important; }
-
-.p-71 {
-  padding: 71px !important; }
-
-.pt-71 {
-  padding-top: 71px !important; }
-
-.pb-71 {
-  padding-bottom: 71px !important; }
-
-.pl-71 {
-  padding-left: 71px !important; }
-
-.pr-71 {
-  padding-right: 71px !important; }
-
-.vh-71 {
-  height: 71vh !important; }
-
-.vw-71 {
-  width: 71vw !important; }
-
-.font-size-71 {
-  font-size: 71px !important; }
-
-.m-72 {
-  margin: 72px !important; }
-
-.mt-72 {
-  margin-top: 72px !important; }
-
-.mb-72 {
-  margin-bottom: 72px !important; }
-
-.ml-72 {
-  margin-left: 72px !important; }
-
-.mr-72 {
-  margin-right: 72px !important; }
-
-.p-72 {
-  padding: 72px !important; }
-
-.pt-72 {
-  padding-top: 72px !important; }
-
-.pb-72 {
-  padding-bottom: 72px !important; }
-
-.pl-72 {
-  padding-left: 72px !important; }
-
-.pr-72 {
-  padding-right: 72px !important; }
-
-.vh-72 {
-  height: 72vh !important; }
-
-.vw-72 {
-  width: 72vw !important; }
-
-.font-size-72 {
-  font-size: 72px !important; }
-
-.m-73 {
-  margin: 73px !important; }
-
-.mt-73 {
-  margin-top: 73px !important; }
-
-.mb-73 {
-  margin-bottom: 73px !important; }
-
-.ml-73 {
-  margin-left: 73px !important; }
-
-.mr-73 {
-  margin-right: 73px !important; }
-
-.p-73 {
-  padding: 73px !important; }
-
-.pt-73 {
-  padding-top: 73px !important; }
-
-.pb-73 {
-  padding-bottom: 73px !important; }
-
-.pl-73 {
-  padding-left: 73px !important; }
-
-.pr-73 {
-  padding-right: 73px !important; }
-
-.vh-73 {
-  height: 73vh !important; }
-
-.vw-73 {
-  width: 73vw !important; }
-
-.font-size-73 {
-  font-size: 73px !important; }
-
-.m-74 {
-  margin: 74px !important; }
-
-.mt-74 {
-  margin-top: 74px !important; }
-
-.mb-74 {
-  margin-bottom: 74px !important; }
-
-.ml-74 {
-  margin-left: 74px !important; }
-
-.mr-74 {
-  margin-right: 74px !important; }
-
-.p-74 {
-  padding: 74px !important; }
-
-.pt-74 {
-  padding-top: 74px !important; }
-
-.pb-74 {
-  padding-bottom: 74px !important; }
-
-.pl-74 {
-  padding-left: 74px !important; }
-
-.pr-74 {
-  padding-right: 74px !important; }
-
-.vh-74 {
-  height: 74vh !important; }
-
-.vw-74 {
-  width: 74vw !important; }
-
-.font-size-74 {
-  font-size: 74px !important; }
-
-.m-75 {
-  margin: 75px !important; }
-
-.mt-75 {
-  margin-top: 75px !important; }
-
-.mb-75 {
-  margin-bottom: 75px !important; }
-
-.ml-75 {
-  margin-left: 75px !important; }
-
-.mr-75 {
-  margin-right: 75px !important; }
-
-.p-75 {
-  padding: 75px !important; }
-
-.pt-75 {
-  padding-top: 75px !important; }
-
-.pb-75 {
-  padding-bottom: 75px !important; }
-
-.pl-75 {
-  padding-left: 75px !important; }
-
-.pr-75 {
-  padding-right: 75px !important; }
-
-.vh-75 {
-  height: 75vh !important; }
-
-.vw-75 {
-  width: 75vw !important; }
-
-.font-size-75 {
-  font-size: 75px !important; }
-
-.m-76 {
-  margin: 76px !important; }
-
-.mt-76 {
-  margin-top: 76px !important; }
-
-.mb-76 {
-  margin-bottom: 76px !important; }
-
-.ml-76 {
-  margin-left: 76px !important; }
-
-.mr-76 {
-  margin-right: 76px !important; }
-
-.p-76 {
-  padding: 76px !important; }
-
-.pt-76 {
-  padding-top: 76px !important; }
-
-.pb-76 {
-  padding-bottom: 76px !important; }
-
-.pl-76 {
-  padding-left: 76px !important; }
-
-.pr-76 {
-  padding-right: 76px !important; }
-
-.vh-76 {
-  height: 76vh !important; }
-
-.vw-76 {
-  width: 76vw !important; }
-
-.font-size-76 {
-  font-size: 76px !important; }
-
-.m-77 {
-  margin: 77px !important; }
-
-.mt-77 {
-  margin-top: 77px !important; }
-
-.mb-77 {
-  margin-bottom: 77px !important; }
-
-.ml-77 {
-  margin-left: 77px !important; }
-
-.mr-77 {
-  margin-right: 77px !important; }
-
-.p-77 {
-  padding: 77px !important; }
-
-.pt-77 {
-  padding-top: 77px !important; }
-
-.pb-77 {
-  padding-bottom: 77px !important; }
-
-.pl-77 {
-  padding-left: 77px !important; }
-
-.pr-77 {
-  padding-right: 77px !important; }
-
-.vh-77 {
-  height: 77vh !important; }
-
-.vw-77 {
-  width: 77vw !important; }
-
-.font-size-77 {
-  font-size: 77px !important; }
-
-.m-78 {
-  margin: 78px !important; }
-
-.mt-78 {
-  margin-top: 78px !important; }
-
-.mb-78 {
-  margin-bottom: 78px !important; }
-
-.ml-78 {
-  margin-left: 78px !important; }
-
-.mr-78 {
-  margin-right: 78px !important; }
-
-.p-78 {
-  padding: 78px !important; }
-
-.pt-78 {
-  padding-top: 78px !important; }
-
-.pb-78 {
-  padding-bottom: 78px !important; }
-
-.pl-78 {
-  padding-left: 78px !important; }
-
-.pr-78 {
-  padding-right: 78px !important; }
-
-.vh-78 {
-  height: 78vh !important; }
-
-.vw-78 {
-  width: 78vw !important; }
-
-.font-size-78 {
-  font-size: 78px !important; }
-
-.m-79 {
-  margin: 79px !important; }
-
-.mt-79 {
-  margin-top: 79px !important; }
-
-.mb-79 {
-  margin-bottom: 79px !important; }
-
-.ml-79 {
-  margin-left: 79px !important; }
-
-.mr-79 {
-  margin-right: 79px !important; }
-
-.p-79 {
-  padding: 79px !important; }
-
-.pt-79 {
-  padding-top: 79px !important; }
-
-.pb-79 {
-  padding-bottom: 79px !important; }
-
-.pl-79 {
-  padding-left: 79px !important; }
-
-.pr-79 {
-  padding-right: 79px !important; }
-
-.vh-79 {
-  height: 79vh !important; }
-
-.vw-79 {
-  width: 79vw !important; }
-
-.font-size-79 {
-  font-size: 79px !important; }
-
-.m-80 {
-  margin: 80px !important; }
-
-.mt-80 {
-  margin-top: 80px !important; }
-
-.mb-80 {
-  margin-bottom: 80px !important; }
-
-.ml-80 {
-  margin-left: 80px !important; }
-
-.mr-80 {
-  margin-right: 80px !important; }
-
-.p-80 {
-  padding: 80px !important; }
-
-.pt-80 {
-  padding-top: 80px !important; }
-
-.pb-80 {
-  padding-bottom: 80px !important; }
-
-.pl-80 {
-  padding-left: 80px !important; }
-
-.pr-80 {
-  padding-right: 80px !important; }
-
-.vh-80 {
-  height: 80vh !important; }
-
-.vw-80 {
-  width: 80vw !important; }
-
-.font-size-80 {
-  font-size: 80px !important; }
-
-.m-81 {
-  margin: 81px !important; }
-
-.mt-81 {
-  margin-top: 81px !important; }
-
-.mb-81 {
-  margin-bottom: 81px !important; }
-
-.ml-81 {
-  margin-left: 81px !important; }
-
-.mr-81 {
-  margin-right: 81px !important; }
-
-.p-81 {
-  padding: 81px !important; }
-
-.pt-81 {
-  padding-top: 81px !important; }
-
-.pb-81 {
-  padding-bottom: 81px !important; }
-
-.pl-81 {
-  padding-left: 81px !important; }
-
-.pr-81 {
-  padding-right: 81px !important; }
-
-.vh-81 {
-  height: 81vh !important; }
-
-.vw-81 {
-  width: 81vw !important; }
-
-.font-size-81 {
-  font-size: 81px !important; }
-
-.m-82 {
-  margin: 82px !important; }
-
-.mt-82 {
-  margin-top: 82px !important; }
-
-.mb-82 {
-  margin-bottom: 82px !important; }
-
-.ml-82 {
-  margin-left: 82px !important; }
-
-.mr-82 {
-  margin-right: 82px !important; }
-
-.p-82 {
-  padding: 82px !important; }
-
-.pt-82 {
-  padding-top: 82px !important; }
-
-.pb-82 {
-  padding-bottom: 82px !important; }
-
-.pl-82 {
-  padding-left: 82px !important; }
-
-.pr-82 {
-  padding-right: 82px !important; }
-
-.vh-82 {
-  height: 82vh !important; }
-
-.vw-82 {
-  width: 82vw !important; }
-
-.font-size-82 {
-  font-size: 82px !important; }
-
-.m-83 {
-  margin: 83px !important; }
-
-.mt-83 {
-  margin-top: 83px !important; }
-
-.mb-83 {
-  margin-bottom: 83px !important; }
-
-.ml-83 {
-  margin-left: 83px !important; }
-
-.mr-83 {
-  margin-right: 83px !important; }
-
-.p-83 {
-  padding: 83px !important; }
-
-.pt-83 {
-  padding-top: 83px !important; }
-
-.pb-83 {
-  padding-bottom: 83px !important; }
-
-.pl-83 {
-  padding-left: 83px !important; }
-
-.pr-83 {
-  padding-right: 83px !important; }
-
-.vh-83 {
-  height: 83vh !important; }
-
-.vw-83 {
-  width: 83vw !important; }
-
-.font-size-83 {
-  font-size: 83px !important; }
-
-.m-84 {
-  margin: 84px !important; }
-
-.mt-84 {
-  margin-top: 84px !important; }
-
-.mb-84 {
-  margin-bottom: 84px !important; }
-
-.ml-84 {
-  margin-left: 84px !important; }
-
-.mr-84 {
-  margin-right: 84px !important; }
-
-.p-84 {
-  padding: 84px !important; }
-
-.pt-84 {
-  padding-top: 84px !important; }
-
-.pb-84 {
-  padding-bottom: 84px !important; }
-
-.pl-84 {
-  padding-left: 84px !important; }
-
-.pr-84 {
-  padding-right: 84px !important; }
-
-.vh-84 {
-  height: 84vh !important; }
-
-.vw-84 {
-  width: 84vw !important; }
-
-.font-size-84 {
-  font-size: 84px !important; }
-
-.m-85 {
-  margin: 85px !important; }
-
-.mt-85 {
-  margin-top: 85px !important; }
-
-.mb-85 {
-  margin-bottom: 85px !important; }
-
-.ml-85 {
-  margin-left: 85px !important; }
-
-.mr-85 {
-  margin-right: 85px !important; }
-
-.p-85 {
-  padding: 85px !important; }
-
-.pt-85 {
-  padding-top: 85px !important; }
-
-.pb-85 {
-  padding-bottom: 85px !important; }
-
-.pl-85 {
-  padding-left: 85px !important; }
-
-.pr-85 {
-  padding-right: 85px !important; }
-
-.vh-85 {
-  height: 85vh !important; }
-
-.vw-85 {
-  width: 85vw !important; }
-
-.font-size-85 {
-  font-size: 85px !important; }
-
-.m-86 {
-  margin: 86px !important; }
-
-.mt-86 {
-  margin-top: 86px !important; }
-
-.mb-86 {
-  margin-bottom: 86px !important; }
-
-.ml-86 {
-  margin-left: 86px !important; }
-
-.mr-86 {
-  margin-right: 86px !important; }
-
-.p-86 {
-  padding: 86px !important; }
-
-.pt-86 {
-  padding-top: 86px !important; }
-
-.pb-86 {
-  padding-bottom: 86px !important; }
-
-.pl-86 {
-  padding-left: 86px !important; }
-
-.pr-86 {
-  padding-right: 86px !important; }
-
-.vh-86 {
-  height: 86vh !important; }
-
-.vw-86 {
-  width: 86vw !important; }
-
-.font-size-86 {
-  font-size: 86px !important; }
-
-.m-87 {
-  margin: 87px !important; }
-
-.mt-87 {
-  margin-top: 87px !important; }
-
-.mb-87 {
-  margin-bottom: 87px !important; }
-
-.ml-87 {
-  margin-left: 87px !important; }
-
-.mr-87 {
-  margin-right: 87px !important; }
-
-.p-87 {
-  padding: 87px !important; }
-
-.pt-87 {
-  padding-top: 87px !important; }
-
-.pb-87 {
-  padding-bottom: 87px !important; }
-
-.pl-87 {
-  padding-left: 87px !important; }
-
-.pr-87 {
-  padding-right: 87px !important; }
-
-.vh-87 {
-  height: 87vh !important; }
-
-.vw-87 {
-  width: 87vw !important; }
-
-.font-size-87 {
-  font-size: 87px !important; }
-
-.m-88 {
-  margin: 88px !important; }
-
-.mt-88 {
-  margin-top: 88px !important; }
-
-.mb-88 {
-  margin-bottom: 88px !important; }
-
-.ml-88 {
-  margin-left: 88px !important; }
-
-.mr-88 {
-  margin-right: 88px !important; }
-
-.p-88 {
-  padding: 88px !important; }
-
-.pt-88 {
-  padding-top: 88px !important; }
-
-.pb-88 {
-  padding-bottom: 88px !important; }
-
-.pl-88 {
-  padding-left: 88px !important; }
-
-.pr-88 {
-  padding-right: 88px !important; }
-
-.vh-88 {
-  height: 88vh !important; }
-
-.vw-88 {
-  width: 88vw !important; }
-
-.font-size-88 {
-  font-size: 88px !important; }
-
-.m-89 {
-  margin: 89px !important; }
-
-.mt-89 {
-  margin-top: 89px !important; }
-
-.mb-89 {
-  margin-bottom: 89px !important; }
-
-.ml-89 {
-  margin-left: 89px !important; }
-
-.mr-89 {
-  margin-right: 89px !important; }
-
-.p-89 {
-  padding: 89px !important; }
-
-.pt-89 {
-  padding-top: 89px !important; }
-
-.pb-89 {
-  padding-bottom: 89px !important; }
-
-.pl-89 {
-  padding-left: 89px !important; }
-
-.pr-89 {
-  padding-right: 89px !important; }
-
-.vh-89 {
-  height: 89vh !important; }
-
-.vw-89 {
-  width: 89vw !important; }
-
-.font-size-89 {
-  font-size: 89px !important; }
-
-.m-90 {
-  margin: 90px !important; }
-
-.mt-90 {
-  margin-top: 90px !important; }
-
-.mb-90 {
-  margin-bottom: 90px !important; }
-
-.ml-90 {
-  margin-left: 90px !important; }
-
-.mr-90 {
-  margin-right: 90px !important; }
-
-.p-90 {
-  padding: 90px !important; }
-
-.pt-90 {
-  padding-top: 90px !important; }
-
-.pb-90 {
-  padding-bottom: 90px !important; }
-
-.pl-90 {
-  padding-left: 90px !important; }
-
-.pr-90 {
-  padding-right: 90px !important; }
-
-.vh-90 {
-  height: 90vh !important; }
-
-.vw-90 {
-  width: 90vw !important; }
-
-.font-size-90 {
-  font-size: 90px !important; }
-
-.m-91 {
-  margin: 91px !important; }
-
-.mt-91 {
-  margin-top: 91px !important; }
-
-.mb-91 {
-  margin-bottom: 91px !important; }
-
-.ml-91 {
-  margin-left: 91px !important; }
-
-.mr-91 {
-  margin-right: 91px !important; }
-
-.p-91 {
-  padding: 91px !important; }
-
-.pt-91 {
-  padding-top: 91px !important; }
-
-.pb-91 {
-  padding-bottom: 91px !important; }
-
-.pl-91 {
-  padding-left: 91px !important; }
-
-.pr-91 {
-  padding-right: 91px !important; }
-
-.vh-91 {
-  height: 91vh !important; }
-
-.vw-91 {
-  width: 91vw !important; }
-
-.font-size-91 {
-  font-size: 91px !important; }
-
-.m-92 {
-  margin: 92px !important; }
-
-.mt-92 {
-  margin-top: 92px !important; }
-
-.mb-92 {
-  margin-bottom: 92px !important; }
-
-.ml-92 {
-  margin-left: 92px !important; }
-
-.mr-92 {
-  margin-right: 92px !important; }
-
-.p-92 {
-  padding: 92px !important; }
-
-.pt-92 {
-  padding-top: 92px !important; }
-
-.pb-92 {
-  padding-bottom: 92px !important; }
-
-.pl-92 {
-  padding-left: 92px !important; }
-
-.pr-92 {
-  padding-right: 92px !important; }
-
-.vh-92 {
-  height: 92vh !important; }
-
-.vw-92 {
-  width: 92vw !important; }
-
-.font-size-92 {
-  font-size: 92px !important; }
-
-.m-93 {
-  margin: 93px !important; }
-
-.mt-93 {
-  margin-top: 93px !important; }
-
-.mb-93 {
-  margin-bottom: 93px !important; }
-
-.ml-93 {
-  margin-left: 93px !important; }
-
-.mr-93 {
-  margin-right: 93px !important; }
-
-.p-93 {
-  padding: 93px !important; }
-
-.pt-93 {
-  padding-top: 93px !important; }
-
-.pb-93 {
-  padding-bottom: 93px !important; }
-
-.pl-93 {
-  padding-left: 93px !important; }
-
-.pr-93 {
-  padding-right: 93px !important; }
-
-.vh-93 {
-  height: 93vh !important; }
-
-.vw-93 {
-  width: 93vw !important; }
-
-.font-size-93 {
-  font-size: 93px !important; }
-
-.m-94 {
-  margin: 94px !important; }
-
-.mt-94 {
-  margin-top: 94px !important; }
-
-.mb-94 {
-  margin-bottom: 94px !important; }
-
-.ml-94 {
-  margin-left: 94px !important; }
-
-.mr-94 {
-  margin-right: 94px !important; }
-
-.p-94 {
-  padding: 94px !important; }
-
-.pt-94 {
-  padding-top: 94px !important; }
-
-.pb-94 {
-  padding-bottom: 94px !important; }
-
-.pl-94 {
-  padding-left: 94px !important; }
-
-.pr-94 {
-  padding-right: 94px !important; }
-
-.vh-94 {
-  height: 94vh !important; }
-
-.vw-94 {
-  width: 94vw !important; }
-
-.font-size-94 {
-  font-size: 94px !important; }
-
-.m-95 {
-  margin: 95px !important; }
-
-.mt-95 {
-  margin-top: 95px !important; }
-
-.mb-95 {
-  margin-bottom: 95px !important; }
-
-.ml-95 {
-  margin-left: 95px !important; }
-
-.mr-95 {
-  margin-right: 95px !important; }
-
-.p-95 {
-  padding: 95px !important; }
-
-.pt-95 {
-  padding-top: 95px !important; }
-
-.pb-95 {
-  padding-bottom: 95px !important; }
-
-.pl-95 {
-  padding-left: 95px !important; }
-
-.pr-95 {
-  padding-right: 95px !important; }
-
-.vh-95 {
-  height: 95vh !important; }
-
-.vw-95 {
-  width: 95vw !important; }
-
-.font-size-95 {
-  font-size: 95px !important; }
-
-.m-96 {
-  margin: 96px !important; }
-
-.mt-96 {
-  margin-top: 96px !important; }
-
-.mb-96 {
-  margin-bottom: 96px !important; }
-
-.ml-96 {
-  margin-left: 96px !important; }
-
-.mr-96 {
-  margin-right: 96px !important; }
-
-.p-96 {
-  padding: 96px !important; }
-
-.pt-96 {
-  padding-top: 96px !important; }
-
-.pb-96 {
-  padding-bottom: 96px !important; }
-
-.pl-96 {
-  padding-left: 96px !important; }
-
-.pr-96 {
-  padding-right: 96px !important; }
-
-.vh-96 {
-  height: 96vh !important; }
-
-.vw-96 {
-  width: 96vw !important; }
-
-.font-size-96 {
-  font-size: 96px !important; }
-
-.m-97 {
-  margin: 97px !important; }
-
-.mt-97 {
-  margin-top: 97px !important; }
-
-.mb-97 {
-  margin-bottom: 97px !important; }
-
-.ml-97 {
-  margin-left: 97px !important; }
-
-.mr-97 {
-  margin-right: 97px !important; }
-
-.p-97 {
-  padding: 97px !important; }
-
-.pt-97 {
-  padding-top: 97px !important; }
-
-.pb-97 {
-  padding-bottom: 97px !important; }
-
-.pl-97 {
-  padding-left: 97px !important; }
-
-.pr-97 {
-  padding-right: 97px !important; }
-
-.vh-97 {
-  height: 97vh !important; }
-
-.vw-97 {
-  width: 97vw !important; }
-
-.font-size-97 {
-  font-size: 97px !important; }
-
-.m-98 {
-  margin: 98px !important; }
-
-.mt-98 {
-  margin-top: 98px !important; }
-
-.mb-98 {
-  margin-bottom: 98px !important; }
-
-.ml-98 {
-  margin-left: 98px !important; }
-
-.mr-98 {
-  margin-right: 98px !important; }
-
-.p-98 {
-  padding: 98px !important; }
-
-.pt-98 {
-  padding-top: 98px !important; }
-
-.pb-98 {
-  padding-bottom: 98px !important; }
-
-.pl-98 {
-  padding-left: 98px !important; }
-
-.pr-98 {
-  padding-right: 98px !important; }
-
-.vh-98 {
-  height: 98vh !important; }
-
-.vw-98 {
-  width: 98vw !important; }
-
-.font-size-98 {
-  font-size: 98px !important; }
-
-.m-99 {
-  margin: 99px !important; }
-
-.mt-99 {
-  margin-top: 99px !important; }
-
-.mb-99 {
-  margin-bottom: 99px !important; }
-
-.ml-99 {
-  margin-left: 99px !important; }
-
-.mr-99 {
-  margin-right: 99px !important; }
-
-.p-99 {
-  padding: 99px !important; }
-
-.pt-99 {
-  padding-top: 99px !important; }
-
-.pb-99 {
-  padding-bottom: 99px !important; }
-
-.pl-99 {
-  padding-left: 99px !important; }
-
-.pr-99 {
-  padding-right: 99px !important; }
-
-.vh-99 {
-  height: 99vh !important; }
-
-.vw-99 {
-  width: 99vw !important; }
-
-.font-size-99 {
-  font-size: 99px !important; }
-
-.m-100 {
-  margin: 100px !important; }
-
-.mt-100 {
-  margin-top: 100px !important; }
-
-.mb-100 {
-  margin-bottom: 100px !important; }
-
-.ml-100 {
-  margin-left: 100px !important; }
-
-.mr-100 {
-  margin-right: 100px !important; }
-
-.p-100 {
-  padding: 100px !important; }
-
-.pt-100 {
-  padding-top: 100px !important; }
-
-.pb-100 {
-  padding-bottom: 100px !important; }
-
-.pl-100 {
-  padding-left: 100px !important; }
-
-.pr-100 {
-  padding-right: 100px !important; }
-
-.vh-100 {
-  height: 100vh !important; }
-
-.vw-100 {
-  width: 100vw !important; }
-
-.font-size-100 {
-  font-size: 100px !important; }
-
-/* Deafult height & widht */
-.height-0 {
-  height: 0px !important; }
-
-.width-0 {
-  width: 0px !important; }
-
-.height-1 {
-  height: 1px !important; }
-
-.width-1 {
-  width: 1px !important; }
-
-.height-2 {
-  height: 2px !important; }
-
-.width-2 {
-  width: 2px !important; }
-
-.height-3 {
-  height: 3px !important; }
-
-.width-3 {
-  width: 3px !important; }
-
-.height-4 {
-  height: 4px !important; }
-
-.width-4 {
-  width: 4px !important; }
-
-.height-5 {
-  height: 5px !important; }
-
-.width-5 {
-  width: 5px !important; }
-
-.height-6 {
-  height: 6px !important; }
-
-.width-6 {
-  width: 6px !important; }
-
-.height-7 {
-  height: 7px !important; }
-
-.width-7 {
-  width: 7px !important; }
-
-.height-8 {
-  height: 8px !important; }
-
-.width-8 {
-  width: 8px !important; }
-
-.height-9 {
-  height: 9px !important; }
-
-.width-9 {
-  width: 9px !important; }
-
-.height-10 {
-  height: 10px !important; }
-
-.width-10 {
-  width: 10px !important; }
-
-.height-11 {
-  height: 11px !important; }
-
-.width-11 {
-  width: 11px !important; }
-
-.height-12 {
-  height: 12px !important; }
-
-.width-12 {
-  width: 12px !important; }
-
-.height-13 {
-  height: 13px !important; }
-
-.width-13 {
-  width: 13px !important; }
-
-.height-14 {
-  height: 14px !important; }
-
-.width-14 {
-  width: 14px !important; }
-
-.height-15 {
-  height: 15px !important; }
-
-.width-15 {
-  width: 15px !important; }
-
-.height-16 {
-  height: 16px !important; }
-
-.width-16 {
-  width: 16px !important; }
-
-.height-17 {
-  height: 17px !important; }
-
-.width-17 {
-  width: 17px !important; }
-
-.height-18 {
-  height: 18px !important; }
-
-.width-18 {
-  width: 18px !important; }
-
-.height-19 {
-  height: 19px !important; }
-
-.width-19 {
-  width: 19px !important; }
-
-.height-20 {
-  height: 20px !important; }
-
-.width-20 {
-  width: 20px !important; }
-
-.height-21 {
-  height: 21px !important; }
-
-.width-21 {
-  width: 21px !important; }
-
-.height-22 {
-  height: 22px !important; }
-
-.width-22 {
-  width: 22px !important; }
-
-.height-23 {
-  height: 23px !important; }
-
-.width-23 {
-  width: 23px !important; }
-
-.height-24 {
-  height: 24px !important; }
-
-.width-24 {
-  width: 24px !important; }
-
-.height-25 {
-  height: 25px !important; }
-
-.width-25 {
-  width: 25px !important; }
-
-.height-26 {
-  height: 26px !important; }
-
-.width-26 {
-  width: 26px !important; }
-
-.height-27 {
-  height: 27px !important; }
-
-.width-27 {
-  width: 27px !important; }
-
-.height-28 {
-  height: 28px !important; }
-
-.width-28 {
-  width: 28px !important; }
-
-.height-29 {
-  height: 29px !important; }
-
-.width-29 {
-  width: 29px !important; }
-
-.height-30 {
-  height: 30px !important; }
-
-.width-30 {
-  width: 30px !important; }
-
-.height-31 {
-  height: 31px !important; }
-
-.width-31 {
-  width: 31px !important; }
-
-.height-32 {
-  height: 32px !important; }
-
-.width-32 {
-  width: 32px !important; }
-
-.height-33 {
-  height: 33px !important; }
-
-.width-33 {
-  width: 33px !important; }
-
-.height-34 {
-  height: 34px !important; }
-
-.width-34 {
-  width: 34px !important; }
-
-.height-35 {
-  height: 35px !important; }
-
-.width-35 {
-  width: 35px !important; }
-
-.height-36 {
-  height: 36px !important; }
-
-.width-36 {
-  width: 36px !important; }
-
-.height-37 {
-  height: 37px !important; }
-
-.width-37 {
-  width: 37px !important; }
-
-.height-38 {
-  height: 38px !important; }
-
-.width-38 {
-  width: 38px !important; }
-
-.height-39 {
-  height: 39px !important; }
-
-.width-39 {
-  width: 39px !important; }
-
-.height-40 {
-  height: 40px !important; }
-
-.width-40 {
-  width: 40px !important; }
-
-.height-41 {
-  height: 41px !important; }
-
-.width-41 {
-  width: 41px !important; }
-
-.height-42 {
-  height: 42px !important; }
-
-.width-42 {
-  width: 42px !important; }
-
-.height-43 {
-  height: 43px !important; }
-
-.width-43 {
-  width: 43px !important; }
-
-.height-44 {
-  height: 44px !important; }
-
-.width-44 {
-  width: 44px !important; }
-
-.height-45 {
-  height: 45px !important; }
-
-.width-45 {
-  width: 45px !important; }
-
-.height-46 {
-  height: 46px !important; }
-
-.width-46 {
-  width: 46px !important; }
-
-.height-47 {
-  height: 47px !important; }
-
-.width-47 {
-  width: 47px !important; }
-
-.height-48 {
-  height: 48px !important; }
-
-.width-48 {
-  width: 48px !important; }
-
-.height-49 {
-  height: 49px !important; }
-
-.width-49 {
-  width: 49px !important; }
-
-.height-50 {
-  height: 50px !important; }
-
-.width-50 {
-  width: 50px !important; }
-
-.height-51 {
-  height: 51px !important; }
-
-.width-51 {
-  width: 51px !important; }
-
-.height-52 {
-  height: 52px !important; }
-
-.width-52 {
-  width: 52px !important; }
-
-.height-53 {
-  height: 53px !important; }
-
-.width-53 {
-  width: 53px !important; }
-
-.height-54 {
-  height: 54px !important; }
-
-.width-54 {
-  width: 54px !important; }
-
-.height-55 {
-  height: 55px !important; }
-
-.width-55 {
-  width: 55px !important; }
-
-.height-56 {
-  height: 56px !important; }
-
-.width-56 {
-  width: 56px !important; }
-
-.height-57 {
-  height: 57px !important; }
-
-.width-57 {
-  width: 57px !important; }
-
-.height-58 {
-  height: 58px !important; }
-
-.width-58 {
-  width: 58px !important; }
-
-.height-59 {
-  height: 59px !important; }
-
-.width-59 {
-  width: 59px !important; }
-
-.height-60 {
-  height: 60px !important; }
-
-.width-60 {
-  width: 60px !important; }
-
-.height-61 {
-  height: 61px !important; }
-
-.width-61 {
-  width: 61px !important; }
-
-.height-62 {
-  height: 62px !important; }
-
-.width-62 {
-  width: 62px !important; }
-
-.height-63 {
-  height: 63px !important; }
-
-.width-63 {
-  width: 63px !important; }
-
-.height-64 {
-  height: 64px !important; }
-
-.width-64 {
-  width: 64px !important; }
-
-.height-65 {
-  height: 65px !important; }
-
-.width-65 {
-  width: 65px !important; }
-
-.height-66 {
-  height: 66px !important; }
-
-.width-66 {
-  width: 66px !important; }
-
-.height-67 {
-  height: 67px !important; }
-
-.width-67 {
-  width: 67px !important; }
-
-.height-68 {
-  height: 68px !important; }
-
-.width-68 {
-  width: 68px !important; }
-
-.height-69 {
-  height: 69px !important; }
-
-.width-69 {
-  width: 69px !important; }
-
-.height-70 {
-  height: 70px !important; }
-
-.width-70 {
-  width: 70px !important; }
-
-.height-71 {
-  height: 71px !important; }
-
-.width-71 {
-  width: 71px !important; }
-
-.height-72 {
-  height: 72px !important; }
-
-.width-72 {
-  width: 72px !important; }
-
-.height-73 {
-  height: 73px !important; }
-
-.width-73 {
-  width: 73px !important; }
-
-.height-74 {
-  height: 74px !important; }
-
-.width-74 {
-  width: 74px !important; }
-
-.height-75 {
-  height: 75px !important; }
-
-.width-75 {
-  width: 75px !important; }
-
-.height-76 {
-  height: 76px !important; }
-
-.width-76 {
-  width: 76px !important; }
-
-.height-77 {
-  height: 77px !important; }
-
-.width-77 {
-  width: 77px !important; }
-
-.height-78 {
-  height: 78px !important; }
-
-.width-78 {
-  width: 78px !important; }
-
-.height-79 {
-  height: 79px !important; }
-
-.width-79 {
-  width: 79px !important; }
-
-.height-80 {
-  height: 80px !important; }
-
-.width-80 {
-  width: 80px !important; }
-
-.height-81 {
-  height: 81px !important; }
-
-.width-81 {
-  width: 81px !important; }
-
-.height-82 {
-  height: 82px !important; }
-
-.width-82 {
-  width: 82px !important; }
-
-.height-83 {
-  height: 83px !important; }
-
-.width-83 {
-  width: 83px !important; }
-
-.height-84 {
-  height: 84px !important; }
-
-.width-84 {
-  width: 84px !important; }
-
-.height-85 {
-  height: 85px !important; }
-
-.width-85 {
-  width: 85px !important; }
-
-.height-86 {
-  height: 86px !important; }
-
-.width-86 {
-  width: 86px !important; }
-
-.height-87 {
-  height: 87px !important; }
-
-.width-87 {
-  width: 87px !important; }
-
-.height-88 {
-  height: 88px !important; }
-
-.width-88 {
-  width: 88px !important; }
-
-.height-89 {
-  height: 89px !important; }
-
-.width-89 {
-  width: 89px !important; }
-
-.height-90 {
-  height: 90px !important; }
-
-.width-90 {
-  width: 90px !important; }
-
-.height-91 {
-  height: 91px !important; }
-
-.width-91 {
-  width: 91px !important; }
-
-.height-92 {
-  height: 92px !important; }
-
-.width-92 {
-  width: 92px !important; }
-
-.height-93 {
-  height: 93px !important; }
-
-.width-93 {
-  width: 93px !important; }
-
-.height-94 {
-  height: 94px !important; }
-
-.width-94 {
-  width: 94px !important; }
-
-.height-95 {
-  height: 95px !important; }
-
-.width-95 {
-  width: 95px !important; }
-
-.height-96 {
-  height: 96px !important; }
-
-.width-96 {
-  width: 96px !important; }
-
-.height-97 {
-  height: 97px !important; }
-
-.width-97 {
-  width: 97px !important; }
-
-.height-98 {
-  height: 98px !important; }
-
-.width-98 {
-  width: 98px !important; }
-
-.height-99 {
-  height: 99px !important; }
-
-.width-99 {
-  width: 99px !important; }
-
-.height-100 {
-  height: 100px !important; }
-
-.width-100 {
-  width: 100px !important; }
-
-.height-101 {
-  height: 101px !important; }
-
-.width-101 {
-  width: 101px !important; }
-
-.height-102 {
-  height: 102px !important; }
-
-.width-102 {
-  width: 102px !important; }
-
-.height-103 {
-  height: 103px !important; }
-
-.width-103 {
-  width: 103px !important; }
-
-.height-104 {
-  height: 104px !important; }
-
-.width-104 {
-  width: 104px !important; }
-
-.height-105 {
-  height: 105px !important; }
-
-.width-105 {
-  width: 105px !important; }
-
-.height-106 {
-  height: 106px !important; }
-
-.width-106 {
-  width: 106px !important; }
-
-.height-107 {
-  height: 107px !important; }
-
-.width-107 {
-  width: 107px !important; }
-
-.height-108 {
-  height: 108px !important; }
-
-.width-108 {
-  width: 108px !important; }
-
-.height-109 {
-  height: 109px !important; }
-
-.width-109 {
-  width: 109px !important; }
-
-.height-110 {
-  height: 110px !important; }
-
-.width-110 {
-  width: 110px !important; }
-
-.height-111 {
-  height: 111px !important; }
-
-.width-111 {
-  width: 111px !important; }
-
-.height-112 {
-  height: 112px !important; }
-
-.width-112 {
-  width: 112px !important; }
-
-.height-113 {
-  height: 113px !important; }
-
-.width-113 {
-  width: 113px !important; }
-
-.height-114 {
-  height: 114px !important; }
-
-.width-114 {
-  width: 114px !important; }
-
-.height-115 {
-  height: 115px !important; }
-
-.width-115 {
-  width: 115px !important; }
-
-.height-116 {
-  height: 116px !important; }
-
-.width-116 {
-  width: 116px !important; }
-
-.height-117 {
-  height: 117px !important; }
-
-.width-117 {
-  width: 117px !important; }
-
-.height-118 {
-  height: 118px !important; }
-
-.width-118 {
-  width: 118px !important; }
-
-.height-119 {
-  height: 119px !important; }
-
-.width-119 {
-  width: 119px !important; }
-
-.height-120 {
-  height: 120px !important; }
-
-.width-120 {
-  width: 120px !important; }
-
-.height-121 {
-  height: 121px !important; }
-
-.width-121 {
-  width: 121px !important; }
-
-.height-122 {
-  height: 122px !important; }
-
-.width-122 {
-  width: 122px !important; }
-
-.height-123 {
-  height: 123px !important; }
-
-.width-123 {
-  width: 123px !important; }
-
-.height-124 {
-  height: 124px !important; }
-
-.width-124 {
-  width: 124px !important; }
-
-.height-125 {
-  height: 125px !important; }
-
-.width-125 {
-  width: 125px !important; }
-
-.height-126 {
-  height: 126px !important; }
-
-.width-126 {
-  width: 126px !important; }
-
-.height-127 {
-  height: 127px !important; }
-
-.width-127 {
-  width: 127px !important; }
-
-.height-128 {
-  height: 128px !important; }
-
-.width-128 {
-  width: 128px !important; }
-
-.height-129 {
-  height: 129px !important; }
-
-.width-129 {
-  width: 129px !important; }
-
-.height-130 {
-  height: 130px !important; }
-
-.width-130 {
-  width: 130px !important; }
-
-.height-131 {
-  height: 131px !important; }
-
-.width-131 {
-  width: 131px !important; }
-
-.height-132 {
-  height: 132px !important; }
-
-.width-132 {
-  width: 132px !important; }
-
-.height-133 {
-  height: 133px !important; }
-
-.width-133 {
-  width: 133px !important; }
-
-.height-134 {
-  height: 134px !important; }
-
-.width-134 {
-  width: 134px !important; }
-
-.height-135 {
-  height: 135px !important; }
-
-.width-135 {
-  width: 135px !important; }
-
-.height-136 {
-  height: 136px !important; }
-
-.width-136 {
-  width: 136px !important; }
-
-.height-137 {
-  height: 137px !important; }
-
-.width-137 {
-  width: 137px !important; }
-
-.height-138 {
-  height: 138px !important; }
-
-.width-138 {
-  width: 138px !important; }
-
-.height-139 {
-  height: 139px !important; }
-
-.width-139 {
-  width: 139px !important; }
-
-.height-140 {
-  height: 140px !important; }
-
-.width-140 {
-  width: 140px !important; }
-
-.height-141 {
-  height: 141px !important; }
-
-.width-141 {
-  width: 141px !important; }
-
-.height-142 {
-  height: 142px !important; }
-
-.width-142 {
-  width: 142px !important; }
-
-.height-143 {
-  height: 143px !important; }
-
-.width-143 {
-  width: 143px !important; }
-
-.height-144 {
-  height: 144px !important; }
-
-.width-144 {
-  width: 144px !important; }
-
-.height-145 {
-  height: 145px !important; }
-
-.width-145 {
-  width: 145px !important; }
-
-.height-146 {
-  height: 146px !important; }
-
-.width-146 {
-  width: 146px !important; }
-
-.height-147 {
-  height: 147px !important; }
-
-.width-147 {
-  width: 147px !important; }
-
-.height-148 {
-  height: 148px !important; }
-
-.width-148 {
-  width: 148px !important; }
-
-.height-149 {
-  height: 149px !important; }
-
-.width-149 {
-  width: 149px !important; }
-
-.height-150 {
-  height: 150px !important; }
-
-.width-150 {
-  width: 150px !important; }
-
-.height-151 {
-  height: 151px !important; }
-
-.width-151 {
-  width: 151px !important; }
-
-.height-152 {
-  height: 152px !important; }
-
-.width-152 {
-  width: 152px !important; }
-
-.height-153 {
-  height: 153px !important; }
-
-.width-153 {
-  width: 153px !important; }
-
-.height-154 {
-  height: 154px !important; }
-
-.width-154 {
-  width: 154px !important; }
-
-.height-155 {
-  height: 155px !important; }
-
-.width-155 {
-  width: 155px !important; }
-
-.height-156 {
-  height: 156px !important; }
-
-.width-156 {
-  width: 156px !important; }
-
-.height-157 {
-  height: 157px !important; }
-
-.width-157 {
-  width: 157px !important; }
-
-.height-158 {
-  height: 158px !important; }
-
-.width-158 {
-  width: 158px !important; }
-
-.height-159 {
-  height: 159px !important; }
-
-.width-159 {
-  width: 159px !important; }
-
-.height-160 {
-  height: 160px !important; }
-
-.width-160 {
-  width: 160px !important; }
-
-.height-161 {
-  height: 161px !important; }
-
-.width-161 {
-  width: 161px !important; }
-
-.height-162 {
-  height: 162px !important; }
-
-.width-162 {
-  width: 162px !important; }
-
-.height-163 {
-  height: 163px !important; }
-
-.width-163 {
-  width: 163px !important; }
-
-.height-164 {
-  height: 164px !important; }
-
-.width-164 {
-  width: 164px !important; }
-
-.height-165 {
-  height: 165px !important; }
-
-.width-165 {
-  width: 165px !important; }
-
-.height-166 {
-  height: 166px !important; }
-
-.width-166 {
-  width: 166px !important; }
-
-.height-167 {
-  height: 167px !important; }
-
-.width-167 {
-  width: 167px !important; }
-
-.height-168 {
-  height: 168px !important; }
-
-.width-168 {
-  width: 168px !important; }
-
-.height-169 {
-  height: 169px !important; }
-
-.width-169 {
-  width: 169px !important; }
-
-.height-170 {
-  height: 170px !important; }
-
-.width-170 {
-  width: 170px !important; }
-
-.height-171 {
-  height: 171px !important; }
-
-.width-171 {
-  width: 171px !important; }
-
-.height-172 {
-  height: 172px !important; }
-
-.width-172 {
-  width: 172px !important; }
-
-.height-173 {
-  height: 173px !important; }
-
-.width-173 {
-  width: 173px !important; }
-
-.height-174 {
-  height: 174px !important; }
-
-.width-174 {
-  width: 174px !important; }
-
-.height-175 {
-  height: 175px !important; }
-
-.width-175 {
-  width: 175px !important; }
-
-.height-176 {
-  height: 176px !important; }
-
-.width-176 {
-  width: 176px !important; }
-
-.height-177 {
-  height: 177px !important; }
-
-.width-177 {
-  width: 177px !important; }
-
-.height-178 {
-  height: 178px !important; }
-
-.width-178 {
-  width: 178px !important; }
-
-.height-179 {
-  height: 179px !important; }
-
-.width-179 {
-  width: 179px !important; }
-
-.height-180 {
-  height: 180px !important; }
-
-.width-180 {
-  width: 180px !important; }
-
-.height-181 {
-  height: 181px !important; }
-
-.width-181 {
-  width: 181px !important; }
-
-.height-182 {
-  height: 182px !important; }
-
-.width-182 {
-  width: 182px !important; }
-
-.height-183 {
-  height: 183px !important; }
-
-.width-183 {
-  width: 183px !important; }
-
-.height-184 {
-  height: 184px !important; }
-
-.width-184 {
-  width: 184px !important; }
-
-.height-185 {
-  height: 185px !important; }
-
-.width-185 {
-  width: 185px !important; }
-
-.height-186 {
-  height: 186px !important; }
-
-.width-186 {
-  width: 186px !important; }
-
-.height-187 {
-  height: 187px !important; }
-
-.width-187 {
-  width: 187px !important; }
-
-.height-188 {
-  height: 188px !important; }
-
-.width-188 {
-  width: 188px !important; }
-
-.height-189 {
-  height: 189px !important; }
-
-.width-189 {
-  width: 189px !important; }
-
-.height-190 {
-  height: 190px !important; }
-
-.width-190 {
-  width: 190px !important; }
-
-.height-191 {
-  height: 191px !important; }
-
-.width-191 {
-  width: 191px !important; }
-
-.height-192 {
-  height: 192px !important; }
-
-.width-192 {
-  width: 192px !important; }
-
-.height-193 {
-  height: 193px !important; }
-
-.width-193 {
-  width: 193px !important; }
-
-.height-194 {
-  height: 194px !important; }
-
-.width-194 {
-  width: 194px !important; }
-
-.height-195 {
-  height: 195px !important; }
-
-.width-195 {
-  width: 195px !important; }
-
-.height-196 {
-  height: 196px !important; }
-
-.width-196 {
-  width: 196px !important; }
-
-.height-197 {
-  height: 197px !important; }
-
-.width-197 {
-  width: 197px !important; }
-
-.height-198 {
-  height: 198px !important; }
-
-.width-198 {
-  width: 198px !important; }
-
-.height-199 {
-  height: 199px !important; }
-
-.width-199 {
-  width: 199px !important; }
-
-.height-200 {
-  height: 200px !important; }
-
-.width-200 {
-  width: 200px !important; }
-
-.height-201 {
-  height: 201px !important; }
-
-.width-201 {
-  width: 201px !important; }
-
-.height-202 {
-  height: 202px !important; }
-
-.width-202 {
-  width: 202px !important; }
-
-.height-203 {
-  height: 203px !important; }
-
-.width-203 {
-  width: 203px !important; }
-
-.height-204 {
-  height: 204px !important; }
-
-.width-204 {
-  width: 204px !important; }
-
-.height-205 {
-  height: 205px !important; }
-
-.width-205 {
-  width: 205px !important; }
-
-.height-206 {
-  height: 206px !important; }
-
-.width-206 {
-  width: 206px !important; }
-
-.height-207 {
-  height: 207px !important; }
-
-.width-207 {
-  width: 207px !important; }
-
-.height-208 {
-  height: 208px !important; }
-
-.width-208 {
-  width: 208px !important; }
-
-.height-209 {
-  height: 209px !important; }
-
-.width-209 {
-  width: 209px !important; }
-
-.height-210 {
-  height: 210px !important; }
-
-.width-210 {
-  width: 210px !important; }
-
-.height-211 {
-  height: 211px !important; }
-
-.width-211 {
-  width: 211px !important; }
-
-.height-212 {
-  height: 212px !important; }
-
-.width-212 {
-  width: 212px !important; }
-
-.height-213 {
-  height: 213px !important; }
-
-.width-213 {
-  width: 213px !important; }
-
-.height-214 {
-  height: 214px !important; }
-
-.width-214 {
-  width: 214px !important; }
-
-.height-215 {
-  height: 215px !important; }
-
-.width-215 {
-  width: 215px !important; }
-
-.height-216 {
-  height: 216px !important; }
-
-.width-216 {
-  width: 216px !important; }
-
-.height-217 {
-  height: 217px !important; }
-
-.width-217 {
-  width: 217px !important; }
-
-.height-218 {
-  height: 218px !important; }
-
-.width-218 {
-  width: 218px !important; }
-
-.height-219 {
-  height: 219px !important; }
-
-.width-219 {
-  width: 219px !important; }
-
-.height-220 {
-  height: 220px !important; }
-
-.width-220 {
-  width: 220px !important; }
-
-.height-221 {
-  height: 221px !important; }
-
-.width-221 {
-  width: 221px !important; }
-
-.height-222 {
-  height: 222px !important; }
-
-.width-222 {
-  width: 222px !important; }
-
-.height-223 {
-  height: 223px !important; }
-
-.width-223 {
-  width: 223px !important; }
-
-.height-224 {
-  height: 224px !important; }
-
-.width-224 {
-  width: 224px !important; }
-
-.height-225 {
-  height: 225px !important; }
-
-.width-225 {
-  width: 225px !important; }
-
-.height-226 {
-  height: 226px !important; }
-
-.width-226 {
-  width: 226px !important; }
-
-.height-227 {
-  height: 227px !important; }
-
-.width-227 {
-  width: 227px !important; }
-
-.height-228 {
-  height: 228px !important; }
-
-.width-228 {
-  width: 228px !important; }
-
-.height-229 {
-  height: 229px !important; }
-
-.width-229 {
-  width: 229px !important; }
-
-.height-230 {
-  height: 230px !important; }
-
-.width-230 {
-  width: 230px !important; }
-
-.height-231 {
-  height: 231px !important; }
-
-.width-231 {
-  width: 231px !important; }
-
-.height-232 {
-  height: 232px !important; }
-
-.width-232 {
-  width: 232px !important; }
-
-.height-233 {
-  height: 233px !important; }
-
-.width-233 {
-  width: 233px !important; }
-
-.height-234 {
-  height: 234px !important; }
-
-.width-234 {
-  width: 234px !important; }
-
-.height-235 {
-  height: 235px !important; }
-
-.width-235 {
-  width: 235px !important; }
-
-.height-236 {
-  height: 236px !important; }
-
-.width-236 {
-  width: 236px !important; }
-
-.height-237 {
-  height: 237px !important; }
-
-.width-237 {
-  width: 237px !important; }
-
-.height-238 {
-  height: 238px !important; }
-
-.width-238 {
-  width: 238px !important; }
-
-.height-239 {
-  height: 239px !important; }
-
-.width-239 {
-  width: 239px !important; }
-
-.height-240 {
-  height: 240px !important; }
-
-.width-240 {
-  width: 240px !important; }
-
-.height-241 {
-  height: 241px !important; }
-
-.width-241 {
-  width: 241px !important; }
-
-.height-242 {
-  height: 242px !important; }
-
-.width-242 {
-  width: 242px !important; }
-
-.height-243 {
-  height: 243px !important; }
-
-.width-243 {
-  width: 243px !important; }
-
-.height-244 {
-  height: 244px !important; }
-
-.width-244 {
-  width: 244px !important; }
-
-.height-245 {
-  height: 245px !important; }
-
-.width-245 {
-  width: 245px !important; }
-
-.height-246 {
-  height: 246px !important; }
-
-.width-246 {
-  width: 246px !important; }
-
-.height-247 {
-  height: 247px !important; }
-
-.width-247 {
-  width: 247px !important; }
-
-.height-248 {
-  height: 248px !important; }
-
-.width-248 {
-  width: 248px !important; }
-
-.height-249 {
-  height: 249px !important; }
-
-.width-249 {
-  width: 249px !important; }
-
-.height-250 {
-  height: 250px !important; }
-
-.width-250 {
-  width: 250px !important; }
-
-.height-251 {
-  height: 251px !important; }
-
-.width-251 {
-  width: 251px !important; }
-
-.height-252 {
-  height: 252px !important; }
-
-.width-252 {
-  width: 252px !important; }
-
-.height-253 {
-  height: 253px !important; }
-
-.width-253 {
-  width: 253px !important; }
-
-.height-254 {
-  height: 254px !important; }
-
-.width-254 {
-  width: 254px !important; }
-
-.height-255 {
-  height: 255px !important; }
-
-.width-255 {
-  width: 255px !important; }
-
-.height-256 {
-  height: 256px !important; }
-
-.width-256 {
-  width: 256px !important; }
-
-.height-257 {
-  height: 257px !important; }
-
-.width-257 {
-  width: 257px !important; }
-
-.height-258 {
-  height: 258px !important; }
-
-.width-258 {
-  width: 258px !important; }
-
-.height-259 {
-  height: 259px !important; }
-
-.width-259 {
-  width: 259px !important; }
-
-.height-260 {
-  height: 260px !important; }
-
-.width-260 {
-  width: 260px !important; }
-
-.height-261 {
-  height: 261px !important; }
-
-.width-261 {
-  width: 261px !important; }
-
-.height-262 {
-  height: 262px !important; }
-
-.width-262 {
-  width: 262px !important; }
-
-.height-263 {
-  height: 263px !important; }
-
-.width-263 {
-  width: 263px !important; }
-
-.height-264 {
-  height: 264px !important; }
-
-.width-264 {
-  width: 264px !important; }
-
-.height-265 {
-  height: 265px !important; }
-
-.width-265 {
-  width: 265px !important; }
-
-.height-266 {
-  height: 266px !important; }
-
-.width-266 {
-  width: 266px !important; }
-
-.height-267 {
-  height: 267px !important; }
-
-.width-267 {
-  width: 267px !important; }
-
-.height-268 {
-  height: 268px !important; }
-
-.width-268 {
-  width: 268px !important; }
-
-.height-269 {
-  height: 269px !important; }
-
-.width-269 {
-  width: 269px !important; }
-
-.height-270 {
-  height: 270px !important; }
-
-.width-270 {
-  width: 270px !important; }
-
-.height-271 {
-  height: 271px !important; }
-
-.width-271 {
-  width: 271px !important; }
-
-.height-272 {
-  height: 272px !important; }
-
-.width-272 {
-  width: 272px !important; }
-
-.height-273 {
-  height: 273px !important; }
-
-.width-273 {
-  width: 273px !important; }
-
-.height-274 {
-  height: 274px !important; }
-
-.width-274 {
-  width: 274px !important; }
-
-.height-275 {
-  height: 275px !important; }
-
-.width-275 {
-  width: 275px !important; }
-
-.height-276 {
-  height: 276px !important; }
-
-.width-276 {
-  width: 276px !important; }
-
-.height-277 {
-  height: 277px !important; }
-
-.width-277 {
-  width: 277px !important; }
-
-.height-278 {
-  height: 278px !important; }
-
-.width-278 {
-  width: 278px !important; }
-
-.height-279 {
-  height: 279px !important; }
-
-.width-279 {
-  width: 279px !important; }
-
-.height-280 {
-  height: 280px !important; }
-
-.width-280 {
-  width: 280px !important; }
-
-.height-281 {
-  height: 281px !important; }
-
-.width-281 {
-  width: 281px !important; }
-
-.height-282 {
-  height: 282px !important; }
-
-.width-282 {
-  width: 282px !important; }
-
-.height-283 {
-  height: 283px !important; }
-
-.width-283 {
-  width: 283px !important; }
-
-.height-284 {
-  height: 284px !important; }
-
-.width-284 {
-  width: 284px !important; }
-
-.height-285 {
-  height: 285px !important; }
-
-.width-285 {
-  width: 285px !important; }
-
-.height-286 {
-  height: 286px !important; }
-
-.width-286 {
-  width: 286px !important; }
-
-.height-287 {
-  height: 287px !important; }
-
-.width-287 {
-  width: 287px !important; }
-
-.height-288 {
-  height: 288px !important; }
-
-.width-288 {
-  width: 288px !important; }
-
-.height-289 {
-  height: 289px !important; }
-
-.width-289 {
-  width: 289px !important; }
-
-.height-290 {
-  height: 290px !important; }
-
-.width-290 {
-  width: 290px !important; }
-
-.height-291 {
-  height: 291px !important; }
-
-.width-291 {
-  width: 291px !important; }
-
-.height-292 {
-  height: 292px !important; }
-
-.width-292 {
-  width: 292px !important; }
-
-.height-293 {
-  height: 293px !important; }
-
-.width-293 {
-  width: 293px !important; }
-
-.height-294 {
-  height: 294px !important; }
-
-.width-294 {
-  width: 294px !important; }
-
-.height-295 {
-  height: 295px !important; }
-
-.width-295 {
-  width: 295px !important; }
-
-.height-296 {
-  height: 296px !important; }
-
-.width-296 {
-  width: 296px !important; }
-
-.height-297 {
-  height: 297px !important; }
-
-.width-297 {
-  width: 297px !important; }
-
-.height-298 {
-  height: 298px !important; }
-
-.width-298 {
-  width: 298px !important; }
-
-.height-299 {
-  height: 299px !important; }
-
-.width-299 {
-  width: 299px !important; }
-
-.height-300 {
-  height: 300px !important; }
-
-.width-300 {
-  width: 300px !important; }
-
-/* Deafult z-index and font-weight*/
-.z-index-0 {
-  z-index: 0 !important; }
-
-.font-weight-0 {
-  font-weight: 0 !important; }
-
-.z-index-1 {
-  z-index: 1 !important; }
-
-.font-weight-100 {
-  font-weight: 100 !important; }
-
-.z-index-2 {
-  z-index: 2 !important; }
-
-.font-weight-200 {
-  font-weight: 200 !important; }
-
-.z-index-3 {
-  z-index: 3 !important; }
-
-.font-weight-300 {
-  font-weight: 300 !important; }
-
-.z-index-4 {
-  z-index: 4 !important; }
-
-.font-weight-400 {
-  font-weight: 400 !important; }
-
-.z-index-5 {
-  z-index: 5 !important; }
-
-.font-weight-500 {
-  font-weight: 500 !important; }
-
-.z-index-6 {
-  z-index: 6 !important; }
-
-.font-weight-600 {
-  font-weight: 600 !important; }
-
-.z-index-7 {
-  z-index: 7 !important; }
-
-.font-weight-700 {
-  font-weight: 700 !important; }
-
-.z-index-8 {
-  z-index: 8 !important; }
-
-.font-weight-800 {
-  font-weight: 800 !important; }
-
-.z-index-9 {
-  z-index: 9 !important; }
-
-.font-weight-900 {
-  font-weight: 900 !important; }
-
-.z-index-10 {
-  z-index: 10 !important; }
-
-.font-weight-1000 {
-  font-weight: 1000 !important; }
-
-.is-ellipsis-0 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  line-clamp: 0;
-  -webkit-line-clamp: 0;
-  box-orient: vertical;
-  -webkit-box-orient: vertical; }
-
-.is-ellipsis-1 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  line-clamp: 1;
-  -webkit-line-clamp: 1;
-  box-orient: vertical;
-  -webkit-box-orient: vertical; }
-
-.is-ellipsis-2 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  line-clamp: 2;
-  -webkit-line-clamp: 2;
-  box-orient: vertical;
-  -webkit-box-orient: vertical; }
-
-.is-ellipsis-3 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  line-clamp: 3;
-  -webkit-line-clamp: 3;
-  box-orient: vertical;
-  -webkit-box-orient: vertical; }
-
-.is-ellipsis-4 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  line-clamp: 4;
-  -webkit-line-clamp: 4;
-  box-orient: vertical;
-  -webkit-box-orient: vertical; }
-
-.is-ellipsis-5 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  line-clamp: 5;
-  -webkit-line-clamp: 5;
-  box-orient: vertical;
-  -webkit-box-orient: vertical; }
-
-.is-ellipsis-6 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  line-clamp: 6;
-  -webkit-line-clamp: 6;
-  box-orient: vertical;
-  -webkit-box-orient: vertical; }
-
-.is-ellipsis-7 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  line-clamp: 7;
-  -webkit-line-clamp: 7;
-  box-orient: vertical;
-  -webkit-box-orient: vertical; }
-
-.is-ellipsis-8 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  line-clamp: 8;
-  -webkit-line-clamp: 8;
-  box-orient: vertical;
-  -webkit-box-orient: vertical; }
-
-.is-ellipsis-9 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  line-clamp: 9;
-  -webkit-line-clamp: 9;
-  box-orient: vertical;
-  -webkit-box-orient: vertical; }
-
-.is-ellipsis-10 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  line-clamp: 10;
-  -webkit-line-clamp: 10;
-  box-orient: vertical;
-  -webkit-box-orient: vertical; }
-
-:root {
-  --ac-primary: #00a651; }
-
-body.guard {
-  --ac-primary: #d84e27; }
-body.kubedb {
-  --ac-primary: #4d4dcb; }
-body.kubeci {
-  --ac-primary: #2c3e50; }
-body.kubed {
-  --ac-primary: #1c7bd4; }
-body.kubesheild {
-  --ac-primary: #2516c7; }
-body.kubevault {
-  --ac-primary: #326ce5; }
-body.kubeform {
-  --ac-primary: #592217; }
-body.searchlight {
-  --ac-primary: #111738; }
-body.pharmer {
-  --ac-primary: #8e44ad; }
-body.service-broker {
-  --ac-primary: #29b4a2; }
-body.stash {
-  --ac-primary: #5e2dea; }
-body.swift {
-  --ac-primary: #3f51b6; }
-body.voyager {
-  --ac-primary: #2d2a78; }
-
-html,
-body {
-  background-color: #ffffff;
-  font-family: "Roboto", sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  color: #515D63;
-  scroll-behavior: smooth; }
-
-p {
-  font-size: 1rem; }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: "Roboto", sans-serif;
-  font-style: normal;
-  font-weight: 500;
-  color: #171B1C;
-  line-height: 130%; }
-
-h1 {
-  font-size: 60px;
-  letter-spacing: -0.5px; }
-
-h2 {
-  font-size: 48px;
-  letter-spacing: -0.57px; }
-
-h3 {
-  font-size: 32px; }
-
-h4 {
-  font-size: 24px;
-  letter-spacing: -0.25px; }
-
-h5 {
-  font-size: 18px; }
-
-h6 {
-  font-size: 16px;
-  letter-spacing: -0.15px; }
-
-a {
-  font-family: "Roboto", sans-serif;
-  color: var(--ac-primary); }
-
-hr {
-  background-color: #e7e7e7;
-  border: none;
-  display: block;
-  height: 1px;
-  margin: 16px 0; }
-
-strong {
-  color: #171B1C; }
-
-.is-gradient {
-  background: linear-gradient(-45deg, var(--ac-primary), #940148, #4c346f, var(--ac-primary));
-  background-size: 300% 300%;
-  animation: gradient 5s ease infinite;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent; }
-
-/* ======================
-  Global CSS start
-========================*/
-.bg-gradient-1 {
-  position: relative;
-  z-index: 1;
-  background-size: 120% 120%;
-  -webkit-animation: gradient 15s ease infinite;
-  animation: gradient 15s ease infinite; }
-  .bg-gradient-1:after {
-    position: absolute;
-    content: "";
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background: white;
-    z-index: -1;
-    opacity: 0.9;
-    background-size: 50%;
-    overflow: hidden; }
-
-.social-prove-brand-area .brand-image-wrapper {
-  padding-top: 16px;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%; }
-  .social-prove-brand-area .brand-image-wrapper .single-brand {
-    border: 1px solid #e7e7e7;
-    background-color: #ffffff;
-    padding: 12px 24px;
-    border-radius: 4px;
-    display: flex;
-    align-items: center;
-    transition: 0.3s ease-in-out; }
-    .social-prove-brand-area .brand-image-wrapper .single-brand img {
-      max-height: 2rem;
-      filter: grayscale(1);
-      transition: 0.3s ease-in-out; }
-    .social-prove-brand-area .brand-image-wrapper .single-brand:hover img {
-      filter: grayscale(0); }
-.social-prove-brand-area .owl-carousel .owl-stage {
-  transition-timing-function: linear !important; }
-.social-prove-brand-area .owl-carousel .owl-item img {
-  width: auto !important;
-  height: 32px; }
-
-.is-fullwidth {
-  width: 100% !important; }
-
-.section-padding {
-  padding: 60px 0; }
-  @media screen and (max-width: 1023px) {
-    .section-padding {
-      padding: 32px 0; } }
-
-.list-items {
-  display: flex;
-  flex-direction: column;
-  gap: 12px; }
-  @media screen and (max-width: 768px) {
-    .list-items {
-      gap: 4px; } }
-  .list-items li {
-    display: flex;
-    align-items: center;
-    gap: 12px; }
-    .list-items li span {
-      font-size: 18px; }
-
-.decorative-el, .hero-area-1 .h-right-content, .products-area, .mechanics-area, .ui-features-area, .products-features .features-tabs, .others-products {
-  position: relative;
-  z-index: 1; }
-  .decorative-el::after, .hero-area-1 .h-right-content::after, .products-area::after, .mechanics-area::after, .ui-features-area::after, .products-features .features-tabs::after, .others-products::after {
-    position: absolute;
-    content: "";
-    left: -54px;
-    top: 0px;
-    width: 250px;
-    height: 250px;
-    z-index: -1;
-    background-image: url("../images/shape/decorative-el.svg");
-    background-repeat: no-repeat; }
-    @media screen and (max-width: 768px) {
-      .decorative-el::after, .hero-area-1 .h-right-content::after, .products-area::after, .mechanics-area::after, .ui-features-area::after, .products-features .features-tabs::after, .others-products::after {
-        width: 120px;
-        height: 120px; } }
-
-.yt-thumbnail {
-  position: relative;
-  z-index: 1;
-  border-radius: 4px;
-  overflow: hidden; }
-  .yt-thumbnail img {
-    display: flex;
-    object-fit: cover;
-    height: 250px;
-    width: 400px; }
-  .yt-thumbnail:hover .play-icon svg {
-    transform: scale(1.3); }
-  .yt-thumbnail:after {
-    position: absolute;
-    content: "";
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background-color: #000000;
-    opacity: 0.5; }
-  .yt-thumbnail .play-icon {
-    position: absolute;
-    z-index: 99;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center; }
-    .yt-thumbnail .play-icon svg {
-      width: 40px;
-      display: flex;
-      cursor: pointer;
-      transition: 0.3s ease-in-out; }
-
-.section-title {
-  margin-bottom: 2rem;
-  position: relative;
-  z-index: 8; }
-  .section-title h1 {
-    font-weight: 700;
-    font-size: 48px;
-    line-height: 130%; }
-    .section-title h1.is-outlined-text {
-      color: #e7e7e7;
-      -webkit-text-fill-color: white;
-      /* Will override color (regardless of order) */
-      -webkit-text-stroke-width: 1px;
-      -webkit-text-stroke-color: #e7e7e7;
-      position: absolute;
-      font-size: 107px;
-      top: 0;
-      z-index: -1;
-      opacity: 0.5;
-      text-align: center;
-      width: 100%; }
-  .section-title h2 {
-    font-size: 32px;
-    font-weight: 600;
-    margin-bottom: 8px;
-    text-wrap: balance; }
-  .section-title p {
-    font-size: 16px;
-    line-height: 160%;
-    letter-spacing: 0;
-    margin-bottom: 3rem;
-    font-weight: normal;
-    text-wrap: balance; }
-
-.left-0 {
-  left: 0 !important; }
-
-.right-0 {
-  right: 0 !important; }
-
-.top-0 {
-  top: 0 !important; }
-
-.bottom-0 {
-  bottom: 0 !important; }
-
-.breadcrumb-section {
-  padding-top: 200px; }
-
-.cube {
-  position: absolute;
-  top: 80vh;
-  left: 45vw;
-  width: 10px;
-  height: 10px;
-  border: solid 1px #ffffff;
-  opacity: 0.5;
-  transform-origin: top left;
-  transform: scale(0) rotate(0deg) translate(-50%, -50%);
-  animation: cube 12s ease-in forwards infinite; }
-  .cube:nth-child(2n) {
-    border-color: white; }
-  .cube:nth-child(2) {
-    animation-delay: 2s;
-    left: 5vw;
-    top: 30vh; }
-  .cube:nth-child(3) {
-    animation-delay: 4s;
-    left: 95vw;
-    top: 50vh; }
-  .cube:nth-child(4) {
-    animation-delay: 6s;
-    left: 90vw;
-    top: 30vh; }
-  .cube:nth-child(5) {
-    animation-delay: 8s;
-    left: 10vw;
-    top: 75vh; }
-  .cube:nth-child(6) {
-    animation-delay: 10s;
-    left: 50vw;
-    top: 20vh; }
-
-.circle {
-  position: absolute;
-  top: 20vh;
-  left: 35vw;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  border: solid 1px #ffffff;
-  opacity: 0.5;
-  transform-origin: top left;
-  transform: scale(0) rotate(0deg) translate(-50%, -50%);
-  animation: cube 12s ease-in forwards infinite; }
-  .circle:nth-child(2n) {
-    border-color: white; }
-  .circle:nth-child(2) {
-    animation-delay: 0.5s;
-    left: 15vw;
-    top: 40vh; }
-  .circle:nth-child(3) {
-    animation-delay: 2s;
-    left: 100vw;
-    top: 60vh; }
-  .circle:nth-child(4) {
-    animation-delay: 3s;
-    left: 90vw;
-    top: 30vh; }
-  .circle:nth-child(5) {
-    animation-delay: 5s;
-    left: 20vw;
-    top: 65vh; }
-  .circle:nth-child(6) {
-    animation-delay: 8s;
-    left: 60vw;
-    top: 30vh; }
-
-@keyframes cube {
-  from {
-    transform: scale(0) rotate(0deg) translate(-50%, -50%);
-    opacity: 2s;
-    margin-top: 200px; }
-  to {
-    transform: scale(5) rotate(960deg) translate(-50%, -50%);
-    opacity: 0;
-    margin-top: 0; } }
-.br-1 {
-  border-right: 1px solid #e7e7e7; }
-
-.bl-1 {
-  border-left: 1px solid #e7e7e7; }
-
-.bt-1 {
-  border-top: 1px solid #e7e7e7; }
-
-.bb-1 {
-  border-bottom: 1px solid #e7e7e7; }
-
-.has-text-primary {
-  color: var(--ac-primary) !important; }
-
-::-moz-selection {
-  /* Code for Firefox */
-  color: #ffffff;
-  background: var(--ac-primary); }
-
-::selection {
-  color: #ffffff;
-  background: var(--ac-primary); }
-
-.d-table {
-  display: table;
-  height: 100%;
-  width: 100%; }
-
-.d-table-cell {
-  width: 100%;
-  display: table-cell;
-  vertical-align: middle; }
-
-/* brand logo area start */
-.single-brand-logo {
-  display: inline-block;
-  overflow: hidden;
-  margin: 10px 20px;
-  text-align: center;
-  vertical-align: middle;
-  max-width: 200px;
-  height: auto; }
-  .single-brand-logo img {
-    max-height: 50px; }
-
-/* brand logo area end */
-.ac-custom-select .ss-single-selected,
-.ac-custom-select .ss-multi-selected {
-  min-height: 45px !important;
-  border: 1px solid #a6abbd;
-  color: #515D63;
-  padding: 0 15px; }
-  .ac-custom-select .ss-single-selected .ss-arrow,
-  .ac-custom-select .ss-multi-selected .ss-arrow {
-    margin: 0; }
-  .ac-custom-select .ss-single-selected .placeholder,
-  .ac-custom-select .ss-multi-selected .placeholder {
-    font-size: 15px;
-    color: #515D63;
-    font-weight: 500; }
-  .ac-custom-select .ss-single-selected .ss-values,
-  .ac-custom-select .ss-multi-selected .ss-values {
-    margin-top: 3px; }
-    .ac-custom-select .ss-single-selected .ss-values .ss-disabled,
-    .ac-custom-select .ss-multi-selected .ss-values .ss-disabled {
-      margin: 0;
-      padding: 0;
-      font-family: "Roboto", sans-serif;
-      font-style: normal;
-      font-weight: normal;
-      font-size: 14px;
-      line-height: 16px;
-      color: #a6abbd; }
-    .ac-custom-select .ss-single-selected .ss-values .ss-value,
-    .ac-custom-select .ss-multi-selected .ss-values .ss-value {
-      height: 30px;
-      margin-bottom: 6px;
-      padding: 0 10px;
-      background-color: #35a651; }
-  .ac-custom-select .ss-single-selected .ss-add,
-  .ac-custom-select .ss-multi-selected .ss-add {
-    margin: 4px;
-    align-items: center; }
-.ac-custom-select .ss-content {
-  border: 1px solid #a6abbd; }
-  .ac-custom-select .ss-content .ss-list .ss-option {
-    font-size: 14px;
-    color: #515D63;
-    transition: 0.3s ease-in-out; }
-    .ac-custom-select .ss-content .ss-list .ss-option:hover {
-      opacity: 0.8;
-      color: #ffffff;
-      background-color: var(--ac-primary); }
-    .ac-custom-select .ss-content .ss-list .ss-option.ss-disabled {
-      opacity: 0.5; }
-  .ac-custom-select .ss-content .ss-search input {
-    border: 1px solid #a6abbd; }
-    .ac-custom-select .ss-content .ss-search input:focus {
-      outline: none;
-      box-shadow: none; }
-
-.message {
-  display: flex;
-  align-items: center; }
-  .message lord-icon {
-    margin-right: 1rem; }
-  .message.is-warning {
-    background-color: transparent; }
-    .message.is-warning .message-body {
-      border-color: transparent;
-      border-width: 0;
-      color: #515D63;
-      padding: 1em 1em;
-      background-color: #ffdd57;
-      width: 100%; }
-  .message.is-danger {
-    background-color: transparent; }
-    .message.is-danger .message-body {
-      border-color: transparent;
-      border-width: 0;
-      color: #ffffff;
-      padding: 1em 1em;
-      background-color: #ff3729;
-      width: 100%; }
-
-.is-gap-0 {
-  gap: 0px; }
-
-.is-gap-1 {
-  gap: 1px; }
-
-.is-gap-2 {
-  gap: 2px; }
-
-.is-gap-3 {
-  gap: 3px; }
-
-.is-gap-4 {
-  gap: 4px; }
-
-.is-gap-5 {
-  gap: 5px; }
-
-.is-gap-6 {
-  gap: 6px; }
-
-.is-gap-7 {
-  gap: 7px; }
-
-.is-gap-8 {
-  gap: 8px; }
-
-.is-gap-9 {
-  gap: 9px; }
-
-.is-gap-10 {
-  gap: 10px; }
-
-.is-gap-11 {
-  gap: 11px; }
-
-.is-gap-12 {
-  gap: 12px; }
-
-.is-gap-13 {
-  gap: 13px; }
-
-.is-gap-14 {
-  gap: 14px; }
-
-.is-gap-15 {
-  gap: 15px; }
-
-.is-gap-16 {
-  gap: 16px; }
-
-/****************************************
-Responsive Classes
-*****************************************/
-@media screen and (max-width: 768px) {
-  .is-flex-direction-row-reverse-mobile {
-    flex-direction: column-reverse;
-    display: flex; }
-
-  .container {
-    padding: 0 15px; }
-
-  .section-title {
-    font-size: 28px;
-    margin-bottom: 1rem; }
-    .section-title h2 {
-      font-size: 28px;
-      margin-bottom: 0; }
-    .section-title h1 {
-      font-size: 28px; }
-      .section-title h1.is-outlined-text {
-        font-size: 60px; }
-    .section-title p {
-      margin-bottom: 0; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .container {
-    padding: 0 30px; }
-
-  .section-title h1.is-outlined-text {
-    font-size: 70px; }
-  .section-title p {
-    margin-bottom: 0; }
-
-  .is-flex-direction-row-reverse-tablet {
-    flex-direction: column-reverse;
-    display: flex; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .section-title h1.is-outlined-text {
-    font-size: 80px; }
-
-  .cube {
-    animation: none; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .section-title h1.is-outlined-text {
-    font-size: 80px; } }
-@media screen and (min-width: 1408px) {
-  .section-title h1.is-outlined-text {
-    font-size: 80px; } }
-@media (min-width: 1216px) and (max-width: 1440px) {
-  .container {
-    max-width: 1200px !important; } }
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(5px); }
-  to {
-    opacity: 1;
-    transform: translateY(0); } }
-@media screen and (max-width: 768px) {
-  .reverse-column-mobile {
-    flex-direction: column-reverse;
-    display: flex; } }
-
-.section-title.has-text-centered {
-  max-width: 80%;
-  margin: 0 auto 16px auto; }
-  @media screen and (max-width: 1023px) {
-    .section-title.has-text-centered {
-      max-width: 100%; } }
-
-@media screen and (max-width: 768px) {
-  .has-text-center-mobile {
-    text-align: center;
-    display: flex;
-    align-items: center;
-    justify-content: center; } }
-
-@media screen and (max-width: 1023px) {
-  .section-title.has-text-centered-tablet p {
-    text-align: center; } }
-
-.lightbox {
-  background-color: rgba(0, 0, 0, 0.8);
-  position: fixed;
-  display: none;
-  z-index: 99;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  top: 0; }
-  .lightbox-container {
-    position: relative;
-    max-width: 1080px;
-    margin: 7% auto;
-    display: block;
-    padding: 0 3%;
-    height: auto;
-    z-index: 10; }
-    @media screen and (max-width: 768px) {
-      .lightbox-container {
-        margin-top: 10%; } }
-    @media screen and (max-width: 414px) {
-      .lightbox-container {
-        margin-top: 13%; } }
-  .lightbox-content {
-    box-shadow: 0 1px 6px fade(black, 70%); }
-  .lightbox-close {
-    text-transform: uppercase;
-    background: transparent;
-    position: absolute;
-    font-weight: 300;
-    font-size: 32px;
-    display: block;
-    border: none;
-    color: white;
-    top: -52px;
-    right: 3%;
-    cursor: pointer; }
-
-.video-container {
-  padding-bottom: 56.25%;
-  position: relative;
-  padding-top: 30px;
-  overflow: hidden;
-  height: 0; }
-
-.video-container iframe,
-.video-container object,
-.video-container embed {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  left: 0;
-  top: 0; }
-
-.hero-area-2 {
-  position: relative;
-  z-index: 1; }
-  .hero-area-2::after {
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background-repeat: no-repeat !important;
-    position: absolute;
-    z-index: -2;
-    content: "";
-    background: url(../images/appscode/about-hero-bg-2.png);
-    background-size: contain; }
-  .hero-area-2 .hero-area-inner-2 {
-    height: 400px;
-    padding-top: 120px; }
-    .hero-area-2 .hero-area-inner-2 h1 {
-      font-size: 48px;
-      margin-bottom: 15px; }
-    .hero-area-2 .hero-area-inner-2 p {
-      font-size: 18px; }
-
-.hero-area-2.bg-color-available:after {
-  background-color: #fbfbfb; }
-
-.illustration-area {
-  min-height: 500px;
-  background-repeat: no-repeat; }
-
-.illustration-1 {
-  background-image: url(../images/consulting-page/illustation.png);
-  background-size: contain; }
-
-.consulting-inner h2 {
-  font-size: 36px;
-  margin-bottom: 30px;
-  font-weight: 400;
-  line-height: 50px; }
-.consulting-inner p {
-  font-size: 16px;
-  line-height: 28px;
-  color: #515D63;
-  margin-bottom: 20px; }
-  .consulting-inner p:last-child {
-    margin-bottom: 0; }
-
-.testimonial-area-2 .testimonial-wrapper {
-  overflow: hidden; }
-  .testimonial-area-2 .testimonial-wrapper .quote-icon {
-    margin-bottom: 30px; }
-  .testimonial-area-2 .testimonial-wrapper h1 {
-    font-size: 28px;
-    line-height: 45px;
-    font-weight: 600; }
-  .testimonial-area-2 .testimonial-wrapper .user-information {
-    margin-top: 30px;
-    float: right;
-    overflow: hidden;
-    align-items: center; }
-    .testimonial-area-2 .testimonial-wrapper .user-information figure {
-      margin-right: 15px; }
-    .testimonial-area-2 .testimonial-wrapper .user-information h4 {
-      font-size: 18px;
-      line-height: 28px;
-      font-weight: 700;
-      color: var(--ac-primary); }
-    .testimonial-area-2 .testimonial-wrapper .user-information p {
-      font-size: 14px;
-      color: #515D63; }
-
-.package-area .single-package-wrapper {
-  padding: 30px 50px; }
-  .package-area .single-package-wrapper h4 {
-    font-size: 18px;
-    margin-bottom: 5px; }
-  .package-area .single-package-wrapper p {
-    font-size: 16px; }
-
-.our-customer-area {
-  background-color: #FBFBFB; }
-
-.training-wrapper-image .single-training-image-wrapper {
-  width: 280px;
-  height: 280px;
-  border-radius: 50%;
-  overflow: hidden;
-  display: inline-block;
-  margin-right: 30px; }
-  .training-wrapper-image .single-training-image-wrapper:last-child {
-    margin-right: 0; }
-  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
-    width: 250px;
-    height: 250px;
-    transform: translateY(-70px); }
-  .training-wrapper-image .single-training-image-wrapper img {
-    transition: 0.3s ease-in-out; }
-  .training-wrapper-image .single-training-image-wrapper:hover img {
-    transform: scale(1.3); }
-
-.about-training {
-  position: relative;
-  z-index: 1; }
-  .about-training .dots-shape {
-    position: absolute;
-    background-image: url(../images/training-page/dots-shape.png);
-    background-repeat: no-repeat;
-    z-index: -1;
-    width: 200px;
-    height: 300px;
-    right: -70px;
-    top: 30%; }
-
-.cta-area-2 .cta-content h1 {
-  font-size: 73px;
-  line-height: 83px;
-  margin-bottom: 50px; }
-
-.client-thumb {
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
-  overflow: hidden;
-  float: left;
-  margin-right: 20px; }
-
-.client-info {
-  float: left;
-  overflow: hidden;
-  margin-top: 5px;
-  text-align: left; }
-  .client-info h4 {
-    font-size: 16px;
-    line-height: 19px;
-    margin-bottom: 3px; }
-  .client-info p {
-    margin: 0;
-    font-size: 12px;
-    font-style: italic;
-    color: #515D63;
-    opacity: 0.6; }
-
-/*====================================
-    Support page CSS
-====================================*/
-/* Payment Method section style */
-.single-payment-method {
-  display: inline-block;
-  margin-left: 30px; }
-
-.single-payment-method:first-child {
-  margin-left: 0; }
-
-.payment-method-innner-text h2 {
-  color: #171B1C;
-  margin-bottom: 20px; }
-
-.payment-method-innner-text p {
-  margin: 0; }
-
-.payment-method-area {
-  position: relative;
-  background-image: url(../images/shape/shape-1.png);
-  background-repeat: no-repeat;
-  background-size: cover;
-  z-index: 1;
-  margin-top: 120px; }
-
-.payment-method-area:after {
-  background-image: url(../images/shape/shape-2.png);
-  content: "";
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  background-position: 0 0;
-  background-repeat: no-repeat;
-  background-size: cover;
-  z-index: -1; }
-
-.item ul,
-.item input[type="checkbox"] {
-  display: none;
-  overflow: hidden;
-  transition: 0.3s; }
-
-.product-sidebar-menu .item label a {
-  font-weight: 500;
-  color: #171B1C;
-  padding: 0.5rem 1.25rem;
-  display: block; }
-
-.item ul li.is-active a {
-  color: var(--ac-primary); }
-
-.item input:checked ~ ul,
-.item input:checked ~ .item > ul {
-  display: block;
-  transition: 0.3s linear; }
-
-.item input:checked ~ label span,
-.item input:checked ~ .item > label span {
-  transform: rotate(90deg);
-  margin-top: 0;
-  transform-origin: 0; }
-
-.item label span {
-  position: absolute;
-  right: 15px;
-  transition: 0.3s ease-in-out;
-  top: 9px; }
-
-.item ul li a {
-  display: block;
-  padding: 6px 0;
-  font-family: "Roboto", sans-serif;
-  font-weight: 400; }
-
-.item label {
-  position: relative;
-  z-index: 9; }
-
-.product-sidebar-menu label,
-.product-sidebar-menu li a {
-  font-size: 14px;
-  font-weight: 500;
-  color: #4a4a4a;
-  display: block;
-  cursor: pointer;
-  user-select: none;
-  transition: 0.3s; }
-
-.product-sidebar-menu li a:hover {
-  color: var(--ac-primary); }
-
-.product-sidebar-menu .item ul {
-  margin-left: 20px;
-  padding-left: 15px;
-  border-left: 1px solid #e7e7e7; }
-
-.item:first-child input:checked ~ label,
-.item:first-child input:checked ~ .item:first-child > label {
-  border: 1px solid transparent; }
-
-.appscode-style .item input:checked ~ label > a {
-  color: var(--ac-primary); }
-
-.item input:checked ~ ul,
-.item input:checked ~ .item > ul > .item {
-  margin-left: -20px; }
-
-.ac-product-left-sidebar {
-  margin-right: 30px;
-  position: sticky;
-  top: 130px;
-  z-index: 9;
-  width: 100%;
-  height: 100%;
-  overflow-y: auto;
-  max-height: calc(100vh - 190px);
-  overflow-x: hidden; }
-
-.product-sidebar-menu .item label {
-  border: 1px solid transparent;
-  position: relative;
-  z-index: 1;
-  border-radius: 3px 0 0 3px; }
-
-/* datasheet style start */
-.datasheet-wrapper {
-  padding: 0 100px; }
-
-.download-question h4 {
-  font-size: 18px;
-  color: #171B1C;
-  font-weight: 700; }
-
-.download-question p {
-  color: #515D63;
-  font-size: 16px;
-  font-family: "Roboto", sans-serif; }
-
-.download-question p strong {
-  color: #32325d;
-  font-weight: 500;
-  font-family: "Roboto", sans-serif;
-  margin: 10px 0;
-  display: block; }
-
-.download-question a {
-  font-family: "Roboto", sans-serif;
-  font-size: 16px; }
-
-.form-area h4 {
-  font-size: 18px;
-  color: #171B1C;
-  font-weight: 700;
-  margin-bottom: 30px; }
-
-.single-input-field label {
-  display: block;
-  color: #32325d;
-  font-family: "Roboto", sans-serif;
-  font-size: 16px;
-  margin-bottom: 5px; }
-
-.single-input-field input {
-  padding: 12px 15px;
-  border: 1px solid #c4cbd3;
-  border-radius: 4px;
-  font-size: 16px;
-  font-family: "Roboto", sans-serif;
-  color: #242a31;
-  width: 100%; }
-
-.single-input-field input::placeholder {
-  color: #e7e7e7; }
-
-.single-input-field .select,
-select {
-  width: 100%;
-  height: 48px !important; }
-
-.single-input-field .select select:not([multiple]) {
-  padding-left: 15px;
-  color: #e7e7e7; }
-
-.download-button .icon {
-  padding-right: 25px; }
-
-/* datasheet style end */
-/* schedule-demo start */
-embed,
-iframe,
-object,
-video {
-  height: 100%;
-  max-width: 100%; }
-
-.schedule-title {
-  margin-top: 65px;
-  color: #242a31;
-  margin-bottom: 30px; }
-
-/* schedule-demo end */
-/****************************************
-Responsive Classes
-*****************************************/
-@media screen and (max-width: 768px) {
-  .package-area .single-package-wrapper {
-    padding: 20px 30px;
-    border: 1px solid #e7e7e7; }
-
-  .testimonial-area-2 .testimonial-wrapper {
-    text-align: center; }
-    .testimonial-area-2 .testimonial-wrapper .is-pulled-right {
-      float: inherit !important;
-      margin-top: 15px;
-      display: flex;
-      justify-content: center; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .package-area .single-package-wrapper {
-    padding: 20px;
-    border: 1px solid #e7e7e7; }
-
-  .ac-image {
-    text-align: center; }
-
-  .about-training .section-title h2 {
-    text-align: center; }
-
-  .ac-text p {
-    text-align: center; }
-
-  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
-    width: 150px;
-    height: 150px; }
-
-  .training-wrapper-image .single-training-image-wrapper {
-    width: 180px;
-    height: 180px; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
-    width: 150px;
-    height: 150px; }
-
-  .training-wrapper-image .single-training-image-wrapper {
-    width: 180px;
-    height: 180px; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
-    width: 150px;
-    height: 150px; }
-
-  .training-wrapper-image .single-training-image-wrapper {
-    width: 180px;
-    height: 180px; } }
-@media screen and (min-width: 1408px) {
-  .training-wrapper-image .single-training-image-wrapper:nth-child(even) {
-    width: 150px;
-    height: 150px; }
-
-  .training-wrapper-image .single-training-image-wrapper {
-    width: 180px;
-    height: 180px; } }
-.ac-notification.is-primary {
-  background-color: var(--ac-primary); }
-.ac-notification p {
-  color: #fff; }
-  .ac-notification p a {
-    color: #3273dc !important;
-    font-weight: 500; }
-
-.hero-area-2.webinar-page::after {
-  background-color: rgba(25, 113, 189, 0.1);
-  background-size: cover; }
-.hero-area-2.webinar-page .webinar-hero-area {
-  position: relative;
-  z-index: 1; }
-.hero-area-2.webinar-page .hero-area-inner-2 {
-  height: auto;
-  padding-bottom: 120px;
-  padding-top: 100px; }
-  .hero-area-2.webinar-page .hero-area-inner-2 h1 {
-    font-family: "Roboto", sans-serif;
-    font-style: normal;
-    font-weight: bold;
-    font-size: 62px;
-    line-height: 93px;
-    color: #393e46;
-    margin-bottom: 10px; }
-  .hero-area-2.webinar-page .hero-area-inner-2 .subtitle {
-    font-size: 36px;
-    color: #666;
-    line-height: 58px;
-    font-weight: 500; }
-  .hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info {
-    display: flex;
-    align-items: center;
-    margin-right: 44px; }
-    .hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info:last-child {
-      margin-right: 0; }
-    .hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info .icon {
-      width: 34px;
-      height: 34px;
-      background: #00a651;
-      color: #fff;
-      border-radius: 50%;
-      font-size: 14px;
-      line-height: 15px;
-      margin-right: 15px; }
-    .hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info strong {
-      color: #3f3d56;
-      margin-right: 5px; }
-    .hero-area-2.webinar-page .hero-area-inner-2 .single-webinar-info p {
-      color: #666666; }
-.hero-area-2.webinar-page .count-down-area {
-  background: #ffffff;
-  box-shadow: 2px 4px 27px rgba(25, 113, 189, 0.16);
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  padding: 7px 0;
-  position: absolute;
-  width: 85%;
-  bottom: -94px; }
-  .hero-area-2.webinar-page .count-down-area .signle-count {
-    border-right: 1px solid #e6e6e6;
-    text-align: center;
-    width: 25%;
-    padding: 25px 0; }
-    .hero-area-2.webinar-page .count-down-area .signle-count:last-child {
-      border-right: none; }
-    .hero-area-2.webinar-page .count-down-area .signle-count .name {
-      font-family: Roboto;
-      font-style: normal;
-      font-weight: normal;
-      font-size: 16px;
-      line-height: 19px;
-      color: #555555;
-      margin-bottom: 20px; }
-    .hero-area-2.webinar-page .count-down-area .signle-count .unit {
-      font-family: "Roboto", sans-serif;
-      font-style: normal;
-      font-weight: bold;
-      font-size: 62px;
-      line-height: 62px;
-      color: #393e46; }
-
-.registration-form-container.register-success, .registration-form-container.register-failed {
-  position: sticky;
-  top: 60px; }
-  .registration-form-container.register-success form, .registration-form-container.register-failed form {
-    display: none; }
-  .registration-form-container.register-success .register-notification, .registration-form-container.register-failed .register-notification {
-    display: block; }
-.registration-form-container .register-notification {
-  display: none; }
-
-.registration-form-wrapper {
-  position: relative;
-  z-index: 1; }
-  .registration-form-wrapper .registration-form {
-    width: 100%; }
-  .registration-form-wrapper .circle-shape {
-    position: absolute;
-    right: 30px;
-    top: 30px; }
-  .registration-form-wrapper .reg-illustration {
-    margin: 50px 0; }
-
-.registration-form {
-  box-shadow: 0px 4px 27px rgba(25, 113, 189, 0.16);
-  background-color: #fff;
-  border-radius: 8px;
-  padding: 30px; }
-  .registration-form h3 {
-    font-family: "Roboto", sans-serif;
-    font-style: normal;
-    font-weight: 600;
-    font-size: 22px;
-    line-height: 20px;
-    color: #393e46;
-    margin-bottom: 30px; }
-  .registration-form form label.radio-title {
-    font-family: Roboto;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 12px;
-    line-height: 14px;
-    display: block;
-    color: #393e46;
-    margin-bottom: 6px;
-    text-transform: uppercase; }
-    .registration-form form label.radio-title .is-require {
-      color: #ff3729;
-      padding-left: 5px; }
-  .registration-form form .ac-single-radio label {
-    font-size: 14px !important; }
-  .registration-form form .form-message {
-    font-family: Roboto;
-    font-style: normal;
-    font-weight: normal;
-    font-size: 12px;
-    line-height: 20px;
-    color: #555555; }
-  .registration-form form input[type="submit"] {
-    height: 45px;
-    font-size: 14px;
-    font-weight: 500; }
-  .registration-form form .single-input-form {
-    width: 100%;
-    margin-bottom: 20px; }
-    .registration-form form .single-input-form.is-fullwidth {
-      width: 100%; }
-    .registration-form form .single-input-form label {
-      font-family: Roboto;
-      font-style: normal;
-      font-weight: 500;
-      font-size: 12px;
-      line-height: 14px;
-      display: block;
-      color: #393e46;
-      margin-bottom: 6px;
-      text-transform: uppercase; }
-      .registration-form form .single-input-form label .is-require {
-        color: #ea3d2f;
-        padding-left: 5px; }
-  .registration-form form input,
-  .registration-form form .textarea-wrapper,
-  .registration-form form .select {
-    border: 1px solid #a6abbd;
-    border-radius: 4px;
-    height: 45px;
-    width: 100%;
-    padding: 0 15px;
-    font-weight: 500;
-    font-size: 15px;
-    background-color: transparent;
-    color: #515D63; }
-    .registration-form form input:focus,
-    .registration-form form .textarea-wrapper:focus,
-    .registration-form form .select:focus {
-      outline: none !important;
-      border: 1px solid var(--ac-primary); }
-    .registration-form form input::placeholder,
-    .registration-form form .textarea-wrapper::placeholder,
-    .registration-form form .select::placeholder {
-      font-family: Roboto;
-      font-style: normal;
-      font-weight: normal;
-      font-size: 14px;
-      line-height: 16px;
-      color: #a6abbd; }
-  .registration-form form .select {
-    border-color: #a6abbd;
-    padding: 0; }
-    .registration-form form .select:hover {
-      border-color: #a6abbd; }
-    .registration-form form .select select {
-      background-color: transparent;
-      border: none;
-      font-weight: 500;
-      height: 45px !important;
-      color: #515D63;
-      padding-left: 15px; }
-      .registration-form form .select select option[selected] {
-        color: #333; }
-  .registration-form form .textarea-wrapper {
-    height: 100px; }
-  .registration-form form .textarea-wrapper {
-    padding: 10px 10px 10px 15px; }
-    .registration-form form .textarea-wrapper:focus {
-      outline: none !important;
-      border: 1px solid var(--ac-primary); }
-  .registration-form form textarea {
-    width: 100%;
-    height: calc(100% - 0px);
-    border: none;
-    font-weight: 500;
-    font-size: 15px; }
-    .registration-form form textarea::placeholder {
-      font-family: Roboto;
-      font-style: normal;
-      font-weight: normal;
-      font-size: 14px;
-      line-height: 16px;
-      color: #a6abbd; }
-    .registration-form form textarea:focus {
-      outline: none;
-      border: none; }
-  .registration-form form input[type="submit"] {
-    width: 100%;
-    background-color: var(--ac-primary);
-    color: #fff;
-    cursor: pointer; }
-    .registration-form form input[type="submit"]:hover {
-      background-color: #008d45; }
-  .registration-form form p.is-error {
-    color: #ea3d2f;
-    font-size: 12px;
-    line-height: 1.4; }
-
-.webinar-summary-area {
-  padding-top: 150px; }
-  .webinar-summary-area .webinar-summary h3 {
-    font-family: "Roboto", sans-serif;
-    font-style: normal;
-    font-weight: bold;
-    font-size: 22px;
-    line-height: 22px;
-    color: #393e46;
-    margin-bottom: 20px; }
-  .webinar-summary-area .webinar-summary .summary-content {
-    margin-bottom: 30px;
-    width: calc(100% - 30px); }
-    .webinar-summary-area .webinar-summary .summary-content p {
-      font-family: Roboto;
-      font-style: normal;
-      font-weight: normal;
-      font-size: 16px;
-      line-height: 28px;
-      color: #555555;
-      margin-bottom: 15px;
-      text-align: justify; }
-      .webinar-summary-area .webinar-summary .summary-content p:last-child {
-        margin-bottom: 0; }
-  .webinar-summary-area .speaker-info-wrapper {
-    margin-top: 30px;
-    max-width: calc(100% - 30px);
-    display: grid;
-    grid-template-columns: 110px auto;
-    grid-gap: 30px; }
-    .webinar-summary-area .speaker-info-wrapper .speaker-thumbnail {
-      width: 110px;
-      height: 110px;
-      border: 1px solid #a6abbd;
-      border-radius: 50%;
-      overflow: hidden; }
-    .webinar-summary-area .speaker-info-wrapper .speaker-info h5 {
-      font-family: "Roboto", sans-serif;
-      font-style: normal;
-      font-weight: 500;
-      font-size: 18px;
-      line-height: 27px;
-      color: #393e46; }
-    .webinar-summary-area .speaker-info-wrapper .speaker-info .designation {
-      font-family: Roboto;
-      font-style: normal;
-      font-weight: normal;
-      font-size: 14px;
-      line-height: 16px;
-      display: flex;
-      align-items: center;
-      color: #555555;
-      margin-bottom: 15px; }
-      .webinar-summary-area .speaker-info-wrapper .speaker-info .designation a {
-        font-family: Roboto; }
-    .webinar-summary-area .speaker-info-wrapper .speaker-info .speaker-message {
-      font-family: Roboto;
-      font-style: normal;
-      font-weight: normal;
-      font-size: 14px;
-      line-height: 24px;
-      color: #555555; }
-
-.webinar-header {
-  margin-bottom: 20px; }
-  .webinar-header .upcoming-message h1 {
-    font-weight: 500;
-    line-height: 110%; }
-  .webinar-header .webinar-list-items .webinar-item {
-    width: 130px;
-    background-color: #ccffe5;
-    border-radius: 4px;
-    margin-right: 20px;
-    padding: 15px;
-    cursor: pointer; }
-    .webinar-header .webinar-list-items .webinar-item.is-active {
-      background-color: var(--ac-primary);
-      position: relative;
-      z-index: 1; }
-      .webinar-header .webinar-list-items .webinar-item.is-active:after {
-        width: 60px;
-        height: 30px;
-        border-top: solid 30px var(--ac-primary);
-        border-left: solid 30px transparent;
-        border-right: solid 30px transparent;
-        position: absolute;
-        content: "";
-        bottom: -20px;
-        left: 30px; }
-      .webinar-header .webinar-list-items .webinar-item.is-active p,
-      .webinar-header .webinar-list-items .webinar-item.is-active h2 {
-        color: #ffffff; }
-    .webinar-header .webinar-list-items .webinar-item:last-child {
-      margin-right: 0; }
-    .webinar-header .webinar-list-items .webinar-item p {
-      font-size: 18px;
-      font-weight: 400;
-      text-align: center;
-      color: var(--ac-primary); }
-      .webinar-header .webinar-list-items .webinar-item p.date {
-        font-size: 13px; }
-    .webinar-header .webinar-list-items .webinar-item h2 {
-      font-size: 52px;
-      font-weight: 400;
-      text-align: center;
-      color: var(--ac-primary);
-      line-height: 1.029; }
-
-.webinar-body .single-webinar {
-  opacity: 0;
-  visibility: hidden;
-  display: none; }
-  .webinar-body .single-webinar.is-active {
-    opacity: 1;
-    visibility: visible;
-    display: block; }
-.webinar-body .webinar-video {
-  margin-bottom: 20px;
-  width: 100%;
-  height: 0;
-  position: relative;
-  padding-top: 56.25%;
-  background-color: #f2f3f4;
-  /* 9 / 16 * 100 */ }
-  .webinar-body .webinar-video.active-overlay:after {
-    position: absolute;
-    content: "";
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background: #000000;
-    opacity: 0.3; }
-  .webinar-body .webinar-video iframe {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    border: 0; }
-.webinar-body .webinar-title h1 {
-  font-size: 40px;
-  line-height: 130%;
-  margin-bottom: 20px;
-  font-weight: 500; }
-.webinar-body .date-and-location {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px; }
-  .webinar-body .date-and-location .date {
-    display: flex;
-    align-items: center;
-    gap: 8px; }
-    .webinar-body .date-and-location .date span {
-      font-size: 18px;
-      color: #515D63;
-      font-weight: 500; }
-.webinar-body .webinar-summary .highlight {
-  position: relative;
-  padding-left: 25px; }
-  .webinar-body .webinar-summary .highlight:after {
-    position: absolute;
-    content: "";
-    left: 0;
-    top: 0;
-    width: 5px;
-    height: 100%;
-    background-color: var(--ac-primary); }
-.webinar-body .webinar-summary p {
-  color: #636363;
-  margin-bottom: 20px; }
-.webinar-body .webinar-summary .check-items li {
-  display: block;
-  margin-bottom: 8px; }
-  .webinar-body .webinar-summary .check-items li span {
-    margin-left: 15px;
-    font-size: 15px; }
-.webinar-body .webinar-speakers {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap; }
-  .webinar-body .webinar-speakers .single-speaker {
-    position: relative;
-    z-index: 1;
-    margin-right: 20px;
-    display: flex;
-    align-items: center;
-    max-width: 330px;
-    overflow: hidden; }
-    .webinar-body .webinar-speakers .single-speaker .speaker-image {
-      width: 80px;
-      height: 80px;
-      border-radius: 50%;
-      overflow: hidden;
-      border: 2px solid var(--ac-primary); }
-    .webinar-body .webinar-speakers .single-speaker:last-child {
-      margin-right: 0; }
-    .webinar-body .webinar-speakers .single-speaker .speaker-info {
-      padding: 0px 15px;
-      margin-top: -7px; }
-      .webinar-body .webinar-speakers .single-speaker .speaker-info p {
-        font-size: 13px; }
-
-[data-tab-content] {
-  display: none; }
-
-.active[data-tab-content] {
-  display: block; }
-
-.tabs {
-  display: flex;
-  justify-content: space-around;
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-  border-bottom: 1px solid black; }
-
-.tab {
-  cursor: pointer;
-  padding: 10px; }
-
-.tab.active {
-  background-color: #ccc; }
-
-.tab:hover {
-  background-color: #aaa; }
-
-.tab-content {
-  margin-left: 20px;
-  margin-right: 20px; }
-
-.search-box {
-  display: flex;
-  align-items: center;
-  border: 1px solid #a6abbd;
-  padding: 0px 16px;
-  width: 430px;
-  border-radius: 4px; }
-  .search-box input {
-    border: none;
-    width: 100%;
-    padding: 12px 8px; }
-    .search-box input:focus {
-      outline: none;
-      border: none; }
-
-.is-sticky.webinar-search {
-  position: sticky;
-  top: 89px;
-  background-color: #fff;
-  z-index: 9; }
-
-/****************************************
-Responsive Classes
-*****************************************/
-@media screen and (max-width: 1023px) {
-  .webinar-header .upcoming-message h1 {
-    font-size: 34px; }
-  .webinar-header .webinar-list-items .webinar-item {
-    width: 110px; }
-    .webinar-header .webinar-list-items .webinar-item.is-active::after {
-      left: 23px; }
-    .webinar-header .webinar-list-items .webinar-item h2 {
-      font-size: 22px; }
-    .webinar-header .webinar-list-items .webinar-item p {
-      font-size: 14px; }
-
-  .webinar-body .webinar-title h1 {
-    font-size: 22px; }
-  .webinar-body .webinar-speakers .single-speaker .speaker-info {
-    padding: 15px; }
-    .webinar-body .webinar-speakers .single-speaker .speaker-info h6 {
-      font-size: 14px; }
-
-  .search-box {
-    width: 190px; } }
-@media screen and (max-width: 768px) {
-  .webinar-hero-area.mt-80.mr-100 {
-    margin-right: 0 !important;
-    margin-top: 80px !important; }
-
-  .webinar-header {
-    flex-direction: column;
-    align-items: flex-start !important; }
-    .webinar-header .upcoming-message h1 {
-      font-size: 30px;
-      margin-bottom: 20px; }
-      .webinar-header .upcoming-message h1 br {
-        display: none; }
-    .webinar-header .webinar-list-items .webinar-item {
-      margin-right: 10px;
-      width: auto; }
-
-  .webinar-body .date-and-location {
-    flex-direction: column;
-    align-items: flex-start !important; }
-    .webinar-body .date-and-location .date {
-      margin-bottom: 8px; }
-      .webinar-body .date-and-location .date span {
-        font-size: 15px; }
-  .webinar-body .webinar-speakers {
-    overflow: auto; }
-    .webinar-body .webinar-speakers .single-speaker {
-      min-width: 130px; } }
-@media (min-width: 501px) and (max-width: 768.98px) {
-  .webinar-hero-area.mt-80.mr-100 {
-    margin-right: 0 !important;
-    margin-top: 80px !important; }
-
-  .webinar-header {
-    flex-direction: column;
-    align-items: flex-start !important; }
-    .webinar-header .upcoming-message h1 {
-      font-size: 34px;
-      margin-bottom: 20px; }
-      .webinar-header .upcoming-message h1 br {
-        display: none; }
-    .webinar-header .webinar-list-items .webinar-item {
-      margin-right: 15px;
-      width: auto; }
-      .webinar-header .webinar-list-items .webinar-item h2 {
-        font-size: 32px; }
-
-  .webinar-body .date-and-location {
-    flex-direction: column;
-    align-items: flex-start !important; }
-    .webinar-body .date-and-location .date {
-      margin-bottom: 8px; }
-      .webinar-body .date-and-location .date span {
-        font-size: 15px; }
-  .webinar-body .webinar-speakers {
-    overflow: auto; }
-    .webinar-body .webinar-speakers .single-speaker {
-      min-width: 130px; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .webinar-hero-area.mt-80.mr-100 {
-    margin-right: 0 !important;
-    margin-top: 80px !important; }
-
-  .webinar-header {
-    flex-direction: row;
-    align-items: center !important; }
-    .webinar-header .upcoming-message h1 {
-      font-size: 34px;
-      margin-bottom: 20px; }
-      .webinar-header .upcoming-message h1 br {
-        display: block; }
-    .webinar-header .webinar-list-items .webinar-item {
-      margin-right: 15px;
-      width: auto; }
-      .webinar-header .webinar-list-items .webinar-item h2 {
-        font-size: 32px; }
-
-  .webinar-body .date-and-location {
-    flex-direction: column;
-    align-items: flex-start !important; }
-    .webinar-body .date-and-location .date {
-      margin-bottom: 8px; }
-      .webinar-body .date-and-location .date span {
-        font-size: 15px; }
-  .webinar-body .webinar-speakers {
-    overflow: auto; }
-    .webinar-body .webinar-speakers .single-speaker {
-      min-width: 130px; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .webinar-hero-area.mt-80.mr-100 {
-    margin-right: 0 !important;
-    margin-top: 80px !important; }
-
-  .webinar-header {
-    flex-direction: row;
-    align-items: center !important; }
-    .webinar-header .upcoming-message h1 {
-      font-size: 34px;
-      margin-bottom: 20px; }
-      .webinar-header .upcoming-message h1 br {
-        display: block; }
-    .webinar-header .webinar-list-items .webinar-item {
-      margin-right: 15px;
-      width: auto; }
-      .webinar-header .webinar-list-items .webinar-item h2 {
-        font-size: 32px; }
-
-  .webinar-body .webinar-title h1 {
-    font-size: 22px; }
-  .webinar-body .date-and-location {
-    flex-direction: row;
-    align-items: center !important; }
-    .webinar-body .date-and-location .date {
-      margin-bottom: 0px; }
-      .webinar-body .date-and-location .date span {
-        font-size: 15px; }
-  .webinar-body .webinar-speakers {
-    overflow: auto; }
-    .webinar-body .webinar-speakers .single-speaker {
-      min-width: 130px; } }
-@media screen and (min-width: 1408px) {
-  .webinar-hero-area.mt-80.mr-100 {
-    margin-right: 0 !important;
-    margin-top: 80px !important; }
-
-  .webinar-header .upcoming-message h1 {
-    font-size: 48px; }
-  .webinar-header .webinar-list-items .webinar-item {
-    margin-right: 15px;
-    width: 120px; }
-    .webinar-header .webinar-list-items .webinar-item h2 {
-      font-size: 32px; }
-
-  .webinar-body .webinar-title h1 {
-    font-size: 28px; }
-  .webinar-body .date-and-location {
-    flex-direction: row;
-    align-items: center !important; }
-    .webinar-body .date-and-location .date {
-      margin-bottom: 0px; }
-      .webinar-body .date-and-location .date span {
-        font-size: 15px; }
-  .webinar-body .webinar-speakers {
-    overflow: auto; }
-    .webinar-body .webinar-speakers .single-speaker {
-      min-width: 130px; } }
-.gallery-area {
-  padding: 80px 0 60px; }
-
-.gallery-wrapper {
-  display: flex; }
-  .gallery-wrapper .left-sidebar {
-    width: calc(25% - 25px);
-    margin-right: 25px;
-    background-color: #fafafd;
-    padding: 20px;
-    border: 1px solid #e7e7e7;
-    margin-top: -10px;
-    border-top: none; }
-    .gallery-wrapper .left-sidebar .left-sidebar-inner {
-      display: block;
-      position: sticky;
-      top: 81px; }
-    .gallery-wrapper .left-sidebar h4 {
-      font-weight: 600;
-      font-size: 18px;
-      line-height: 130%;
-      letter-spacing: -0.5px;
-      margin-bottom: 15px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between; }
-      .gallery-wrapper .left-sidebar h4 button {
-        background-color: transparent;
-        border: none;
-        cursor: pointer;
-        font-size: 18px;
-        margin-right: -10px; }
-    .gallery-wrapper .left-sidebar hr {
-      margin-left: -20px;
-      margin-right: -20px; }
-  .gallery-wrapper .right-content {
-    width: 75%; }
-
-.tag.pointer {
-  cursor: pointer; }
-  .tag.pointer.underline {
-    text-decoration: underline;
-    border: none;
-    background-color: transparent; }
-
-.accordion.is-active .accordion-button i.fa {
-  transform: rotate(-180deg); }
-.accordion.is-active .accordion-body {
-  opacity: 1;
-  visibility: visible;
-  max-height: 200px;
-  margin-bottom: 30px; }
-.accordion .accordion-body {
-  opacity: 0;
-  visibility: hidden;
-  max-height: 0px;
-  transition: 0.3s ease-in-out; }
-
-.filter-items .accordion-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between; }
-  .filter-items .accordion-header .accordion-button {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    font-family: "Roboto", sans-serif;
-    font-style: normal;
-    font-weight: 600;
-    font-size: 13px;
-    line-height: 100%;
-    background-color: transparent;
-    border: none;
-    cursor: pointer;
-    margin-bottom: 15px;
-    padding-left: 0;
-    padding-right: 0; }
-    .filter-items .accordion-header .accordion-button i.fa {
-      transition: 0.3s; }
-.filter-items .accordion-content .ac-single-checkbox {
-  margin-bottom: 14px;
-  display: flex;
-  align-items: center; }
-  .filter-items .accordion-content .ac-single-checkbox input {
-    margin-right: 10px; }
-  .filter-items .accordion-content .ac-single-checkbox label {
-    font-family: "Roboto";
-    line-height: 1;
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 100%; }
-
-.gallery-card {
-  display: block;
-  border: 1px solid #e7e7e7;
-  border-radius: 4px;
-  transition: 0.3s ease-in-out;
-  overflow: hidden;
-  min-height: 346px; }
-  .gallery-card.webinar-video {
-    border: none;
-    border-radius: 0px;
-    min-height: 320px; }
-    .gallery-card.webinar-video:hover {
-      border: none; }
-      .gallery-card.webinar-video:hover .card-body h1 {
-        color: var(--ac-primary); }
-    .gallery-card.webinar-video .card-thumbnail {
-      border: 1px solid #e7e7e7;
-      background-color: #f1f2f3; }
-    .gallery-card.webinar-video .card-body {
-      padding: 20px 0 0; }
-      .gallery-card.webinar-video .card-body h1 {
-        font-size: 18px;
-        line-height: 150%;
-        letter-spacing: 0;
-        transition: 0.3s ease-in-out;
-        margin: 0.5rem 0 1rem; }
-  .gallery-card:hover {
-    border: 1px solid var(--ac-primary); }
-    .gallery-card:hover .gallery-body h1 {
-      color: var(--ac-primary); }
-    .gallery-card:hover .card-thumbnail .play-button {
-      background-color: var(--ac-primary); }
-  .gallery-card .card-thumbnail {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center; }
-    .gallery-card .card-thumbnail img {
-      height: 170px;
-      object-fit: cover;
-      width: 100%; }
-    .gallery-card .card-thumbnail .play-button {
-      position: absolute;
-      display: flex;
-      align-items: center;
-      width: 50px;
-      height: 50px;
-      border-radius: 50%;
-      background: rgba(0, 0, 0, 0.3);
-      justify-content: center;
-      color: #fff;
-      transition: 0.3s ease-in-out; }
-      .gallery-card .card-thumbnail .play-button .material-icons-outlined {
-        font-size: 28px; }
-  .gallery-card .card-body {
-    padding: 20px 20px; }
-    .gallery-card .card-body .filtered-items span {
-      margin-right: 0.8rem;
-      font-weight: normal;
-      font-size: 13px;
-      color: #505050; }
-    .gallery-card .card-body h1 {
-      font-weight: 500;
-      font-size: 16px;
-      line-height: 130%;
-      margin: 1rem 0 2rem;
-      color: #171B1C;
-      transition: 0.3s ease-in-out; }
-    .gallery-card .card-body .meta-tag p {
-      font-weight: normal;
-      font-size: 13px;
-      display: flex;
-      align-items: center;
-      color: #505050; }
-      .gallery-card .card-body .meta-tag p .icon {
-        width: 18px;
-        margin-right: 8px; }
-
-.filtered-tags .tag {
-  background-color: #fafafd;
-  border: 1px solid #e7e7e7;
-  height: 33px;
-  padding: 0 1.1rem; }
-  .filtered-tags .tag span {
-    font-size: 13px;
-    margin-left: 8px;
-    cursor: pointer;
-    padding: 9px;
-    margin-right: -18px; }
-
-.outlined-bg-buttons .button {
-  background: #fafafd;
-  border: 1px solid var(--ac-primary);
-  font-size: 13px;
-  letter-spacing: -0.5px;
-  font-weight: 400;
-  height: 33px;
-  border-radius: 4px;
-  color: var(--ac-primary); }
-  .outlined-bg-buttons .button:hover {
-    background-color: var(--ac-primary);
-    color: #fff; }
-  .outlined-bg-buttons .button span {
-    font-size: 13px; }
-
-.playlist-wrapper {
-  margin-top: 60px; }
-  .playlist-wrapper h4 {
-    font-weight: 700;
-    font-size: 18px;
-    line-height: 130%;
-    margin-bottom: 20px; }
-  .playlist-wrapper .playlist-item {
-    padding: 15px;
-    display: flex;
-    align-items: center;
-    border: 1px solid #e7e7e7;
-    transition: 0.3s ease-in-out;
-    border-radius: 4px;
-    margin-bottom: 20px; }
-    .playlist-wrapper .playlist-item:last-child {
-      margin-bottom: 0; }
-    .playlist-wrapper .playlist-item:hover {
-      background-color: #fafafd;
-      border: 1px solid var(--ac-primary); }
-    .playlist-wrapper .playlist-item .thumbnail {
-      margin-right: 50px;
-      display: flex; }
-      .playlist-wrapper .playlist-item .thumbnail img {
-        width: 190px;
-        height: 190px;
-        border-radius: 4px; }
-    .playlist-wrapper .playlist-item .content {
-      width: calc(100% - 240px); }
-      .playlist-wrapper .playlist-item .content .categories {
-        display: flex;
-        align-items: center; }
-        .playlist-wrapper .playlist-item .content .categories span {
-          font-weight: 400;
-          font-size: 13px;
-          line-height: 100%;
-          color: #505050;
-          margin-bottom: 15px;
-          margin-right: 15px;
-          margin-bottom: 0; }
-      .playlist-wrapper .playlist-item .content h2 {
-        font-weight: 500;
-        font-size: 16px;
-        line-height: 130%; }
-      .playlist-wrapper .playlist-item .content p {
-        font-size: 14px;
-        line-height: 160%;
-        color: #515D63; }
-      .playlist-wrapper .playlist-item .content button {
-        font-weight: 500;
-        font-size: 14px;
-        line-height: 160%;
-        text-decoration-line: underline;
-        background: transparent;
-        border: none;
-        margin: 0;
-        padding: 0;
-        color: var(--ac-primary); }
-
-.single-video-page .left-content .user-info-wrapper {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px; }
-  .single-video-page .left-content .user-info-wrapper .image {
-    margin-right: 15px; }
-  .single-video-page .left-content .user-info-wrapper .user-info h5 {
-    font-weight: 500;
-    font-size: 16px;
-    line-height: 19px;
-    /* identical to box height */
-    letter-spacing: 0.15px; }
-  .single-video-page .left-content .user-info-wrapper .user-info p {
-    font-weight: 400;
-    font-size: 13px;
-    line-height: 15px;
-    letter-spacing: 0.15px;
-    color: #414141; }
-.single-video-page .left-content .tags strong {
-  font-weight: 500;
-  font-size: 16px;
-  line-height: 19px;
-  /* identical to box height */
-  letter-spacing: 0.15px; }
-.single-video-page .left-content .video-description p {
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 160%;
-  margin-bottom: 15px; }
-  .single-video-page .left-content .video-description p a {
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 160%;
-    color: #4d4dcb; }
-.single-video-page .right-content {
-  position: sticky;
-  top: 81px; }
-  .single-video-page .right-content .video-list-wrapper {
-    background-color: #fafafd;
-    border: 1px solid #e7e7e7;
-    padding: 30px; }
-    .single-video-page .right-content .video-list-wrapper h4 {
-      font-weight: 600;
-      font-size: 20px;
-      line-height: 100%;
-      margin-bottom: 15px; }
-    .single-video-page .right-content .video-list-wrapper .video-list-items .single-video {
-      display: flex;
-      align-items: center;
-      margin-bottom: 15px; }
-      .single-video-page .right-content .video-list-wrapper .video-list-items .single-video:last-child {
-        margin-bottom: 0; }
-      .single-video-page .right-content .video-list-wrapper .video-list-items .single-video:hover .descriptions h5 {
-        color: var(--ac-primary); }
-      .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail {
-        margin-right: 15px;
-        height: 60px;
-        width: 60px; }
-        .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .thumbnail img {
-          object-fit: cover; }
-      .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions {
-        width: calc(100% - 75px); }
-        .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 {
-          transition: 0.3s ease-in-out; }
-        .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions h5 {
-          font-size: 16px;
-          line-height: 120%;
-          /* or 19px */
-          letter-spacing: 0.25px; }
-        .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions p {
-          font-weight: 400;
-          font-size: 13px;
-          line-height: 150%;
-          color: #191536; }
-
-.video-content {
-  margin-bottom: 20px;
-  width: 100%;
-  height: 0;
-  position: relative;
-  padding-top: 56.25%; }
-  .video-content iframe {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    border: 0; }
-
-.video-title h1 {
-  font-weight: 700;
-  font-size: 24px;
-  line-height: 130%;
-  letter-spacing: 0.25px;
-  margin-bottom: 20px; }
-
-@keyframes waves {
-  0% {
-    -webkit-transform: scale(0.2, 0.2);
-    transform: scale(0.2, 0.2);
-    opacity: 0;
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
-  50% {
-    opacity: 0.9;
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
-  100% {
-    -webkit-transform: scale(0.9, 0.9);
-    transform: scale(0.9, 0.9);
-    opacity: 0;
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }
-.fa-play:before {
-  content: "\f04b"; }
-
-/****************************************
-Responsive Classes
-*****************************************/
-@media screen and (max-width: 768px) {
-  .gallery-wrapper .left-sidebar {
-    width: calc(100vw - 40px);
-    z-index: 9;
-    position: fixed;
-    left: -110%;
-    height: 100%;
-    overflow-y: auto;
-    transition: 0.3s ease-in-out; }
-    .gallery-wrapper .left-sidebar .left-sidebar-inner {
-      top: 0; }
-  .gallery-wrapper .right-content {
-    width: 100%; }
-
-  .filtered-tags .tag {
-    padding: 0 0.3rem; }
-    .filtered-tags .tag span {
-      margin-right: 0;
-      padding: 6px;
-      margin-left: 0; }
-
-  .outlined-bg-buttons {
-    justify-content: flex-end; }
-    .outlined-bg-buttons .button {
-      margin-right: 10px; }
-      .outlined-bg-buttons .button:last-child {
-        margin-right: 0; }
-
-  .playlist-wrapper .playlist-item {
-    flex-direction: column;
-    align-items: flex-start; }
-    .playlist-wrapper .playlist-item .thumbnail {
-      margin-right: 0;
-      margin-bottom: 15px; }
-      .playlist-wrapper .playlist-item .thumbnail img {
-        width: 100%;
-        height: auto; }
-    .playlist-wrapper .playlist-item .content {
-      width: 100%; }
-
-  .gallery-card .card-thumbnail img {
-    height: 100%; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .gallery-card {
-    min-height: 280px; }
-    .gallery-card .card-thumbnail img {
-      height: 150px; }
-    .gallery-card .card-body {
-      padding: 10px; }
-      .gallery-card .card-body h1 {
-        margin: 0.5rem 0 1rem; }
-      .gallery-card .card-body .meta-tag p {
-        font-size: 13px; }
-
-  .single-video-page .right-content .video-list-wrapper h4 {
-    font-size: 16px; }
-  .single-video-page .right-content .video-list-wrapper .video-list-items .single-video .descriptions {
-    font-size: 14px; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .gallery-card {
-    min-height: 290px; }
-    .gallery-card .card-thumbnail img {
-      height: 150px; }
-    .gallery-card .card-body {
-      padding: 10px; }
-      .gallery-card .card-body h1 {
-        margin: 0.5rem 0 1rem; }
-      .gallery-card .card-body .meta-tag p {
-        font-size: 13px; } }
-@media screen and (min-width: 1408px) {
-  .gallery-card {
-    min-height: 290px; }
-    .gallery-card .card-thumbnail img {
-      height: 150px; }
-    .gallery-card .card-body {
-      padding: 10px; }
-      .gallery-card .card-body h1 {
-        margin: 0.5rem 0 1rem; }
-      .gallery-card .card-body .meta-tag p {
-        font-size: 13px; } }
-.navbar-area {
-  position: relative;
-  z-index: 99;
-  background-color: #ffffff; }
-
-.navbar-appscode-wrapper {
-  background-color: #ffffff;
-  border-bottom: 1px solid #e7e7e7; }
-  .navbar-appscode-wrapper.navbar-product {
-    background-color: #fafafd;
-    will-change: transform;
-    transition: transform 200ms linear; }
-    .navbar-appscode-wrapper.navbar-product .mega-menu-wrapper {
-      top: 57px; }
-    .navbar-appscode-wrapper.navbar-product .navbar-left .navbar-brand a img {
-      height: 1.58rem; }
-    .navbar-appscode-wrapper.navbar-product .buttons.has-addons .button {
-      font-size: 14px; }
-
-.navbar-appscode {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.5rem 1.25rem; }
-  .navbar-appscode.container {
-    padding: 0.5rem 0; }
-    .navbar-appscode.container .mega-menu-wrapper {
-      width: calc(100% + 100%);
-      left: -50%;
-      min-height: 525px; }
-      @media screen and (max-width: 1023px) {
-        .navbar-appscode.container .mega-menu-wrapper {
-          min-height: auto; } }
-  .navbar-appscode .navbar-right .button.ac-button {
-    height: 40px; }
-  .navbar-appscode.documentation-menu {
-    margin-left: 349px;
-    background-color: #ffffff;
-    border-left: 1px solid #e7e7e7; }
-    .navbar-appscode.documentation-menu .mega-menu-wrapper {
-      top: 104px; }
-    .navbar-appscode.documentation-menu .navbar-right {
-      width: 100%;
-      justify-content: space-between; }
-      .navbar-appscode.documentation-menu .navbar-right .ac-searchbar {
-        width: 49%; }
-    .navbar-appscode.documentation-menu ul .nav-item .link.is-active {
-      position: relative;
-      z-index: 1; }
-      .navbar-appscode.documentation-menu ul .nav-item .link.is-active:after {
-        position: absolute;
-        content: "";
-        left: 0;
-        bottom: -8px;
-        width: 100%;
-        height: 4px;
-        background: var(--ac-primary);
-        border-radius: 3px 3px 0 0; }
-  .navbar-appscode .navbar-left {
-    display: flex;
-    align-items: center; }
-    .navbar-appscode .navbar-left .navbar-brand {
-      min-height: auto;
-      align-items: center;
-      margin-right: 3.8rem; }
-      .navbar-appscode .navbar-left .navbar-brand a {
-        display: flex;
-        align-items: center; }
-        .navbar-appscode .navbar-left .navbar-brand a img {
-          height: 1.875rem; }
-  .navbar-appscode .navbar-right {
-    display: flex;
-    align-items: center;
-    width: calc(100% - 200px);
-    justify-content: flex-end; }
-    .navbar-appscode .navbar-right .navbar-left-group {
-      display: flex;
-      align-items: center; }
-      @media (min-width: 0px) and (max-width: 1023px) {
-        .navbar-appscode .navbar-right .navbar-left-group {
-          align-items: flex-start; } }
-    .navbar-appscode .navbar-right .navbar-right-group {
-      display: flex;
-      align-items: center;
-      gap: 32px; }
-      .navbar-appscode .navbar-right .navbar-right-group ul {
-        display: flex;
-        margin-left: 16px; }
-        @media screen and (max-width: 1023px) {
-          .navbar-appscode .navbar-right .navbar-right-group ul {
-            margin-left: 0; } }
-      .navbar-appscode .navbar-right .navbar-right-group .buttons iframe {
-        transition: 0.3s ease-in-out; }
-        .navbar-appscode .navbar-right .navbar-right-group .buttons iframe:hover {
-          box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important;
-          transform: translateY(-2px); }
-      .navbar-appscode .navbar-right .navbar-right-group .buttons .button:has(.tag) {
-        gap: 4px; }
-      .navbar-appscode .navbar-right .navbar-right-group .buttons .button .tag {
-        background-color: var(--ac-primary);
-        color: #ffffff; }
-      @media (min-width: 0px) and (max-width: 1023px) {
-        .navbar-appscode .navbar-right .navbar-right-group {
-          flex-direction: column;
-          align-items: flex-start;
-          gap: 16px;
-          width: 100%; }
-          .navbar-appscode .navbar-right .navbar-right-group .buttons {
-            width: 100%; }
-            .navbar-appscode .navbar-right .navbar-right-group .buttons .button {
-              width: 100%;
-              margin-right: 0; } }
-  .navbar-appscode ul .nav-item {
-    margin-right: 2.5rem; }
-    .navbar-appscode ul .nav-item.is-active .link {
-      color: var(--ac-primary); }
-      .navbar-appscode ul .nav-item.is-active .link i.fa {
-        transform: rotate(-180deg); }
-    .navbar-appscode ul .nav-item.is-active .mega-menu-wrapper {
-      display: block !important; }
-    .navbar-appscode ul .nav-item:last-child {
-      margin-right: 0; }
-    .navbar-appscode ul .nav-item .link {
-      font-size: 0.875rem;
-      line-height: 1;
-      color: #171B1C;
-      font-weight: 500;
-      font-family: "Roboto", sans-serif;
-      border: none;
-      background-color: transparent;
-      cursor: pointer;
-      margin: 0;
-      padding: 0.5rem 0;
-      transition: 0.3s ease-in-out;
-      position: relative;
-      z-index: 1;
-      display: flex; }
-      .navbar-appscode ul .nav-item .link.is-active {
-        color: var(--ac-primary); }
-      .navbar-appscode ul .nav-item .link:hover {
-        color: var(--ac-primary); }
-      .navbar-appscode ul .nav-item .link .fa {
-        transition: 0.3s ease-in-out;
-        margin-left: 0.625rem; }
-
-.whats-new {
-  position: absolute;
-  z-index: 1;
-  top: -10px;
-  right: -30px;
-  font-size: 0.8rem;
-  color: #ffffff;
-  padding: 0.2rem 0.3rem;
-  line-height: 1.2;
-  display: none; }
-  .whats-new:before {
-    content: "";
-    position: absolute;
-    z-index: -1;
-    left: 50%;
-    top: 50%;
-    transform: translateX(-50%) translateY(-50%);
-    display: block;
-    width: 2rem;
-    height: 1rem;
-    background: var(--ac-primary);
-    border-radius: 2px;
-    animation: pulse-border 1500ms ease-out infinite; }
-  .whats-new:after {
-    content: "";
-    position: absolute;
-    z-index: -1;
-    left: 50%;
-    top: 50%;
-    transform: translateX(-50%) translateY(-50%);
-    display: block;
-    width: 2rem;
-    height: 1rem;
-    background: var(--ac-primary);
-    transition: all 200ms; }
-@keyframes pulse-border {
-  0% {
-    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-    opacity: 1; }
-  100% {
-    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-    opacity: 0; } }
-.ac-grid-container {
-  max-width: 1344px;
-  margin: 0 auto;
-  padding: 0 0.5rem; }
-
-.mega-menu-wrapper {
-  display: none;
-  background: #ffffff;
-  position: absolute;
-  z-index: 9;
-  min-width: 300px;
-  padding: 1rem 0;
-  position: absolute;
-  width: 100%;
-  left: 0;
-  top: 61px; }
-  .mega-menu-wrapper .mega-menu-inner {
-    overflow: hidden; }
-    .mega-menu-wrapper .mega-menu-inner .product-menu {
-      display: grid;
-      grid-template-columns: auto auto;
-      width: 60%;
-      float: left; }
-      .mega-menu-wrapper .mega-menu-inner .product-menu.database-list {
-        grid-template-columns: auto auto auto; }
-        .mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product {
-          grid-template-columns: 40px auto 1.5rem;
-          width: 100%;
-          padding: 0.7rem; }
-          .mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .product-logo {
-            height: 40px;
-            width: 40px; }
-            .mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .product-logo img {
-              height: 1.5rem; }
-          .mega-menu-wrapper .mega-menu-inner .product-menu.database-list .single-product .navigate-icon .icon {
-            width: 1rem; }
-      .mega-menu-wrapper .mega-menu-inner .product-menu .single-product {
-        display: grid;
-        grid-template-columns: 3.75rem auto 1.5rem;
-        padding: 1rem;
-        align-items: center;
-        width: 100%;
-        grid-gap: 1rem;
-        border-radius: 0.25rem;
-        transition: 0.3s ease-in-out;
-        cursor: pointer; }
-        .mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active {
-          background-color: #4d4dcb0d; }
-          .mega-menu-wrapper .mega-menu-inner .product-menu .single-product:hover .navigate-icon .icon, .mega-menu-wrapper .mega-menu-inner .product-menu .single-product.is-active .navigate-icon .icon {
-            opacity: 1;
-            visibility: visible; }
-        .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo {
-          height: 60px;
-          width: 60px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          background: #e9e9fc;
-          border-radius: 0.25rem; }
-          .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img {
-            height: 2.5rem; }
-        .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info h2 {
-          font-size: 1rem;
-          letter-spacing: 0.009rem;
-          color: #171B1C;
-          font-weight: 500; }
-        .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-info p {
-          font-size: 0.813rem;
-          color: #636363;
-          line-height: 140%;
-          letter-spacing: 0.025rem; }
-        .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon {
-          text-align: right;
-          display: flex;
-          justify-content: center;
-          align-items: center; }
-          .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon {
-            width: 1.2rem;
-            color: var(--ac-primary);
-            opacity: 0;
-            visibility: hidden;
-            transition: 0.3s ease-in-out; }
-    .mega-menu-wrapper .mega-menu-inner .product-description {
-      margin-left: 1rem;
-      float: left;
-      border-left: 1px solid #e7e7e7;
-      padding-left: 4rem;
-      max-width: 36%;
-      opacity: 0;
-      display: none;
-      visibility: hidden;
-      transition: 0.3s ease-in-out;
-      animation: fadeIn 0.2s ease-in-out; }
-      .mega-menu-wrapper .mega-menu-inner .product-description.is-block {
-        opacity: 1;
-        visibility: visible; }
-      .mega-menu-wrapper .mega-menu-inner .product-description .brand {
-        margin-bottom: 1rem; }
-        .mega-menu-wrapper .mega-menu-inner .product-description .brand img {
-          height: 1.5rem; }
-      .mega-menu-wrapper .mega-menu-inner .product-description p {
-        font-size: 0.875rem;
-        color: #515D63;
-        line-height: 160%;
-        margin-bottom: 1rem; }
-      .mega-menu-wrapper .mega-menu-inner .product-description .features li {
-        font-size: 0.813rem;
-        color: #171B1C;
-        display: flex;
-        align-items: center;
-        margin-bottom: 15px; }
-        .mega-menu-wrapper .mega-menu-inner .product-description .features li .material-icons {
-          font-size: 1rem;
-          margin-right: 0.6rem;
-          color: var(--ac-primary); }
-
-.back-button {
-  display: none !important;
-  color: #515D63;
-  margin-bottom: 10px !important;
-  background-color: transparent; }
-
-.button.ac-button.inline-button {
-  border: none;
-  height: auto;
-  margin: 0;
-  padding: 0.5rem 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start; }
-  .button.ac-button.inline-button:hover {
-    background-color: transparent;
-    border: none;
-    color: var(--ac-primary); }
-    .button.ac-button.inline-button:hover .material-icons {
-      margin-left: 1rem; }
-  .button.ac-button.inline-button .material-icons {
-    font-size: 1rem;
-    margin-left: 0.5rem;
-    transition: 0.3s ease-in-out; }
-
-.linkable-nav-items {
-  width: 500px;
-  float: left; }
-  .linkable-nav-items ul {
-    display: grid;
-    grid-template-columns: auto auto;
-    grid-gap: 0.5rem; }
-    .linkable-nav-items ul li {
-      width: 250px; }
-      .linkable-nav-items ul li a {
-        display: inline-flex;
-        align-items: center;
-        font-size: 0.875rem;
-        letter-spacing: 0.009rem;
-        color: #171B1C;
-        font-weight: 500;
-        transition: 0.3s;
-        padding-left: 0; }
-        .linkable-nav-items ul li a:hover {
-          color: var(--ac-primary); }
-          .linkable-nav-items ul li a:hover span:last-child {
-            padding-left: 1rem; }
-        .linkable-nav-items ul li a span {
-          display: flex;
-          align-items: center;
-          font-size: 1rem; }
-          .linkable-nav-items ul li a span:last-child {
-            padding-left: 0.5rem; }
-          .linkable-nav-items ul li a span img {
-            height: 1rem;
-            margin-right: 1rem; }
-
-.resources-list {
-  display: grid;
-  grid-template-columns: auto auto auto auto;
-  grid-gap: 2rem; }
-  .resources-list .list-items h2 {
-    font-weight: 500;
-    position: relative;
-    font-size: 0.875rem;
-    z-index: 1;
-    display: inline-block;
-    letter-spacing: 1.2px; }
-  .resources-list .list-items ul {
-    margin: 0;
-    padding: 0;
-    list-style: none; }
-    .resources-list .list-items ul li a {
-      font-size: 0.875rem;
-      padding: 0.6rem 0;
-      color: #171B1C;
-      display: inline-block;
-      line-height: 1;
-      transition: 0.3s ease-in-out;
-      font-weight: 500; }
-      .resources-list .list-items ul li a span {
-        font-size: 14px; }
-      .resources-list .list-items ul li a:hover {
-        color: var(--ac-primary);
-        text-decoration: underline; }
-
-.press-wrapper .single-press {
-  margin: 0;
-  padding: 0;
-  margin-bottom: 1.5rem;
-  display: flex;
-  align-items: center;
-  transition: 0.3s; }
-  .press-wrapper .single-press:hover h6 {
-    color: var(--ac-primary); }
-  .press-wrapper .single-press .calender {
-    text-align: center;
-    height: 90px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: flex-start;
-    flex-direction: column;
-    margin-right: 1rem;
-    border-radius: 4px; }
-    .press-wrapper .single-press .calender .date {
-      width: 84px;
-      height: 45px;
-      background-color: #9dffcd;
-      font-style: normal;
-      font-weight: 500;
-      font-size: 28px;
-      line-height: 140%;
-      letter-spacing: 0.4px;
-      color: var(--ac-primary);
-      align-items: center;
-      display: flex;
-      justify-content: center; }
-    .press-wrapper .single-press .calender .month {
-      width: 84px;
-      height: 45px;
-      background: #ccffe5;
-      font-family: Roboto;
-      font-style: normal;
-      font-weight: 300;
-      font-size: 18px;
-      line-height: 140%;
-      letter-spacing: 0.4px;
-      color: var(--ac-primary);
-      align-items: center;
-      display: flex;
-      justify-content: center; }
-  .press-wrapper .single-press .description {
-    max-width: 327px; }
-    .press-wrapper .single-press .description h6 {
-      font-size: 1rem;
-      margin-bottom: 0px;
-      letter-spacing: 0;
-      font-weight: 500;
-      display: block; }
-      .press-wrapper .single-press .description h6:after {
-        position: inherit; }
-    .press-wrapper .single-press .description .author {
-      font-weight: 400;
-      font-size: 0.875rem;
-      letter-spacing: 0.4px;
-      margin-bottom: 0.5rem;
-      display: block;
-      color: #1c1c1c; }
-    .press-wrapper .single-press .description p {
-      font-size: 0.875rem;
-      color: #636363;
-      line-height: 150%; }
-.press-wrapper .button.inline-button {
-  margin-left: 100px !important; }
-
-.community-items {
-  display: flex;
-  align-items: center; }
-  .community-items .community-item {
-    border: 1px solid #636363;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 2px;
-    width: 2.5rem;
-    height: 2.5rem;
-    margin-right: 0.5rem;
-    transition: 0.3s; }
-    .community-items .community-item:hover {
-      background-color: var(--ac-primary);
-      border-color: var(--ac-primary); }
-      .community-items .community-item:hover img {
-        filter: brightness(10); }
-    .community-items .community-item:last-child {
-      margin-right: 0; }
-
-.responsive-menu {
-  background-color: var(--ac-primary); }
-  .responsive-menu .button {
-    border: none;
-    padding-left: 0;
-    padding-right: 0;
-    font-size: 14px;
-    font-weight: 500;
-    background-color: transparent;
-    color: #ffffff; }
-    .responsive-menu .button.is-active {
-      color: #d2d2d2; }
-
-.product-version .dropdown .dropdown-trigger .button {
-  font-size: 0.813rem;
-  width: 210px;
-  height: 2rem;
-  border-radius: 2px;
-  padding: 2px 15px;
-  color: #171B1C;
-  border: 1px solid #e7e7e7; }
-  .product-version .dropdown .dropdown-trigger .button .arrow {
-    color: #999999;
-    font-size: 0.9rem; }
-.product-version .dropdown .dropdown-menu {
-  /* ===== Scrollbar CSS ===== */
-  /* Firefox */
-  /* Chrome, Edge, and Safari */ }
-  .product-version .dropdown .dropdown-menu * {
-    scrollbar-width: auto;
-    scrollbar-color: #ebebeb #fafafd; }
-  .product-version .dropdown .dropdown-menu *::-webkit-scrollbar {
-    width: 12px; }
-  .product-version .dropdown .dropdown-menu *::-webkit-scrollbar-track {
-    background: #fafafd; }
-  .product-version .dropdown .dropdown-menu *::-webkit-scrollbar-thumb {
-    background-color: #ebebeb;
-    border-radius: 10px;
-    border: 3px solid #fafafd; }
-  .product-version .dropdown .dropdown-menu .dropdown-content {
-    max-height: 420px;
-    overflow-y: auto; }
-    .product-version .dropdown .dropdown-menu .dropdown-content .dropdown-item {
-      font-size: 0.813rem;
-      color: #171B1C; }
-.product-version .new-item {
-  background-color: var(--ac-primary);
-  font-size: 0.813rem;
-  color: #ffffff;
-  border-radius: 2px;
-  height: 1.2rem;
-  padding: 2px 5px;
-  line-height: 1.2; }
-
-.ac-searchbar {
-  position: relative;
-  z-index: 1;
-  padding: 0 20px;
-  border-left: 1px solid #e7e7e7; }
-  .ac-searchbar label .fa {
-    color: #171B1C; }
-  .ac-searchbar input[type="search"] {
-    border: none;
-    background-color: transparent;
-    color: #515D63;
-    font-size: 0.875rem;
-    width: 270px;
-    padding: 0.2rem 0.875rem; }
-    .ac-searchbar input[type="search"]:focus {
-      border: none;
-      outline: none; }
-    .ac-searchbar input[type="search"]::placeholder {
-      color: #636363; }
-
-.modal-backdrop.is-show {
-  width: 100%;
-  height: 100%;
-  background: #333;
-  position: fixed;
-  top: 0;
-  opacity: 0.8;
-  z-index: 9; }
-
-.header--fixed {
-  position: fixed;
-  z-index: 10;
-  right: 0;
-  left: 0;
-  top: 0; }
-  .header--fixed::after {
-    position: absolute;
-    content: "";
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background: #ffffff;
-    z-index: -1;
-    transition: 0.5s ease-in-out; }
-  .header--fixed.headroom--unpinned::after {
-    transition: transform 500ms linear; }
-
-.headroom {
-  will-change: transform;
-  transition: transform 200ms linear; }
-
-.headroom--pinned {
-  transform: translateY(0px);
-  transition: transform 500ms linear; }
-
-.headroom--unpinned {
-  transform: translateY(-165px); }
-  .headroom--unpinned .navbar-area.navbar-fixed {
-    transform: translateY(135px); }
-  .headroom--unpinned .navbar-appscode-wrapper.navbar-product {
-    transform: translateY(104px); }
-
-.navbar-burger {
-  height: 30px;
-  width: 30px;
-  border-radius: 4px; }
-  .navbar-burger.is-active i.fa {
-    transform: rotate(-180deg);
-    transform-origin: 10px; }
-  .navbar-burger span {
-    height: 1.5px; }
-
-/****************************************
-Responsive Classes
-*****************************************/
-@media screen and (max-width: 1023px) {
-  .headroom--unpinned .navbar-appscode-wrapper.navbar-product {
-    padding: 0 0;
-    transform: translateY(104px); }
-    .headroom--unpinned .navbar-appscode-wrapper.navbar-product .navbar-appscode .navbar-right {
-      top: 47px; }
-
-  .navbar-appscode.container {
-    padding: 0.5rem 15px; }
-  .navbar-appscode.documentation-menu {
-    margin-left: 0;
-    padding: 0; }
-    .navbar-appscode.documentation-menu ul .nav-item .link.is-active:after {
-      display: none; }
-    .navbar-appscode.documentation-menu .navbar-right {
-      position: fixed;
-      width: 80%;
-      border-right: 1px solid #e7e7e7; }
-  .navbar-appscode .navbar-left {
-    width: 100%; }
-    .navbar-appscode .navbar-left .navbar-brand {
-      margin: 0;
-      width: 100%; }
-      .navbar-appscode .navbar-left .navbar-brand a img {
-        height: 1.5rem !important; }
-    .navbar-appscode .navbar-left ul {
-      position: absolute;
-      right: 20%;
-      opacity: 0;
-      visibility: hidden; }
-  .navbar-appscode .navbar-right {
-    position: absolute;
-    z-index: 99;
-    right: 20%;
-    opacity: 0;
-    visibility: hidden;
-    background: #fafafd;
-    width: 100%;
-    left: 0;
-    min-height: calc(100vh + 110px);
-    overflow-y: auto;
-    transition: 0.3s ease-in-out;
-    top: 61px;
-    padding: 15px;
-    justify-content: flex-start;
-    flex-direction: column;
-    align-items: flex-start; }
-    .navbar-appscode .navbar-right .is-flex.is-justify-content-space-between {
-      flex-direction: column;
-      align-items: flex-start; }
-    .navbar-appscode .navbar-right .is-primary.ml-8 {
-      margin-left: 0 !important;
-      margin-top: 15px; }
-    .navbar-appscode .navbar-right .button.ac-button.is-primary {
-      margin-left: 0;
-      width: 100%; }
-    .navbar-appscode .navbar-right ul {
-      display: flex;
-      flex-direction: column; }
-      .navbar-appscode .navbar-right ul li.nav-item {
-        margin: 6px 0; }
-        .navbar-appscode .navbar-right ul li.nav-item .link .whats-new {
-          top: -10px;
-          right: -30px; }
-    .navbar-appscode .navbar-right .community-items.ml-70 {
-      margin-left: 0 !important;
-      margin-top: 30px; }
-    .navbar-appscode .navbar-right.is-visible {
-      opacity: 1;
-      visibility: visible; }
-
-  .resources-list {
-    grid-template-columns: auto; }
-
-  .mega-menu-wrapper {
-    width: 100% !important;
-    left: 0 !important;
-    top: 0 !important;
-    padding-top: 20px !important;
-    background-color: #fafafd;
-    max-height: 75vh;
-    min-height: 70vh;
-    overflow-y: auto;
-    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16); }
-    .mega-menu-wrapper .mega-menu-inner .product-menu {
-      grid-template-columns: auto;
-      width: 100%; }
-      .mega-menu-wrapper .mega-menu-inner .product-menu .single-product {
-        width: 100%; }
-        .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo {
-          height: 50px;
-          width: 50px; }
-          .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .product-logo img {
-            height: 1.8rem; }
-        .mega-menu-wrapper .mega-menu-inner .product-menu .single-product .navigate-icon .icon {
-          width: 16px; }
-      .mega-menu-wrapper .mega-menu-inner .product-menu.database-list {
-        grid-template-columns: auto; }
-    .mega-menu-wrapper .mega-menu-inner .product-description {
-      border-left: none;
-      padding-left: 0;
-      margin-top: 35px;
-      margin-left: 0;
-      max-width: 100%; }
-
-  .press-wrapper .button.inline-button {
-    margin-left: 0 !important;
-    background-color: transparent; }
-
-  .navbar-appscode-wrapper.navbar-product .navbar-appscode .navbar-right {
-    top: 47px; }
-
-  .product-version.pl-20 {
-    padding-left: 10px; }
-  .product-version .dropdown .dropdown-trigger .button {
-    width: 190px; }
-  .product-version .dropdown-menu {
-    z-index: 9999; }
-
-  .back-button {
-    display: flex !important; }
-    .back-button span {
-      color: var(--ac-primary);
-      padding-right: 15px;
-      font-size: 18px; } }
-.embeded-console-button {
-  height: 42px;
-  margin-bottom: 4px;
-  width: 185px;
-  overflow: hidden; }
-  @media screen and (max-width: 768px) {
-    .embeded-console-button {
-      width: 100%; } }
-
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .navbar-burger {
-    display: none !important; }
-
-  .navbar-appscode.documentation-menu {
-    margin-left: 0;
-    border-left: none; }
-  .navbar-appscode .navbar-left .navbar-brand {
-    margin-right: 1rem; }
-  .navbar-appscode .navbar-right {
-    width: calc(100% - 180px); }
-    .navbar-appscode .navbar-right .community-items.ml-70 {
-      margin-left: 10px !important; }
-    .navbar-appscode .navbar-right .buttons {
-      min-width: 354px !important; }
-    .navbar-appscode .navbar-right .button.ac-button {
-      padding: .5rem 1rem; }
-  .navbar-appscode .navbar-right-group {
-    gap: 8px !important; }
-  .navbar-appscode ul .nav-item {
-    margin-right: 12px; }
-
-  .mega-menu-wrapper .mega-menu-inner .product-menu {
-    grid-template-columns: auto;
-    width: calc(50% - 5rem); }
-  .mega-menu-wrapper .mega-menu-inner .product-description {
-    border-left: none; }
-  .mega-menu-wrapper .video-content {
-    display: none; }
-
-  .product-version.ml-20 {
-    margin-left: 4px !important; }
-  .product-version .dropdown .dropdown-trigger .button {
-    width: 180px;
-    padding: 2px 5px; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .navbar-burger {
-    display: none !important; }
-
-  .navbar-appscode.documentation-menu {
-    margin-left: 0;
-    border-left: none; }
-  .navbar-appscode .navbar-right {
-    width: calc(100% - 180px); }
-    .navbar-appscode .navbar-right .community-items.ml-70 {
-      margin-left: 10px !important; }
-  .navbar-appscode ul .nav-item {
-    margin-right: 1.5rem; }
-
-  .mega-menu-wrapper .mega-menu-inner .product-menu {
-    grid-template-columns: auto;
-    width: calc(50% - 5rem); }
-  .mega-menu-wrapper .mega-menu-inner .product-description {
-    border-left: none; }
-  .mega-menu-wrapper .video-content {
-    display: none; } }
-@media screen and (min-width: 1408px) {
-  .navbar-appscode .navbar-left .navbar-brand {
-    margin-right: 3rem; } }
-.mega-menu-wrapper .mega-menu-inner .product-menu.services-grid {
-  grid-template-columns: 500px;
-  width: 500px;
-  background-color: #fbfbfb;
-  border-radius: 8px; }
-  @media screen and (max-width: 1023px) {
-    .mega-menu-wrapper .mega-menu-inner .product-menu.services-grid {
-      grid-template-columns: auto;
-      width: 100%; }
-      .mega-menu-wrapper .mega-menu-inner .product-menu.services-grid .single-product::after {
-        display: none; } }
-  .mega-menu-wrapper .mega-menu-inner .product-menu.services-grid .single-product {
-    padding: 0.8rem 1rem; }
-    .mega-menu-wrapper .mega-menu-inner .product-menu.services-grid .single-product .product-logo {
-      height: 48px;
-      width: 48px; }
-      .mega-menu-wrapper .mega-menu-inner .product-menu.services-grid .single-product .product-logo img {
-        height: 1.5rem !important; }
-
-.ac-preloader {
-  position: fixed;
-  height: 100vh;
-  top: 0;
-  z-index: 999;
-  width: 100%;
-  background-color: #ffffff; }
-
-.spinner {
-  position: relative; }
-
-.spinner:before,
-.spinner:after {
-  content: "";
-  position: relative;
-  display: block; }
-
-.spinner:before {
-  -webkit-animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
-  animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
-  width: 2em;
-  height: 2em;
-  background-color: var(--ac-primary); }
-
-.spinner:after {
-  -webkit-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
-  animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
-  bottom: -0.5em;
-  height: 0.25em;
-  border-radius: 50%;
-  background-color: rgba(0, 0, 0, 0.2); }
-
-@-webkit-keyframes spinner {
-  50% {
-    border-radius: 50%;
-    transform: scale(0.5) rotate(360deg); }
-  100% {
-    transform: scale(1) rotate(720deg); } }
-@keyframes spinner {
-  50% {
-    border-radius: 50%;
-    transform: scale(0.5) rotate(360deg); }
-  100% {
-    transform: scale(1) rotate(720deg); } }
-@-webkit-keyframes shadow {
-  50% {
-    transform: scale(0.5);
-    background-color: rgba(0, 0, 0, 0.1); } }
-@keyframes shadow {
-  50% {
-    transform: scale(0.5);
-    background-color: rgba(0, 0, 0, 0.1); } }
-.cookie-wrapper {
-  border-top: 1px solid #e7e7e7;
-  position: fixed;
-  width: 100%;
-  background-color: #fafafd;
-  bottom: 0;
-  left: 0;
-  padding: 8px 0;
-  z-index: 99;
-  transition: 0.3s ease-in-out; }
-  .cookie-wrapper.hide {
-    opacity: 0;
-    visibility: hidden; }
-  .cookie-wrapper .cookie-content {
-    display: flex;
-    align-items: center;
-    justify-content: space-between; }
-    .cookie-wrapper .cookie-content p {
-      font-size: 14px;
-      color: #171B1C;
-      width: calc(100% - 220px);
-      margin-bottom: 0; }
-      .cookie-wrapper .cookie-content p a {
-        color: #056131;
-        text-decoration: underline;
-        font-weight: 500; }
-        .cookie-wrapper .cookie-content p a:hover {
-          color: var(--ac-primary); }
-    .cookie-wrapper .cookie-content .buttons .button {
-      border: none;
-      background-color: transparent;
-      font-weight: 500;
-      padding: 8px 16px;
-      font-size: 14px;
-      border-radius: 2px;
-      transition: 0.3s; }
-      .cookie-wrapper .cookie-content .buttons .button:hover:not(.is-primary) {
-        text-decoration: underline;
-        color: var(--ac-primary); }
-      .cookie-wrapper .cookie-content .buttons .button.is-primary {
-        background-color: var(--ac-primary); }
-
-/****************************************
-Responsive Classes
-*****************************************/
-@media screen and (max-width: 768px) {
-  .cookie-wrapper .cookie-content {
-    justify-content: center;
-    flex-direction: column; }
-    .cookie-wrapper .cookie-content p {
-      width: 100%;
-      text-align: center;
-      margin-bottom: 10px; } }
-li.nav-item {
-  display: inline-block !important;
-  text-indent: 0 !important;
-  padding: 0px !important; }
-
-li.nav-item:before {
-  display: none; }
-
-.tabs.is-boxed a {
-  border: 1px solid transparent;
-  border-radius: 4px 4px 0 0; }
-
-.tab-pane {
-  display: none; }
-
-.tab-pane.show {
-  display: block; }
-
-.nav-tabs a {
-  align-items: center;
-  border-bottom-color: #dbdbdb;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #4a4a4a;
-  display: flex;
-  justify-content: center;
-  margin-bottom: -1px;
-  padding: 0.5em 1em;
-  vertical-align: top; }
-
-li.nav-item a {
-  display: block;
-  padding: 5px 20px; }
-
-a.nav-link.active {
-  background-color: #ffffff;
-  border-left: 1px solid #dbdbdb;
-  border-right: 1px solid #dbdbdb;
-  border-top: 1px solid #dbdbdb;
-  border-bottom-color: transparent !important;
-  border-radius: 4px 4px 0 0;
-  position: relative;
-  z-index: 1; }
-
-a.nav-link.active:after {
-  position: absolute;
-  content: "";
-  background: var(--ac-primary);
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 4px;
-  z-index: -1;
-  border-radius: 4px 4px 0 0; }
-
-.nav-tabs {
-  align-items: center;
-  border-bottom-width: 1px;
-  display: flex;
-  flex-grow: 1;
-  flex-shrink: 0;
-  justify-content: flex-start; }
-
-.tab-content {
-  border: 1px solid #dbdbdb;
-  padding: 20px;
-  border-radius: 4px;
-  margin-bottom: 15px; }
-
-.tab-content h2 {
-  margin-top: 0; }
-
-.button {
-  transition: 0.3s ease-in-out; }
-  .button.ac-button {
-    border-color: var(--ac-primary);
-    border-radius: 0.125rem;
-    font-size: 0.875rem;
-    font-family: "Roboto", sans-serif;
-    letter-spacing: 0.078rem;
-    line-height: 1;
-    color: var(--ac-primary);
-    font-weight: 500;
-    padding: 0.5rem 1.5rem;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    height: 46px; }
-    @media screen and (max-width: 768px) {
-      .button.ac-button {
-        height: 44px; } }
-    .button.ac-button:focus-visible {
-      outline: none; }
-    .button.ac-button:hover {
-      background-color: var(--ac-primary);
-      color: #ffffff;
-      box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important;
-      transform: translateY(-2px); }
-    .button.ac-button.is-disabled {
-      opacity: 0.5 !important; }
-    .button.ac-button .ac-icon {
-      margin-left: 25px;
-      background-color: #ffffff;
-      color: var(--ac-primary);
-      padding: 2px 6px;
-      border-radius: 4px;
-      width: 28px;
-      height: 28px; }
-    .button.ac-button.is-normal {
-      height: 45px;
-      font-size: 15px;
-      letter-spacing: 0px;
-      font-weight: 500;
-      padding-left: 25px;
-      padding-right: 25px; }
-    .button.ac-button.is-medium {
-      height: 58px;
-      font-size: 18px;
-      padding-left: 45px;
-      padding-right: 45px; }
-    .button.ac-button.is-transparent {
-      padding: 0;
-      height: auto;
-      border: none;
-      font-size: 14px;
-      font-weight: 500;
-      background-color: transparent;
-      color: #171B1C; }
-      .button.ac-button.is-transparent:hover {
-        box-shadow: none !important; }
-      .button.ac-button.is-transparent.is-primary {
-        background-color: transparent;
-        color: var(--ac-primary); }
-        .button.ac-button.is-transparent.is-primary:hover {
-          background-color: transparent;
-          color: var(--ac-primary); }
-      .button.ac-button.is-transparent.is-danger {
-        background-color: transparent;
-        color: #ff3729; }
-        .button.ac-button.is-transparent.is-danger:hover {
-          background-color: transparent;
-          color: #ff3729; }
-      .button.ac-button.is-transparent.is-small {
-        letter-spacing: 0px;
-        font-size: 13px; }
-      .button.ac-button.is-transparent:focus {
-        box-shadow: none;
-        outline: none; }
-    .button.ac-button.is-white {
-      background-color: #ffffff;
-      border: none; }
-      .button.ac-button.is-white:hover {
-        color: var(--ac-primary);
-        opacity: 0.9; }
-    .button.ac-button.is-primary {
-      background-color: var(--ac-primary);
-      color: #ffffff;
-      border: none;
-      background: linear-gradient(to left, #00a851, #2a7e53) !important; }
-      .button.ac-button.is-primary:hover {
-        background-color: var(--ac-primary); }
-      .button.ac-button.is-primary:focus-visible {
-        outline: none; }
-      .button.ac-button.is-primary.is-light {
-        background-color: var(--ac-primary);
-        color: var(--ac-primary); }
-        .button.ac-button.is-primary.is-light.is-border {
-          border: 1px solid var(--ac-primary); }
-        .button.ac-button.is-primary.is-light:hover {
-          background-color: var(--ac-primary); }
-      .button.ac-button.is-primary.is-outlined {
-        background-color: transparent;
-        border: 1px solid var(--ac-primary);
-        color: var(--ac-primary); }
-        .button.ac-button.is-primary.is-outlined:hover {
-          background-color: var(--ac-primary);
-          color: #ffffff; }
-    .button.ac-button.is-link {
-      background-color: #0aafff;
-      color: #ffffff;
-      border: none; }
-      .button.ac-button.is-link:focus-visible {
-        outline: none; }
-      .button.ac-button.is-link.is-light {
-        color: #0aafff; }
-        .button.ac-button.is-link.is-light.is-border {
-          border: 1px solid #0aafff; }
-      .button.ac-button.is-link.is-outlined {
-        background-color: transparent;
-        border: 1px solid #0aafff;
-        color: #0aafff; }
-        .button.ac-button.is-link.is-outlined:hover {
-          background-color: #0aafff;
-          color: #ffffff; }
-    .button.ac-button.is-info {
-      background-color: #0aafff;
-      color: #ffffff;
-      border: none; }
-      .button.ac-button.is-info:focus-visible {
-        outline: none; }
-      .button.ac-button.is-info.is-light {
-        color: #0aafff; }
-        .button.ac-button.is-info.is-light.is-border {
-          border: 1px solid #0aafff; }
-      .button.ac-button.is-info.is-outlined {
-        background-color: transparent;
-        border: 1px solid #0aafff;
-        color: #0aafff; }
-        .button.ac-button.is-info.is-outlined:hover {
-          background-color: #0aafff;
-          color: #ffffff; }
-    .button.ac-button.is-success {
-      background-color: var(--ac-primary);
-      color: #ffffff;
-      border: none; }
-      .button.ac-button.is-success:hover {
-        background-color: var(--ac-primary); }
-      .button.ac-button.is-success:focus-visible {
-        outline: none; }
-      .button.ac-button.is-success.is-light {
-        background-color: var(--ac-primary);
-        color: var(--ac-primary); }
-        .button.ac-button.is-success.is-light.is-border {
-          border: 1px solid var(--ac-primary); }
-        .button.ac-button.is-success.is-light:hover {
-          background-color: var(--ac-primary); }
-      .button.ac-button.is-success.is-outlined {
-        background-color: transparent;
-        border: 1px solid var(--ac-primary);
-        color: var(--ac-primary); }
-        .button.ac-button.is-success.is-outlined:hover {
-          background-color: var(--ac-primary);
-          color: #ffffff; }
-    .button.ac-button.is-warning {
-      background-color: #ff8000;
-      color: #ffffff;
-      border: none; }
-      .button.ac-button.is-warning:focus-visible {
-        outline: none; }
-      .button.ac-button.is-warning.is-light {
-        color: #ff8000; }
-        .button.ac-button.is-warning.is-light.is-border {
-          border: 1px solid #ff8000; }
-      .button.ac-button.is-warning.is-outlined {
-        background-color: transparent;
-        border: 1px solid #ff8000;
-        color: #ff8000; }
-        .button.ac-button.is-warning.is-outlined:hover {
-          background-color: #ff8000;
-          color: #ffffff; }
-    .button.ac-button.is-danger {
-      background-color: #ff3729;
-      color: #ffffff;
-      border: none; }
-      .button.ac-button.is-danger:focus-visible {
-        outline: none; }
-      .button.ac-button.is-danger.is-light {
-        color: #ff3729; }
-        .button.ac-button.is-danger.is-light.is-border {
-          border: 1px solid #ff3729; }
-      .button.ac-button.is-danger.is-outlined {
-        background-color: transparent;
-        border: 1px solid #ff3729;
-        color: #ff3729; }
-        .button.ac-button.is-danger.is-outlined:hover {
-          background-color: #ff3729;
-          color: #ffffff; }
-    .button.ac-button.is-green {
-      background-color: #158748;
-      color: #ffffff;
-      border: none; }
-      .button.ac-button.is-green:focus-visible {
-        outline: none; }
-      .button.ac-button.is-green.is-light {
-        color: #158748; }
-        .button.ac-button.is-green.is-light.is-border {
-          border: 1px solid #158748; }
-      .button.ac-button.is-green.is-outlined {
-        background-color: transparent;
-        border: 1px solid #158748;
-        color: #158748; }
-        .button.ac-button.is-green.is-outlined:hover {
-          background-color: #158748;
-          color: #ffffff; }
-  .button .icon {
-    width: 1.2em;
-    height: 1.2em; }
-
-.readmore-button {
-  margin: 0;
-  padding: 0;
-  font-size: 0.875rem;
-  color: #515D63;
-  font-weight: 500;
-  border: none;
-  background: transparent;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  line-height: 1;
-  transition: 0.3s ease-in-out; }
-  .readmore-button .material-icons-outlined {
-    font-size: 0.875rem;
-    margin-left: 10px;
-    transition: 0.3s ease-in-out; }
-
-.testimonial-area {
-  padding: 60px 0 60px; }
-  .testimonial-area .section-title h2 {
-    font-size: 48px; }
-  .testimonial-area .section-title p {
-    font-size: 18px; }
-  .testimonial-area .single-testimonial-item {
-    background: #ffffff;
-    box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
-    border-radius: 4px;
-    padding: 50px 40px;
-    min-height: 460px; }
-    .testimonial-area .single-testimonial-item .user-info-wrapper {
-      display: flex;
-      align-items: center;
-      margin-bottom: 1rem; }
-      .testimonial-area .single-testimonial-item .user-info-wrapper .image {
-        margin-right: 1.2rem; }
-        .testimonial-area .single-testimonial-item .user-info-wrapper .image img {
-          height: 100%; }
-      .testimonial-area .single-testimonial-item .user-info-wrapper .user-info .name {
-        font-weight: bold;
-        color: #171B1C;
-        font-size: 22px;
-        line-height: 1;
-        line-height: 160%; }
-      .testimonial-area .single-testimonial-item .user-info-wrapper .user-info p {
-        font-size: 14px;
-        line-height: 160%;
-        color: #a6abbd; }
-    .testimonial-area .single-testimonial-item p {
-      font-size: 1rem;
-      line-height: 160%; }
-  .testimonial-area .owl-carousel .owl-stage-outer {
-    padding: 40px 0px; }
-
-.arrows {
-  display: flex;
-  width: 136px;
-  justify-content: space-between; }
-  .arrows .button {
-    width: 60px;
-    height: 60px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: #ffffff;
-    border: 1px solid #e7e7e7; }
-    .arrows .button:hover .material-icons-outlined {
-      transform: scale(1.2);
-      color: var(--ac-primary); }
-    .arrows .button .material-icons-outlined {
-      transition: 0.3s ease-in-out;
-      font-size: 18px; }
-
-/****************************************
-Responsive Classes
-*****************************************/
-@media screen and (max-width: 768px) {
-  .testimonial-area {
-    padding-top: 30px; }
-    .testimonial-area .section-title {
-      text-align: center; }
-      .testimonial-area .section-title h2 {
-        font-size: 32px; }
-    .testimonial-area .owl-carousel .owl-stage-outer {
-      padding: 0 !important; }
-    .testimonial-area .arrows {
-      width: 96px;
-      margin: 0 auto;
-      margin-top: 30px; }
-      .testimonial-area .arrows .button {
-        width: 40px;
-        height: 40px; }
-    .testimonial-area .single-testimonial-item {
-      padding: 30px;
-      min-height: auto; }
-      .testimonial-area .single-testimonial-item .user-info-wrapper .user-info {
-        text-align: left; }
-        .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h6 {
-          font-size: 20px; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .testimonial-area .section-title h2 {
-    font-size: 38px; }
-  .testimonial-area .single-testimonial-item {
-    padding: 30px 30px;
-    min-height: 310px; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .testimonial-area .section-title h2 {
-    font-size: 38px; }
-  .testimonial-area .single-testimonial-item {
-    min-height: 310px;
-    padding: 30px; } }
-@media screen and (min-width: 1408px) {
-  .testimonial-area .single-testimonial-item {
-    padding: 30px; }
-    .testimonial-area .single-testimonial-item .user-info-wrapper .user-info h5 {
-      font-size: 18px; } }
-.features-area .features-image {
-  position: relative;
-  z-index: 1; }
-  .features-area .features-image img {
-    border-radius: 4px; }
-  .features-area .features-image .check-list {
-    position: absolute;
-    top: 60px;
-    left: -150px;
-    left: -150px; }
-.features-area .features-description h2 {
-  line-height: 130%; }
-.features-area .features-description h1 {
-  font-style: normal;
-  font-weight: bold;
-  font-size: 34px;
-  line-height: 130%;
-  letter-spacing: -0.57px;
-  margin-bottom: 1rem; }
-.features-area .features-description p {
-  font-size: 1rem;
-  margin-bottom: 15px;
-  text-align: justify; }
-  .features-area .features-description p strong {
-    color: #171B1C;
-    font-weight: 500; }
-.features-area h3 {
-  margin-bottom: 1rem;
-  font-weight: 800; }
-.features-area .check-list {
-  background-color: #ffffff;
-  padding: 30px 40px;
-  width: 300px;
-  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
-  border-radius: 0.5rem; }
-  .features-area .check-list li {
-    display: flex;
-    align-items: center;
-    font-size: 1rem;
-    margin-bottom: 0.8rem; }
-    .features-area .check-list li:last-child {
-      margin-bottom: 0; }
-    .features-area .check-list li span {
-      font-size: 18px;
-      margin-right: 0.8rem;
-      color: var(--ac-primary); }
-
-.single-features-item {
-  padding: 20px 20px;
-  display: grid;
-  grid-gap: 20px;
-  grid-template-columns: 3.75rem auto;
-  border: 1px solid #e7e7e7;
-  border-radius: 2px;
-  min-height: 126px; }
-  .single-features-item:hover .readmore-button {
-    letter-spacing: 0;
-    color: var(--ac-primary); }
-    .single-features-item:hover .readmore-button .material-icons-outlined {
-      margin-left: 20px; }
-  .single-features-item .feature-icon {
-    width: 3.75rem;
-    height: 3.75rem;
-    background-color: #f1f1f9;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 2px; }
-    .single-features-item .feature-icon img {
-      height: 30px; }
-  .single-features-item .feature-information h5 {
-    font-size: 20px;
-    margin-bottom: 5px; }
-  .single-features-item .feature-information p {
-    font-size: 0.875rem;
-    line-height: 160%;
-    transition: 0.3s ease-in-out;
-    color: #515D63; }
-
-.features-area .single-feature-image {
-  display: flex;
-  align-items: center; }
-  .features-area .single-feature-image img {
-    max-width: 400px; }
-.features-area p {
-  text-align: justify; }
-
-.features-area .features-thumbnail {
-  max-width: 80%;
-  border-radius: 4px;
-  overflow: hidden;
-  display: flex; }
-  .features-area .features-thumbnail.has-text-right {
-    margin-left: auto;
-    margin-right: 0; }
-
-/****************************************
-Responsive Classes
-*****************************************/
-@media screen and (max-width: 768px) {
-  .features-area .features-image .check-list {
-    top: 30px;
-    left: 50%;
-    margin-left: -150px;
-    padding: 30px; }
-  .features-area .buttons {
-    justify-content: center; }
-  .features-area .features-description {
-    text-align: center; }
-    .features-area .features-description h2 {
-      margin-bottom: 10px; }
-    .features-area .features-description h1 {
-      font-size: 28px; }
-    .features-area .features-description p {
-      text-align: center; }
-  .features-area h3 {
-    font-size: 1.5rem;
-    margin-bottom: 0.5rem;
-    text-align: center; }
-  .features-area p {
-    text-align: center; }
-
-  .single-features-item {
-    grid-template-columns: auto;
-    grid-gap: 10px;
-    text-align: center; }
-    .single-features-item .feature-icon {
-      margin: 0 auto; }
-    .single-features-item .readmore-button {
-      text-align: left;
-      margin: 0; }
-
-  .features-area .features-thumbnail {
-    margin: 0 auto;
-    max-width: 100%; }
-    .features-area .features-thumbnail.has-text-right {
-      margin-right: auto; }
-
-  .single-features-item .feature-icon {
-    width: 3rem;
-    height: 3rem;
-    border-radius: 4px; }
-    .single-features-item .feature-icon img {
-      height: 24px; }
-  .single-features-item .feature-information {
-    text-align: left; }
-    .single-features-item .feature-information h5 {
-      font-size: 18px;
-      margin-bottom: 5px;
-      line-height: 1.3; }
-
-  .features-area .features-thumbnail {
-    margin: 0 auto; }
-    .features-area .features-thumbnail.has-text-right {
-      margin-right: auto; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .single-features-item {
-    grid-template-columns: auto;
-    grid-gap: 10px;
-    text-align: center; }
-    .single-features-item .feature-icon {
-      margin: 0 auto; }
-    .single-features-item .feature-information h5 {
-      font-size: 18px; }
-
-  .features-area .features-image .check-list {
-    left: 50%;
-    margin-left: -150px;
-    padding: 30px; }
-  .features-area .features-thumbnail {
-    margin: 0 auto; }
-    .features-area .features-thumbnail.has-text-right {
-      margin-right: auto; }
-
-  .readmore-button {
-    text-align: center;
-    margin: 0 auto; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .features-area .features-image .check-list {
-    left: 50%;
-    margin-left: -150px; }
-  .features-area .features-description {
-    font-size: 28px; }
-  .features-area h3 {
-    font-size: 28px;
-    margin-bottom: 0.8rem; } }
-@media screen and (min-width: 1408px) {
-  .features-area .features-description h1 {
-    font-size: 32px; }
-  .features-area .features-image .check-list {
-    top: 30px; }
-
-  .single-features-item {
-    padding: 20px;
-    min-height: 126px; }
-    .single-features-item .feature-information h5 {
-      font-size: 16px;
-      margin-bottom: 0;
-      line-height: 130%; } }
-.ac-accordion-wrapper.is-marginless .single-accordion-item {
-  margin: 0;
-  padding: 0; }
-  .ac-accordion-wrapper.is-marginless .single-accordion-item .accordion-heading {
-    padding: 10px 20px;
-    position: relative;
-    z-index: 1; }
-    .ac-accordion-wrapper.is-marginless .single-accordion-item .accordion-heading::after {
-      position: absolute;
-      content: "";
-      left: 0;
-      top: 0;
-      width: 4px;
-      height: 100%;
-      background-color: var(--ac-primary); }
-.ac-accordion-wrapper .single-accordion-item {
-  background-color: #fff;
-  border: 1px solid #E8E9EA;
-  padding: 12px 20px;
-  margin-bottom: 15px;
-  border-radius: 4px; }
-  .ac-accordion-wrapper .single-accordion-item:last-child {
-    margin-bottom: 0; }
-  .ac-accordion-wrapper .single-accordion-item .accordion-heading {
-    display: flex;
-    align-items: center;
-    justify-content: space-between; }
-    .ac-accordion-wrapper .single-accordion-item .accordion-heading h3 {
-      cursor: pointer;
-      font-size: 16px;
-      font-weight: 700;
-      color: #1C1C1C; }
-    .ac-accordion-wrapper .single-accordion-item .accordion-heading h4 {
-      font-size: 14px;
-      font-weight: 700;
-      line-height: 20px; }
-    .ac-accordion-wrapper .single-accordion-item .accordion-heading button {
-      font-size: 12px;
-      letter-spacing: .1px; }
-    .ac-accordion-wrapper .single-accordion-item .accordion-heading .icon {
-      width: 24px;
-      height: 24px;
-      border: 1px solid #e7e7e7;
-      line-height: 16px;
-      font-size: 12px;
-      border-radius: 50%;
-      cursor: pointer; }
-  .ac-accordion-wrapper .single-accordion-item .accordion-body {
-    max-height: 0;
-    transition: max-height 0.2s ease-out;
-    overflow: hidden;
-    padding: 0; }
-    .ac-accordion-wrapper .single-accordion-item .accordion-body p {
-      padding-top: 3px;
-      font-size: 15px;
-      color: #393E46; }
-
-.cta-area {
-  margin-bottom: 60px;
-  position: relative;
-  z-index: 1; }
-  .cta-area .cta-area-inner {
-    padding: 20px 50px;
-    background-size: cover;
-    background-position: center;
-    border-radius: 8px;
-    display: flex;
-    align-items: center;
-    background-color: #F4FBF7;
-    border: 1px solid var(--ac-primary);
-    position: relative;
-    z-index: 1; }
-    .cta-area .cta-area-inner:after {
-      position: absolute;
-      content: "";
-      left: 0;
-      top: 0;
-      width: 100%;
-      z-index: -1; }
-    .cta-area .cta-area-inner h3 {
-      margin-bottom: 1rem;
-      text-wrap: balance; }
-    .cta-area .cta-area-inner p {
-      text-wrap: balance; }
-
-/****************************************
-Responsive Classes
-*****************************************/
-@media screen and (max-width: 768px) {
-  .cta-area .cta-area-inner {
-    height: auto !important;
-    padding: 32px 16px; }
-    .cta-area .cta-area-inner .buttons .button.ac-button {
-      letter-spacing: 0;
-      padding: 0.5rem 1rem;
-      width: 100%; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .cta-area .cta-area-inner {
-    padding: 20px; }
-    .cta-area .cta-area-inner h3 {
-      font-size: 28px; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .cta-area .cta-area-inner {
-    padding: 20px; }
-    .cta-area .cta-area-inner h3 {
-      font-size: 28px; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .cta-area .cta-area-inner {
-    padding: 30px; }
-    .cta-area .cta-area-inner h3 {
-      font-size: 28px; } }
-@media screen and (min-width: 1408px) {
-  .cta-area .cta-area-inner {
-    padding: 30px; }
-    .cta-area .cta-area-inner h3 {
-      font-size: 28px; } }
-.full-info {
-  overflow: hidden; }
-  .full-info h1,
-  .full-info h2,
-  .full-info h3,
-  .full-info h4,
-  .full-info h5,
-  .full-info h6 {
-    margin-top: 40px;
-    font-weight: 700;
-    color: #171B1C;
-    margin-bottom: 10px; }
-    .full-info h1:first-child,
-    .full-info h2:first-child,
-    .full-info h3:first-child,
-    .full-info h4:first-child,
-    .full-info h5:first-child,
-    .full-info h6:first-child {
-      margin-top: 0; }
-    .full-info h1 a,
-    .full-info h2 a,
-    .full-info h3 a,
-    .full-info h4 a,
-    .full-info h5 a,
-    .full-info h6 a {
-      font-size: 16px; }
-      .full-info h1 a svg,
-      .full-info h2 a svg,
-      .full-info h3 a svg,
-      .full-info h4 a svg,
-      .full-info h5 a svg,
-      .full-info h6 a svg {
-        padding-left: 10px; }
-      .full-info h1 a.hash-tag,
-      .full-info h2 a.hash-tag,
-      .full-info h3 a.hash-tag,
-      .full-info h4 a.hash-tag,
-      .full-info h5 a.hash-tag,
-      .full-info h6 a.hash-tag {
-        opacity: 0;
-        visibility: hidden;
-        transition: 0.3s ease-in-out; }
-    .full-info h1:hover a,
-    .full-info h2:hover a,
-    .full-info h3:hover a,
-    .full-info h4:hover a,
-    .full-info h5:hover a,
-    .full-info h6:hover a {
-      opacity: 1;
-      visibility: visible; }
-  .full-info h1 {
-    font-size: 32px;
-    border-bottom: 1px solid #ebebeb;
-    padding-bottom: 10px;
-    margin-bottom: 20px; }
-  .full-info h2 {
-    font-size: 24px; }
-  .full-info h3 {
-    font-size: 18px; }
-  .full-info h4 {
-    font-size: 16px; }
-  .full-info h5 {
-    font-size: 15px; }
-  .full-info h6 {
-    font-size: 13px; }
-  .full-info .highlight pre code {
-    color: #f1f1f1; }
-  .full-info table td,
-  .full-info table th {
-    text-align: left; }
-  .full-info h2 span.share-icon {
-    color: #6b6b6b;
-    font-size: 18px;
-    margin-left: 10px;
-    opacity: 0;
-    visibility: hidden;
-    transition: 0.3s ease-in-out; }
-
-.full-info h2:hover span.share-icon {
-  opacity: 1;
-  visibility: visible; }
-
-.full-info ul li,
-.full-info ol li,
-.full-info ol li p {
-  color: #4a4a4a;
-  display: block;
-  padding-bottom: 8px;
-  line-height: 1.8; }
-
-.full-info ul li:last-child,
-.full-info ol li:last-child,
-.full-info ol p:last-child {
-  margin-bottom: 0;
-  padding-bottom: 0; }
-
-.full-info ul li,
-.full-info ol li {
-  text-indent: -30px; }
-
-.full-info ul li p,
-.full-info ol li p {
-  text-indent: 0;
-  margin-top: -30px; }
-
-.full-info ul li pre,
-.full-info ol li pre {
-  text-indent: 0px;
-  margin-left: -30px; }
-
-.full-info ul li:before {
-  content: "\f10c";
-  font-family: fontawesome;
-  font-size: 8px;
-  margin-right: 20px;
-  color: #707070; }
-
-.full-info figure {
-  margin-bottom: 30px; }
-  .full-info figure figcaption {
-    color: #707070;
-    font-size: 14px; }
-
-ul li b {
-  color: var(--ac-primary);
-  font-weight: 500; }
-
-.full-info ul,
-.full-info ol {
-  padding: 0 0 0 30px;
-  margin-bottom: 15px; }
-
-.full-info ul.nav.nav-tabs {
-  margin-bottom: 0; }
-
-.full-info ul li p {
-  margin: 0;
-  display: inline; }
-
-.full-info p b {
-  color: var(--ac-primary); }
-
-.full-info ul li p a,
-.full-info p a,
-.full-info a {
-  color: var(--ac-primary);
-  font-weight: 500;
-  font-family: "Roboto", sans-serif; }
-
-.full-info p {
-  margin-bottom: 15px;
-  color: #515D63; }
-
-.full-info p strong {
-  font-weight: 500; }
-  .full-info p strong em {
-    font-weight: 500; }
-
-.appscode-style.full-info ul li p a .appscode-style.full-info p a,
-.appscode-style.full-info a {
-  color: var(--ac-primary); }
-
-.full-info ol {
-  list-style: none;
-  counter-reset: order-list-counter; }
-
-.full-info ol li {
-  counter-increment: order-list-counter; }
-
-.full-info ol li::before {
-  content: counter(order-list-counter) ". ";
-  font-weight: 500;
-  font-family: "Roboto", sans-serif;
-  font-size: 15px;
-  color: #4a4a4a; }
-
-/* schedule-demo start */
-embed,
-iframe,
-object,
-video {
-  height: 100%;
-  max-width: 100%; }
-
-.schedule-title {
-  margin-top: 65px;
-  color: #242a31;
-  margin-bottom: 30px; }
-
-.kd-sidebar-menu label,
-.kd-sidebar-menu li a {
-  font-size: 14px;
-  font-weight: 500;
-  color: #4a4a4a;
-  display: block;
-  cursor: pointer;
-  user-select: none;
-  margin-top: 10px;
-  margin-top: 5px;
-  transition: 0.3s; }
-
-.item ul,
-.item input[type="checkbox"] {
-  display: none;
-  overflow: hidden;
-  transition: 0.3s; }
-
-.kd-sidebar-menu .item label a {
-  font-weight: 600;
-  color: #515D63;
-  padding: 8px 17px;
-  display: block; }
-
-.kd-sidebar-menu li a:hover {
-  color: var(--ac-primary); }
-
-.kd-sidebar-menu .item ul {
-  margin-left: 20px;
-  padding-left: 15px;
-  border-left: 1px solid #e2e2e2; }
-
-.item input:checked ~ label,
-.item input:checked ~ .item > label {
-  border: 1px solid #e2e2e2;
-  background: #ffffff; }
-
-.item:first-child input:checked ~ label, .item:first-child input:checked ~ .item:first-child > label {
-  border: 1px solid transparent; }
-
-.appscode-style .item input:checked ~ label > a {
-  color: var(--ac-primary); }
-
-.item input:checked ~ ul, .item input:checked ~ .item > ul > .item {
-  margin-left: -20px; }
-
-.kd-left-sidebar {
-  margin-right: 30px;
-  position: sticky;
-  top: 130px;
-  z-index: 9; }
-
-.kd-sidebar-menu {
-  max-height: 65vh;
-  overflow-y: auto; }
-
-.kd-sidebar-menu .item label {
-  border: 1px solid transparent;
-  position: relative;
-  z-index: 1;
-  border-radius: 3px 0 0 3px; }
-
-.go-to-top {
-  position: fixed;
-  display: block;
-  font-size: 16px;
-  z-index: 999;
-  right: 20px;
-  bottom: 40px;
-  width: 40px;
-  height: 40px;
-  line-height: 30px;
-  border-radius: 50%;
-  color: var(--ac-primary);
-  background: rgba(255, 255, 255, 0.2);
-  border: 1px solid var(--ac-primary);
-  opacity: 0;
-  cursor: pointer;
-  transition: opacity 0.4s linear; }
-  .go-to-top i.fa {
-    color: var(--ac-primary); }
-
-.go-to-top.is-visible {
-  opacity: 1; }
-
-.footer-area {
-  position: relative;
-  z-index: 1; }
-  .footer-area:after {
-    position: absolute;
-    content: "";
-    left: 0;
-    bottom: 0;
-    width: 100%;
-    height: 100%;
-    z-index: -1; }
-
-.single-footer-widget .footer-logo {
-  max-width: 160px; }
-
-.subscription-form {
-  margin-top: 10px; }
-  .subscription-form label {
-    font-size: 18px;
-    font-weight: 600;
-    display: block;
-    font-family: "Roboto", sans-serif; }
-  .subscription-form input {
-    background: rgba(255, 255, 255, 0.2);
-    border: 1px solid rgba(255, 255, 255, 0.3);
-    box-shadow: none;
-    font-size: 16px;
-    border-radius: 4px;
-    padding: 8px 50px 8px 10px;
-    height: 40px;
-    position: relative;
-    z-index: 1;
-    color: #ffffff; }
-    .subscription-form input::placeholder {
-      color: #ADB2B0; }
-    .subscription-form input:focus {
-      border: 1px solid var(--ac-primary); }
-  .subscription-form .button {
-    font-family: #4a4a4a;
-    color: var(--ac-primary);
-    font-size: 16px;
-    height: 40px;
-    box-shadow: none;
-    transition: 0.3s ease-in-out;
-    cursor: pointer;
-    border: 1px solid transparent;
-    position: absolute;
-    top: 0;
-    right: 0;
-    z-index: 9 !important;
-    background: transparent; }
-    .subscription-form .button:hover {
-      background-color: var(--ac-primary);
-      color: #ffffff !important;
-      outline: none;
-      box-shadow: none; }
-
-.contact-information {
-  margin-top: 28px; }
-  .contact-information h4 {
-    font-size: 18px;
-    color: #171B1C; }
-
-.all-contact-info li a,
-p.spam-message {
-  color: #515D63;
-  display: inline-block;
-  font-size: 14px;
-  font-family: "Roboto", sans-serif;
-  padding: 5px 0; }
-
-.all-contact-info li a span {
-  padding-right: 10px; }
-
-.footer-menu label {
-  font-size: 18px;
-  margin-bottom: 4px;
-  font-weight: 500; }
-
-.footer-link li a {
-  color: #D4D6D5;
-  font-size: 14px;
-  display: block;
-  padding: 8px 0;
-  transition: 0.3s linear; }
-  .footer-link li a:last-child {
-    padding-bottom: 0; }
-  .footer-link li a:hover {
-    color: var(--ac-primary);
-    padding-left: 5px; }
-
-.footer-top {
-  padding: 50px 0 30px 0;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
-
-.footer-bottom {
-  padding: 30px 0; }
-  .footer-bottom p {
-    font-size: 14px;
-    color: #515D63;
-    margin-bottom: 0; }
-
-.footer-inline-link a {
-  color: #4a4a4a;
-  font-size: 14px;
-  margin-right: 30px;
-  transition: 0.3s ease-in-out; }
-  .footer-inline-link a:hover {
-    color: var(--ac-primary); }
-  .footer-inline-link a:last-child {
-    margin-right: 0; }
-
-.socail-link-inline li {
-  margin-right: 10px;
-  display: inline-block; }
-  .socail-link-inline li a {
-    color: #8a8a8a;
-    font-size: 14px;
-    display: inline-block;
-    width: 30px;
-    height: 30px;
-    text-align: center;
-    line-height: 30px;
-    border: 1px solid #8a8a8a;
-    border-radius: 50%;
-    transition: 0.3s ease-in-out; }
-    .socail-link-inline li a:hover {
-      background: var(--ac-primary);
-      color: #ffffff;
-      border: 1px solid transparent; }
-  .socail-link-inline li:last-child {
-    margin-right: 0; }
-
-/****************************************
-Responsive Classes
-*****************************************/
-@media screen and (max-width: 768px) {
-  .footer-area .footer-top .is-1-mobile .column {
-    padding: 0.25rem; }
-  .footer-area .single-footer-widget {
-    height: 100%; }
-    .footer-area .single-footer-widget .footer-logo {
-      margin: 0 auto; }
-    .footer-area .single-footer-widget .subscription-form {
-      text-align: center; }
-    .footer-area .single-footer-widget .field.has-addons {
-      justify-content: center; }
-  .footer-area .footer-menu {
-    background-color: #4d4dcb0d;
-    height: 100%;
-    padding: 20px 5px;
-    border-radius: 4px; }
-    .footer-area .footer-menu.is-info {
-      background-color: #0aafff2e; }
-    .footer-area .footer-menu.is-danger {
-      background-color: #ea3d2f24; }
-    .footer-area .footer-menu.is-warning {
-      background: #f7ad2a36; }
-    .footer-area .footer-menu.is-success {
-      background-color: #27b06430; }
-    .footer-area .footer-menu h4 {
-      margin-bottom: 0; }
-  .footer-area .contact-information {
-    text-align: center; }
-
-  .footer-inline-link {
-    padding: 10px 0; }
-
-  .footer-bottom {
-    padding: 20px 0; } }
-/*==============================================================
-    Documentation page style
-==============================================================*/
-.documentation-area {
-  margin-top: 190px;
-  display: flex; }
-  .documentation-area .left-sidebar-wrapper {
-    border-right: 1px solid #e7e7e7;
-    margin-top: -35px;
-    background-color: #fafafd;
-    z-index: 1;
-    width: 350px;
-    padding-top: 1rem;
-    /* ===== Scrollbar CSS ===== */
-    /* Firefox */
-    /* Chrome, Edge, and Safari */ }
-    .documentation-area .left-sidebar-wrapper * {
-      scrollbar-width: auto;
-      scrollbar-color: #ebebeb #fafafd; }
-    .documentation-area .left-sidebar-wrapper *::-webkit-scrollbar {
-      width: 12px; }
-    .documentation-area .left-sidebar-wrapper *::-webkit-scrollbar-track {
-      background: #fafafd; }
-    .documentation-area .left-sidebar-wrapper *::-webkit-scrollbar-thumb {
-      background-color: #ebebeb;
-      border-radius: 10px;
-      border: 3px solid #fafafd; }
-    .documentation-area .left-sidebar-wrapper .product-sidebar-menu {
-      overflow-y: auto;
-      width: 100%;
-      overflow-y: scroll;
-      padding-right: 17px;
-      box-sizing: content-box;
-      border-right: 1px solid #e7e7e7; }
-      .documentation-area .left-sidebar-wrapper .product-sidebar-menu .item label {
-        background: transparent; }
-      .documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul {
-        overflow: inherit; }
-        .documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul li.is-active {
-          position: relative; }
-          .documentation-area .left-sidebar-wrapper .product-sidebar-menu .item ul li.is-active::after {
-            position: absolute;
-            content: "";
-            left: -21px;
-            top: 50%;
-            margin-top: -6px;
-            width: 10px;
-            height: 10px;
-            background: #ffffff;
-            border-radius: 50%;
-            z-index: 9;
-            border: 1px solid #e7e7e7; }
-    .documentation-area .left-sidebar-wrapper .item input:checked ~ label a,
-    .documentation-area .left-sidebar-wrapper .item input:checked ~ .item > label a {
-      color: var(--ac-primary); }
-  .documentation-area .documentation-body {
-    padding: 0 60px;
-    width: calc(100% - 674px); }
-  .documentation-area .right-sidebar {
-    border-left: 1px solid #e7e7e7;
-    margin-top: -25px;
-    width: 324px;
-    padding-top: 24px; }
-
-.info-title p {
-  color: #515D63;
-  padding: 0 20px; }
-
-.full-info {
-  overflow: hidden; }
-  .full-info h1,
-  .full-info h2,
-  .full-info h3,
-  .full-info h4,
-  .full-info h5,
-  .full-info h6 {
-    margin-top: 40px;
-    font-weight: 700;
-    color: #171B1C;
-    margin-bottom: 10px; }
-    .full-info h1:first-child,
-    .full-info h2:first-child,
-    .full-info h3:first-child,
-    .full-info h4:first-child,
-    .full-info h5:first-child,
-    .full-info h6:first-child {
-      margin-top: 0; }
-    .full-info h1 a,
-    .full-info h2 a,
-    .full-info h3 a,
-    .full-info h4 a,
-    .full-info h5 a,
-    .full-info h6 a {
-      font-size: 16px; }
-      .full-info h1 a svg,
-      .full-info h2 a svg,
-      .full-info h3 a svg,
-      .full-info h4 a svg,
-      .full-info h5 a svg,
-      .full-info h6 a svg {
-        padding-left: 10px; }
-      .full-info h1 a.hash-tag,
-      .full-info h2 a.hash-tag,
-      .full-info h3 a.hash-tag,
-      .full-info h4 a.hash-tag,
-      .full-info h5 a.hash-tag,
-      .full-info h6 a.hash-tag {
-        opacity: 0;
-        visibility: hidden;
-        transition: 0.3s ease-in-out; }
-    .full-info h1:hover a,
-    .full-info h2:hover a,
-    .full-info h3:hover a,
-    .full-info h4:hover a,
-    .full-info h5:hover a,
-    .full-info h6:hover a {
-      opacity: 1;
-      visibility: visible; }
-  .full-info h1 {
-    font-size: 2rem;
-    padding-bottom: 10px;
-    line-height: 1.3; }
-  .full-info h2 {
-    font-size: 24px; }
-  .full-info h3 {
-    font-size: 18px; }
-  .full-info h4 {
-    font-size: 16px; }
-  .full-info h5 {
-    font-size: 15px; }
-  .full-info h6 {
-    font-size: 13px; }
-
-.full-info h2 span.share-icon {
-  color: #6b6b6b;
-  font-size: 18px;
-  margin-left: 10px;
-  opacity: 0;
-  visibility: hidden;
-  transition: 0.3s ease-in-out; }
-
-.full-info h2:hover span.share-icon {
-  opacity: 1;
-  visibility: visible; }
-
-blockquote {
-  border-left: 4px solid var(--ac-primary);
-  padding-left: 15px; }
-
-.full-info ul li,
-.full-info ol li,
-.full-info ol li p {
-  color: #4a4a4a;
-  display: block;
-  padding-bottom: 8px;
-  line-height: 1.8; }
-
-.full-info ul li:last-child,
-.full-info ol li:last-child,
-.full-info ol p:last-child {
-  margin-bottom: 0;
-  padding-bottom: 0; }
-
-.full-info ul li,
-.full-info ol li {
-  text-indent: -30px; }
-
-.full-info ul li p,
-.full-info ol li p {
-  text-indent: 0;
-  margin-top: -30px; }
-
-.full-info ul li pre,
-.full-info ol li pre {
-  text-indent: 0px;
-  margin-left: -30px; }
-
-.full-info ul li:before {
-  content: "\f10c";
-  font-family: fontawesome;
-  font-size: 8px;
-  margin-right: 20px;
-  color: #707070; }
-
-.full-info figure {
-  margin-bottom: 30px; }
-  .full-info figure figcaption {
-    color: #707070;
-    font-size: 14px; }
-
-ul li b {
-  color: var(--ac-primary);
-  font-weight: 500; }
-
-.full-info ul,
-.full-info ol {
-  padding: 0 0 0 30px;
-  margin-bottom: 15px; }
-
-.full-info ul.nav.nav-tabs {
-  margin-bottom: 0; }
-
-.full-info ul li p {
-  margin: 0;
-  display: inline; }
-
-.full-info p b {
-  color: var(--ac-primary); }
-
-.full-info ul li p a,
-.full-info p a,
-.full-info a {
-  color: var(--ac-primary);
-  font-weight: 500;
-  font-family: "Roboto", sans-serif; }
-
-.full-info p {
-  margin-bottom: 0.825rem;
-  color: #515D63;
-  line-height: 160%;
-  font-family: "Roboto", sans-serif; }
-
-.full-info p strong {
-  font-weight: 500; }
-  .full-info p strong em {
-    font-weight: 500; }
-
-.appscode-style.full-info ul li p a .appscode-style.full-info p a,
-.appscode-style.full-info a {
-  color: var(--ac-primary); }
-
-.code-block-wrapper {
-  position: relative;
-  z-index: 1; }
-  .code-block-wrapper .code-block-title h4 {
-    font-size: 16px;
-    line-height: 130%;
-    font-family: "Roboto", sans-serif;
-    font-weight: 500;
-    margin-bottom: 0;
-    display: flex;
-    align-items: center; }
-  .code-block-wrapper .code-block-title .copy-and-download {
-    display: flex;
-    align-items: center;
-    background: #f0f3f3;
-    padding: 20px;
-    position: absolute;
-    right: 0;
-    top: 0; }
-    .code-block-wrapper .code-block-title .copy-and-download button {
-      background: transparent;
-      border: none;
-      cursor: copy;
-      width: 30px; }
-      .code-block-wrapper .code-block-title .copy-and-download button svg {
-        transition: 0.3s ease-in-out; }
-      .code-block-wrapper .code-block-title .copy-and-download button:hover svg {
-        transform: scale(1.2); }
-    .code-block-wrapper .code-block-title .copy-and-download .download-here {
-      cursor: pointer; }
-
-.full-info ol {
-  list-style: none;
-  counter-reset: order-list-counter; }
-
-.full-info ol li {
-  counter-increment: order-list-counter; }
-
-.full-info ol li::before {
-  content: counter(order-list-counter) ". ";
-  font-weight: 500;
-  font-family: "Roboto", sans-serif;
-  font-size: 15px;
-  color: #4a4a4a; }
-
-.search-area {
-  position: relative;
-  z-index: 1;
-  margin-bottom: 40px; }
-
-.search-area input {
-  background: #ffffff;
-  border: 1px solid #e7e7e7;
-  padding: 9px 40px 9px 15px;
-  font-size: 15px;
-  border-radius: 3px;
-  width: 100%; }
-
-.search-button {
-  position: absolute;
-  top: 0;
-  height: 100%;
-  right: 0;
-  background: transparent;
-  border: none;
-  color: #32325d;
-  padding: 0 15px;
-  margin-top: -1px;
-  cursor: pointer;
-  display: block; }
-
-.tbl-of-contents #TableOfContents {
-  max-height: 70vh; }
-  .tbl-of-contents #TableOfContents::-webkit-scrollbar {
-    width: 4px;
-    height: 4px; }
-  .tbl-of-contents #TableOfContents::-webkit-scrollbar-track {
-    background: #f1f1f1; }
-  .tbl-of-contents #TableOfContents::-webkit-scrollbar-thumb {
-    background: #c1c1c1; }
-  .tbl-of-contents #TableOfContents::-webkit-scrollbar-thumb:hover {
-    background: #555; }
-
-.tbl-of-contents h4 {
-  font-size: 14px;
-  font-weight: 700;
-  color: #171B1C;
-  margin-left: 20px;
-  margin-bottom: 1.5rem;
-  line-height: 1; }
-
-.tbl-of-contents ul li a {
-  color: #4a4a4a;
-  opacity: 0.7;
-  font-size: 14px;
-  font-family: "Roboto", sans-serif;
-  font-weight: 500;
-  display: block;
-  padding-left: 20px;
-  padding-bottom: 10px; }
-
-.tbl-of-contents ul ul {
-  border: none; }
-
-.tbl-of-contents ul a.active:before {
-  width: 3px;
-  height: 100%;
-  background: var(--ac-primary);
-  content: "";
-  left: -2px;
-  top: 0;
-  position: absolute;
-  border-radius: 50px;
-  transition: 0.3s ease-in-out; }
-
-.tbl-of-contents ul a.active {
-  position: relative;
-  z-index: 1;
-  color: var(--ac-primary); }
-
-li.nav-item.active a {
-  color: var(--ac-primary); }
-
-.right-sidebar-area {
-  padding: 0 1.25rem 0 0;
-  position: sticky;
-  top: 130px; }
-
-.overlay-bg {
-  position: relative;
-  z-index: 99;
-  width: 100%;
-  height: 100%; }
-
-.overlay-bg {
-  position: fixed;
-  content: "";
-  background: #000;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0.8;
-  display: none; }
-
-.sidebar-search-area {
-  background: #ffffff;
-  width: 585px;
-  z-index: 9999;
-  right: -100%;
-  position: fixed;
-  top: 0;
-  height: 100%;
-  overflow-y: scroll;
-  transition: 0.3s linear; }
-  .sidebar-search-area button.button.ac-button.inline-button.back-button {
-    padding-left: 20px;
-    padding-top: 20px; }
-
-.sidebar-search-area::-webkit-scrollbar {
-  width: 8px; }
-
-.sidebar-search-area::-webkit-scrollbar-track {
-  background: #e7e7e7; }
-
-.sidebar-search-area::-webkit-scrollbar-thumb {
-  background: #888;
-  border-radius: 50px; }
-
-.sidebar-search-area::-webkit-scrollbar-thumb:hover {
-  background: #818181; }
-
-.search-area-top {
-  padding: 20px; }
-
-.searchbar-area input {
-  background: #ffffff;
-  padding: 10px;
-  border: 1px solid #e7e7e7;
-  height: 40px;
-  border-radius: 3px;
-  width: calc(100% - 70px); }
-  .searchbar-area input:focus {
-    box-shadow: none;
-    outline: none; }
-
-.searchbar-area {
-  position: relative;
-  z-index: 1; }
-
-.searchbar-area button {
-  position: absolute;
-  height: 100%;
-  width: 60px;
-  background: #4d4dcb;
-  color: #ffffff;
-  border: none;
-  border-radius: 3px;
-  margin-left: 10px;
-  cursor: pointer; }
-
-.sidebar-search-area h3 {
-  font-family: "Roboto", sans-serif;
-  color: #393e46;
-  margin-bottom: 10px; }
-
-.search-meta-information p,
-.search-meta-information label,
-.shorting-data select {
-  font-size: 12px;
-  color: #6b6b6b;
-  margin-top: 14px; }
-
-.shorting-data select {
-  border-radius: 3px;
-  width: 60px;
-  background: #f2f2f2;
-  border-color: #e7e7e7;
-  color: #393e46;
-  font-family: "Roboto", sans-serif; }
-
-.single-search-result h3 a {
-  color: #4d4dcb;
-  font-size: 16px;
-  font-family: "Roboto", sans-serif;
-  line-height: 26px; }
-
-.single-search-result h3 {
-  margin-bottom: 0;
-  line-height: 0; }
-
-.single-search-result a {
-  color: #00a651;
-  font-size: 12px;
-  font-family: "Roboto", sans-serif;
-  display: block; }
-
-.result-thumb {
-  width: 60px;
-  float: left;
-  overflow: hidden;
-  margin-right: 10px; }
-
-.result-description-wrapper {
-  overflow: hidden;
-  margin-top: 5px; }
-
-.result-description {
-  overflow: hidden; }
-
-.result-description p {
-  overflow: hidden;
-  font-size: 12px; }
-
-.single-search-result {
-  border-bottom: 1px solid #f2f2f2;
-  padding: 8px 20px;
-  transition: 0.3s ease-in-out; }
-
-.single-search-result:last-child {
-  border-bottom: none; }
-
-.single-search-result:hover {
-  background: #f2f2f2; }
-
-.single-search-result:hover.single-search-result h3 a {
-  text-decoration: underline; }
-
-.full-info img {
-  border: 1px solid #a9e9e9;
-  padding: 15px;
-  border-radius: 4px; }
-
-/* version section style start */
-.select select.is-active,
-.select select.is-focused,
-.select select:active,
-.select select:focus,
-.button.is-focused:not(:active),
-.button:focus:not(:active) {
-  box-shadow: none;
-  border-color: none; }
-
-.navbar-link:not(.is-arrowless)::after,
-.select:not(.is-multiple):not(.is-loading)::after {
-  border-color: #999;
-  height: 8px;
-  width: 8px; }
-
-.dropdown.is-active .button .icon:last-child:not(:first-child) {
-  transform: rotate(180deg); }
-
-/* version section style end */
-.improve-section-area {
-  background-color: #fafafd;
-  border-top: 1px solid #e7e7e7;
-  border-bottom: 1px solid #e7e7e7;
-  padding: 20px;
-  font-size: 1rem;
-  font-weight: 500; }
-
-.improve-bg-color {
-  background-color: #fbfdff; }
-  .improve-bg-color a {
-    font-size: 16px !important;
-    font-weight: 700 !important;
-    font-family: "Roboto", sans-serif; }
-  .improve-bg-color p {
-    font-size: 16px !important;
-    color: #74818d !important; }
-
-.full-info table td,
-.full-info table th {
-  text-align: left; }
-
-/****************************************
-Responsive Classes
-*****************************************/
-@media screen and (max-width: 1023px) {
-  .documentation-area {
-    margin-top: 160px;
-    margin-bottom: 15px; }
-    .documentation-area .right-sidebar-area {
-      top: 0; }
-    .documentation-area .left-sidebar-wrapper,
-    .documentation-area .right-sidebar {
-      display: none;
-      position: fixed;
-      top: 0;
-      z-index: 9999;
-      width: 80%;
-      margin-top: 0;
-      height: calc(100vh - 0px); }
-    .documentation-area .right-sidebar {
-      right: 0;
-      background: #fff;
-      height: 100vh;
-      overflow-y: auto; }
-    .documentation-area .documentation-body {
-      padding: 0 20px;
-      width: 100%; }
-      .documentation-area .documentation-body .full-info h1 {
-        font-size: 1.5rem;
-        line-height: 1.3;
-        margin-bottom: 0; }
-
-  .ac-product-left-sidebar {
-    max-height: calc(100vh - 100px);
-    top: 0;
-    position: relative; }
-
-  .sidebar-search-area {
-    width: 100%; }
-
-  .improve-section-area {
-    padding-bottom: 20px; }
-
-  .button.is-link.is-medium.is-active.has-text-weight-normal {
-    margin-bottom: 10px; } }
-@media screen and (min-width: 1024px) and (max-width: 1215px) {
-  .documentation-area .left-sidebar-wrapper {
-    width: 240px; }
-  .documentation-area .documentation-body {
-    padding: 0 40px;
-    width: calc(100% - 480px); }
-  .documentation-area .right-sidebar {
-    width: 240px; } }
-@media screen and (min-width: 1216px) and (max-width: 1407px) {
-  .documentation-area .left-sidebar-wrapper {
-    width: 240px; }
-  .documentation-area .documentation-body {
-    padding: 0 40px;
-    width: calc(100% - 480px); }
-  .documentation-area .right-sidebar {
-    width: 240px; } }
-@media screen and (min-width: 1408px) {
-  .navbar-appscode.documentation-menu {
-    margin-left: 263px; }
-
-  .documentation-area .left-sidebar-wrapper {
-    width: 265px; }
-  .documentation-area .documentation-body {
-    width: calc(100% - 520px); }
-  .documentation-area .right-sidebar {
-    width: 260px; } }
-.hero-area.features-plan {
-  margin-top: 130px; }
-  .hero-area.features-plan .hero-area-content .hero-content-inner h1 {
-    font-size: 36px;
-    line-height: 140%;
-    font-weight: 500;
-    margin-bottom: 30px; }
-    .hero-area.features-plan .hero-area-content .hero-content-inner h1 b {
-      font-weight: 700; }
-
-.bgc-2 {
-  background-color: #f9f9f9; }
-
-.features-cta-area {
-  padding: 80px 0; }
-  .features-cta-area .features-plan-cta-wrapper {
-    background-color: #ffffff;
-    border-radius: 4px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    position: sticky;
-    z-index: 8;
-    top: 50px; }
-    .features-cta-area .features-plan-cta-wrapper .cta-left {
-      width: 35%;
-      padding: 30px 20px; }
-      .features-cta-area .features-plan-cta-wrapper .cta-left.fp-cta-bg {
-        background-image: url(../images/features-plan/features-plan-cta-bg.svg);
-        background-repeat: no-repeat;
-        background-size: cover;
-        background-position: center; }
-      .features-cta-area .features-plan-cta-wrapper .cta-left h2 {
-        font-size: 36px;
-        line-height: 140%;
-        font-weight: 700;
-        color: #32325d;
-        margin-bottom: 20px;
-        text-transform: capitalize; }
-      .features-cta-area .features-plan-cta-wrapper .cta-left p {
-        font-size: 16px;
-        line-height: 160%;
-        color: #54657e; }
-    .features-cta-area .features-plan-cta-wrapper .cta-right {
-      width: 65%;
-      display: flex; }
-      .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta {
-        padding: 20px 20px 80px 20px;
-        border-left: 1px solid #eceff4;
-        position: relative;
-        z-index: 1; }
-        .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.community {
-          width: 50%; }
-        .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.enterprise {
-          width: 50%; }
-          .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta.enterprise .button.ac-button.is-secondary {
-            background-color: #ff8000;
-            border-color: #ff8000;
-            color: #ffffff; }
-        .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 {
-          font-weight: 700;
-          font-size: 22px;
-          line-height: 1.2;
-          margin-bottom: 6px;
-          text-transform: capitalize; }
-        .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta p {
-          font-size: 16px;
-          color: #54657e;
-          line-height: 1.5; }
-        .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta a.is-trial {
-          font-size: 12px;
-          color: #ff8000;
-          margin-bottom: 15px;
-          line-height: 1;
-          font-weight: 500;
-          display: block;
-          font-family: roboto;
-          text-decoration: underline; }
-          .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta a.is-trial:hover {
-            color: var(--ac-primary); }
-        .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .bottom-content {
-          position: absolute;
-          bottom: 20px;
-          left: 0px;
-          width: 100%; }
-        .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title {
-          margin-top: 15px; }
-          .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li {
-            background-color: #ffefe7;
-            width: 33.33%; }
-            .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(2) {
-              background-color: rgba(0, 114, 249, 0.1); }
-            .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(3) {
-              background-color: #ece8f7; }
-            .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title.enterprise ul li:nth-child(4) {
-              background-color: #e8f1f8; }
-          .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title ul {
-            display: flex;
-            align-items: center;
-            justify-content: space-around; }
-            .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta .plan-title ul li {
-              padding: 16px;
-              font-size: 16px;
-              color: #393e46;
-              text-transform: uppercase;
-              font-weight: 500;
-              background-color: #e5f6ee;
-              width: 100%; }
-
-.single-features-area:not(:last-child) {
-  margin-bottom: 30px; }
-
-.features-plan-area .single-features-area .single-features {
-  display: grid;
-  grid-template-columns: 35% 65%; }
-  .features-plan-area .single-features-area .single-features .features-plan {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 10px;
-    text-align: center; }
-  .features-plan-area .single-features-area .single-features:nth-child(odd) {
-    background-color: #ffffff; }
-    .features-plan-area .single-features-area .single-features:nth-child(odd) .features-plan.community {
-      background-color: #edf9f3 !important;
-      color: #32325d; }
-    .features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan {
-      color: #32325d; }
-      .features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(1) {
-        background-color: rgba(252, 96, 17, 0.1); }
-      .features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(2) {
-        background-color: rgba(0, 114, 249, 0.1); }
-      .features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(3) {
-        background-color: rgba(63, 25, 173, 0.1); }
-      .features-plan-area .single-features-area .single-features:nth-child(odd) .e-plan:nth-child(4) {
-        background-color: rgba(25, 113, 189, 0.1); }
-  .features-plan-area .single-features-area .single-features:nth-child(even) {
-    background-color: #f7f9fb; }
-    .features-plan-area .single-features-area .single-features:nth-child(even) .features-plan.community {
-      background-color: #e6f3ef !important;
-      color: #32325d; }
-    .features-plan-area .single-features-area .single-features:nth-child(even) .e-plan {
-      color: #32325d; }
-      .features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(1) {
-        background-color: rgba(252, 96, 17, 0.1); }
-      .features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(2) {
-        background-color: rgba(0, 114, 249, 0.1); }
-      .features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(3) {
-        background-color: rgba(63, 25, 173, 0.1); }
-      .features-plan-area .single-features-area .single-features:nth-child(even) .e-plan:nth-child(4) {
-        background-color: rgba(25, 113, 189, 0.1); }
-  .features-plan-area .single-features-area .single-features.title {
-    margin-bottom: 0; }
-    .features-plan-area .single-features-area .single-features.title .features-name {
-      display: flex;
-      align-items: center; }
-    .features-plan-area .single-features-area .single-features.title .features-plan.community {
-      background-color: #edf9f3 !important;
-      color: #00a651; }
-    .features-plan-area .single-features-area .single-features.title .e-plan:nth-child(1) {
-      background-color: rgba(252, 96, 17, 0.1);
-      color: #fc6011; }
-    .features-plan-area .single-features-area .single-features.title .e-plan:nth-child(2) {
-      background-color: rgba(0, 114, 249, 0.1);
-      color: #0072f9; }
-    .features-plan-area .single-features-area .single-features.title .e-plan:nth-child(3) {
-      background-color: rgba(63, 25, 173, 0.1);
-      color: #3f19ad; }
-    .features-plan-area .single-features-area .single-features.title .e-plan:nth-child(4) {
-      background-color: rgba(25, 113, 189, 0.1);
-      color: #1971bd; }
-    .features-plan-area .single-features-area .single-features.title .features-name {
-      font-weight: 500; }
-    .features-plan-area .single-features-area .single-features.title .features-plan-wrapper .features-plan {
-      font-weight: 500; }
-  .features-plan-area .single-features-area .single-features .features-name {
-    padding: 14px 20px;
-    font-size: 16px;
-    color: #393e46; }
-    .features-plan-area .single-features-area .single-features .features-name a {
-      font-family: "Roboto", sans-serif;
-      text-decoration: underline; }
-    .features-plan-area .single-features-area .single-features .features-name .info-icon.tooltip {
-      margin-left: 5px;
-      margin-top: 3px;
-      min-width: 16px; }
-  .features-plan-area .single-features-area .single-features .features-plan-wrapper {
-    display: grid;
-    align-items: center;
-    grid-template-columns: 50% 50%; }
-    .features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan {
-      font-weight: 400; }
-      .features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.community {
-        height: 100%;
-        display: flex;
-        align-items: center;
-        text-align: center;
-        justify-content: center;
-        font-size: 14px;
-        padding: 7px; }
-        .features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.community span.t-icon {
-          height: 26px; }
-      .features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan.enterprise {
-        display: grid;
-        grid-template-columns: 100%;
-        font-size: 14px;
-        height: 100%; }
-      .features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan .e-plan {
-        padding: 10px 15px;
-        height: 100%;
-        text-align: center;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        line-height: 130%; }
-        .features-plan-area .single-features-area .single-features .features-plan-wrapper .features-plan .e-plan span.t-icon {
-          height: 26px;
-          width: 26px;
-          align-items: center;
-          display: flex;
-          justify-content: center; }
-
-.assistance-card-wrapper {
-  @import url(/assets/css/calendly.css); }
-  .assistance-card-wrapper .single-card {
-    background: #ffffff;
-    box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
-    border-radius: 4px;
-    transition: 0.3s ease-in-out; }
-    .assistance-card-wrapper .single-card:hover {
-      box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16); }
-    .assistance-card-wrapper .single-card .card-head {
-      display: flex;
-      align-items: center;
-      padding: 40px 30px;
-      border-bottom: 1px solid #eceff4; }
-      .assistance-card-wrapper .single-card .card-head .ass-icon {
-        width: 56px;
-        margin-right: 28px; }
-      .assistance-card-wrapper .single-card .card-head .ass-title {
-        font-style: normal;
-        font-weight: 500;
-        font-size: 18px;
-        line-height: 120%;
-        color: #1c1c1c; }
-    .assistance-card-wrapper .single-card .card-body {
-      padding: 30px 20px; }
-      .assistance-card-wrapper .single-card .card-body p {
-        font-style: normal;
-        font-weight: normal;
-        font-size: 16px;
-        line-height: 100%;
-        color: #54657e;
-        margin-bottom: 15px; }
-      .assistance-card-wrapper .single-card .card-body .button {
-        background: rgba(77, 77, 203, 0.1);
-        border: 1px solid #4d4dcb;
-        box-sizing: border-box;
-        border-radius: 4px;
-        font-size: 16px;
-        color: #4d4dcb;
-        font-weight: 500;
-        font-family: Roboto;
-        height: 41px;
-        transition: 0.3s ease-in-out; }
-        .assistance-card-wrapper .single-card .card-body .button:hover {
-          background-color: #4d4dcb;
-          color: #ffffff !important; }
-      .assistance-card-wrapper .single-card .card-body .subscription-form {
-        position: relative;
-        z-index: 1; }
-        .assistance-card-wrapper .single-card .card-body .subscription-form input {
-          border: none;
-          background-color: #e7e7e7;
-          height: 41px; }
-          .assistance-card-wrapper .single-card .card-body .subscription-form input:focus {
-            border: 1px solid #4d4dcb;
-            border-radius: 4px; }
-        .assistance-card-wrapper .single-card .card-body .subscription-form button {
-          position: absolute;
-          right: 0;
-          top: 0;
-          background-color: #4d4dcb;
-          color: #ffffff;
-          border: none;
-          z-index: 9; }
-          .assistance-card-wrapper .single-card .card-body .subscription-form button i.fa {
-            color: #ffffff; }
-          .assistance-card-wrapper .single-card .card-body .subscription-form button:hover {
-            color: #ffffff; }
-
-/****************************************
-Responsive Classes
-*****************************************/
-@media screen and (max-width: 768px) {
-  .features-plan .hero-area-content .hero-content-inner h1 {
-    font-size: 28px;
-    line-height: 140% !important;
-    font-weight: 500;
-    margin-bottom: 20px; }
-
-  .features-cta-area.section-padding-100 {
-    padding: 60px 0; }
-
-  .features-cta-area {
-    overflow-y: auto; }
-    .features-cta-area .features-plan-cta-wrapper {
-      position: static;
-      min-width: 1344px; }
-      .features-cta-area .features-plan-cta-wrapper .cta-left {
-        width: 35%; }
-        .features-cta-area .features-plan-cta-wrapper .cta-left h2 {
-          font-size: 26px;
-          margin-bottom: 10px; }
-      .features-cta-area .features-plan-cta-wrapper .cta-right {
-        width: 70%; }
-        .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta {
-          width: 100%;
-          padding: 20px 20px 108px 20px; }
-          .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 {
-            font-size: 20px;
-            margin-bottom: 10px; }
-    .features-cta-area .features-plan-area {
-      min-width: 1344px; }
-    .features-cta-area .single-features-area {
-      margin-bottom: 10px; }
-
-  .table.ac-features-table {
-    min-width: 500px; }
-
-  .assistance-area.section-padding-100 {
-    padding: 60px 0; }
-
-  .single-assistance .ass-top {
-    padding: 30px 20px; }
-    .single-assistance .ass-top .ass-icon {
-      max-width: 40px; }
-  .single-assistance .ass-bottom {
-    padding: 20px 20px 30px; }
-
-  .ac-accordion-wrapper .single-accordion-item .accordion-heading h3 {
-    padding-right: 20px; } }
-@media (min-width: 576px) and (max-width: 768px) {
-  .features-plan .hero-area-img {
-    display: none; }
-
-  .features-cta-area.section-padding-100 {
-    padding: 60px 0; }
-
-  .features-cta-area {
-    overflow-y: auto; }
-    .features-cta-area .features-plan-cta-wrapper {
-      position: static;
-      min-width: 1344px; }
-      .features-cta-area .features-plan-cta-wrapper .cta-left {
-        width: 35%; }
-        .features-cta-area .features-plan-cta-wrapper .cta-left h2 {
-          font-size: 26px;
-          margin-bottom: 10px; }
-      .features-cta-area .features-plan-cta-wrapper .cta-right {
-        width: 100%; }
-        .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta {
-          width: 100%;
-          padding: 40px 20px 108px 20px;
-          min-height: 240px; }
-          .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 {
-            font-size: 20px;
-            margin-bottom: 10px; }
-    .features-cta-area .single-features-area {
-      margin-bottom: 10px; }
-
-  .features-plan-area {
-    min-width: 1344px; } }
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .features-plan .hero-content-inner {
-    padding: 50px 50px 50px 0; }
-  .features-plan .hero-area-img img {
-    opacity: 1; }
-
-  .features-cta-area {
-    overflow-y: auto; }
-    .features-cta-area .features-plan-cta-wrapper {
-      min-width: 1344px;
-      position: static; }
-      .features-cta-area .features-plan-cta-wrapper .cta-left {
-        width: 30%;
-        padding: 50px 20px; }
-        .features-cta-area .features-plan-cta-wrapper .cta-left h2 {
-          font-size: 26px;
-          margin-bottom: 10px; }
-      .features-cta-area .features-plan-cta-wrapper .cta-right {
-        width: 70%; }
-        .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta {
-          width: 100%;
-          padding: 40px 20px 108px 20px;
-          min-height: 240px; }
-          .features-cta-area .features-plan-cta-wrapper .cta-right .single-cta h3 {
-            font-size: 20px;
-            margin-bottom: 10px; }
-    .features-cta-area .single-features-area {
-      margin-bottom: 10px; }
-    .features-cta-area .features-plan-area {
-      min-width: 1344px; } }
-.news-message {
-  display: inline-flex;
-  font-family: "Roboto", sans-serif;
-  font-style: normal;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 1.6;
-  color: #515D63;
-  background: #ffffff;
-  margin-bottom: 8px;
-  border: 1px solid #e7e7e7;
-  padding: 8px 15px;
-  border-radius: 2px; }
-  .news-message:hover strong {
-    text-decoration: underline; }
-  .news-message strong {
-    color: var(--ac-primary);
-    font-weight: 500; }
-
-.hero-area-1 {
-  padding: 150px 0 60px 0px;
-  overflow: hidden; }
-  @media screen and (max-width: 768px) {
-    .hero-area-1 {
-      padding: 160px 0 30px; } }
-  @media screen and (min-width: 769px) and (max-width: 1023px) {
-    .hero-area-1 {
-      padding: 130px 0 50px; } }
-  @media screen and (min-width: 1024px) and (max-width: 1215px) {
-    .hero-area-1 {
-      padding: 150px 0 60px; } }
-  .hero-area-1 h1 {
-    font-weight: 600;
-    font-size: 68px;
-    line-height: 120%;
-    letter-spacing: -2.5px; }
-    @media screen and (max-width: 768px) {
-      .hero-area-1 h1 {
-        font-size: 38px;
-        letter-spacing: -0.57px; } }
-    @media (min-width: 400px) and (max-width: 768px) {
-      .hero-area-1 h1 {
-        font-size: 45px; }
-        .hero-area-1 h1 img {
-          height: 40px !important; } }
-    @media screen and (min-width: 769px) and (max-width: 1023px) {
-      .hero-area-1 h1 {
-        font-size: 38px;
-        letter-spacing: -0.57px; } }
-    @media screen and (min-width: 1024px) and (max-width: 1215px) {
-      .hero-area-1 h1 {
-        font-size: 56px;
-        letter-spacing: -0.57px; } }
-    @media screen and (min-width: 1216px) and (max-width: 1407px) {
-      .hero-area-1 h1 {
-        font-size: 58px;
-        letter-spacing: -0.57px; } }
-    .hero-area-1 h1 img {
-      transform: translateY(2px); }
-      @media screen and (max-width: 768px) {
-        .hero-area-1 h1 img {
-          height: 32px; } }
-      @media screen and (min-width: 769px) and (max-width: 1023px) {
-        .hero-area-1 h1 img {
-          height: 32px; } }
-      @media screen and (min-width: 1024px) and (max-width: 1215px) {
-        .hero-area-1 h1 img {
-          height: 40px; } }
-  .hero-area-1 .buttons {
-    margin-top: 30px;
-    margin-bottom: 30px; }
-    @media screen and (max-width: 1407px) {
-      .hero-area-1 .buttons {
-        margin-bottom: 16px; } }
-    .hero-area-1 .buttons .button {
-      margin-bottom: 0; }
-      @media screen and (max-width: 768px) {
-        .hero-area-1 .buttons .button.ac-button {
-          width: 100%; } }
-      @media screen and (max-width: 1215px) {
-        .hero-area-1 .buttons .button.ac-button {
-          margin-bottom: 0.5rem;
-          margin-right: 0.5rem !important;
-          padding: 0.5rem 1rem; } }
-  .hero-area-1 .h-right-content {
-    margin-right: -84px;
-    position: relative;
-    z-index: 1; }
-    @media screen and (max-width: 768px) {
-      .hero-area-1 .h-right-content {
-        margin-right: 0; } }
-    @media screen and (min-width: 769px) and (max-width: 1023px) {
-      .hero-area-1 .h-right-content {
-        margin-right: -30px; } }
-    @media screen and (min-width: 1024px) and (max-width: 1215px) {
-      .hero-area-1 .h-right-content {
-        margin-right: -42px; } }
-    @media screen and (min-width: 1216px) and (max-width: 1407px) {
-      .hero-area-1 .h-right-content {
-        margin-right: -74px; } }
-    @media (min-width: 1216px) and (max-width: 1440px) {
-      .hero-area-1 .h-right-content {
-        margin-right: -74px; } }
-    .hero-area-1 .h-right-content::after {
-      transform: scale(3) rotate(90deg);
-      left: auto;
-      right: 200px;
-      top: 0;
-      bottom: auto;
-      opacity: 0.5; }
-      @media screen and (max-width: 1023px) {
-        .hero-area-1 .h-right-content::after {
-          transform: scale(2.5) rotate(90deg);
-          right: 0; } }
-      @media screen and (min-width: 1024px) and (max-width: 1215px) {
-        .hero-area-1 .h-right-content::after {
-          transform: scale(2.5) rotate(90deg);
-          right: 0; } }
-
-.intro-view-button {
-  position: absolute;
-  left: 0;
-  top: 25%;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  background-color: #fff;
-  box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16);
-  padding: 16px;
-  border-radius: 16px;
-  width: 330px;
-  cursor: pointer;
-  transition: 0.3s ease-in-out; }
-  .intro-view-button:hover {
-    box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.25); }
-    .intro-view-button:hover .content span {
-      color: #171B1C; }
-  .intro-view-button .video-icon {
-    width: 48px;
-    height: 48px;
-    box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.16);
-    border-radius: 50%; }
-  .intro-view-button .content {
-    width: calc(100% - 64px); }
-    .intro-view-button .content p {
-      font-size: 16px;
-      margin-bottom: 0; }
-
-.products-area {
-  position: relative; }
-  .products-area .single-product {
-    display: block;
-    background-color: #ffffff;
-    border: 1px solid #e7e7e7;
-    transition: 0.3s ease-in-out;
-    padding: 32px 24px;
-    border-radius: 4px; }
-    .products-area .single-product:hover {
-      box-shadow: 1px 11px 114px rgba(0, 0, 0, 0.15); }
-    @media screen and (max-width: 768px) {
-      .products-area .single-product {
-        padding: 32px 16px; } }
-    @media screen and (min-width: 769px) and (max-width: 1023px) {
-      .products-area .single-product {
-        min-height: 278px; } }
-    @media screen and (min-width: 1024px) and (max-width: 1215px) {
-      .products-area .single-product:after {
-        right: 0;
-        width: 100%; } }
-    @media screen and (min-width: 1216px) and (max-width: 1407px) {
-      .products-area .single-product {
-        padding: 35px 20px; } }
-    .products-area .single-product .product-logo {
-      height: 24px;
-      margin-bottom: 20px; }
-      .products-area .single-product .product-logo img {
-        height: 100%; }
-    .products-area .single-product p {
-      font-weight: 400;
-      font-size: 16px;
-      line-height: 160%;
-      color: #515D63;
-      margin-bottom: 20px; }
-      .products-area .single-product p strong {
-        font-weight: 400;
-        font-size: 16px;
-        line-height: 160%;
-        color: var(--ac-primary); }
-    .products-area .single-product .button {
-      font-weight: 600;
-      font-size: 14px;
-      line-height: 160%;
-      letter-spacing: 1.25px;
-      color: var(--ac-primary);
-      text-decoration: underline; }
-      .products-area .single-product .button .material-icons-outlined {
-        font-size: 18px;
-        margin-left: 1rem; }
-
-.more-products,
-.intro-kubedb-ui {
-  gap: 12px; }
-  .more-products .single-feature,
-  .intro-kubedb-ui .single-feature {
-    flex-basis: calc(50% - 6px); }
-    @media screen and (max-width: 1023px) {
-      .more-products .single-feature,
-      .intro-kubedb-ui .single-feature {
-        flex-basis: 100%; } }
-  @media screen and (max-width: 768px) {
-    .more-products .button.ac-button,
-    .intro-kubedb-ui .button.ac-button {
-      width: 100%; } }
-
-.single-feature {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px; }
-  .single-feature.card-view {
-    flex-direction: column;
-    border: 1px solid #e7e7e7;
-    padding: 16px;
-    border-radius: 4px;
-    background-color: #fbfbfe; }
-    .single-feature.card-view:nth-child(2) {
-      background-color: #fefdfa; }
-    .single-feature.card-view:nth-child(3) {
-      background-color: #fafefc; }
-    .single-feature.card-view:nth-child(4) {
-      background-color: #fcfaff; }
-    .single-feature.card-view .icon {
-      border: 1px solid transparent;
-      background-color: #ffffff; }
-    .single-feature.card-view .content {
-      width: 100%; }
-  .single-feature.mechanism {
-    transition: 0.3s ease-in-out;
-    border-radius: 8px;
-    padding: 8px 16px;
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    cursor: pointer; }
-    .single-feature.mechanism .content strong {
-      margin-bottom: 4px;
-      font-size: 16px; }
-    .single-feature.mechanism:hover {
-      background-color: rgba(255, 255, 255, 0.1); }
-    .single-feature.mechanism.is-active {
-      background-color: var(--ac-primary); }
-  .single-feature .icon {
-    width: 52px;
-    height: 52px;
-    border-radius: 50%;
-    background-color: #f0fff7;
-    border: 1px solid var(--ac-primary);
-    display: flex;
-    align-items: center;
-    justify-content: center; }
-    .single-feature .icon img {
-      height: 32px;
-      width: auto; }
-  .single-feature .content {
-    width: calc(100% - 76px); }
-    .single-feature .content h3 {
-      font-size: 20px;
-      margin-bottom: 4px;
-      line-height: 130%; }
-    .single-feature .content p {
-      font-size: 16px;
-      color: #515D63; }
-
-.single-ui-ss {
-  border-radius: 8px;
-  overflow: hidden;
-  margin-left: 0px;
-  position: relative;
-  width: 100%;
-  height: 0px;
-  padding-top: calc(100% * (100 / 143)); }
-  @media screen and (min-width: 769px) and (max-width: 1023px) {
-    .single-ui-ss {
-      padding-top: calc(100% * (100 / 92)); } }
-  @media screen and (min-width: 1024px) and (max-width: 1215px) {
-    .single-ui-ss {
-      padding-top: calc(100% * (100 / 110)); } }
-  @media screen and (min-width: 1216px) and (max-width: 1407px) {
-    .single-ui-ss {
-      padding-top: calc(100% * (100 / 140)); } }
-  @media screen and (min-width: 1408px) {
-    .single-ui-ss {
-      padding-top: calc(100% * (100 / 156)); } }
-  @media (min-width: 1216px) and (max-width: 1440px) {
-    .single-ui-ss {
-      padding-top: calc(100% * (100 / 140)); } }
-  .single-ui-ss img {
-    position: absolute;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    left: 0;
-    object-position: left; }
-
-.more-features {
-  margin-top: 32px; }
-  @media screen and (max-width: 768px) {
-    .more-features {
-      margin-top: 0; }
-      .more-features .button.ac-button {
-        width: 100%; } }
-
-.ui-dashboard {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  height: 100%; }
-  .ui-dashboard::after {
-    position: absolute;
-    content: "";
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background-image: url("../../../assets/images/products/appscode/features/ui-features.webp");
-    background-repeat: no-repeat; }
-
-.mechanics-area {
-  position: relative;
-  z-index: 1; }
-
-.dark-bg {
-  background-color: #000a05; }
-  .dark-bg h1,
-  .dark-bg h2,
-  .dark-bg h3,
-  .dark-bg h4,
-  .dark-bg h5,
-  .dark-bg h6,
-  .dark-bg strong,
-  .dark-bg label {
-    color: #e6e7e6; }
-  .dark-bg p {
-    color: #d4d6d5; }
-  .dark-bg .single-feature.card-view {
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    background-color: #000a05; }
-  .dark-bg .single-feature .icon {
-    background-color: rgba(255, 255, 255, 0.1);
-    border: none; }
-  .dark-bg .single-feature .content p {
-    color: #d4d6d5; }
-  .dark-bg .single-feature .content a {
-    transition: 0.3s ease-in-out;
-    font-weight: 500; }
-    .dark-bg .single-feature .content a:hover {
-      color: var(--ac-primary);
-      opacity: 0.9; }
-  .dark-bg .footer-top {
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
-  .dark-bg .footer-inline-link,
-  .dark-bg .subscription-form label,
-  .dark-bg .all-contact-info li a,
-  .dark-bg p.spam-message {
-    color: #adb2b0; }
-    .dark-bg .footer-inline-link a,
-    .dark-bg .subscription-form label a,
-    .dark-bg .all-contact-info li a a,
-    .dark-bg p.spam-message a {
-      color: #adb2b0;
-      transition: 0.3s ease-in-out; }
-      .dark-bg .footer-inline-link a:hover,
-      .dark-bg .subscription-form label a:hover,
-      .dark-bg .all-contact-info li a a:hover,
-      .dark-bg p.spam-message a:hover {
-        color: var(--ac-primary); }
-
-.decorative-el-large, .cta-area .cta-area-inner:after, .footer-area:after, .intro-kubedb-ui:after {
-  background-image: url("../images/shape/decorative-el-large-2.png");
-  background-size: cover;
-  background-position: center; }
-
-.intro-kubedb-ui {
-  position: relative;
-  z-index: 1; }
-  .intro-kubedb-ui:after {
-    background-color: rgba(253, 253, 253, 0.1);
-    position: absolute;
-    content: "";
-    left: 30px;
-    top: 0;
-    height: 100%;
-    width: calc(100% - 60px);
-    z-index: -1;
-    border-radius: 20px; }
-    @media screen and (max-width: 1023px) {
-      .intro-kubedb-ui:after {
-        left: 0;
-        width: 100%;
-        border-radius: 0; } }
-
-.ui-features-area {
-  position: relative;
-  z-index: 1; }
-  .ui-features-area:after {
-    right: 0px;
-    left: auto;
-    top: 60px; }
-
-.subscription-area .subscription-message {
-  padding-right: 150px; }
-  @media screen and (max-width: 1023px) {
-    .subscription-area .subscription-message {
-      padding: 0; } }
-.subscription-area p {
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 160%;
-  color: #515D63;
-  margin-bottom: 30px; }
-  .subscription-area p strong {
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 160%;
-    color: var(--ac-primary); }
-.subscription-area .subscription-input {
-  position: relative;
-  z-index: 1;
-  max-width: 400px; }
-  .subscription-area .subscription-input input {
-    height: 56px;
-    background-color: #ffffff;
-    border: 1px solid #e7e7e7;
-    border-radius: 2px;
-    padding: 6px 140px 6px 30px;
-    font-size: 15px;
-    box-shadow: 0px 4px 18px 5px rgba(0, 166, 81, 0.09);
-    width: 100%; }
-    .subscription-area .subscription-input input::placeholder {
-      color: #999999; }
-    .subscription-area .subscription-input input:focus {
-      outline: 1px solid var(--ac-primary); }
-  .subscription-area .subscription-input button {
-    height: 44px;
-    position: absolute;
-    right: 6px;
-    top: 6px; }
-  .subscription-area .subscription-input p {
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 160%;
-    margin-top: 15px; }
-
-.products-features {
-  background: #f3f4f7; }
-  @media screen and (max-width: 768px) {
-    .products-features #nav-serialscrolling {
-      top: 0; }
-    .products-features [data-serialscrolling-target] {
-      height: 100%; } }
-  .products-features .features-tabs {
-    position: sticky;
-    margin-top: 210px; }
-    .products-features .features-tabs:after {
-      top: -250px;
-      left: -120px; }
-    @media screen and (max-width: 768px) {
-      .products-features .features-tabs {
-        margin-top: 0; } }
-    .products-features .features-tabs ul li span {
-      cursor: pointer;
-      padding: 10px 0;
-      font-weight: 500;
-      font-size: 14px;
-      line-height: 16px;
-      letter-spacing: 1.25px;
-      color: #515D63;
-      transition: 0.3s ease-in-out;
-      display: block; }
-      .products-features .features-tabs ul li span.is-current {
-        color: var(--ac-primary);
-        text-decoration: underline; }
-      .products-features .features-tabs ul li span:hover {
-        color: var(--ac-primary); }
-  .products-features .products-description-wrapper .single-product {
-    padding: 100px 0 100px 50px;
-    position: relative;
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    overflow: hidden; }
-    @media screen and (max-width: 768px) {
-      .products-features .products-description-wrapper .single-product {
-        padding: 30px 15px;
-        margin-left: 0;
-        margin-right: 0; } }
-    .products-features .products-description-wrapper .single-product:after {
-      position: absolute;
-      content: "";
-      right: 0;
-      top: 0px;
-      width: 100%;
-      height: 100%;
-      background-color: #f1f1f1;
-      z-index: -1;
-      opacity: 0.5; }
-      @media screen and (max-width: 768px) {
-        .products-features .products-description-wrapper .single-product:after {
-          right: 0;
-          width: 100%; } }
-      @media screen and (min-width: 1216px) and (max-width: 1407px) {
-        .products-features .products-description-wrapper .single-product:after {
-          right: -160px;
-          width: calc(100% + 160px); } }
-    .products-features .products-description-wrapper .single-product.kubedb:after {
-      background-color: #f6f6fd;
-      background-image: linear-gradient(to right, #f6f6fd, white); }
-    .products-features .products-description-wrapper .single-product.kubedb .product-description .features li .material-icons {
-      color: #4d4dcb; }
-    .products-features .products-description-wrapper .single-product.kubedb .button.ac-button.is-primary {
-      background-color: #4d4dcb; }
-    .products-features .products-description-wrapper .single-product.stash:after {
-      background-color: #e9e9fc;
-      background-image: linear-gradient(to right, #e9e9fc, white); }
-    .products-features .products-description-wrapper .single-product.stash .product-description .features li .material-icons {
-      color: #5e2dea; }
-    .products-features .products-description-wrapper .single-product.stash .button.ac-button.is-primary {
-      background-color: #5e2dea; }
-    .products-features .products-description-wrapper .single-product.kubevault:after {
-      background-color: #e9e9fc;
-      background-image: linear-gradient(to right, #e9e9fc, white); }
-    .products-features .products-description-wrapper .single-product.kubevault .product-description .features li .material-icons {
-      color: #326ce5; }
-    .products-features .products-description-wrapper .single-product.kubevault .button.ac-button.is-primary {
-      background-color: #326ce5; }
-    .products-features .products-description-wrapper .single-product.prometheus .product-description .features li .material-icons {
-      color: #4d4dcb; }
-    .products-features .products-description-wrapper .single-product.voyager:after {
-      background-color: #cfcfe6;
-      background-image: linear-gradient(to right, #cfcfe6, white); }
-    .products-features .products-description-wrapper .single-product.voyager .product-description .features li .material-icons {
-      color: #2d2a78; }
-    .products-features .products-description-wrapper .single-product.voyager .button.ac-button.is-primary {
-      background-color: #2d2a78; }
-    .products-features .products-description-wrapper .single-product.kubeform:after {
-      background-color: #e9e9fc;
-      background-image: linear-gradient(to right, #e9e9fc, white); }
-    .products-features .products-description-wrapper .single-product.kubeform .product-description .features li .material-icons {
-      color: #592217; }
-    .products-features .products-description-wrapper .single-product.kubeform .button.ac-button.is-primary {
-      background-color: #592217; }
-  .products-features .products-description-wrapper .illustration {
-    top: 30%;
-    position: sticky;
-    display: flex;
-    justify-content: flex-end; }
-    @media screen and (max-width: 768px) {
-      .products-features .products-description-wrapper .illustration {
-        max-width: 350px; } }
-  .products-features .product-description .brand {
-    height: 30px;
-    margin-bottom: 1rem; }
-    .products-features .product-description .brand img {
-      height: 100%; }
-  .products-features .product-description h5 {
-    margin-bottom: 1rem; }
-  .products-features .product-description p {
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 160%;
-    color: #636363;
-    margin-bottom: 1.5rem; }
-    .products-features .product-description p strong {
-      color: var(--ac-primary); }
-  .products-features .product-description .features {
-    margin-bottom: 30px; }
-    .products-features .product-description .features li {
-      font-weight: 400;
-      font-size: 16px;
-      line-height: 140%;
-      color: #515D63;
-      margin-bottom: 1rem;
-      display: flex;
-      gap: 8px; }
-      .products-features .product-description .features li .material-icons {
-        margin-right: 0.75rem;
-        font-size: 1.2rem;
-        color: var(--ac-primary); }
-
-[data-serialscrolling-target] {
-  height: 100vh;
-  /* your own styles here */ }
-
-#nav-serialscrolling {
-  position: sticky;
-  top: 40%; }
-
-.others-products {
-  position: relative; }
-  .others-products:after {
-    right: 0px;
-    left: auto;
-    top: auto;
-    bottom: 0;
-    rotate: 90deg; }
-  .others-products .small-title {
-    font-weight: 400;
-    font-size: 20px;
-    line-height: 160%;
-    letter-spacing: 0.5px;
-    margin-bottom: 10px;
-    color: var(--ac-primary); }
-  .others-products .pr-60 {
-    padding-right: 0 !important; }
-  @media screen and (max-width: 768px) {
-    .others-products .products .single-product {
-      border: 1px solid #e7e7e7;
-      padding: 20px 15px;
-      border-radius: 4px; } }
-  .others-products .products .single-product img {
-    width: 60px;
-    height: 60px;
-    margin-bottom: 16px; }
-    @media screen and (max-width: 768px) {
-      .others-products .products .single-product img {
-        width: 50px;
-        height: 50px;
-        margin-bottom: 8px; } }
-  .others-products .products .single-product h5 {
-    font-size: 22px; }
-  .others-products .products .single-product p {
-    font-style: normal;
-    font-weight: 400;
-    font-size: 1rem;
-    line-height: 160%;
-    margin-bottom: 10px; }
-  .others-products .products .single-product .inline-button {
-    font-family: "Roboto";
-    font-style: normal;
-    font-weight: 500;
-    font-size: 14px;
-    line-height: 16px;
-    letter-spacing: 1.25px;
-    text-decoration-line: underline;
-    color: var(--ac-primary);
-    transition: 0.3s ease-in-out; }
-    .others-products .products .single-product .inline-button:hover {
-      opacity: 0.8; }
-
-.social-connect-area {
-  background: rgba(243, 244, 247, 0.6); }
-  .social-connect-area .connect-message {
-    margin-right: 120px;
-    margin-bottom: 20px; }
-    @media screen and (max-width: 1023px) {
-      .social-connect-area .connect-message {
-        margin-right: 0; } }
-  .social-connect-area p {
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 160%; }
-  .social-connect-area .social-link li a {
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 160%;
-    letter-spacing: 0.5px;
-    color: #1c1c1c;
-    display: inline-flex;
-    transition: 0.3s ease-in-out;
-    padding: 10px 0; }
-    .social-connect-area .social-link li a:hover {
-      text-decoration-line: underline;
-      color: var(--ac-primary); }
-    .social-connect-area .social-link li a span {
-      height: 20px;
-      margin-right: 10px; }
-      .social-connect-area .social-link li a span img {
-        height: 100%;
-        filter: opacity(0.5); }
-  .social-connect-area .single-card {
-    background-color: #ffffff;
-    border-radius: 4px;
-    transition: 0.3s ease-in-out;
-    padding: 40px 30px; }
-    .social-connect-area .single-card:hover {
-      box-shadow: 0px 10px 120px rgba(44, 60, 74, 0.38); }
-    .social-connect-area .single-card .card-top {
-      display: flex;
-      margin-bottom: 16px;
-      align-items: center; }
-      .social-connect-area .single-card .card-top .card-icon {
-        width: 60px;
-        height: 60px;
-        margin-right: 24px; }
-        .social-connect-area .single-card .card-top .card-icon img {
-          width: 100%; }
-      .social-connect-area .single-card .card-top .count {
-        width: calc(100% - 84px); }
-        .social-connect-area .single-card .card-top .count h2 {
-          font-weight: 500;
-          font-size: 36px;
-          color: #00a651;
-          line-height: 1; }
-        .social-connect-area .single-card .card-top .count p {
-          font-weight: 400;
-          font-size: 16px;
-          line-height: 100%;
-          color: #636363; }
-    .social-connect-area .single-card .card-bottom p {
-      font-size: 1rem;
-      line-height: 160%;
-      color: #515D63;
-      margin-bottom: 16px; }
-    .social-connect-area .single-card .card-bottom button {
-      font-weight: 500;
-      font-size: 14px;
-      line-height: 16px;
-      text-decoration-line: underline;
-      text-transform: uppercase;
-      border: none;
-      background-color: transparent;
-      color: var(--ac-primary);
-      font-family: "Roboto", sans-serif;
-      /* 1c1c1c */
-      color: #1c1c1c; }
-
-.press-area .single-press-wrapper {
-  border-radius: 4px 4px 0 0;
-  overflow: hidden;
-  transition: 0.3s ease-in-out; }
-  .press-area .single-press-wrapper:hover {
-    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
-    border-radius: 4px;
-    overflow: hidden; }
-    .press-area .single-press-wrapper:hover .press-content {
-      border: 1px solid #fbfbfb; }
-  .press-area .single-press-wrapper .press-image-1 {
-    background-image: url(../images/press/1.png); }
-  .press-area .single-press-wrapper .press-image-2 {
-    background-image: url(../images/press/2.png); }
-  .press-area .single-press-wrapper .press-image-3 {
-    background-image: url(../images/press/3.png); }
-  .press-area .single-press-wrapper .press-image-4 {
-    background-image: url(../images/press/4.png); }
-.press-area .press-image {
-  height: 200px;
-  background-size: cover;
-  background-position: center;
-  background-color: #ddd;
-  background-repeat: no-repeat;
-  width: 100%; }
-.press-area .press-content {
-  border: 1px solid #e7e7e7;
-  border-top: 1px solid transparent;
-  border-radius: 0 0 4px 4px;
-  padding: 20px; }
-  .press-area .press-content .read-meta {
-    font-size: 12px;
-    color: #7d7d7d;
-    margin-bottom: 10px; }
-  .press-area .press-content h3 {
-    font-size: 18px;
-    font-weight: 600;
-    line-height: 26px;
-    margin-bottom: 10px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    line-clamp: 2;
-    -webkit-line-clamp: 2;
-    box-orient: vertical;
-    -webkit-box-orient: vertical; }
-    .press-area .press-content h3 a {
-      color: #515D63; }
-  .press-area .press-content p {
-    color: #515D63;
-    font-size: 15px;
-    margin-bottom: 30px; }
-  .press-area .press-content .press-button-wrapper {
-    overflow: hidden;
-    position: relative;
-    z-index: 1; }
-    .press-area .press-content .press-button-wrapper:after {
-      position: absolute;
-      content: "";
-      top: 15px;
-      width: 100%;
-      height: 1px;
-      background: #e7e7e7;
-      left: 0;
-      z-index: -1;
-      transition: 0.3s ease-in-out; }
-    .press-area .press-content .press-button-wrapper .press-button {
-      border: 1px solid #e7e7e7;
-      font-size: 13px;
-      color: #979797;
-      font-weight: 600;
-      padding: 5px 20px;
-      border-radius: 50px;
-      display: block;
-      float: right;
-      position: relative;
-      z-index: 1;
-      background: #ffffff;
-      transition: 0.3s ease-in-out; }
-      .press-area .press-content .press-button-wrapper .press-button:hover {
-        color: #515D63;
-        border: 1px solid #515D63; }
-
-.about-text-inner p {
-  margin-bottom: 30px; }
-
-.ceo-message-wrapper h2 {
-  margin-bottom: 8px;
-  font-size: 36px; }
-
-.signature-image {
-  margin-top: 40px; }
-  .signature-image p {
-    font-family: Raleway;
-    font-weight: 600; }
-
-.ceo-image {
-  position: relative;
-  z-index: 1; }
-  .ceo-image img {
-    max-width: 300px;
-    margin-top: 20px; }
-  .ceo-image .dots-style {
-    position: absolute;
-    background: url(../images/appscode/dots.png);
-    background-repeat: no-repeat;
-    height: 150px;
-    width: 250px;
-    right: 100px;
-    bottom: -75px;
-    z-index: -1;
-    left: 50%;
-    margin-left: -125px; }
-
-.is-paddingless-desktop {
-  padding: 0; }
-
-/*********************************************************************************************
-Responsive Classes
-***********************************************************************************************/
-.contact-hero {
-  padding: 120px 0 60px; }
-  @media screen and (max-width: 768px) {
-    .contact-hero {
-      padding: 150px 0 30px; } }
-  .contact-hero h2 {
-    font-weight: 700;
-    letter-spacing: -0.5px;
-    line-height: 120%;
-    text-wrap: balance;
-    margin-bottom: 16px; }
-    @media screen and (max-width: 1023px) {
-      .contact-hero h2 {
-        font-size: 38px;
-        letter-spacing: -0.57px;
-        text-wrap: inherit; } }
-  .contact-hero p {
-    margin-bottom: 16px; }
-
-.location-area {
-  margin-top: 60px;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px; }
-  @media screen and (max-width: 1215px) {
-    .location-area {
-      margin-top: 32px; } }
-  .location-area .location {
-    width: calc(50% - 6px); }
-    @media screen and (max-width: 1215px) {
-      .location-area .location {
-        width: 100%; } }
-
-.location {
-  border: 1px solid #e7e7e7;
-  padding: 32px 24px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px; }
-  .location a {
-    color: #515D63;
-    display: flex;
-    align-items: baseline;
-    gap: 8px;
-    transition: 0.3s ease-in-out; }
-    .location a:hover {
-      color: var(--ac-primary); }
-    .location a span {
-      width: calc(100% - 26px); }
-      .location a span.icon {
-        width: 18px;
-        transform: translateY(4px); }
-
-.modify-contact-form .fs-webform-container .fserv-container {
-  margin: 0 0 32px auto; }
-  @media screen and (max-width: 768px) {
-    .modify-contact-form .fs-webform-container .fserv-container {
-      margin: 0 auto; } }
-.modify-contact-form .formserv-text-field, .modify-contact-form .formserv-email-field, .modify-contact-form .formserv-tel-field, .modify-contact-form .formserv-select-field.fserv-field, .modify-contact-form .formserv-select-multiple-field, .modify-contact-form .formserv-textarea-field {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px; }
-  .modify-contact-form .formserv-text-field:not(.formserv-textarea-field), .modify-contact-form .formserv-email-field:not(.formserv-textarea-field), .modify-contact-form .formserv-tel-field:not(.formserv-textarea-field), .modify-contact-form .formserv-select-field.fserv-field:not(.formserv-textarea-field), .modify-contact-form .formserv-select-multiple-field:not(.formserv-textarea-field), .modify-contact-form .formserv-textarea-field:not(.formserv-textarea-field) {
-    align-items: center; }
-  .modify-contact-form .formserv-text-field .error, .modify-contact-form .formserv-email-field .error, .modify-contact-form .formserv-tel-field .error, .modify-contact-form .formserv-select-field.fserv-field .error, .modify-contact-form .formserv-select-multiple-field .error, .modify-contact-form .formserv-textarea-field .error {
-    width: 100%; }
-  .modify-contact-form .formserv-text-field .fserv-label, .modify-contact-form .formserv-email-field .fserv-label, .modify-contact-form .formserv-tel-field .fserv-label, .modify-contact-form .formserv-select-field.fserv-field .fserv-label, .modify-contact-form .formserv-select-multiple-field .fserv-label, .modify-contact-form .formserv-textarea-field .fserv-label {
-    width: 120px;
-    padding-bottom: 0; }
-  .modify-contact-form .formserv-text-field input, .modify-contact-form .formserv-text-field textarea, .modify-contact-form .formserv-email-field input, .modify-contact-form .formserv-email-field textarea, .modify-contact-form .formserv-tel-field input, .modify-contact-form .formserv-tel-field textarea, .modify-contact-form .formserv-select-field.fserv-field input, .modify-contact-form .formserv-select-field.fserv-field textarea, .modify-contact-form .formserv-select-multiple-field input, .modify-contact-form .formserv-select-multiple-field textarea, .modify-contact-form .formserv-textarea-field input, .modify-contact-form .formserv-textarea-field textarea {
-    width: calc(100% - 128px) !important; }
-    .modify-contact-form .formserv-text-field input:hover, .modify-contact-form .formserv-text-field textarea:hover, .modify-contact-form .formserv-email-field input:hover, .modify-contact-form .formserv-email-field textarea:hover, .modify-contact-form .formserv-tel-field input:hover, .modify-contact-form .formserv-tel-field textarea:hover, .modify-contact-form .formserv-select-field.fserv-field input:hover, .modify-contact-form .formserv-select-field.fserv-field textarea:hover, .modify-contact-form .formserv-select-multiple-field input:hover, .modify-contact-form .formserv-select-multiple-field textarea:hover, .modify-contact-form .formserv-textarea-field input:hover, .modify-contact-form .formserv-textarea-field textarea:hover {
-      outline: 1px solid var(--ac-primary); }
-    .modify-contact-form .formserv-text-field input:focus, .modify-contact-form .formserv-text-field textarea:focus, .modify-contact-form .formserv-email-field input:focus, .modify-contact-form .formserv-email-field textarea:focus, .modify-contact-form .formserv-tel-field input:focus, .modify-contact-form .formserv-tel-field textarea:focus, .modify-contact-form .formserv-select-field.fserv-field input:focus, .modify-contact-form .formserv-select-field.fserv-field textarea:focus, .modify-contact-form .formserv-select-multiple-field input:focus, .modify-contact-form .formserv-select-multiple-field textarea:focus, .modify-contact-form .formserv-textarea-field input:focus, .modify-contact-form .formserv-textarea-field textarea:focus {
-      outline: 2px solid var(--ac-primary); }
-.modify-contact-form .fs-webform-container .fserv-field + .fserv-field {
-  margin-top: 12px; }
-.modify-contact-form .fs-webform-container .fserv-field + div:not(.fserv-field) {
-  padding: 12px 30px 0; }
-.modify-contact-form .fs-webform-container .fserv-field .select2-container {
-  min-width: calc(100% - 128px);
-  max-width: calc(100% - 128px); }
-.modify-contact-form .fs-webform-container .checkbox {
-  padding: 0 !important; }
-.modify-contact-form .fs-webform-container .select2-selection__choice {
-  font-size: 13px;
-  line-height: 1; }
-
-.fs-webform-container .fserv-input-text, .fs-webform-container .fserv-select, .fs-webform-container .fserv-select-multiple, .fs-webform-container .fserv-textarea {
-  border: 1px solid #e7e7e7 !important; }
-
-.fs-webform-container .fserv-input-radio, .fs-webform-container .fserv-input-text, .fs-webform-container .fserv-select, .fs-webform-container .fserv-select-multiple, .fs-webform-container .fserv-textarea {
-  font-size: 12px !important; }
-
-.fs-webform-container .fserv-field .select2-container--default .select2-search__field::placeholder, .fs-webform-container .fserv-field .select2-container--default .select2-selection--single .select2-selection__placeholder, .fs-webform-container .fserv-container .fserv-field .select2-container .select2-selection--single .select2-selection__rendered, .fs-webform-container .fserv-field .select2-results__option[aria-selected] {
-  font-size: 13px !important; }
-
-.fs-webform-container *, .fs-webform-container ::after, .fs-webform-container ::before {
-  border-radius: 0px !important; }
-
-.fs-webform-container .fserv-field .select2-container--default .select2-selection--multiple .select2-selection__choice {
-  background: var(--ac-primary) !important;
-  color: #ffffff !important; }
-
-.fs-webform-container .fserv-field .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
-  color: #ffffff !important; }
-
-.bg-primay-light {
-  background-color: rgba(241, 249, 245, 0.97); }
-
-.decorative-shape img {
-  width: 500px;
-  position: absolute;
-  bottom: 0;
-  opacity: 0.5;
-  z-index: -1; }
-  @media screen and (max-width: 768px) {
-    .decorative-shape img {
-      width: 300px; } }
-  .decorative-shape img.left-el {
-    transform: rotate(180deg); }
-  .decorative-shape img.right-el {
-    right: 0;
-    transform: rotate(90deg); }
-
-.partner-hero-area {
-  margin-top: 40px;
-  position: relative;
-  z-index: 1;
-  overflow: hidden; }
-  .partner-hero-area .section-title {
-    margin-bottom: 0; }
-    @media screen and (min-width: 769px) and (max-width: 1023px) {
-      .partner-hero-area .section-title h1 {
-        font-size: 40px;
-        font-weight: 700; } }
-    .partner-hero-area .section-title p {
-      margin-bottom: 0;
-      text-wrap: balance; }
-  .partner-hero-area .single-feature.card-view {
-    background-color: #ffffff;
-    min-height: 230px;
-    padding: 32px 16px;
-    height: 100%; }
-    @media screen and (max-width: 768px) {
-      .partner-hero-area .single-feature.card-view {
-        min-height: auto; } }
-    .partner-hero-area .single-feature.card-view p {
-      font-size: 16px; }
-    .partner-hero-area .single-feature.card-view .icon {
-      border: 1px solid #e7e7e7;
-      margin: 0 auto; }
-  .partner-hero-area .button.ac-button {
-    margin-top: 16px; }
-    @media screen and (max-width: 768px) {
-      .partner-hero-area .button.ac-button {
-        display: flex;
-        width: calc(100% - 24px);
-        margin: 0 auto; } }
-
-.showcase-partner,
-.system-integration {
-  position: relative;
-  z-index: 1; }
-  .showcase-partner::after, .showcase-partner::before,
-  .system-integration::after,
-  .system-integration::before {
-    position: absolute;
-    content: "";
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    z-index: -1; }
-  .showcase-partner::before,
-  .system-integration::before {
-    background: radial-gradient(circle at center, white, rgba(255, 255, 255, 0.2)); }
-  .showcase-partner::after,
-  .system-integration::after {
-    background-image: url("../images/shape/hexagon.svg");
-    z-index: -2; }
-
-.showcase-partner .section-title p {
-  text-wrap: balance; }
-
-.system-integration::before {
-  background: linear-gradient(rgba(255, 255, 255, 0.2), white); }
-
-.technology-partner {
-  position: relative;
-  z-index: 1;
-  overflow: hidden; }
-  .technology-partner .decorative-shape img {
-    width: 400px; }
-    @media screen and (max-width: 768px) {
-      .technology-partner .decorative-shape img {
-        width: 160px; } }
-
-.contact-area {
-  z-index: 9;
-  position: relative;
-  margin-bottom: -150px;
-  margin-top: 60px; }
-  @media screen and (max-width: 768px) {
-    .contact-area .section-title h2 {
-      font-size: 24px; } }
-  .contact-area .decorative-shape img {
-    bottom: 150px; }
-  .contact-area .contact-form-wrapper {
-    background-color: #ffffff;
-    border: 1px solid #e7e7e7;
-    border-radius: 16px;
-    box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08); }
-    @media screen and (max-width: 768px) {
-      .contact-area .contact-form-wrapper {
-        padding: 16px; } }
-    .contact-area .contact-form-wrapper .form-content {
-      padding: 0 100px; }
-      @media screen and (max-width: 1023px) {
-        .contact-area .contact-form-wrapper .form-content {
-          padding: 0 16px; } }
-    .contact-area .contact-form-wrapper .fs-webform-container .fserv-container {
-      box-shadow: none; }
-  .contact-area .fserv-container {
-    min-width: 100%; }
-    .contact-area .fserv-container .fserv-form {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 16px; }
-      .contact-area .fserv-container .fserv-form .fserv-field {
-        width: calc(50% - 8px);
-        margin: 0;
-        padding: 0; }
-        @media screen and (max-width: 768px) {
-          .contact-area .fserv-container .fserv-form .fserv-field {
-            width: 100%; } }
-        .contact-area .fserv-container .fserv-form .fserv-field.formserv-textarea-field {
-          width: 100%; }
-  .contact-area .fserv-field + div:not(.fserv-field) {
-    width: 100%; }
-
-body.partner .footer-top {
-  padding-top: 200px; }
-body.partner .social-prove-brand-area .brand-image-wrapper {
-  justify-content: center;
-  gap: 22px; }
-  @media screen and (max-width: 1023px) {
-    body.partner .social-prove-brand-area .brand-image-wrapper {
-      gap: 16px; } }
-  body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) .single-brand {
-    padding: 16px 32px;
-    box-shadow: 0px 2px 30px rgba(44, 60, 74, 0.08);
-    border: none; }
-    body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) .single-brand img {
-      max-height: 52px;
-      filter: none; }
-      @media screen and (max-width: 768px) {
-        body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) .single-brand img {
-          max-height: 32px; } }
-    @media screen and (max-width: 1023px) {
-      body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) .single-brand {
-        padding: 16px; } }
-  body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) a.single-brand {
-    border: 2px solid transparent; }
-    body.partner .social-prove-brand-area .brand-image-wrapper:not(#brand-image-wrapper) a.single-brand:hover {
-      border: 2px solid var(--ac-primary) !important; }
-  body.partner .social-prove-brand-area .brand-image-wrapper .single-brand {
-    height: 110px; }
-    @media screen and (max-width: 1023px) {
-      body.partner .social-prove-brand-area .brand-image-wrapper .single-brand {
-        height: auto; }
-        body.partner .social-prove-brand-area .brand-image-wrapper .single-brand img {
-          max-height: 28px; } }
-body.partner .fs-webform-container .fserv-label {
-  font-family: "Roboto", sans-serif;
-  margin-bottom: 0; }
-body.partner .fserv-button-submit {
-  background: linear-gradient(to left, #00a851, #2a7e53) !important;
-  transition: 0.3s ease-in-out; }
-  body.partner .fserv-button-submit:hover {
-    box-shadow: 2px 4px 24px rgba(0, 166, 81, 0.3) !important;
-    transform: translateY(-2px); }
-
-.hero-area.is-services {
-  padding: 100px 0 50px;
-  align-items: center;
-  overflow: hidden;
-  display: flex;
-  background-size: cover;
-  background-position: center;
-  margin-top: 110px;
-  position: relative;
-  z-index: 1; }
-  .hero-area.is-services h1 {
-    font-size: 3rem;
-    line-height: 130%;
-    font-weight: 700;
-    letter-spacing: -0.57px;
-    margin-bottom: 1rem;
-    text-wrap: balance; }
-  .hero-area.is-services p {
-    font-family: "Roboto", sans-serif;
-    font-size: 1rem;
-    line-height: 160%;
-    color: #636363;
-    margin-bottom: 2rem;
-    text-wrap: balance; }
-  @media screen and (max-width: 768px) {
-    .hero-area.is-services {
-      margin-top: 40px; }
-      .hero-area.is-services h1 {
-        font-size: 2rem; }
-      .hero-area.is-services .section-title h2 {
-        font-size: 1.5rem;
-        letter-spacing: 0;
-        line-height: 1.4; } }
-
-.bg-light {
-  background-color: #f9f9f9; }
-
-.benefits-section {
-  margin-top: 50px; }
-  @media screen and (max-width: 768px) {
-    .benefits-section .section-title h2 {
-      text-align: center;
-      text-wrap: unset; } }
-
-.service-card {
-  background: #ffffff;
-  border-radius: 8px;
-  padding: 30px;
-  text-align: center;
-  transition: all 0.3s ease;
-  height: 100%; }
-  .service-card .service-icon {
-    width: 60px;
-    height: 60px;
-    font-size: 24px;
-    margin: 0 auto 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 8px;
-    background-color: #f0f4f2;
-    color: var(--ac-primary); }
-    .service-card .service-icon img {
-      max-width: 30px;
-      max-height: 30px; }
-  .service-card h4 {
-    font-size: 1.25rem;
-    font-weight: 600;
-    margin-bottom: 10px; }
-  .service-card p {
-    font-size: 1rem;
-    line-height: 1.5;
-    color: #636363; }
-
-.development-card {
-  text-align: center;
-  padding: 20px;
-  border-radius: 8px;
-  transition: all 0.3s ease;
-  height: 100%;
-  background: #ffffff;
-  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center; }
-  .development-card .development-icon {
-    font-size: 32px;
-    width: 32px;
-    color: var(--ac-primary);
-    margin-bottom: 8px; }
-  .development-card h4 {
-    font-size: 1.25rem;
-    font-weight: 500; }
-
-.cta-action-section {
-  background: var(--ac-primary);
-  padding: 60px 20px; }
-  .cta-action-section h2 {
-    margin-bottom: 15px;
-    color: #ffffff; }
-  .cta-action-section p {
-    font-size: 1.125rem;
-    color: #ffffff;
-    margin-bottom: 25px; }
-  .cta-action-section a {
-    color: #ffffff;
-    text-decoration: underline; }
-  .cta-action-section .button {
-    font-size: 1rem;
-    padding: 12px 30px;
-    border-radius: 5px;
-    transition: background-color 0.3s ease; }
-    .cta-action-section .button:hover {
-      background-color: #009e86;
-      color: #ffffff; }
-
-.card-section .single-card-wrapper:first-child {
-  border-right: 1px solid #e7e7e7; }
-.card-section .single-card-wrapper:nth-child(3), .card-section .single-card-wrapper:nth-child(5) {
-  border-top: 1px solid #e7e7e7;
-  border-right: 1px solid #e7e7e7; }
-.card-section .single-card-wrapper:nth-child(4), .card-section .single-card-wrapper:nth-child(6) {
-  border-top: 1px solid #e7e7e7; }
-@media screen and (max-width: 768px) {
-  .card-section .single-card-wrapper {
-    border: none !important; }
-    .card-section .single-card-wrapper:nth-child(3), .card-section .single-card-wrapper:nth-child(4), .card-section .single-card-wrapper:nth-child(5), .card-section .single-card-wrapper:nth-child(6) {
-      border-top: none !important; } }
-.card-section .single-feature {
-  height: 100%;
-  padding: 32px;
-  border: none;
-  background-color: #fff; }
-  .card-section .single-feature .icon {
-    background-color: #f0f4f2 !important;
-    color: var(--ac-primary);
-    font-size: 24px;
-    border-radius: 8px !important; }
-
-.services-menu .single-product {
-  position: relative;
-  z-index: 1;
-  padding: 16px 24px;
-  border-radius: 8px; }
-  .services-menu .single-product .product-logo {
-    background-color: #fff !important;
-    border: 1px solid #e7e7e7;
-    border-radius: 10px !important; }
-    .services-menu .single-product .product-logo img {
-      height: 2rem !important; }
-  .services-menu .single-product p {
-    margin-bottom: 0 !important; }
-  .services-menu .single-product:hover {
-    background-color: #ebf4f0; }
-    .services-menu .single-product:hover h2 {
-      color: var(--ac-primary); }
-  .services-menu .single-product::after {
-    position: absolute;
-    content: "";
-    right: -7px;
-    top: 50%;
-    transform: translateY(-50%) rotate(45deg);
-    width: 16px;
-    height: 16px;
-    background: #ebf4f0;
-    border-radius: 0px 4px 0 0;
-    z-index: -1;
-    transition: 0.3s ease-in-out;
-    opacity: 0;
-    visibility: hidden; }
-  .services-menu .single-product.is-active {
-    background-color: #ebf4f0 !important; }
-    .services-menu .single-product.is-active::after {
-      opacity: 1;
-      visibility: visible; }
-
-.offering-description-container .product-info .arrow-right.icon {
-  opacity: 0;
-  visibility: hidden;
-  transition: 0.3s ease; }
-.offering-description-container .single-product h2 {
-  letter-spacing: 0;
-  color: var(--ac-primary); }
-.offering-description-container .single-product:hover h2 {
-  text-decoration: underline; }
-.offering-description-container .single-product:hover .arrow-right.icon {
-  opacity: 1;
-  visibility: visible; }
-
-.engagement-models-section .engagement-card-wrapper {
-  border: 1px solid #e7e7e7;
-  border-radius: 8px;
-  background-color: #fff;
-  display: flex; }
-  @media screen and (max-width: 1023px) {
-    .engagement-models-section .engagement-card-wrapper {
-      flex-direction: column; }
-      .engagement-models-section .engagement-card-wrapper .engagement-card {
-        width: 100% !important;
-        border-left: none !important;
-        border-right: none !important;
-        border-bottom: 1px solid #e7e7e7; }
-        .engagement-models-section .engagement-card-wrapper .engagement-card:last-child {
-          border-bottom: none !important; } }
-  .engagement-models-section .engagement-card-wrapper .engagement-card {
-    padding: 30px;
-    border-right: 1px solid #e7e7e7;
-    flex-grow: 1;
-    width: min-content; }
-    .engagement-models-section .engagement-card-wrapper .engagement-card:last-child {
-      border-right: none; }
-    .engagement-models-section .engagement-card-wrapper .engagement-card h4 {
-      font-size: 1.25rem;
-      font-weight: 600;
-      margin-bottom: 10px; }
-    .engagement-models-section .engagement-card-wrapper .engagement-card .num-icon {
-      border-radius: 8px !important;
-      font-size: 30px;
-      font-weight: 900;
-      display: flex;
-      align-items: center;
-      margin-bottom: 8px; }
-
-.cloud-native-partner-section .single-feature {
-  height: 100%;
-  align-items: center;
-  text-align: center;
-  padding: 70px 80px;
-  border-radius: 8px;
-  background-color: #fff; }
-  @media screen and (min-width: 1024px) {
-    .cloud-native-partner-section .single-feature {
-      padding: 24px; } }
-  @media screen and (max-width: 1023px) {
-    .cloud-native-partner-section .single-feature {
-      padding: 16px; } }
-  .cloud-native-partner-section .single-feature .icon {
-    background-color: transparent !important;
-    border-radius: 8px !important;
-    color: var(--ac-primary);
-    font-size: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-bottom: 16px; }
-
-.product-development-process-section .steps-wrapper {
-  display: grid;
-  grid-template-columns: 5fr 7fr;
-  gap: 16px; }
-  @media screen and (max-width: 1023px) {
-    .product-development-process-section .steps-wrapper {
-      grid-template-columns: 1fr; } }
-.product-development-process-section .tab-items {
-  display: flex;
-  flex-direction: column;
-  gap: 8px; }
-  .product-development-process-section .tab-items .tab-item {
-    cursor: pointer;
-    padding: 8px 12px;
-    border-radius: 8px;
-    transition: all 0.3s ease;
-    text-align: center;
-    border: 1px solid #e7e7e7;
-    background: #ffffff;
-    height: 100%;
-    display: flex;
-    align-items: center; }
-    .product-development-process-section .tab-items .tab-item.is-active {
-      background-color: var(--ac-primary);
-      border: 1px solid var(--ac-primary);
-      color: #ffffff;
-      cursor: default; }
-      .product-development-process-section .tab-items .tab-item.is-active .date strong {
-        color: var(--ac-primary); }
-      .product-development-process-section .tab-items .tab-item.is-active .tab-icon {
-        color: #ffffff; }
-      .product-development-process-section .tab-items .tab-item.is-active h4 {
-        color: #ffffff; }
-    .product-development-process-section .tab-items .tab-item .date {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      margin-right: 16px;
-      width: 48px;
-      height: 48px;
-      border-radius: 8px;
-      background-color: #f0f4f2;
-      color: var(--ac-primary);
-      font-size: 18px;
-      font-weight: 700;
-      padding: 8px; }
-      .product-development-process-section .tab-items .tab-item .date strong {
-        font-size: 1.25rem;
-        font-weight: 600;
-        display: block;
-        line-height: 1;
-        color: #b6c9bf; }
-      .product-development-process-section .tab-items .tab-item .date span {
-        font-size: 0.875rem;
-        color: #636363; }
-    .product-development-process-section .tab-items .tab-item h4 {
-      font-size: 18px; }
-.product-development-process-section .tab-content {
-  padding: 20px;
-  border: 1px solid #e7e7e7;
-  border-radius: 8px;
-  background: #ffffff;
-  height: 100%;
-  display: none;
-  animation: fadeIn 0.3s ease-in-out;
-  text-align: center; }
-  .product-development-process-section .tab-content.is-active {
-    display: block; }
-  .product-development-process-section .tab-content h4 {
-    font-size: 18px;
-    font-weight: 600;
-    margin-bottom: 16px; }
-  .product-development-process-section .tab-content p {
-    font-size: 1rem;
-    line-height: 1.5;
-    color: #636363; }
-  .product-development-process-section .tab-content img {
-    max-width: 100%;
-    height: auto;
-    max-height: 200px; }
-
-.features-area h3 {
-  margin-bottom: 1rem;
-  font-weight: 700; }
-.features-area p {
-  margin-bottom: 16px; }
-
-.logo-presentation {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 20px;
-  align-items: center;
-  justify-content: center; }
-  .logo-presentation .single-logo {
-    border: 1px solid #e7e7e7;
-    border-radius: 8px;
-    padding: 20px;
-    background: #ffffff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: auto;
-    flex-direction: column;
-    gap: 8px; }
-    .logo-presentation .single-logo img {
-      width: auto;
-      height: 60px;
-      object-fit: contain; }
-
-.resource-card {
-  background: #ffffff;
-  border-radius: 8px;
-  padding: 20px;
-  text-align: left;
-  transition: all 0.3s ease;
-  height: 100%;
-  display: block;
-  border: 1px solid #e7e7e7; }
-  .resource-card:hover {
-    box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);
-    transform: translateY(-5px); }
-    .resource-card:hover h4 {
-      color: var(--ac-primary); }
-  .resource-card .tag {
-    display: inline-block;
-    background-color: #f0f4f2;
-    color: var(--ac-primary);
-    font-size: 0.875rem;
-    font-weight: 500;
-    padding: 4px 8px;
-    border-radius: 5px;
-    margin-bottom: 12px; }
-  .resource-card h4 {
-    font-size: 1.25rem;
-    font-weight: 600;
-    margin-bottom: 10px; }
-  .resource-card p {
-    font-size: 1rem;
-    line-height: 1.5;
-    color: #636363; }
-
-.working-scenarios-section .single-feature .icon {
-  width: 36px;
-  height: 36px;
-  background-color: transparent !important;
-  padding: 0; }
-
-.service-wrapper .service-content h3 {
-  margin-bottom: 1rem;
-  font-weight: 700; }
-  @media screen and (max-width: 768px) {
-    .service-wrapper .service-content h3 {
-      font-size: 1.5rem; } }
-.service-wrapper .service-content p {
-  margin-bottom: 16px; }
-.service-wrapper .service-content ul li {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-  margin-bottom: 16px; }
-  .service-wrapper .service-content ul li .icon {
-    margin-top: 3px; }
-
-.hero-illustration img {
-  max-height: 450px; }
-
-@media screen and (max-width: 768px) {
-  .services .section-title h2 {
-    font-size: 1.5rem;
-    letter-spacing: -0.3px; } }
-
-/*# sourceMappingURL=main.css.map */
+    padding-right: 15rem
+}
+.pt-0 {
+    padding-top: 0px
+}
+.uppercase {
+    text-transform: uppercase
+}
+.underline {
+    text-decoration-line: underline
+}
+.transition {
+    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
+    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    -webkit-transition-duration: 150ms;
+            transition-duration: 150ms
+}
+/* Custom component styles compiled from SCSS (output of: npm run build:sass) */
diff --git a/static/assets/sass/main.scss b/static/assets/sass/main.scss
index 9331c0bbfd..92ccb5c486 100644
--- a/static/assets/sass/main.scss
+++ b/static/assets/sass/main.scss
@@ -1,7 +1,8 @@
 // appsCode.com Sass Template
 // Author: AppsCode
 // Version: 0.0.1
-@import "../../../node_modules/bulma/bulma.sass";
+// NOTE: Bulma has been replaced by Tailwind CSS.
+// Responsive mixins (mobile, touch, tablet, desktop) are defined in mixins/_mixin.scss
 
 //BASE - Base styles, variables, mixins
 @import "base/utilities/_initial-variable";
@@ -13,6 +14,9 @@
 // mixins
 @import "mixins/_mixin";
 
+// Bulma-compatible base classes (grid, container, form elements, visibility)
+@import "base/_bulma-compat";
+
 //BASE - Base styles, variables, mixins
 @import "base/_global";
 @import "base/_video-palyer";
diff --git a/static/assets/sass/mixins/_mixin.scss b/static/assets/sass/mixins/_mixin.scss
index cc71e1c267..4ae3260a00 100644
--- a/static/assets/sass/mixins/_mixin.scss
+++ b/static/assets/sass/mixins/_mixin.scss
@@ -1,3 +1,50 @@
+// ---------------------------------------------------------------------------
+// Responsive breakpoint mixins (replacing Bulma's built-in mixins)
+// ---------------------------------------------------------------------------
+@mixin mobile {
+  @media screen and (max-width: 768px) { @content; }
+}
+
+@mixin tablet {
+  @media screen and (min-width: 769px) { @content; }
+}
+
+@mixin tablet-only {
+  @media screen and (min-width: 769px) and (max-width: 1023px) { @content; }
+}
+
+@mixin touch {
+  @media screen and (max-width: 1023px) { @content; }
+}
+
+@mixin desktop {
+  @media screen and (min-width: 1024px) { @content; }
+}
+
+@mixin desktop-only {
+  @media screen and (min-width: 1024px) and (max-width: 1215px) { @content; }
+}
+
+@mixin widescreen {
+  @media screen and (min-width: 1216px) { @content; }
+}
+
+@mixin widescreen-only {
+  @media screen and (min-width: 1216px) and (max-width: 1407px) { @content; }
+}
+
+@mixin fullhd {
+  @media screen and (min-width: 1408px) { @content; }
+}
+
+@mixin until-widescreen {
+  @media screen and (max-width: 1215px) { @content; }
+}
+
+@mixin until-fullhd {
+  @media screen and (max-width: 1407px) { @content; }
+}
+
 // ac-buttons
 @mixin ac-button($colorName) {
   background-color: $colorName;
diff --git a/static/assets/sass/pages/_services.scss b/static/assets/sass/pages/_services.scss
index 793c692ae5..04bf60180a 100644
--- a/static/assets/sass/pages/_services.scss
+++ b/static/assets/sass/pages/_services.scss
@@ -151,7 +151,7 @@
     transition: background-color 0.3s ease;
 
     &:hover {
-      background-color: darken($primary, 10%);
+      background-color: darken(#00a651, 10%);
       color: #ffffff;
     }
   }
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000000..06dad92c7e
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,20 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './layouts/**/*.html',
+    './content/**/*.md',
+    './content/**/*.html',
+  ],
+  // Disable preflight to avoid conflicts with existing custom CSS base styles
+  corePlugins: {
+    preflight: false,
+  },
+  theme: {
+    extend: {
+      colors: {
+        primary: '#00a651',
+      },
+    },
+  },
+  plugins: [],
+};